/* You can add global styles to this file, and also import other style files */

@charset "UTF-8";

/********Bootstrap overrides***********/

/*******./Bootstrap overrides**********/

/*$base-font-family: $font-family-base;
$base-font-family-two: $font-family-base;*/

/*@font-face {
    font-family: 'glyphicons-halflings-regular';
    src: url('../../bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.eot') format('embedded-opentype');
}*/

/***transition***/

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-ExtraLight.a629a9c6cb4184fdbf52.woff2') format('woff2'), url('SourceSansPro-ExtraLight.f3fda02d13be37f04148.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-BlackItalic.dc2aeed524020417e75e.woff2') format('woff2'), url('SourceSansPro-BlackItalic.23ac2cb303e520d9dae1.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Italic.df0284f48bf82344e808.woff2') format('woff2'), url('SourceSansPro-Italic.0a5e990ac6ee1cbd5331.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-SemiBold.ea12a4c1226398200b27.woff2') format('woff2'), url('SourceSansPro-SemiBold.2e8a8368205a8b773e32.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Regular.2002a425747f5a14e2ec.woff2') format('woff2'), url('SourceSansPro-Regular.30c47935a0d8eb4943fb.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-LightItalic.5fe22e53f5325a7be047.woff2') format('woff2'), url('SourceSansPro-LightItalic.80562f412fba0975d584.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-ExtraLightItalic.e18594a38c6a04711f56.woff2') format('woff2'), url('SourceSansPro-ExtraLightItalic.4a745a8610207e8d302b.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-BoldItalic.ef8fdb1ec6ba81eaa0ed.woff2') format('woff2'), url('SourceSansPro-BoldItalic.097e86e5c1a9d40ae43e.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Black.0909c2844da7ecd1d03d.woff2') format('woff2'), url('SourceSansPro-Black.f18ac4042ae8e0afd62e.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Bold.0c995bef8bf72442d796.woff2') format('woff2'), url('SourceSansPro-Bold.91f9f2e61630c9aa1404.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Light.fda76ee47fb03c6f600c.woff2') format('woff2'), url('SourceSansPro-Light.9af3f18eb9e9a9513df6.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-SemiBoldItalic.f035d6a1c635cda6d11a.woff2') format('woff2'), url('SourceSansPro-SemiBoldItalic.5fd025fde03c4c25da3b.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/*@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Dosis/dosis-v7-latin-regular.eot');
    src: local('Dosis Regular'), local('Dosis-Regular'),
         url('fonts/Dosis/dosis-v7-latin-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Dosis/dosis-v7-latin-regular.woff2') format('woff2'),
         url('fonts/Dosis/dosis-v7-latin-regular.woff') format('woff'),
         url('fonts/Dosis/dosis-v7-latin-regular.ttf') format('truetype'),
         url('fonts/Dosis/dosis-v7-latin-regular.svg#Dosis') format('svg');
}*/

/******Default fonts for kendo PDF export*******/

/*@font-face {
  font-family: "DejaVu Sans";
  src: url("fonts/Opensans/opensans-regular") format("woff2"), url("fonts/Opensans/opensans-regular") format("woff");
}

@font-face {
  font-family: "DejaVu Sans";
  font-weight: bold;
  src: url("fonts/Opensans/opensans-bold") format("woff2"), url("fonts/Opensans/opensans-bold") format("woff");
}

@font-face {
  font-family: "DejaVu Sans";
  font-style: italic;
  src: url("fonts/Opensans/opensans-regular") format("woff2"), url("fonts/Opensans/opensans-regular") format("woff");
}

@font-face {
  font-family: "DejaVu Sans";
  font-weight: bold;
  font-style: italic;
  src: url("fonts/Opensans/opensans-bold") format("woff2"), url("fonts/Opensans/opensans-bold") format("woff");
}


@font-face {
  font-family: "DejaVu Serif";
  src: url("fonts/Opensans/opensans-regular") format("woff2"), url("fonts/Opensans/opensans-bold") format("woff");
}

@font-face {
  font-family: "DejaVu Serif";
  font-weight: bold;
  src: url("fonts/Opensans/opensans-bold") format("woff2"), url("fonts/Opensans/opensans-bold") format("woff");
}

@font-face {
  font-family: "DejaVu Serif";
  font-style: italic;
  src: url("fonts/Opensans/opensans-regular") format("woff2"), url("fonts/Opensans/opensans-regular") format("woff");
}

@font-face {
  font-family: "DejaVu Serif";
  font-weight: bold;
  font-style: italic;
  src: url("fonts/Opensans/opensans-bold") format("woff2"), url("fonts/Opensans/opensans-bold") format("woff");
}


@font-face {
  font-family: "DejaVu Mono";
  src: url("fonts/Opensans/opensans-regular") format("woff2"), url("fonts/Opensans/opensans-regular") format("woff");
}

@font-face {
  font-family: "DejaVu Mono";
  font-weight: bold;
  src: url("fonts/Opensans/opensans-bold") format("woff2"), url("fonts/Opensans/opensans-bold") format("woff");
}

@font-face {
  font-family: "DejaVu Mono";
  font-style: italic;
  src: url("fonts/Opensans/opensans-regular") format("woff2"), url("fonts/Opensans/opensans-regular") format("woff");
}

@font-face {
  font-family: "DejaVu Mono";
  font-weight: bold;
  font-style: italic;
  src: url("fonts/Opensans/opensans-bold") format("woff2"), url("fonts/Opensans/opensans-bold") format("woff");
}*/

/*****./Default fonts for kendo PDF export******/

/********Bootstrap overrides***********/

/*******./Bootstrap overrides**********/

/*$base-font-family: $font-family-base;
$base-font-family-two: $font-family-base;*/

/*@font-face {
    font-family: 'glyphicons-halflings-regular';
    src: url('../../bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.eot') format('embedded-opentype');
}*/

/***transition***/

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #4454af;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

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

html {
  font-family: ;
  -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: , ;
  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;
  }
}

* {
  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: "Source Sans Pro",  ;
  font-size: 13px;
  line-height: 1.42857;
  color: #000;
  background-color: #f7f7f7;
}

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

a {
  color: #479f17;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #295c0d;
  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: #f7f7f7;
  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: 18px;
  margin-bottom: 18px;
  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: #000;
}

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: 18px;
  margin-bottom: 9px;
}

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: 9px;
  margin-bottom: 9px;
}

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: 33px;
}

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

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

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

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

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

p {
  margin: 0 0 9px;
}

.lead {
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 19.5px;
  }
}

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

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: #479f17;
}

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

.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: #479f17;
}

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

.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: 8px;
  margin: 36px 0 18px;
  border-bottom: 1px solid #eeeeee;
}

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

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: 18px;
}

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: 9px 18px;
  margin: 0 0 18px;
  font-size: 16.25px;
  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: 18px;
  font-style: normal;
  line-height: 1.42857;
}

code,
kbd,
pre,
samp {

}

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: 8.5px;
  margin: 0 0 9px;
  font-size: 12px;
  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: 18px;
}

.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: #f7f7f7;
}

.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: 13.5px;
    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: 18px;
  font-size: 19.5px;
  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: 13px;
  line-height: 1.42857;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  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: 32px;
  }

  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: 45px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 18px;
  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: 31px;
}

.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: 30px;
  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: 45px;
  padding: 10px 16px;
  font-size: 17px;
  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: 45px;
  line-height: 45px;
}

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: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 45px;
  line-height: 45px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 45px;
  min-height: 35px;
  padding: 11px 16px;
  font-size: 17px;
  line-height: 1.33333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 40px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  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: 45px;
  height: 45px;
  line-height: 45px;
}

.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: 23px;
}

.has-feedback label.sr-only~.form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #404040;
}

@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: 25px;
}

.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: 17px;
  }
}

@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;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-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: #479f17;
  border-color: #3d8914;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #337211;
  border-color: #0b1904;
}

.btn-primary:hover {
  color: #fff;
  background-color: #337211;
  border-color: #25530c;
}

.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #337211;
  border-color: #25530c;
}

.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: #25530c;
  border-color: #0b1904;
}

.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: #479f17;
  border-color: #3d8914;
}

.btn-primary .badge {
  color: #479f17;
  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: #479f17;
  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: #295c0d;
  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: 17px;
  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: 13px;
  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: 8px 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: #479f17;
}

.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: 13px;
  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: 17px;
  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: #479f17;
}

.nav .nav-divider {
  height: 1px;
  margin: 8px 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: #f7f7f7;
  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: #479f17;
}

.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: #f7f7f7;
  }
}

.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: 18px;
  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: 16px 15px;
  font-size: 17px;
  line-height: 18px;
  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: 8px -15px;
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 18px;
}

@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: 18px;
  }

  .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: 16px;
    padding-bottom: 16px;
  }
}

.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: 9px;
  margin-bottom: 9px;
}

@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: 9px;
  margin-bottom: 9px;
}

.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: 16px;
  margin-bottom: 16px;
}

@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: 18px;
  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;
}

/*@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/pagination";*/

/*@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/pager";*/

.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: #479f17;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #337211;
}

.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: #479f17;
  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;
}

/*@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/jumbotron";*/

/*@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/thumbnails";*/

.alert {
  padding: 15px;
  margin-bottom: 18px;
  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;
}

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

  to {
    background-position: 0 0;
  }
}

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

  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  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: 18px;
  color: #fff;
  text-align: center;
  background-color: #479f17;
  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 {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  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);
}

/*@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/media";*/

.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: #479f17;
  border-color: #479f17;
}

.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: #b3ef93;
}

.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: 18px;
  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: 15px;
  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: 18px;
}

.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: #479f17;
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #479f17;
  border-color: #479f17;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #479f17;
}

.panel-primary>.panel-heading .badge {
  color: #479f17;
  background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #479f17;
}

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

/*@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/responsive-embed";*/

/*@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/wells";*/

.close {
  float: right;
  font-size: 19.5px;
  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-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: "Roboto";
  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: 13px;
  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: 13px;
  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;
    -webkit-backface-visibility: hidden;
    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;
  }
}

.loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  background-color: rgba(252, 252, 252, 0.85);
  z-index: 9999;
  text-align: center;
  cursor: wait;
}

.cssload-dots {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  outline: 1px solid red;
  filter: url(#goo);
  -o-filter: url(#goo);
  -ms-filter: url(#goo);
  -webkit-filter: url(#goo);
  -moz-filter: url(#goo);
}

.cssload-dot {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.cssload-dot:before {
  content: "";
  width: 39px;
  height: 39px;
  border-radius: 56px;
  background: #fbd301;
  position: absolute;
  left: 50%;
  transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  margin-left: -19.5px;
  margin-top: -19.5px;
}

.cssload-dot:nth-child(5):before {
  z-index: 100;
  width: 51.5px;
  height: 51.5px;
  margin-left: -25.75px;
  margin-top: -25.75px;
  animation: cssload-dot-colors 4.6s ease infinite;
  -o-animation: cssload-dot-colors 4.6s ease infinite;
  -ms-animation: cssload-dot-colors 4.6s ease infinite;
  -webkit-animation: cssload-dot-colors 4.6s ease infinite;
  -moz-animation: cssload-dot-colors 4.6s ease infinite;
}

.cssload-dot:nth-child(1) {
  animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
  -o-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
  -ms-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
  -webkit-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
  -moz-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
}

.cssload-dot:nth-child(1):before {
  background-color: #ff3270;
  animation: cssload-dot-move 4.6s 0s ease infinite;
  -o-animation: cssload-dot-move 4.6s 0s ease infinite;
  -ms-animation: cssload-dot-move 4.6s 0s ease infinite;
  -webkit-animation: cssload-dot-move 4.6s 0s ease infinite;
  -moz-animation: cssload-dot-move 4.6s 0s ease infinite;
}

.cssload-dot:nth-child(2) {
  animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
  -o-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
  -ms-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
  -webkit-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
  -moz-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
}

.cssload-dot:nth-child(2):before {
  background-color: #208bf1;
  animation: cssload-dot-move 4.6s 1.15s ease infinite;
  -o-animation: cssload-dot-move 4.6s 1.15s ease infinite;
  -ms-animation: cssload-dot-move 4.6s 1.15s ease infinite;
  -webkit-animation: cssload-dot-move 4.6s 1.15s ease infinite;
  -moz-animation: cssload-dot-move 4.6s 1.15s ease infinite;
}

.cssload-dot:nth-child(3) {
  animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
  -o-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
  -ms-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
  -webkit-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
  -moz-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
}

.cssload-dot:nth-child(3):before {
  background-color: #afe102;
  animation: cssload-dot-move 4.6s 2.3s ease infinite;
  -o-animation: cssload-dot-move 4.6s 2.3s ease infinite;
  -ms-animation: cssload-dot-move 4.6s 2.3s ease infinite;
  -webkit-animation: cssload-dot-move 4.6s 2.3s ease infinite;
  -moz-animation: cssload-dot-move 4.6s 2.3s ease infinite;
}

.cssload-dot:nth-child(4) {
  animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
  -o-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
  -ms-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
  -webkit-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
  -moz-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
}

.cssload-dot:nth-child(4):before {
  background-color: #fbd301;
  animation: cssload-dot-move 4.6s 3.45s ease infinite;
  -o-animation: cssload-dot-move 4.6s 3.45s ease infinite;
  -ms-animation: cssload-dot-move 4.6s 3.45s ease infinite;
  -webkit-animation: cssload-dot-move 4.6s 3.45s ease infinite;
  -moz-animation: cssload-dot-move 4.6s 3.45s ease infinite;
}

@keyframes cssload-dot-move {
  0% {
    transform: translateY(0);
  }

  18%,
  22% {
    transform: translateY(-79px);
  }

  40%,
  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes cssload-dot-move {
  0% {
    -webkit-transform: translateY(0);
  }

  18%,
  22% {
    -webkit-transform: translateY(-79px);
  }

  40%,
  100% {
    -webkit-transform: translateY(0);
  }
}

@keyframes cssload-dot-colors {
  0% {
    background-color: #fbd301;
  }

  25% {
    background-color: #ff3270;
  }

  50% {
    background-color: #208bf1;
  }

  75% {
    background-color: #afe102;
  }

  100% {
    background-color: #fbd301;
  }
}

@-webkit-keyframes cssload-dot-colors {
  0% {
    background-color: #fbd301;
  }

  25% {
    background-color: #ff3270;
  }

  50% {
    background-color: #208bf1;
  }

  75% {
    background-color: #afe102;
  }

  100% {
    background-color: #fbd301;
  }
}

@keyframes cssload-dot-rotate-1 {
  0% {
    transform: rotate(-105deg);
  }

  100% {
    transform: rotate(270deg);
  }
}

@-webkit-keyframes cssload-dot-rotate-1 {
  0% {
    -webkit-transform: rotate(-105deg);
  }

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

@keyframes cssload-dot-rotate-2 {
  0% {
    transform: rotate(165deg);
  }

  100% {
    transform: rotate(540deg);
  }
}

@-webkit-keyframes cssload-dot-rotate-2 {
  0% {
    -webkit-transform: rotate(165deg);
  }

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

@keyframes cssload-dot-rotate-3 {
  0% {
    transform: rotate(435deg);
  }

  100% {
    transform: rotate(810deg);
  }
}

@-webkit-keyframes cssload-dot-rotate-3 {
  0% {
    -webkit-transform: rotate(435deg);
  }

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

@keyframes cssload-dot-rotate-4 {
  0% {
    transform: rotate(705deg);
  }

  100% {
    transform: rotate(1080deg);
  }
}

@-webkit-keyframes cssload-dot-rotate-4 {
  0% {
    -webkit-transform: rotate(705deg);
  }

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

/*LOADER*/

.loading {
  /* Sections */
  /* --- */
}

.loading .spinner-double-section-far {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3.125px solid #456abd;
  -webkit-animation: spinner 1.0s linear infinite;
          animation: spinner 1.0s linear infinite;
}

.loading .spinner-double-section-far {
  position: relative;
}

.loading .spinner-double-section-far:before,
.loading .spinner-double-section-far:after {
  content: '';
  position: absolute;
  top: -3.125px;
  left: -3.125px;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3.125px solid transparent;
  border-top-color: #6c8bd1;
}

.loading .spinner-double-section-far:after {
  border-top-color: transparent;
  border-bottom-color: #6c8bd1;
}

.loading .spinner-double-section-far:before,
.loading .spinner-double-section-far:after {
  top: -9.375px;
  left: -9.375px;
  width: 62.5px;
  height: 62.5px;
}

.loading span {
  margin: 10px;
}

.loading span:nth-child(4n+1) {
  clear: both;
}

.loading .load-img {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.loading .load-img img {
  position: absolute;
  width: 46px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@-webkit-keyframes spinner {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*LOADER END*/

.h-ribbon {
  width: 100%;
  height: 4px;
  background-color: #f35958;
}

.h-ribbon .red {
  background-color: #f35958 !important;
}

.notification-alert {
  width: 29px;
  height: 29px;
  /*background-image: url("../img/notification-alert.png");*/
  position: absolute;
  float: right;
  right: -15px;
  z-index: 9999;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-weight: 300;
  color: #000;
  cursor: default;
}

h1 {
  line-height: 43px;
}

h2 {
  line-height: 35px;
}

h3 {
  line-height: 23px;
}

h4 {
  line-height: 18px;
}

h3 small,
h4 small,
h5 small {
  font-weight: 300;
  color: #444;
}

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

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

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

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

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

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

h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
  padding-bottom: 10px;
}

a {
  text-shadow: none !important;
  transition: color 0.1s linear 0s, background-color 0.1s linear 0s !important;
}

a.icon:hover {
  text-decoration: none;
  transition: all 0.1s ease-in-out;
  opacity: .4;
}

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

i {
  font-size: 14px;
}

/*label {
  display: block;
  margin-bottom: 5px;
}*/

label.inline {
  display: inline-block;
  position: relative;
  top: 0px;
  font-size: 14px;
}

label.done {
  color: #0090d9 !important;
  text-decoration: line-through;
}

ul>li {
  padding-left: 6px;
  line-height: 20px;
}

ul.progress-list {
  list-style: none;
  margin: 10px 5px 23px 0;
  padding: 0;
}

ul.progress-list li .details-wrapper {
  display: inline-block;
  float: left;
}

ul.progress-list li .details-wrapper .name {
  display: block;
  color: #000;
  font-size: 13px;
}

ul.progress-list li .details-wrapper .description {
  display: block;
  color: #9a9a9a;
  font-size: 12px;
}

ul.progress-list li .details-status {
  display: inline-block;
  background-color: #e5e9ec;
  color: #5c6370;
  font-size: 11px;
  padding: 6px;
  border-radius: 3px;
}

ul.progress-list li .progress {
  margin-top: 10px;
}

ul.my-friends {
  margin: 0px;
  margin-top: 16px;
  padding: 0;
}

ul.my-friends li {
  float: left;
  display: inline;
  margin-right: 5px;
  margin-bottom: 8px;
}

ul.my-friends li .profile-pic {
  border-radius: 100px;
  display: inline-block;
  float: left;
  height: 35px;
  overflow: hidden;
  width: 35px;
}

address {
  margin-bottom: 0px;
}

blockquote {
  padding: 0 0 0 18px;
  border-left: 5px solid #EEEEEE;
}

blockquote p {
  font-size: 16px;
}

blockquote small {
  line-height: 29px;
  color: #8b91a0;
}

blockquote small:before {
  content: "";
}

blockquote.pull-right small:after {
  content: "";
}

.logo {
  margin: 12px 0 0;
}

.normal {
  font-weight: normal;
}

.semi-bold {
  font-weight: 600;
}

.bold {
  font-weight: bold;
}

.all-caps {
  text-transform: uppercase;
}

.light {
  font-weight: 300 !important;
}

.text-extra-small {
  font-size: 10.5px !important;
}

.small-text {
  font-size: 12px !important;
}

.normal-text {
  font-size: 13px !important;
}

.large-text {
  font-size: 15px !important;
}

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

.muted {
  color: #b6bfc5;
}

.bg-blue {
  background-color: #00a2e8 !important;
}

.bg-red {
  background-color: #f35958 !important;
}

.bg-yellow {
  background-color: #ffcc00 !important;
}

.bg-green {
  background-color: #4aa11c !important;
}

.bg-purple {
  color: #735f87 !important;
}

.bg-grey {
  color: #666 !important;
}

.text-black {
  color: #000 !important;
}

.text-purple {
  color: #735f87 !important;
}

.text-white {
  color: #ffffff !important;
}

.text-grey {
  color: #666 !important;
}

.text-success {
  color: #479f17 !important;
}

.text-info {
  color: #3cb878 !important;
}

.text-warning {
  color: #f49055 !important;
}

.text-error {
  color: #f35958 !important;
}

.text-white-opacity {
  color: #ffffff;
  opacity: 0.6;
}

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

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

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

.color-bands {
  display: inline-block;
  width: 80px;
  height: 4px;
  margin-right: 2px;
  margin-bottom: 8px;
}

.color-bands.green {
  background-color: #4aa11c;
}

.color-bands.purple {
  background-color: #735f87;
}

.color-bands.red {
  background-color: #f35958;
}

.color-bands.blue {
  background-color: #00a2e8;
}

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

.icon-custom-2x {
  font-size: 0.9em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

[class^="icon-"],
[class*=" icon-"],
[class^="icon-"]:hover,
[class*=" icon-"]:hover {
  background: none !important;
}

.page-title {
  padding: 0px;
  display: block;
  color: #000;
  margin: 0 0 10px;
  font-weight: 300;
  /*i {
        display: inline-block;
        color: $text-color;
        font-size: 28px;
        margin-right:10px;
        position: relative;
        float:left;
        line-height: 24px;
    }*/
}

.page-title h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  font-weight: 400;
  margin-top: 4px;
  font-size: 20px;
}

.page-title h4 {
  font-weight: 300;
  font-size: 18px;
}

.page-title h4 span {
  font-weight: 400;
  font-size: 16px;
}

.page-title small {
  font-size: 18px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
  margin-left: 15px;
}

.page-title .btn {
  min-width: 80px;
}

.page-title p {
  font-weight: 400;
  margin-top: 10px;
}

.page-content .breadcrumb a,
.page-content .breadcrumb i,
.page-content .breadcrumb span,
.page-content .breadcrumb li {
  color: #515050;
  font-weight: 300;
  text-shadow: none;
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #515050;
  font-family: FontAwesome;
  content: "\f105";
}

.well {
  background-color: #999;
  border-radius: 3px;
  box-shadow: none !important;
  border: none;
  background-image: none;
}

.well.well-large {
  padding: 24px;
  width: auto;
}

.well.well-small {
  padding: 13px;
  width: auto;
}

.well.green {
  background-color: #4aa11c;
  color: #ffffff;
  border: none;
}

a:hover,
a:focus {
  color: #479f17;
}

.text-primary {
  color: #479f17 !important;
}

* {
  box-sizing: border-box;
}

/*span {
    &.iconset {
        display: block;
    }
}

.iconset {
    background: $iconset;
    position: relative;
    top: 1px;
    width: 24px;
    height: 28px;
    display: inline-block;

    &.dashbrd {
        background-position: 0 1px;
        top: -1px;
    }

    &.enqry {
        background-position: -24px 1px;
        top: 1px;
    }

    &.p-order {
        background-position: -47px -2px;
        top: 1px;
    }

    &.po-cnfrm {
        background-position: -73px -2px;
    }

    &.goods {
        background-position: -100px -2px;
    }

    &.invoice {
        background-position: -123px -2px;
    }

    &.payment {
        background-position: -148px -2px;
    }

    &.sort {
        background-position: -177px -6px;
        width: 16px;
        height: 10px;
    }

    &.del-icon {
        background-position: -1px -33px;
        width: 27px;
        height: 27px;
    }
}*/

.no-padding {
  padding: 0px !important;
}

.no-margin {
  margin: 0px !important;
}

.spacing-bottom {
  margin-bottom: 30px;
}

.inherit-size {
  width: inherit;
  height: inherit;
}

.inherit-height {
  height: inherit;
}

.v-align-bottom {
  vertical-align: bottom;
  display: table-cell;
}

.v-align-top {
  vertical-align: top;
  display: table-cell;
}

.v-align-middle {
  vertical-align: middle;
  display: table-cell;
}

.h-align-middle {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.padding-10 {
  padding: 10px !important;
}

.padding-20 {
  padding: 20px !important;
}

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

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

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

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

.small-link {
  font-size: 13px;
  text-decoration: underline;
}

.small-link:hover {
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*form voyage weather diagram*/

.rotate-0 {
  transform: translate(-50%, -50%) rotate(0deg) !important;
}

.rotate-1 {
  transform: translate(-50%, -50%) rotate(1deg) !important;
}

.rotate-2 {
  transform: translate(-50%, -50%) rotate(2deg) !important;
}

.rotate-3 {
  transform: translate(-50%, -50%) rotate(3deg) !important;
}

.rotate-4 {
  transform: translate(-50%, -50%) rotate(4deg) !important;
}

.rotate-5 {
  transform: translate(-50%, -50%) rotate(5deg) !important;
}

.rotate-6 {
  transform: translate(-50%, -50%) rotate(6deg) !important;
}

.rotate-7 {
  transform: translate(-50%, -50%) rotate(7deg) !important;
}

.rotate-8 {
  transform: translate(-50%, -50%) rotate(8deg) !important;
}

.rotate-9 {
  transform: translate(-50%, -50%) rotate(9deg) !important;
}

.rotate-10 {
  transform: translate(-50%, -50%) rotate(10deg) !important;
}

.rotate-11 {
  transform: translate(-50%, -50%) rotate(11deg) !important;
}

.rotate-12 {
  transform: translate(-50%, -50%) rotate(12deg) !important;
}

.rotate-13 {
  transform: translate(-50%, -50%) rotate(13deg) !important;
}

.rotate-14 {
  transform: translate(-50%, -50%) rotate(14deg) !important;
}

.rotate-15 {
  transform: translate(-50%, -50%) rotate(15deg) !important;
}

.rotate-16 {
  transform: translate(-50%, -50%) rotate(16deg) !important;
}

.rotate-17 {
  transform: translate(-50%, -50%) rotate(17deg) !important;
}

.rotate-18 {
  transform: translate(-50%, -50%) rotate(18deg) !important;
}

.rotate-19 {
  transform: translate(-50%, -50%) rotate(19deg) !important;
}

.rotate-20 {
  transform: translate(-50%, -50%) rotate(20deg) !important;
}

.rotate-21 {
  transform: translate(-50%, -50%) rotate(21deg) !important;
}

.rotate-22 {
  transform: translate(-50%, -50%) rotate(22deg) !important;
}

.rotate-23 {
  transform: translate(-50%, -50%) rotate(23deg) !important;
}

.rotate-24 {
  transform: translate(-50%, -50%) rotate(24deg) !important;
}

.rotate-25 {
  transform: translate(-50%, -50%) rotate(25deg) !important;
}

.rotate-26 {
  transform: translate(-50%, -50%) rotate(26deg) !important;
}

.rotate-27 {
  transform: translate(-50%, -50%) rotate(27deg) !important;
}

.rotate-28 {
  transform: translate(-50%, -50%) rotate(28deg) !important;
}

.rotate-29 {
  transform: translate(-50%, -50%) rotate(29deg) !important;
}

.rotate-30 {
  transform: translate(-50%, -50%) rotate(30deg) !important;
}

.rotate-31 {
  transform: translate(-50%, -50%) rotate(31deg) !important;
}

.rotate-32 {
  transform: translate(-50%, -50%) rotate(32deg) !important;
}

.rotate-33 {
  transform: translate(-50%, -50%) rotate(33deg) !important;
}

.rotate-34 {
  transform: translate(-50%, -50%) rotate(34deg) !important;
}

.rotate-35 {
  transform: translate(-50%, -50%) rotate(35deg) !important;
}

.rotate-36 {
  transform: translate(-50%, -50%) rotate(36deg) !important;
}

.rotate-37 {
  transform: translate(-50%, -50%) rotate(37deg) !important;
}

.rotate-38 {
  transform: translate(-50%, -50%) rotate(38deg) !important;
}

.rotate-39 {
  transform: translate(-50%, -50%) rotate(39deg) !important;
}

.rotate-40 {
  transform: translate(-50%, -50%) rotate(40deg) !important;
}

.rotate-41 {
  transform: translate(-50%, -50%) rotate(41deg) !important;
}

.rotate-42 {
  transform: translate(-50%, -50%) rotate(42deg) !important;
}

.rotate-43 {
  transform: translate(-50%, -50%) rotate(43deg) !important;
}

.rotate-44 {
  transform: translate(-50%, -50%) rotate(44deg) !important;
}

.rotate-45 {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.rotate-46 {
  transform: translate(-50%, -50%) rotate(46deg) !important;
}

.rotate-47 {
  transform: translate(-50%, -50%) rotate(47deg) !important;
}

.rotate-48 {
  transform: translate(-50%, -50%) rotate(48deg) !important;
}

.rotate-49 {
  transform: translate(-50%, -50%) rotate(49deg) !important;
}

.rotate-50 {
  transform: translate(-50%, -50%) rotate(50deg) !important;
}

.rotate-51 {
  transform: translate(-50%, -50%) rotate(51deg) !important;
}

.rotate-52 {
  transform: translate(-50%, -50%) rotate(52deg) !important;
}

.rotate-53 {
  transform: translate(-50%, -50%) rotate(53deg) !important;
}

.rotate-54 {
  transform: translate(-50%, -50%) rotate(54deg) !important;
}

.rotate-55 {
  transform: translate(-50%, -50%) rotate(55deg) !important;
}

.rotate-56 {
  transform: translate(-50%, -50%) rotate(56deg) !important;
}

.rotate-57 {
  transform: translate(-50%, -50%) rotate(57deg) !important;
}

.rotate-58 {
  transform: translate(-50%, -50%) rotate(58deg) !important;
}

.rotate-59 {
  transform: translate(-50%, -50%) rotate(59deg) !important;
}

.rotate-60 {
  transform: translate(-50%, -50%) rotate(60deg) !important;
}

.rotate-61 {
  transform: translate(-50%, -50%) rotate(61deg) !important;
}

.rotate-62 {
  transform: translate(-50%, -50%) rotate(62deg) !important;
}

.rotate-63 {
  transform: translate(-50%, -50%) rotate(63deg) !important;
}

.rotate-64 {
  transform: translate(-50%, -50%) rotate(64deg) !important;
}

.rotate-65 {
  transform: translate(-50%, -50%) rotate(65deg) !important;
}

.rotate-66 {
  transform: translate(-50%, -50%) rotate(66deg) !important;
}

.rotate-67 {
  transform: translate(-50%, -50%) rotate(67deg) !important;
}

.rotate-68 {
  transform: translate(-50%, -50%) rotate(68deg) !important;
}

.rotate-69 {
  transform: translate(-50%, -50%) rotate(69deg) !important;
}

.rotate-70 {
  transform: translate(-50%, -50%) rotate(70deg) !important;
}

.rotate-71 {
  transform: translate(-50%, -50%) rotate(71deg) !important;
}

.rotate-72 {
  transform: translate(-50%, -50%) rotate(72deg) !important;
}

.rotate-73 {
  transform: translate(-50%, -50%) rotate(73deg) !important;
}

.rotate-74 {
  transform: translate(-50%, -50%) rotate(74deg) !important;
}

.rotate-75 {
  transform: translate(-50%, -50%) rotate(75deg) !important;
}

.rotate-76 {
  transform: translate(-50%, -50%) rotate(76deg) !important;
}

.rotate-77 {
  transform: translate(-50%, -50%) rotate(77deg) !important;
}

.rotate-78 {
  transform: translate(-50%, -50%) rotate(78deg) !important;
}

.rotate-79 {
  transform: translate(-50%, -50%) rotate(79deg) !important;
}

.rotate-80 {
  transform: translate(-50%, -50%) rotate(80deg) !important;
}

.rotate-81 {
  transform: translate(-50%, -50%) rotate(81deg) !important;
}

.rotate-82 {
  transform: translate(-50%, -50%) rotate(82deg) !important;
}

.rotate-83 {
  transform: translate(-50%, -50%) rotate(83deg) !important;
}

.rotate-84 {
  transform: translate(-50%, -50%) rotate(84deg) !important;
}

.rotate-85 {
  transform: translate(-50%, -50%) rotate(85deg) !important;
}

.rotate-86 {
  transform: translate(-50%, -50%) rotate(86deg) !important;
}

.rotate-87 {
  transform: translate(-50%, -50%) rotate(87deg) !important;
}

.rotate-88 {
  transform: translate(-50%, -50%) rotate(88deg) !important;
}

.rotate-89 {
  transform: translate(-50%, -50%) rotate(89deg) !important;
}

.rotate-90 {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}

.rotate-91 {
  transform: translate(-50%, -50%) rotate(91deg) !important;
}

.rotate-92 {
  transform: translate(-50%, -50%) rotate(92deg) !important;
}

.rotate-93 {
  transform: translate(-50%, -50%) rotate(93deg) !important;
}

.rotate-94 {
  transform: translate(-50%, -50%) rotate(94deg) !important;
}

.rotate-95 {
  transform: translate(-50%, -50%) rotate(95deg) !important;
}

.rotate-96 {
  transform: translate(-50%, -50%) rotate(96deg) !important;
}

.rotate-97 {
  transform: translate(-50%, -50%) rotate(97deg) !important;
}

.rotate-98 {
  transform: translate(-50%, -50%) rotate(98deg) !important;
}

.rotate-99 {
  transform: translate(-50%, -50%) rotate(99deg) !important;
}

.rotate-100 {
  transform: translate(-50%, -50%) rotate(100deg) !important;
}

.rotate-101 {
  transform: translate(-50%, -50%) rotate(101deg) !important;
}

.rotate-102 {
  transform: translate(-50%, -50%) rotate(102deg) !important;
}

.rotate-103 {
  transform: translate(-50%, -50%) rotate(103deg) !important;
}

.rotate-104 {
  transform: translate(-50%, -50%) rotate(104deg) !important;
}

.rotate-105 {
  transform: translate(-50%, -50%) rotate(105deg) !important;
}

.rotate-106 {
  transform: translate(-50%, -50%) rotate(106deg) !important;
}

.rotate-107 {
  transform: translate(-50%, -50%) rotate(107deg) !important;
}

.rotate-108 {
  transform: translate(-50%, -50%) rotate(108deg) !important;
}

.rotate-109 {
  transform: translate(-50%, -50%) rotate(109deg) !important;
}

.rotate-110 {
  transform: translate(-50%, -50%) rotate(110deg) !important;
}

.rotate-111 {
  transform: translate(-50%, -50%) rotate(111deg) !important;
}

.rotate-112 {
  transform: translate(-50%, -50%) rotate(112deg) !important;
}

.rotate-113 {
  transform: translate(-50%, -50%) rotate(113deg) !important;
}

.rotate-114 {
  transform: translate(-50%, -50%) rotate(114deg) !important;
}

.rotate-115 {
  transform: translate(-50%, -50%) rotate(115deg) !important;
}

.rotate-116 {
  transform: translate(-50%, -50%) rotate(116deg) !important;
}

.rotate-117 {
  transform: translate(-50%, -50%) rotate(117deg) !important;
}

.rotate-118 {
  transform: translate(-50%, -50%) rotate(118deg) !important;
}

.rotate-119 {
  transform: translate(-50%, -50%) rotate(119deg) !important;
}

.rotate-120 {
  transform: translate(-50%, -50%) rotate(120deg) !important;
}

.rotate-121 {
  transform: translate(-50%, -50%) rotate(121deg) !important;
}

.rotate-122 {
  transform: translate(-50%, -50%) rotate(122deg) !important;
}

.rotate-123 {
  transform: translate(-50%, -50%) rotate(123deg) !important;
}

.rotate-124 {
  transform: translate(-50%, -50%) rotate(124deg) !important;
}

.rotate-125 {
  transform: translate(-50%, -50%) rotate(125deg) !important;
}

.rotate-126 {
  transform: translate(-50%, -50%) rotate(126deg) !important;
}

.rotate-127 {
  transform: translate(-50%, -50%) rotate(127deg) !important;
}

.rotate-128 {
  transform: translate(-50%, -50%) rotate(128deg) !important;
}

.rotate-129 {
  transform: translate(-50%, -50%) rotate(129deg) !important;
}

.rotate-130 {
  transform: translate(-50%, -50%) rotate(130deg) !important;
}

.rotate-131 {
  transform: translate(-50%, -50%) rotate(131deg) !important;
}

.rotate-132 {
  transform: translate(-50%, -50%) rotate(132deg) !important;
}

.rotate-133 {
  transform: translate(-50%, -50%) rotate(133deg) !important;
}

.rotate-134 {
  transform: translate(-50%, -50%) rotate(134deg) !important;
}

.rotate-135 {
  transform: translate(-50%, -50%) rotate(135deg) !important;
}

.rotate-136 {
  transform: translate(-50%, -50%) rotate(136deg) !important;
}

.rotate-137 {
  transform: translate(-50%, -50%) rotate(137deg) !important;
}

.rotate-138 {
  transform: translate(-50%, -50%) rotate(138deg) !important;
}

.rotate-139 {
  transform: translate(-50%, -50%) rotate(139deg) !important;
}

.rotate-140 {
  transform: translate(-50%, -50%) rotate(140deg) !important;
}

.rotate-141 {
  transform: translate(-50%, -50%) rotate(141deg) !important;
}

.rotate-142 {
  transform: translate(-50%, -50%) rotate(142deg) !important;
}

.rotate-143 {
  transform: translate(-50%, -50%) rotate(143deg) !important;
}

.rotate-144 {
  transform: translate(-50%, -50%) rotate(144deg) !important;
}

.rotate-145 {
  transform: translate(-50%, -50%) rotate(145deg) !important;
}

.rotate-146 {
  transform: translate(-50%, -50%) rotate(146deg) !important;
}

.rotate-147 {
  transform: translate(-50%, -50%) rotate(147deg) !important;
}

.rotate-148 {
  transform: translate(-50%, -50%) rotate(148deg) !important;
}

.rotate-149 {
  transform: translate(-50%, -50%) rotate(149deg) !important;
}

.rotate-150 {
  transform: translate(-50%, -50%) rotate(150deg) !important;
}

.rotate-151 {
  transform: translate(-50%, -50%) rotate(151deg) !important;
}

.rotate-152 {
  transform: translate(-50%, -50%) rotate(152deg) !important;
}

.rotate-153 {
  transform: translate(-50%, -50%) rotate(153deg) !important;
}

.rotate-154 {
  transform: translate(-50%, -50%) rotate(154deg) !important;
}

.rotate-155 {
  transform: translate(-50%, -50%) rotate(155deg) !important;
}

.rotate-156 {
  transform: translate(-50%, -50%) rotate(156deg) !important;
}

.rotate-157 {
  transform: translate(-50%, -50%) rotate(157deg) !important;
}

.rotate-158 {
  transform: translate(-50%, -50%) rotate(158deg) !important;
}

.rotate-159 {
  transform: translate(-50%, -50%) rotate(159deg) !important;
}

.rotate-160 {
  transform: translate(-50%, -50%) rotate(160deg) !important;
}

.rotate-161 {
  transform: translate(-50%, -50%) rotate(161deg) !important;
}

.rotate-162 {
  transform: translate(-50%, -50%) rotate(162deg) !important;
}

.rotate-163 {
  transform: translate(-50%, -50%) rotate(163deg) !important;
}

.rotate-164 {
  transform: translate(-50%, -50%) rotate(164deg) !important;
}

.rotate-165 {
  transform: translate(-50%, -50%) rotate(165deg) !important;
}

.rotate-166 {
  transform: translate(-50%, -50%) rotate(166deg) !important;
}

.rotate-167 {
  transform: translate(-50%, -50%) rotate(167deg) !important;
}

.rotate-168 {
  transform: translate(-50%, -50%) rotate(168deg) !important;
}

.rotate-169 {
  transform: translate(-50%, -50%) rotate(169deg) !important;
}

.rotate-170 {
  transform: translate(-50%, -50%) rotate(170deg) !important;
}

.rotate-171 {
  transform: translate(-50%, -50%) rotate(171deg) !important;
}

.rotate-172 {
  transform: translate(-50%, -50%) rotate(172deg) !important;
}

.rotate-173 {
  transform: translate(-50%, -50%) rotate(173deg) !important;
}

.rotate-174 {
  transform: translate(-50%, -50%) rotate(174deg) !important;
}

.rotate-175 {
  transform: translate(-50%, -50%) rotate(175deg) !important;
}

.rotate-176 {
  transform: translate(-50%, -50%) rotate(176deg) !important;
}

.rotate-177 {
  transform: translate(-50%, -50%) rotate(177deg) !important;
}

.rotate-178 {
  transform: translate(-50%, -50%) rotate(178deg) !important;
}

.rotate-179 {
  transform: translate(-50%, -50%) rotate(179deg) !important;
}

.rotate-180 {
  transform: translate(-50%, -50%) rotate(180deg) !important;
}

.rotate-181 {
  transform: translate(-50%, -50%) rotate(181deg) !important;
}

.rotate-182 {
  transform: translate(-50%, -50%) rotate(182deg) !important;
}

.rotate-183 {
  transform: translate(-50%, -50%) rotate(183deg) !important;
}

.rotate-184 {
  transform: translate(-50%, -50%) rotate(184deg) !important;
}

.rotate-185 {
  transform: translate(-50%, -50%) rotate(185deg) !important;
}

.rotate-186 {
  transform: translate(-50%, -50%) rotate(186deg) !important;
}

.rotate-187 {
  transform: translate(-50%, -50%) rotate(187deg) !important;
}

.rotate-188 {
  transform: translate(-50%, -50%) rotate(188deg) !important;
}

.rotate-189 {
  transform: translate(-50%, -50%) rotate(189deg) !important;
}

.rotate-190 {
  transform: translate(-50%, -50%) rotate(190deg) !important;
}

.rotate-191 {
  transform: translate(-50%, -50%) rotate(191deg) !important;
}

.rotate-192 {
  transform: translate(-50%, -50%) rotate(192deg) !important;
}

.rotate-193 {
  transform: translate(-50%, -50%) rotate(193deg) !important;
}

.rotate-194 {
  transform: translate(-50%, -50%) rotate(194deg) !important;
}

.rotate-195 {
  transform: translate(-50%, -50%) rotate(195deg) !important;
}

.rotate-196 {
  transform: translate(-50%, -50%) rotate(196deg) !important;
}

.rotate-197 {
  transform: translate(-50%, -50%) rotate(197deg) !important;
}

.rotate-198 {
  transform: translate(-50%, -50%) rotate(198deg) !important;
}

.rotate-199 {
  transform: translate(-50%, -50%) rotate(199deg) !important;
}

.rotate-200 {
  transform: translate(-50%, -50%) rotate(200deg) !important;
}

.rotate-201 {
  transform: translate(-50%, -50%) rotate(201deg) !important;
}

.rotate-202 {
  transform: translate(-50%, -50%) rotate(202deg) !important;
}

.rotate-203 {
  transform: translate(-50%, -50%) rotate(203deg) !important;
}

.rotate-204 {
  transform: translate(-50%, -50%) rotate(204deg) !important;
}

.rotate-205 {
  transform: translate(-50%, -50%) rotate(205deg) !important;
}

.rotate-206 {
  transform: translate(-50%, -50%) rotate(206deg) !important;
}

.rotate-207 {
  transform: translate(-50%, -50%) rotate(207deg) !important;
}

.rotate-208 {
  transform: translate(-50%, -50%) rotate(208deg) !important;
}

.rotate-209 {
  transform: translate(-50%, -50%) rotate(209deg) !important;
}

.rotate-210 {
  transform: translate(-50%, -50%) rotate(210deg) !important;
}

.rotate-211 {
  transform: translate(-50%, -50%) rotate(211deg) !important;
}

.rotate-212 {
  transform: translate(-50%, -50%) rotate(212deg) !important;
}

.rotate-213 {
  transform: translate(-50%, -50%) rotate(213deg) !important;
}

.rotate-214 {
  transform: translate(-50%, -50%) rotate(214deg) !important;
}

.rotate-215 {
  transform: translate(-50%, -50%) rotate(215deg) !important;
}

.rotate-216 {
  transform: translate(-50%, -50%) rotate(216deg) !important;
}

.rotate-217 {
  transform: translate(-50%, -50%) rotate(217deg) !important;
}

.rotate-218 {
  transform: translate(-50%, -50%) rotate(218deg) !important;
}

.rotate-219 {
  transform: translate(-50%, -50%) rotate(219deg) !important;
}

.rotate-220 {
  transform: translate(-50%, -50%) rotate(220deg) !important;
}

.rotate-221 {
  transform: translate(-50%, -50%) rotate(221deg) !important;
}

.rotate-222 {
  transform: translate(-50%, -50%) rotate(222deg) !important;
}

.rotate-223 {
  transform: translate(-50%, -50%) rotate(223deg) !important;
}

.rotate-224 {
  transform: translate(-50%, -50%) rotate(224deg) !important;
}

.rotate-225 {
  transform: translate(-50%, -50%) rotate(225deg) !important;
}

.rotate-226 {
  transform: translate(-50%, -50%) rotate(226deg) !important;
}

.rotate-227 {
  transform: translate(-50%, -50%) rotate(227deg) !important;
}

.rotate-228 {
  transform: translate(-50%, -50%) rotate(228deg) !important;
}

.rotate-229 {
  transform: translate(-50%, -50%) rotate(229deg) !important;
}

.rotate-230 {
  transform: translate(-50%, -50%) rotate(230deg) !important;
}

.rotate-231 {
  transform: translate(-50%, -50%) rotate(231deg) !important;
}

.rotate-232 {
  transform: translate(-50%, -50%) rotate(232deg) !important;
}

.rotate-233 {
  transform: translate(-50%, -50%) rotate(233deg) !important;
}

.rotate-234 {
  transform: translate(-50%, -50%) rotate(234deg) !important;
}

.rotate-235 {
  transform: translate(-50%, -50%) rotate(235deg) !important;
}

.rotate-236 {
  transform: translate(-50%, -50%) rotate(236deg) !important;
}

.rotate-237 {
  transform: translate(-50%, -50%) rotate(237deg) !important;
}

.rotate-238 {
  transform: translate(-50%, -50%) rotate(238deg) !important;
}

.rotate-239 {
  transform: translate(-50%, -50%) rotate(239deg) !important;
}

.rotate-240 {
  transform: translate(-50%, -50%) rotate(240deg) !important;
}

.rotate-241 {
  transform: translate(-50%, -50%) rotate(241deg) !important;
}

.rotate-242 {
  transform: translate(-50%, -50%) rotate(242deg) !important;
}

.rotate-243 {
  transform: translate(-50%, -50%) rotate(243deg) !important;
}

.rotate-244 {
  transform: translate(-50%, -50%) rotate(244deg) !important;
}

.rotate-245 {
  transform: translate(-50%, -50%) rotate(245deg) !important;
}

.rotate-246 {
  transform: translate(-50%, -50%) rotate(246deg) !important;
}

.rotate-247 {
  transform: translate(-50%, -50%) rotate(247deg) !important;
}

.rotate-248 {
  transform: translate(-50%, -50%) rotate(248deg) !important;
}

.rotate-249 {
  transform: translate(-50%, -50%) rotate(249deg) !important;
}

.rotate-250 {
  transform: translate(-50%, -50%) rotate(250deg) !important;
}

.rotate-251 {
  transform: translate(-50%, -50%) rotate(251deg) !important;
}

.rotate-252 {
  transform: translate(-50%, -50%) rotate(252deg) !important;
}

.rotate-253 {
  transform: translate(-50%, -50%) rotate(253deg) !important;
}

.rotate-254 {
  transform: translate(-50%, -50%) rotate(254deg) !important;
}

.rotate-255 {
  transform: translate(-50%, -50%) rotate(255deg) !important;
}

.rotate-256 {
  transform: translate(-50%, -50%) rotate(256deg) !important;
}

.rotate-257 {
  transform: translate(-50%, -50%) rotate(257deg) !important;
}

.rotate-258 {
  transform: translate(-50%, -50%) rotate(258deg) !important;
}

.rotate-259 {
  transform: translate(-50%, -50%) rotate(259deg) !important;
}

.rotate-260 {
  transform: translate(-50%, -50%) rotate(260deg) !important;
}

.rotate-261 {
  transform: translate(-50%, -50%) rotate(261deg) !important;
}

.rotate-262 {
  transform: translate(-50%, -50%) rotate(262deg) !important;
}

.rotate-263 {
  transform: translate(-50%, -50%) rotate(263deg) !important;
}

.rotate-264 {
  transform: translate(-50%, -50%) rotate(264deg) !important;
}

.rotate-265 {
  transform: translate(-50%, -50%) rotate(265deg) !important;
}

.rotate-266 {
  transform: translate(-50%, -50%) rotate(266deg) !important;
}

.rotate-267 {
  transform: translate(-50%, -50%) rotate(267deg) !important;
}

.rotate-268 {
  transform: translate(-50%, -50%) rotate(268deg) !important;
}

.rotate-269 {
  transform: translate(-50%, -50%) rotate(269deg) !important;
}

.rotate-270 {
  transform: translate(-50%, -50%) rotate(270deg) !important;
}

.rotate-271 {
  transform: translate(-50%, -50%) rotate(271deg) !important;
}

.rotate-272 {
  transform: translate(-50%, -50%) rotate(272deg) !important;
}

.rotate-273 {
  transform: translate(-50%, -50%) rotate(273deg) !important;
}

.rotate-274 {
  transform: translate(-50%, -50%) rotate(274deg) !important;
}

.rotate-275 {
  transform: translate(-50%, -50%) rotate(275deg) !important;
}

.rotate-276 {
  transform: translate(-50%, -50%) rotate(276deg) !important;
}

.rotate-277 {
  transform: translate(-50%, -50%) rotate(277deg) !important;
}

.rotate-278 {
  transform: translate(-50%, -50%) rotate(278deg) !important;
}

.rotate-279 {
  transform: translate(-50%, -50%) rotate(279deg) !important;
}

.rotate-280 {
  transform: translate(-50%, -50%) rotate(280deg) !important;
}

.rotate-281 {
  transform: translate(-50%, -50%) rotate(281deg) !important;
}

.rotate-282 {
  transform: translate(-50%, -50%) rotate(282deg) !important;
}

.rotate-283 {
  transform: translate(-50%, -50%) rotate(283deg) !important;
}

.rotate-284 {
  transform: translate(-50%, -50%) rotate(284deg) !important;
}

.rotate-285 {
  transform: translate(-50%, -50%) rotate(285deg) !important;
}

.rotate-286 {
  transform: translate(-50%, -50%) rotate(286deg) !important;
}

.rotate-287 {
  transform: translate(-50%, -50%) rotate(287deg) !important;
}

.rotate-288 {
  transform: translate(-50%, -50%) rotate(288deg) !important;
}

.rotate-289 {
  transform: translate(-50%, -50%) rotate(289deg) !important;
}

.rotate-290 {
  transform: translate(-50%, -50%) rotate(290deg) !important;
}

.rotate-291 {
  transform: translate(-50%, -50%) rotate(291deg) !important;
}

.rotate-292 {
  transform: translate(-50%, -50%) rotate(292deg) !important;
}

.rotate-293 {
  transform: translate(-50%, -50%) rotate(293deg) !important;
}

.rotate-294 {
  transform: translate(-50%, -50%) rotate(294deg) !important;
}

.rotate-295 {
  transform: translate(-50%, -50%) rotate(295deg) !important;
}

.rotate-296 {
  transform: translate(-50%, -50%) rotate(296deg) !important;
}

.rotate-297 {
  transform: translate(-50%, -50%) rotate(297deg) !important;
}

.rotate-298 {
  transform: translate(-50%, -50%) rotate(298deg) !important;
}

.rotate-299 {
  transform: translate(-50%, -50%) rotate(299deg) !important;
}

.rotate-300 {
  transform: translate(-50%, -50%) rotate(300deg) !important;
}

.rotate-301 {
  transform: translate(-50%, -50%) rotate(301deg) !important;
}

.rotate-302 {
  transform: translate(-50%, -50%) rotate(302deg) !important;
}

.rotate-303 {
  transform: translate(-50%, -50%) rotate(303deg) !important;
}

.rotate-304 {
  transform: translate(-50%, -50%) rotate(304deg) !important;
}

.rotate-305 {
  transform: translate(-50%, -50%) rotate(305deg) !important;
}

.rotate-306 {
  transform: translate(-50%, -50%) rotate(306deg) !important;
}

.rotate-307 {
  transform: translate(-50%, -50%) rotate(307deg) !important;
}

.rotate-308 {
  transform: translate(-50%, -50%) rotate(308deg) !important;
}

.rotate-309 {
  transform: translate(-50%, -50%) rotate(309deg) !important;
}

.rotate-310 {
  transform: translate(-50%, -50%) rotate(310deg) !important;
}

.rotate-311 {
  transform: translate(-50%, -50%) rotate(311deg) !important;
}

.rotate-312 {
  transform: translate(-50%, -50%) rotate(312deg) !important;
}

.rotate-313 {
  transform: translate(-50%, -50%) rotate(313deg) !important;
}

.rotate-314 {
  transform: translate(-50%, -50%) rotate(314deg) !important;
}

.rotate-315 {
  transform: translate(-50%, -50%) rotate(315deg) !important;
}

.rotate-316 {
  transform: translate(-50%, -50%) rotate(316deg) !important;
}

.rotate-317 {
  transform: translate(-50%, -50%) rotate(317deg) !important;
}

.rotate-318 {
  transform: translate(-50%, -50%) rotate(318deg) !important;
}

.rotate-319 {
  transform: translate(-50%, -50%) rotate(319deg) !important;
}

.rotate-320 {
  transform: translate(-50%, -50%) rotate(320deg) !important;
}

.rotate-321 {
  transform: translate(-50%, -50%) rotate(321deg) !important;
}

.rotate-322 {
  transform: translate(-50%, -50%) rotate(322deg) !important;
}

.rotate-323 {
  transform: translate(-50%, -50%) rotate(323deg) !important;
}

.rotate-324 {
  transform: translate(-50%, -50%) rotate(324deg) !important;
}

.rotate-325 {
  transform: translate(-50%, -50%) rotate(325deg) !important;
}

.rotate-326 {
  transform: translate(-50%, -50%) rotate(326deg) !important;
}

.rotate-327 {
  transform: translate(-50%, -50%) rotate(327deg) !important;
}

.rotate-328 {
  transform: translate(-50%, -50%) rotate(328deg) !important;
}

.rotate-329 {
  transform: translate(-50%, -50%) rotate(329deg) !important;
}

.rotate-330 {
  transform: translate(-50%, -50%) rotate(330deg) !important;
}

.rotate-331 {
  transform: translate(-50%, -50%) rotate(331deg) !important;
}

.rotate-332 {
  transform: translate(-50%, -50%) rotate(332deg) !important;
}

.rotate-333 {
  transform: translate(-50%, -50%) rotate(333deg) !important;
}

.rotate-334 {
  transform: translate(-50%, -50%) rotate(334deg) !important;
}

.rotate-335 {
  transform: translate(-50%, -50%) rotate(335deg) !important;
}

.rotate-336 {
  transform: translate(-50%, -50%) rotate(336deg) !important;
}

.rotate-337 {
  transform: translate(-50%, -50%) rotate(337deg) !important;
}

.rotate-338 {
  transform: translate(-50%, -50%) rotate(338deg) !important;
}

.rotate-339 {
  transform: translate(-50%, -50%) rotate(339deg) !important;
}

.rotate-340 {
  transform: translate(-50%, -50%) rotate(340deg) !important;
}

.rotate-341 {
  transform: translate(-50%, -50%) rotate(341deg) !important;
}

.rotate-342 {
  transform: translate(-50%, -50%) rotate(342deg) !important;
}

.rotate-343 {
  transform: translate(-50%, -50%) rotate(343deg) !important;
}

.rotate-344 {
  transform: translate(-50%, -50%) rotate(344deg) !important;
}

.rotate-345 {
  transform: translate(-50%, -50%) rotate(345deg) !important;
}

.rotate-346 {
  transform: translate(-50%, -50%) rotate(346deg) !important;
}

.rotate-347 {
  transform: translate(-50%, -50%) rotate(347deg) !important;
}

.rotate-348 {
  transform: translate(-50%, -50%) rotate(348deg) !important;
}

.rotate-349 {
  transform: translate(-50%, -50%) rotate(349deg) !important;
}

.rotate-350 {
  transform: translate(-50%, -50%) rotate(350deg) !important;
}

.rotate-351 {
  transform: translate(-50%, -50%) rotate(351deg) !important;
}

.rotate-352 {
  transform: translate(-50%, -50%) rotate(352deg) !important;
}

.rotate-353 {
  transform: translate(-50%, -50%) rotate(353deg) !important;
}

.rotate-354 {
  transform: translate(-50%, -50%) rotate(354deg) !important;
}

.rotate-355 {
  transform: translate(-50%, -50%) rotate(355deg) !important;
}

.rotate-356 {
  transform: translate(-50%, -50%) rotate(356deg) !important;
}

.rotate-357 {
  transform: translate(-50%, -50%) rotate(357deg) !important;
}

.rotate-358 {
  transform: translate(-50%, -50%) rotate(358deg) !important;
}

.rotate-359 {
  transform: translate(-50%, -50%) rotate(359deg) !important;
}

.rotate-360 {
  transform: translate(-50%, -50%) rotate(360deg) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hide {
  display: none;
}

/*.margin-top-10 {
    margin-top: 10px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}*/

.inline {
  display: inline-block !important;
}

.f-13 {
  font-size: 13px !important;
}

.b-blank {
  border-color: #000;
}

.b-r {
  border-right: 1px solid #ececec;
}

.b-l {
  border-left: 1px solid #ececec;
}

.b-t {
  border-top: 1px solid #ececec;
}

.b-b {
  border-bottom: 1px solid #ececec;
}

.b-a {
  border: 1px solid #ececec;
}

.b-transparent {
  border-color: rgba(0, 0, 0, 0.4);
}

.visible-xlg {
  display: none;
}

.hidden-xlg {
  display: block;
}

.image-responsive-width {
  width: 100%;
}

.overlayer {
  position: absolute;
  display: block;
  z-index: 80;
}

.overlayer.fullwidth {
  width: 100%;
}

.overlayer-wrapper {
  position: relative;
  display: block;
  z-index: 9999;
}

.overlay-fixed {
  position: fixed !important;
  top: auto !important;
}

.top-left {
  position: absolute;
  top: 0;
  left: 0;
}

.top-right {
  position: absolute;
  top: 1px;
  right: 0;
}

.bottom-left {
  position: absolute;
  bottom: 1px;
  left: 0;
}

.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.scroller {
  padding: 0px !important;
  margin: 0px !important;
}

.popover-content {
  font-size: 13px;
}

.popover-content .scroller {
  padding-right: 0px !important;
}

.hashtags {
  display: inline-block;
  border: 2px solid #e5e9ec;
  background-color: transparent;
  color: #b9bec2;
  padding: 2px 8px;
  border-radius: 15px;
  font-weight: bold;
  font-size: 12px;
}

.hashtags:hover {
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.4);
}

.hashtags.transparent {
  border: 2px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
}

.hashtags.transparent:hover {
  border: 2px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
}

.pagination li {
  float: left;
  padding: 0;
}

.pagination li a {
  border: 0;
  font-weight: 400;
  color: #464646;
  margin: 0;
}

.pagination li a:hover {
  border: 0;
  background: none;
}

.pagination li.active a {
  background: #479f17;
  border-radius: 3px;
}

.pagination li.p-size {
  line-height: 30px;
  padding: 0 5px 0 15px;
  font-size: 12px;
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.notifyjs-tokenerror-base {
  width: 330px;
  background: #ffdddd;
  padding: 15px;
  border-radius: 2px;
  border: solid 1px #ffb2b2;
  box-shadow: 5px 5px 8px #eaeaea;
  cursor: default;
}

.notifyjs-tokenerror-base .text h3 {
  font-weight: 500;
  font-size: medium;
  color: #ec0101 !important;
}

.notifyjs-tokenerror-base .text span {
  font-weight: 300;
  font-size: small;
  color: #5a5a5a;
}

.notifyjs-tokenerror-base .text .errorid {
  font-size: 11px;
  color: #676767;
  padding-bottom: 10px;
}

.notifyjs-tokenerror-base .text .errtext {
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 13px;
}

.notifyjs-tokenerror-base .text .reason {
  font-size: 11px;
  color: #676767;
  margin-bottom: 15px;
  padding-top: 12px;
  max-height: 150px;
  overflow: auto;
}

sup {
  /*color: red;*/
  top: -2px;
}

.validationMessage {
  background: rgba(243, 89, 88, 0.9);
  padding: 2px 10px;
  border-radius: 5px;
  color: #ffffff !important;
  font-size: 12px !important;
  position: absolute;
  top: 0px;
  right: 10px;
  width: auto !important;
  font-weight: 400 !important;
  z-index: auto;
}

.validationMessage:after,
.validationMessage:before {
  top: 100%;
  right: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.validationMessage:after {
  border-color: rgba(255, 0, 0, 0);
  border-top-color: #f35958;
  border-width: 5px;
  margin-left: -6px;
}

.validationMessage:before {
  border-color: rgba(255, 0, 0, 0);
  border-top-color: #f35958;
  border-width: 0px;
}

.input-group.date .validationMessage {
  top: -29px;
  padding: 4px 10px;
}

.search-blk .validationMessage {
  top: -29px;
}

.alert {
  padding: 10px;
  font-size: 16px;
  color: #479f17;
  font-weight: 400;
}

.notifyjs-tokenerror-base {
  background: #ffffff !important;
}

.notifyjs-tokenerror-base .text .reason {
  word-wrap: break-word;
  white-space: normal;
}

.relative {
  position: relative;
}

#loading-container .fa-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #4454af;
}

/*new edits*/

select::-ms-expand {
  display: none;
}

.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
  text-align: left;
}

.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
  text-align: center;
}

.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
  text-align: right;
}

.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
  text-align: justify;
}

@media (max-width: 767px) {

  .text-left-not-xs,
  .text-center-not-xs,
  .text-right-not-xs,
  .text-justify-not-xs {
    text-align: inherit;
  }

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

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

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

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

@media (min-width: 768px) and (max-width: 991px) {

  .text-left-not-sm,
  .text-center-not-sm,
  .text-right-not-sm,
  .text-justify-not-sm {
    text-align: inherit;
  }

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

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

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

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

@media (min-width: 992px) and (max-width: 1199px) {

  .text-left-not-md,
  .text-center-not-md,
  .text-right-not-md,
  .text-justify-not-md {
    text-align: inherit;
  }

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

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

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

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

@media (min-width: 1200px) {

  .text-left-not-lg,
  .text-center-not-lg,
  .text-right-not-lg,
  .text-justify-not-lg {
    text-align: inherit;
  }

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

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

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

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

/**
 *  Bootstrap pull 3.1.1 for Twitter Bootstrap v3.
 *
 *  To have pull-right and pull-left to Bootstrap v3 for xs, sm, md, lg media.
 *  This will help having some complex behavior for contents.
 *  https://github.com/Natshah/bootstrap-pull
 *
 */

@media (max-width: 767px) {

  /** Pull left xs **/
  .pull-left-xs {
    float: left;
  }

  /** Pull right xs **/
  .pull-right-xs {
    float: right;
  }
}

@media (min-width: 768px) {

  /** Pull left sm **/
  .pull-left-sm {
    float: left;
  }

  /** Pull right sm **/
  .pull-right-sm {
    float: right;
  }
}

@media (min-width: 992px) {

  /** Pull left **/
  .pull-left-md {
    float: left;
  }

  /** Pull right **/
  .pull-right-md {
    float: right;
  }
}

@media (min-width: 1200px) {

  /** Pull left **/
  .pull-left-lg {
    float: left;
  }

  /** Pull right **/
  .pull-right-lg {
    float: right;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .form-control {
    padding: 0 5px !important;
    line-height: 20px !important;
  }

  /* IE10+ CSS styles go here */
}

@supports (-ms-accelerator: true) {

  /* IE Edge 12+ CSS styles go here */
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"] {
    padding: 0 5px !important;
  }
}

/*Checkbox*/

input[type=checkbox].tickBox {
  display: none;
}

input[type=checkbox].tickBox~.tickBoxLbl:before {
  content: "";
  display: inline-block;
  background: #fff url('checkbox.906b5d3303b3e70a8152.png');
  height: 20px;
  width: 20px;
  display: inline-block;
  padding: 0 0 0 0px;
  min-height: 0;
  background-position: 0 0;
  margin-bottom: -6px;
  margin-right: 5px;
}

input[type=checkbox].tickBox:checked~.tickBoxLbl:before {
  background-position: -22px 0;
}

/****reset the bottom margin of text label****/

input[type=checkbox].tickBox:checked~label {
  background-position: -20px 0;
}

/*End of Checkbox*/

.dropdown-menu.right:before,
.dropdown-menu.right:after {
  right: 9px;
  left: auto;
}

.overlay,
.feed-overlay {
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
}

.dark {
  background: rgba(51, 51, 51, 0.7);
  opacity: 1;
  display: block;
}

.form-control.disabled {
  pointer-events: none;
  background: #fbfbfb;
}

/*Styles added by Hrudya starts here*/

.image-round-bg {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  background: #7da7d9;
  position: relative;
}

.image-round-bg img {
  max-width: 100%;
  min-width: 72px;
  min-height: 72px;
}

.image-round-bg span {
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 300;
}

.image-round-sm {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  min-width: 50px !important;
  background: #7da7d9;
  overflow: hidden;
  position: relative;
}

.image-round-sm img {
  max-width: 100%;
  /*min-width: 50px;
        min-height: 50px;*/
}

.image-round-sm span {
  font-size: 22px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-round-sm.no-image {
  padding: 7px;
}

.center-rl-border {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}

.inline-block {
  display: inline-block;
  vertical-align: middle;
  width: auto !important;
}

.attachment-round {
  background: #479f17;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ffffff;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  text-align: center;
}

.attachment-round i {
  vertical-align: middle;
}

/*.status-pending {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: $color-white;
    padding: 2px 6px 5px;
    background: #ff9633;
    display: inline-block;
    margin-right: 10px;

    i {
        vertical-align: middle;
    }
}

.status-approved {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #81c669;
    color: $color-white;
    padding: 2px 6px 5px;
    display: inline-block;
    margin-right: 10px;

    i {
        vertical-align: middle;
    }
}*/

.close-in-round {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #b5b5b5;
  padding: 0px 5px;
  background: #e8e8e8;
  border: 1px solid #ffffff;
  display: inline-block;
}

.close-in-round:hover {
  border-color: #f35958;
  color: #f35958;
}

.close-in-round i {
  vertical-align: middle;
}

.text-regular {
  font-weight: 500;
}

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.display-table {
  display: table;
  width: 100%;
}

.text-warning {
  color: #f49055 !important;
}

.text-danger {
  color: #f35958 !important;
}

.text-success {
  color: #3cb878 !important;
}

.text-secondary {
  color: #f35958 !important;
}

.text-default {
  color: #479f17;
}

.text-underline {
  text-decoration: underline;
}

.rounded-corner-box {
  border: 1px solid #dedede;
  border-radius: 6px;
  padding: 10px;
}

.text-500 {
  font-weight: 500;
}

.toggle .btn {
  box-shadow: none !important;
  text-shadow: none !important;
}

.toggle.btn {
  /*height: 30px !important;
        min-height: 30px !important;*/
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 0;
}

.toggle.btn-default,
.toggle .btn-default {
  border: 0 !important;
  color: #000 !important;
  background: #ccc !important;
}

.toggle .toggle-group .toggle-on {
  text-align: left;
  line-height: 14px;
  border-radius: 20px;
}

.toggle .toggle-group .toggle-off {
  border-radius: 20px;
}

.toggle .toggle-group .toggle-off.btn {
  padding-left: 20px !important;
}

.toggle .toggle-group .toggle-on.btn {
  padding-right: 20px !important;
}

.toggle .toggle-group .btn {
  color: #ffffff !important;
  padding: 2px 10px;
  font-size: 12px;
}

.toggle .toggle-handle.btn {
  width: 17px !important;
  height: 17px !important;
  border-radius: 50%;
  right: 9px;
  top: -1px;
  padding: 0;
  min-width: 0 !important;
  box-shadow: 2px 1px 6px -3px #000 !important;
}

.toggle .toggle-handle.btn:hover,
.toggle .toggle-handle.btn:focus,
.toggle .toggle-handle.btn:active {
  background: #fff;
}

.toggle .toggle-handle.btn.btn-default {
  background: #ffffff !important;
}

.toggle.off .toggle-handle {
  right: auto !important;
  left: 10px;
  top: 1px !important;
}

.bg-primary {
  background: #479f17 !important;
}

.bg-secondary {
  background: #f35958 !important;
}

.bg-danger {
  background: #f35958 !important;
}

.bg-warning {
  background: #f49055 !important;
}

.bg-success {
  background: #3cb878 !important;
}

.bg-grey {
  background: #f2f2f2;
}

.bg-light-grey {
  background: #ccc;
}

.bg-dark-grey {
  background: #ddd;
}

.bg-dark-green {
  background: #0EA95B;
}

.bg-light-green {
  background: #8EC63F;
}

.bg-blue {
  background: #8EC63F;
}

.bg-red-high {
  background: #FE3432;
}

.bg-primary-low {
  background: #DEB6EB;
}

.bg-blue-low {
  background: #A0CCF3;
}

/*Styles added by Hrudya ends here*/

/*toggle switch*/

.onoffswitch {
  position: relative;
  width: 70px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 13px;
  color: white;
  /*font-family: Trebuchet,  ;*/
  font-weight: 300;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "Yes";
  padding-left: 15px;
  background-color: #479f17;
  color: #FFFFFF;
  text-align: left;
}

.onoffswitch-inner:after {
  content: "No";
  padding-right: 15px;
  background-color: #F35958;
  color: #fff;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 22px;
  margin: 6px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 36px;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.toggle-small.onoffswitch {
  width: 60px;
}

.toggle-small.onoffswitch .onoffswitch-inner:before,
.toggle-small.onoffswitch .onoffswitch-inner:after {
  height: 25px;
  line-height: 26px;
}

.toggle-small.onoffswitch .onoffswitch-inner:before {
  padding-left: 10px;
}

.toggle-small.onoffswitch .onoffswitch-inner:after {
  padding-right: 10px;
  /*background-color: $brand-primary;*/
}

.toggle-small.onoffswitch .onoffswitch-switch {
  width: 18px;
  height: 18px;
  right: 30px;
  margin: 5px 6px;
}

/*star rating*/

.rating-container {
  line-height: normal;
}

.rating-container.rating-md {
  font-size: 22px;
}

.rating-container .rating {
  min-width: 116px;
}

.rating-container .rating .star i {
  font-size: 18px;
}

.rating-container .filled-stars {
  color: #479f17 !important;
  -webkit-text-stroke: 1px #479f17 !important;
}

.rating-container .caption {
  margin-top: 0px !important;
  /*min-width:170px;*/
}

.rating-container .caption span {
  padding: 3px 10px;
  color: #ffffff;
  border-radius: 5px;
  background: #ddd;
  min-width: 120px;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  line-height: 20px;
  text-transform: lowercase;
}

.rating-container .caption span:first-letter {
  text-transform: uppercase;
}

.rating-container .caption span.text-danger {
  color: #ffffff !important;
  background: #f35958;
}

.rating-container .caption span.text-warning {
  color: #ffffff !important;
  background: #fc3e0c;
}

.rating-container .caption span.text-info {
  color: #ffffff !important;
  background: #f49055;
}

.rating-container .caption span.text-primary {
  color: #ffffff !important;
  background: #479f17;
}

.rating-container .caption span.text-success {
  color: #ffffff !important;
  background: #3cb878;
}

/*switch tab*/

.tab-info .switch-tab.nav-tabs {
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
}

.tab-info .switch-tab.nav-tabs li {
  margin: 0;
}

.tab-info .switch-tab.nav-tabs li a {
  font-size: 12px;
  font-weight: 400;
  padding: 8px 15px;
  background: #ffffff;
  border: 0;
}

.tab-info .switch-tab.nav-tabs li.active a {
  color: #ffffff !important;
  background: #479f17 !important;
  border: 0;
}

/*border common*/

.border-l-2 {
  border-left: 2px solid #ddd;
}

.border-r-2 {
  border-right: 2px solid #ddd;
}

.border-b-1 {
  border-bottom: 1px solid #ddd;
}

.border-b-2 {
  border-bottom: 2px solid #ddd;
}

.form-group.required .control-label:after {
  content: "*";
  color: red;
}

ul.type-round {
  list-style-type: none;
  padding: 0;
}

ul.type-round li {
  padding: 5px 0;
  padding-left: 25px;
  position: relative;
}

ul.type-round li:before {
  content: '\00b7';
  font-size: 100px;
  color: #ccc;
  position: absolute;
  left: 0;
}

.text-grey .fa {
  color: #a5a5a5;
}

.color-legends {
  margin-left: 10px;
}

.color-legends span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

/*border priority*/

.priority {
  width: 4px;
  height: 90%;
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.priority_high {
  background-color: #f04b60;
}

.priority_medium {
  background-color: #3cb878;
}

.priority_low {
  background-color: #cccccc;
  font-size: 20px;
}

.priority_critical {
  background-color: #ed3938;
}

.priority_normal {
  background-color: #66bb6a;
}

.priority-label {
  padding-right: 10px;
}

.priority-label i {
  font-size: 18px;
  padding-right: 5px;
}

.priority-label.high i {
  color: #f04b60;
}

.priority-label.medium i {
  color: #f46b49;
}

.priority-label.low i {
  color: #cccccc;
}

.text-important {
  color: #f35958;
}

/*************CONSOLE DONT DELETE*****************/

/*Font
-----------------------------------------------------*/

.uiconsole,
.uiconsole-input {
  font: 13px/normal 'Roboto' !important;
}

/*Control
-----------------------------------------------------*/

.uiconsole {
  background: rgba(0, 0, 0, 0.8);
  height: 300px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  border: solid 1px #171717;
  box-shadow: 0 0 3px #000, 0 0 8px #000 inset;
  overflow: auto;
  z-index: 1000;
}

.uiconsole-cmd {
  color: #fffa00;
  line-height: 20px;
  font-weight: bold;
}

.uiconsole-error {
  color: #d41313;
  line-height: 20px;
}

.uiconsole-ok {
  color: #428bca;
  line-height: 20px;
}

.uiconsole-info {
  color: #8AE234;
  line-height: 20px;
}

/*Input
-----------------------------------------------------*/

.uiconsole-input {
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  color: #8AE234;
  margin-top: 10px;
  padding: 0;
  outline: none;
  /*Chrome*/
}

.uiconsole-input::-ms-clear {
  display: none;
}

/*Clear button in Edge*/

/*Table
-----------------------------------------------------*/

.uiconsole-tbl {
  color: #8AE234;
}

.uiconsole-tbl td {
  padding: 2px 5px;
}

.uiconsole-tbl td:first-child {
  padding-left: 0;
}

.uiconsole-lbl {
  color: rgba(188, 248, 164, 0.95);
}

.uiconsole-val {
  color: #337ab7;
}

/*Busy animation
-----------------------------------------------------*/

.uiconsole-busy {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border-top: 2px solid #03ade0;
  border-right: 2px solid transparent;
  margin: 1px 0;
  -webkit-animation: spin .5s linear infinite;
          animation: spin .5s linear infinite;
}

@-webkit-keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/*************END CONSOLE*****************/

/*dateranger styling*/

.daterangepicker .calendar td,
.daterangepicker .calendar td .table-condensed>tbody>tr>td {
  padding: 3px !important;
  min-width: 1px !important;
}

.daterangepicker .input-mini {
  padding: 0 6px 0 28px !important;
}

.ranges li {
  color: #479f17 !important;
}

.ranges li.active,
.ranges li:hover {
  background-color: #479f17 !important;
  border: 1px solid #479f17 !important;
  color: #fff !important;
}

.daterangepicker .ranges ul {
  width: auto !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #479f17 !important;
}

.daterangepicker .input-mini.active {
  border: 1px solid #479f17 !important;
}

.daterangepicker.opensleft:before,
.daterangepicker.opensleft:after {
  left: auto;
}

.form-group .bootstrap-select,
.simple-list .bootstrap-select {
  width: 100% !important;
}

.form-group .bootstrap-select.btn-group .dropdown-menu,
.simple-list .bootstrap-select.btn-group .dropdown-menu {
  max-width: 220px !important;
}

.form-group .bootstrap-select.btn-group.open,
.simple-list .bootstrap-select.btn-group.open {
  height: auto !important;
}

.form-group .bootstrap-select.btn-group.open .btn.dropdown-toggle,
.simple-list .bootstrap-select.btn-group.open .btn.dropdown-toggle {
  background: none !important;
  box-shadow: none !important;
}

.form-group .bootstrap-select.btn-group.open .dropdown-menu.inner,
.simple-list .bootstrap-select.btn-group.open .dropdown-menu.inner {
  max-height: 300px !important;
}

.form-group .bootstrap-select>.dropdown-toggle,
.simple-list .bootstrap-select>.dropdown-toggle {
  border: 1px solid #ccc;
}

.form-group .bootstrap-select>.dropdown-toggle.bs-placeholder,
.simple-list .bootstrap-select>.dropdown-toggle.bs-placeholder {
  color: #000;
}

.form-group .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.simple-list .bootstrap-select>.dropdown-toggle.bs-placeholder:focus {
  outline: none !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a {
  margin: 0;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 0 !important;
}

.bootstrap-select>.dropdown-toggle {
  border: 1px solid #ececec;
  border-radius: 4px;
  background: #ffffff;
}

.bootstrap-select>.dropdown-toggle:focus,
.bootstrap-select>.dropdown-toggle:active,
.bootstrap-select>.dropdown-toggle:hover {
  border: 1px solid #ccc !important;
  color: #333 !important;
  box-shadow: none;
  background: #fff;
  outline: 0 !important;
  cursor: default;
}

.error-border {
  border-left: 3px solid #ec1a23;
  padding-left: 8px;
}

.warning-border {
  border-left: 3px solid #f49055;
  padding-left: 8px;
}

.form-inline .form-group .select-style {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  min-width: 150px;
}

.form-group label {
  font-size: 12px;
  padding-top: 5px;
  color: #666;
}

.form-group p {
  /*font-size: 15px;*/
}

/*popover*/

.popover {
  padding: 15px;
  min-width: 1px;
  max-width: 100% !important;
  background: #fff;
  z-index: 999;
  width: auto !important;
  margin-left: 10px;
  border: 1px solid #d0d0d0 !important;
  /*&.bottom {
        .arrow {
            top:-8px !important;
            border-width:9px !important;
            &:after {
                border-width:9px !important;
                margin-left:-9px !important;
            }
        }
    }*/
}

.popover .popover-title {
  display: none;
}

.popover .popover-content {
  padding: 0;
}

.popover h4 {
  font-weight: 400;
}

.popover .close {
  position: absolute;
  right: 5px;
  top: 5px;
}

.popover .form-block {
  padding: 15px 0;
}

.popover-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
}

.popover-overlay.open {
  display: block;
  position: fixed;
}

/*status*/

.status {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  line-height: 18px;
}

.status.small {
  width: 15px !important;
  height: 15px !important;
}

.status.status-pending {
  background: #fc8e23;
  font-size: 9px;
  line-height: 18px;
  color: #fff;
}

.status.status-approved {
  background: #6DB556;
  color: #fff;
}

.status.status-rejected {
  border-radius: 11px;
  padding: 2px;
  font-size: 10px;
  background: #FC5C5E;
  color: #fff;
  font-size: 14px;
}

.status.status-finallyapproved {
  border-radius: 11px;
  padding: 2px;
  background: #0fa30f;
  font-size: 14px;
  color: #fff;
}

.status.status-cancel {
  background: #999999;
  font-size: 14px;
  color: #fff;
}

.status.status-completed {
  border-radius: 17px;
  padding: 0px 5px 0px 5px;
  background: #4AA78A;
  font-size: 10px;
  color: #fff;
}

.status.status-postpone {
  background: #fff;
  font-size: 21px;
  color: #5F5ECB;
}

.status.status-critical {
  font-size: 21px;
  color: #F9525B;
}

.status.job-overdue {
  font-size: 14px;
  color: #FC001A;
}

.status.job-shortly {
  font-size: 14px;
  color: #FC762C;
}

.status.job-group {
  font-size: 14px;
  color: #1D9F22;
}

.status.job-round {
  font-size: 14px;
  color: #800080;
}

.message-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1160;
}

*[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

/*new edits for panel*/

.panel {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
}

/*svg image classes*/

.cls-1 {
  fill: #bbb;
}

/*body hidden*/

.scroll-hidden {
  overflow: hidden;
}

.panel-maximize {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed !important;
  overflow: auto;
  z-index: 999;
}

.panel-maximize .fa-window-minimize {
  position: relative;
  top: -10px;
}

.panel-maximize .fa-window-minimize:before {
  content: "\f2d1";
}

.window-btn {
  width: 25px;
  height: 25px;
  display: inline-block;
  /*background-image: url(images/custom-icon-sprite.png);*/
  background-position: -10px -7px;
}

.window-btn i {
  display: none;
}

.window-btn:hover {
  background-position: -10px -34px;
}

.window-btn.maximize {
  background-position: -37px -7px;
}

.window-btn.maximize:hover {
  background-position: -37px -34px;
}

.daterange-control {
  width: 100%;
}

.date {
  width: 100%;
}

.icon-view {
  cursor: pointer;
  font-size: 15px;
  color: #9e9e9e;
}

/*menu search*/

.menu-search {
  width: 25%;
  margin-bottom: 25px;
  margin-left: 50px;
}

.menu-search input.form-control {
  background-color: transparent;
  height: 42px !important;
  border-radius: 0;
  border-bottom: 1px solid #8c8c8c;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 24px;
  font-weight: 100;
  padding-right: 40px !important;
  padding-left: 2px !important;
  color: #fff;
  /*background-image: url("images/search-dark-icon.png");*/
  background-repeat: no-repeat;
  background-position: 98% 50%;
}

.menu-search input.form-control:focus {
  background-color: transparent;
  border-bottom: 1px solid #ececec;
}

/*dropdown hover*/

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  padding: 10px;
  border: 1px solid #ddd;
  left: 100%;
  top: -100%;
  z-index: 999;
  min-height: 60px;
}

.dropdown-content:after,
.dropdown-content:before {
  right: 100%;
  top: 35px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.dropdown-content:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}

.dropdown-content:before {
  border-color: rgba(221, 221, 221, 0);
  border-right-color: #ddd;
  border-width: 11px;
  margin-top: -11px;
}

.dropdown-content.right:after,
.dropdown-content.right:before {
  left: 100%;
  top: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.dropdown-content.right:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #fff;
  border-width: 9px;
  margin-top: -15px;
}

.dropdown-content.right:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #fff;
  border-width: 9px;
  margin-top: -16px;
}

.dropdown-content.right.td {
  padding: 0;
  vertical-align: top;
  padding: 0 5px;
}

.dropdown-content table.log-content td {
  white-space: nowrap !important;
  vertical-align: middle;
}

.dropdown-content table.log-content td .btn-info-icon,
.dropdown-content table.log-content td .status {
  position: relative;
  top: 4px;
}

.tip_cont {
  right: 60px !important;
  left: -287px !important;
  min-width: 290px !important;
}

.tip_cont td {
  vertical-align: top;
  padding: 0 5px !important;
}

.tip_content {
  min-width: 300px !important;
}

.tip_content td {
  vertical-align: top;
  padding: 0 5px !important;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

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

.dropdown:hover .dropdown-content {
  display: block;
}

.window-btn {
  position: relative;
  right: -5px;
  top: -15px;
}

a {
  color: #000;
}

/*no label*/

.no-label .validationMessage {
  top: -29px;
}

.due-color {
  color: #800080 !important;
}

.dropup .dropdown-menu {
  top: auto !important;
}

.none {
  pointer-events: none !important;
}

video.pal-video::-webkit-media-controls-fullscreen-button,
video.pal-video::-webkit-media-controls-download-button {
  display: none;
}

video.pal-video::-internal-media-controls-download-button {
  display: none;
}

video.pal-video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video.pal-video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
  /* Adjust as needed */
}

.pull-none {
  float: none !important;
}

.bg-half {
  background: linear-gradient(to bottom, #3cb878 50%, #800080 50%);
}

.bg-due {
  background-color: #800080;
}

.bootstrap-select.btn-group .dropdown-menu {
  max-width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu li a {
  white-space: pre-line;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  left: 3px !important;
  right: auto !important;
}

.btn-group.bootstrap-select {
  max-width: 100%;
}

.input-group .form-control {
  z-index: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  /* IE10+ CSS styles go here */
  .attachment-sec .attachment-icon {
    /*background-image: url("images/upload.png");*/
  }
}

/*bootstrap gutter width=================*/

div[class^="col"] {
  padding-left: 10px;
  padding-right: 10px;
}

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

/*inactive style for text*/

.inactive {
  opacity: 0.5;
}

.k-grid .status {
  width: 16px;
  height: 16px;
}

.k-grid .status.status-approved,
.k-grid .status.status-pending {
  width: 20px;
  height: 20px;
}

.search-blk .form-control:disabled {
  border: 1px solid #f1f1f1 !important;
}

.pointer {
  cursor: pointer;
}

label,
input,
button,
select,
textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {}

/*
  .uneditable-input,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  input[type="value"] {
    -webkit-appearance: none !important;
    color: #000;
    outline: 0;
    height: 32px;
    padding: 5px 8px !important;
    line-height: 32px;
    font-size: 13px;
    font-weight: normal;
    vertical-align: top;
    background-color: #ffffff;
    min-height: 32px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
  }*/

/*.form-control {
    height:32px !important;
}*/

select.form-control {
  height: 32px;
}

input {
  border: 1px solid #ccc;
}

input.no-boarder {
  border: none;
}

input.dark {
  background-color: #fafafa;
  border: none;
}

input.error {
  border: 1px solid #f35958;
}

textarea {
  height: auto;
  padding-left: 8px !important;
  padding-top: 5px !important;
  border: 1px solid #ccc;
  width: 100%;
  height: 50px;
  resize: none;
  line-height: normal;
}

textarea.ht-80 {
  height: 80px;
}

.uneditable-input.focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.m-uneditable-input:focus {
  background-color: #f4f5f7;
  outline: 0 !important;
  box-shadow: none;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px;
  line-height: normal;
  cursor: pointer;
  box-sizing: border-box;
}

/*-- hide spinner for number textbox ###  class="no-spinner" --*/

input[type="number"].no-spinner {
  -moz-appearance: textfield;
}

input.no-spinner::-webkit-outer-spin-button,
input.no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/*-- ./hide spinner for number textbox --*/

/*input[type="text"], select, input[type="number"], textarea {
    border: 1px solid #ccc !important;
    border-radius: 0 !important;

    &:focus {
        border: 1px solid #5c82d8 !important;
        background: #fff !important;
    }
}*/

select,
.form-control {
  color: #000;
}

select.xsmall,
.form-control.xsmall {
  width: 35px !important;
}

select.small,
.form-control.small {
  width: 60px !important;
}

select.medium,
.form-control.medium {
  width: 220px !important;
}

select.large,
.form-control.large {
  width: 334px !important;
}

select[multiple],
select[size] {
  height: auto !important;
}

/*select:focus,
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus {
    outline: thin dotted #333333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }*/

input[class*="span"] {
  float: none;
  height: 34px !important;
  margin-left: 0;
}

select[class*="span"],
textarea[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
  border-radius: 3px !important;
  font-size: 18px !important;
  height: 45px !important;
  line-height: 1.33 !important;
}

.input-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
  font-size: 13px !important;
  min-height: 29px !important;
}

.input-prepend,
.input-append {
  border: 0;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 24px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #e6e6e6;
  border: 0;
}

.input-append,
.input-append :focus {
  border-right: 0 !important;
}

.input-append input[class*="span"],
.input-prepend input[class*="span"],
.input-append input,
.input-prepend input {
  display: inline-block !important;
  width: 100%;
  float: left;
}

.xsmall {
  width: 50px !important;
}

.small {
  width: 120px !important;
}

.medium {
  width: 206px !important;
}

.large {
  width: 320px !important;
}

table td .checkbox label {
  padding-left: 0px;
}

table th .checkbox label {
  padding-left: 0px;
}

table.fc-border-separate {
  margin-top: 20px;
}

form {
  margin: 0;
}

form legend {
  margin: 15px 0px 10px 0px !important;
}

.column-seperation>div[class*="col-"] {
  border-right: 1px solid #ddd;
}

.column-seperation>div[class*="col-"]:last-child {
  border-right: 0px;
}

.form-no-horizontal-spacing .row-fluid .side-label {
  border-right: 1px solid #dddddd;
}

.form-no-horizontal-spacing .error {
  margin-bottom: 10px;
}

.form-inline input {
  margin-bottom: 0px !important;
}

.form-label {
  margin-top: 2px;
}

.form-label .required {
  color: #e02222;
  font-size: 12px;
  padding-left: 2px;
}

.help-inline {
  margin-top: 6px;
}

.help-small {
  font-size: 12px;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.success .help-inline.ok:before {
  content: "\f00c";
  font-size: 16px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}

form legend,
.form-view legend {
  margin-bottom: 15px !important;
}

.controls>.radio .checker,
.controls>.checkbox .checker {
  margin-right: 2px !important;
}

.controls>.radio,
.controls>.checkbox {
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 8px !important;
  margin-right: 15px !important;
}

.controls>.radio.line,
.controls>.checkbox.line {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 5px !important;
}

.controls .inline {
  margin-top: 8px;
}

.form-view .control-group {
  margin-top: 0px;
  margin-bottom: 5px;
}

.uploader {
  margin-top: 2px !important;
}

.hint {
  padding: 5px 0px 0px 10px;
}

.form-group {
  margin-bottom: 10px !important;
  position: relative;
}

.form-group .form-label {
  color: #55606e;
  display: inline-block;
  margin-right: 8px;
}

.form-group .help {
  color: #A7ABB1;
  font-size: 12px;
}

.form-group .controls {
  margin-top: 8px;
}

.input-focus {
  background-color: #f4f5f7 !important;
  color: #56646e !important;
}

.no-boarder .input-focus {
  border: none !important;
}

.input-with-icon {
  position: relative;
}

.input-with-icon input {
  padding-left: 32px !important;
}

.input-with-icon i {
  color: #e5e9ec;
  display: block;
  position: absolute;
  margin: 9px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.input-with-icon.right input {
  padding-left: 12px !important;
  padding-right: 33px !important;
}

.input-with-icon.right i {
  right: 8px;
  float: right;
}

.select-style {
  padding: 0;
  margin: 0;
  /*overflow: hidden;*/
  background-color: #fff;
  background: #fff url('arrowdown.6afc1f52400b772ba228.png') no-repeat 96% 50%;
}

.select-style select {
  /*padding: 0 18px 0 8px;*/
  padding: 5px 18px 5px 8px;
  text-indent: 0.01px;
  text-overflow: "";
  width: 100%;
  /*border: none;*/
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  height: 32px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-style select:focus {
  outline: none;
  border: 1px solid #66afe9;
  border-radius: 5px;
}

.tab-pane .input-append {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.tab-pane .input-append .add-on {
  position: absolute;
  right: 1px;
  top: 1px;
  height: 30px;
}

.tab-pane .other-off .input-append {
  width: 120px;
  margin-right: 20px;
}

.form-control[disabled],
fieldset[disabled],
select[disabled],
textarea[disabled] {
  background-color: #eee;
  opacity: 1;
  cursor: not-allowed;
  border: #333 !important;
  color: #999;
}

.form-control[disabled]~.input-group-addon,
fieldset[disabled]~.input-group-addon,
select[disabled]~.input-group-addon,
textarea[disabled]~.input-group-addon {
  border: 0;
}

.form-control[readonly] {
  background-color: #fff !important;
}

.select-style.border-btm {
  background-color: transparent;
}

.select-style.border-btm select {
  height: 20px;
  border-bottom: 1px solid #666;
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0;
  padding-left: 0;
}

.simple-list .k-numerictextbox,
.form-group .k-numerictextbox,
td .k-numerictextbox {
  width: 100%;
  box-sizing: border-box;
  height: 32px;
  padding: 0;
}

.simple-list .k-numerictextbox .k-input,
.form-group .k-numerictextbox .k-input,
td .k-numerictextbox .k-input {
  height: 32px;
  line-height: normal;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 32px !important;
  text-indent: inherit;
}

.simple-list .k-numerictextbox .k-input:focus,
.simple-list .k-numerictextbox .k-input:hover,
.form-group .k-numerictextbox .k-input:focus,
.form-group .k-numerictextbox .k-input:hover,
td .k-numerictextbox .k-input:focus,
td .k-numerictextbox .k-input:hover {
  background: transparent;
}

.simple-list .k-numerictextbox .k-input .k-state-hover,
.simple-list .k-numerictextbox .k-input .k-state-focussed,
.form-group .k-numerictextbox .k-input .k-state-hover,
.form-group .k-numerictextbox .k-input .k-state-focussed,
td .k-numerictextbox .k-input .k-state-hover,
td .k-numerictextbox .k-input .k-state-focussed {
  background: #fff;
  box-shadow: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*form block search*/

.form-group-search .search-form {
  height: 32px;
  border-radius: 5px;
  border: 1px solid #ccc;
  width: 100%;
  margin: 0 !important;
}

.alert {
  color: #ce8f22;
  background-color: #fffcee;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  padding: 9px 19px 9px 15px;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #F0DBB4;
  transition: all 0.2s linear 0s;
}

.alert .link {
  color: #ce8f22;
  font-weight: bold;
}

.alert .alert-heading {
  color: #ce8f22 !important;
  margin-bottom: 5px;
  font-weight: 600;
}

.alert .btn-small {
  position: relative;
  top: -3.5px;
}

.alert .button-set .btn {
  position: relative;
  top: 8px;
}

.alert .close {
  /*background: url("../img/icon/noti-cross.png") no-repeat scroll 0 0 transparent;*/
  background-position: -9px -10px;
  width: 10px;
  height: 9px;
  position: relative;
  opacity: 0.8;
  top: 4.5px;
  float: right;
  margin-left: 20px;
}

.alert .close:hover {
  opacity: 1;
}

.alert-success {
  color: #4454af;
  background-color: #53b985;
  border-color: #bfd1cf;
}

.alert-success .link {
  color: #4454af;
}

.alert-success .alert-heading {
  color: #4454af !important;
}

.alert-success .close {
  background-position: -38px -10px !important;
}

.alert-info {
  color: #1f3853;
  background-color: #747fbf;
  border-color: #bfd4de;
}

.alert-info .link {
  color: #23b56a;
}

.alert-info .alert-heading {
  color: #23b56a !important;
}

.alert-info .close {
  background-position: -67px -10px !important;
}

.alert-danger,
.alert-error {
  color: #ff1c1a;
  background-color: #ff7c7b;
  border-color: #f8cdcd;
}

.alert-danger .link,
.alert-error .link {
  color: #ff1c1a;
}

.alert-danger .alert-heading,
.alert-error .alert-heading {
  color: #ff1c1a !important;
}

.alert-error .close,
.alert .alert-danger .close {
  background-position: -95px -10px !important;
}

.alert-block {
  padding: 15px 19px 15px 17px;
}

.popover-content .notification-messages {
  padding: 15px 18px 15px;
}

.notification-messages {
  background-color: #eef9f8;
  padding: 15px 18px 10px;
  display: block;
  color: #8b91a0;
  margin-bottom: 10px;
  border-radius: 3px;
}

.notification-messages.success {
  background-color: #eef9f8;
}

.notification-messages.success:hover {
  background-color: #d9edf1;
  cursor: pointer;
}

.notification-messages.success .iconholder i {
  color: #f35958;
}

.notification-messages.danger {
  background-color: #fef2f2;
}

.notification-messages.danger:hover {
  background-color: #fae1e1;
  cursor: pointer;
}

.notification-messages.danger .iconholder i {
  color: #f35958;
}

.notification-messages.info {
  background-color: #edf7fc;
}

.notification-messages.info:hover {
  background-color: #d8ebf4;
  cursor: pointer;
}

.notification-messages.info .iconholder i {
  color: #f35958;
}

.notification-messages .message-wrapper {
  display: inline-block;
  width: 70%;
  height: 43px;
  float: left;
}

.notification-messages .message-wrapper .heading {
  display: block;
  float: left;
  text-align: left;
  color: #1b1e24;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  width: 100%;
  margin: 0;
  line-height: 19px;
  font-weight: 600;
}

.notification-messages .message-wrapper .description {
  display: block;
  float: left;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  font-size: 11px;
  width: 100%;
  line-height: 19px;
}

.notification-messages .date {
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
  font-style: italic;
  opacity: 0.4;
}

.notification-messages .user-profile {
  border-radius: 100px 100px 100px 100px;
  display: inline-block;
  float: left;
  height: 35px;
  overflow: hidden;
  width: 35px;
  margin-right: 10px;
  margin-top: 2px;
}

.notification-messages .iconholder {
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.notification-messages .iconholder i {
  font-size: 28px;
}

.tooltip-inner {
  padding: 6px 9px;
}

.progress {
  height: 12px;
  background-color: #e9ecee;
  background-image: none;
  box-shadow: none;
}

.progress.no-radius {
  border-radius: 0px;
}

.progress.no-radius .progress-bar {
  border-radius: 0px;
}

.progress.transparent {
  background-color: rgba(0, 0, 0, 0.28);
}

.progress.progress-small {
  height: 4px;
}

.progress.progress-large {
  height: 20px;
}

.progress-bar {
  box-shadow: none;
  border-radius: 3px;
  background-color: #0090D9;
  background-image: none;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  float: left;
}

.progress-bar-success {
  background-color: #479f17;
  background-image: none;
}

.progress-bar-info {
  background-color: #3cb878;
  background-image: none;
}

.progress-bar-warning {
  background-color: #fdd01c;
  background-image: none;
}

.progress-bar-danger {
  background-color: #f35958;
  background-image: none;
}

.progress-bar-white {
  background-color: #ffffff;
  background-image: none;
}

.progress-bar-black {
  background-color: #000;
  background-image: none;
}

.progress-info .bar,
.progress .bar-info {
  background-color: #1f3853;
  background-image: none;
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #fdd01c;
  background-image: none;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #f35958;
  background-image: none;
}

.progress-white .bar,
.progress .bar-white {
  background-color: #ffffff;
  background-image: none;
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #3cb878;
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #1f3853;
}

.details-status-single {
  display: inline-block;
  background-color: #e5e9ec;
  color: #5c6370;
  font-size: 11px;
  padding: 6px;
  border-radius: 3px;
}

.label {
  padding: 3px 9px;
  font-size: 12px;
  text-shadow: none;
  background-color: #999;
  font-weight: 300;
  border-radius: 15px;
}

.badge {
  text-shadow: none;
  font-weight: 600;
  background-color: #999;
  font-size: 13px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 4px;
  margin-left: 5px;
}

.label-primary,
.badge-primary {
  background-color: #479f17;
  color: #ffffff;
}

.label-success,
.badge-success {
  background-color: #3cb878;
  color: #ffffff;
}

.label-warning,
.badge-warning {
  background-color: #fdd01c;
  color: #ffffff;
}

.label-important,
.badge-important {
  background-color: #f35958;
  color: #ffffff;
}

.label-danger,
.badge-danger {
  background-color: #f35958;
  color: #ffffff;
}

.label-info,
.badge-info {
  background-color: #3cb878;
  color: #ffffff;
}

.label-inverse,
.badge-inverse {
  background-color: #76ba97;
  color: #ffffff;
}

.label-white,
.badge-white {
  background-color: #ffffff;
  color: #5E5E5E;
}

.label-white,
.badge-disable {
  background-color: #2a2e36;
  color: #8b91a0;
}

.popover {
  border-radius: 3px;
  border: none;
  box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15);
  max-width: 350px;
}

.popover.right .arrow {
  border-right-color: rgba(0, 0, 0, 0.08);
}

.popover.left .arrow {
  border-right-color: rgba(0, 0, 0, 0.08);
}

.popover.top .arrow {
  border-right-color: rgba(0, 0, 0, 0.08);
}

.popover.bottom .arrow:after {
  top: 0;
  margin-left: -11px;
}

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

.popover-title {
  background-color: #ffffff;
  margin: 0 5px;
  font-weight: bold;
  color: #505458 !important;
  text-align: center;
}

.modal {
  border-radius: 3px;
}

.modal-header {
  border-bottom: none;
}

.modal-header p {
  color: #8b91a0;
}

.modal-header h4 {
  border: none;
}

/*.modal-body {
    background-color: #e5e9ec;
}*/

.modal-footer {
  border-top: none;
  box-shadow: none;
  /*background-color: #F3F5F6;*/
  margin-top: 0;
  text-align: right;
}

.attachment-modal .file-select-wrapper {
  border-right: solid 1px #d5d5d5;
}

.attachment-modal .file-drop-area {
  margin: 30px 15px;
  height: 220px;
  border: dashed 2px #d5d5d5;
  text-align: center;
  line-height: 220px;
  color: #d5d5d5;
  font-size: 17px;
}

.attachment-modal .file-list-wrapper {
  overflow: auto;
}

.attachment-modal .file-list-wrapper li {
  border-bottom: solid 1px #e2e2e2;
  line-height: 25px;
  padding: 5px 0 3px;
}

.attachment-modal .file-list-wrapper li i {
  color: #d5d5d5;
  margin-right: 8px;
  font-size: 20px;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.label.bubble-only {
  border-radius: 99px;
  display: block;
  height: 16px;
  padding: 0;
  width: 16px;
}

.notifyjs-corner .notifyjs-wrapper,
.notifyjs-corner .notifyjs-container {
  margin: 0 !important;
}

.notifyjs-bootstrap-base {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  padding: 13px 50px 13px 45px !important;
  text-shadow: none !important;
  background-position: 16px 13px !important;
  box-shadow: 0px 0px 25px rgba(86, 96, 117, 0.4);
  min-width: 400px;
  max-width: 50%;
  float: right;
  border: 2px solid !important;
  border-radius: 0 0 0 30px !important;
}

.notifyjs-bootstrap-base:before {
  background: url('btn-common-sprite.4d2f344f323f4ea0412b.png') -7px -40px !important;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  content: "";
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
}

.notifyjs-bootstrap-base span {
  padding-left: 15px;
  white-space: normal;
  word-break: break-word;
  display: inline-block;
}

.notifyjs-bootstrap-success {
  color: #fff !important;
  background: linear-gradient(255deg, rgba(66, 142, 26, 0.92) 20%, rgba(97, 172, 57, 0.87) 63%) !important;
  border: 0 transparent !important;
  position: relative;
}

.notifyjs-bootstrap-success:after {
  background-image: url('sprite-common-icons.99a0388ccc3c0e98a2e1.png') !important;
  background-repeat: no-repeat;
  background-position: -480px -0px;
  width: 40px;
  height: 38px;
  content: "";
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.notifyjs-bootstrap-error {
  color: #fff !important;
  background-color: #f6867f !important;
  /*background-image: url(images/alert-error.png) !important;*/
}

.notifyjs-bootstrap-warn {
  color: #fff !important;
  border: 1px solid #f49055;
  background-color: #f49055 !important;
}

.notifyjs-bootstrap-info {
  color: #fff !important;
  border: 1px solid #00a2e8;
  background-color: #00a2e8 !important;
}

.notifyjs-corner {
  position: fixed;
  margin: 0px !important;
  z-index: 1160 !important;
}

.message-container {
  background: #fff;
  z-index: 1200;
  box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.2);
  border-radius: 6px;
  padding: 20px;
  font-size: 13px;
  width: 35%;
  text-align: center;
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.message-container .message-content padding {
  max-height: 65vh;
  overflow: auto;
}

.message-container.open {
  display: block;
}

.message-container.confirm .confirm-icon {
  color: #2a8cc0;
}

.message-container .fa {
  color: #f35958;
  font-size: 50px;
}

.message-container h5 {
  font-size: 20px;
  font-weight: 400;
  margin: 20px 0 15px;
}

.message-container p {
  font-size: 14px;
  color: #4a4949;
  margin-bottom: 10px;
  max-height: 65vh;
  overflow: auto;
}

.message-container .btn {
  min-width: 80px;
  margin-top: 12px;
}

.message-container .close {
  position: absolute;
  right: 10px;
  top: 10px;
}

/*.btn {
  display: inline-block;
  padding: 5px 12px;
  margin-bottom: 0;
  color: #666;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #999;
  -webkit-border-radius: 10px;
  -webkit-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-image: none !important;
  border: none;
  text-shadow: none;
  box-shadow: none;
  transition: all 0.12s linear 0s !important;
  font: 400 13px/18px "Roboto";
  border-radius: 20px;

}*/

.btn:focus {
  outline: none;
}

.btn .caret {
  margin-left: 3px;
}

.btn .caret.single {
  margin-left: 0px;
}

.btn.btn-sm,
.btn-group-sm>.btn {
  padding: 5px 6px;
  font-size: 13px;
  line-height: 16px;
}

.btn.btn-xs,
.btn-group-xs>.btn {
  padding: 3px 6px;
  font-size: 12px;
  line-height: 14px;
}

.btn.form-control {
  height: 32px;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #989d9f;
}

.btn-cons {
  margin-right: 5px;
  min-width: 120px;
  margin-bottom: 8px;
}

.btn-demo-space {
  margin-bottom: 8px;
}

.demo-placeholder {
  width: 100%;
  height: 250px;
}

.btn-social {
  font-size: 20px;
  margin: 10px;
}

.btn-social:hover,
.btn-social:focus,
.btn-social:active,
.btn-social.active,
.btn-social.disabled,
.btn-social[disabled] {
  color: #2d8ebf;
  text-decoration: none;
}

.btn-primary {
  color: #ffffff;
  background-color: #479f17;
  border: 2px solid #479f17;
}

.btn-primary.btn-sm:hover,
.btn-group-sm>.btn-primary.btn:hover,
.btn-primary.btn-sm:focus,
.btn-group-sm>.btn-primary.btn:focus,
.btn-primary.btn-xs:hover,
.btn-group-xs>.btn-primary.btn:hover,
.btn-primary.btn-xs:focus,
.btn-group-xs>.btn-primary.btn:focus {
  border-width: 2px;
}

/*.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #4454af !important;
    border-color: #4454af !important;
  }*/

.btn-success {
  color: #ffffff;
  background-color: #3cb878;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #23b56a;
}

.btn-info {
  color: #ffffff;
  background-color: #1f3853;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #475461;
}

.btn-warning {
  color: #f49055;
  background-color: transparent;
  border: 2px solid #f49055;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: transparent;
  color: #ce8f22;
  border-color: #ce8f22;
}

.btn-danger {
  color: #ffffff;
  background-color: #f35958;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #f35958;
}

.btn-danger-dark {
  color: #ffffff;
  background-color: #b94141;
}

.btn-danger-dark:hover,
.btn-danger-dark:focus,
.btn-danger-dark:active,
.btn-danger-dark.active,
.btn-danger-dark.disabled,
.btn-danger-dark[disabled] {
  background-color: #e94847;
  color: #ffffff;
}

.btn-dark {
  color: #ffffff;
  background-color: #1B1E24;
}

.btn-white {
  color: #666;
  background-color: #ffffff;
  border: 2px solid #ccc;
}

.btn-white.btn-sm,
.btn-group-sm>.btn-white.btn {
  border-radius: 5px;
}

.btn-white.btn-sm:hover,
.btn-group-sm>.btn-white.btn:hover,
.btn-white.btn-sm:focus,
.btn-group-sm>.btn-white.btn:focus {
  border-width: 2px;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.btn-white.disabled,
.btn-white[disabled],
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.disabled,
.btn-default[disabled] {
  background-color: transparent;
  border: 2px solid #479f17;
  color: #479f17;
}

.btn-default {
  background-color: #ecedf1;
  border: 2px solid #ccc;
}

.btn-link {
  color: #5e5e5e;
  background-color: transparent;
  border: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 16px;
  border-radius: 4px;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.btn-link.disabled,
.btn-link[disabled] {
  background-color: transparent;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 3px 12px;
  font-size: 11.9px;
  border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 2px 9px;
  font-size: 10.5px;
  border-radius: 3px;
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #479f17;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f49055;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #f35958;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #3cb878;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #1f3853;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222;
}

.btn-group.open .btn-white.dropdown-toggle {
  background-color: #fbfcfd;
}

.btn-group>.btn+.dropdown-toggle {
  box-shadow: none;
  border-left: 1px #f7f7f7 solid;
  padding-right: 10px;
  border-left: 1px solid #E5E9EC;
}

.btn-group>.btn.btn-mini+.dropdown-toggle {
  padding-right: 8px;
}

.btn-group>.dropdown-menu {
  font-size: 13px;
}

.btn-group>.dropdown-menu li {
  padding-left: 0px;
}

.btn-group.btn-group-horizontal label {
  background: none;
}

.btn-group.btn-group-horizontal label input[type="radio"]~i.fa.fa-circle {
  color: #c8c8c8;
  display: inline;
}

.btn-group.btn-group-horizontal label input[type="radio"]~i.fa.fa-circle-o {
  display: none;
}

.btn-group.btn-group-horizontal label input[type="radio"]:checked~i.fa.fa-circle {
  display: none;
}

.btn-group.btn-group-horizontal label input[type="radio"]:checked~i.fa.fa-circle-o {
  color: #479f17;
  display: inline;
}

.btn-group.btn-group-horizontal label input[type="radio"]:checked~i.fa.fa-circle-o:before {
  content: "\f192";
}

.btn-group.btn-group-horizontal label.btn:active,
.btn-group.btn-group-horizontal label.btn.active {
  box-shadow: none;
}

.btn-group.btn-group-horizontal label span {
  position: relative;
  top: -4px;
}

.btn-group.btn-group-horizontal label .fa-2x {
  font-size: 1.7em;
}

.btn-group.btn-group-horizontaldiv[data-toggle="buttons"] label {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 2em;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  background-color: none;
  border: 0px solid #c8c8c8;
  border-radius: 3px;
  color: #c8c8c8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.btn-group.btn-group-horizontaldiv[data-toggle="buttons"] label:hover {
  color: #479f17;
}

.btn-group.btn-group-horizontaldiv[data-toggle="buttons"] label:active {
  box-shadow: none;
}

.btn-group.btn-group-horizontaldiv[data-toggle="buttons"] label.active {
  box-shadow: none;
}

.btn-group.btn-group-horizontal .btn:hover,
.btn-group.btn-group-horizontal .btn:focus,
.btn-group.btn-group-horizontal .btn:active,
.btn-group.btn-group-horizontal .btn.active,
.btn-group.btn-group-horizontal .btn.disabled,
.btn-group.btn-group-horizontal .btn[disabled] {
  background-color: transparent;
}

.btn-group.btn-group-horizontal .btn.focus {
  outline: none;
  color: #479f17;
}

.btn-block+.btn-block {
  margin-top: 8px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.2);
  border: none;
  border-radius: 3px;
  padding: 0px;
  font-size: 13px;
}

.dropdown-menu .divider {
  background-color: #eaedf0;
  height: 1px;
  margin: 3px 0;
  border-bottom: 0px;
}

.dropdown-menu>li>a {
  line-height: 25px;
  color: #2a2e36;
  margin: 4px;
  border-radius: 3px;
  text-align: left;
}

.dropdown-menu li {
  padding-left: 0px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
  color: #1b1e24;
  text-decoration: none;
  background-color: #eff2f3;
  background-image: none;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  color: #1b1e24;
  text-decoration: none;
  background-color: #eff2f3;
  background-image: none;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  color: #999;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
}

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

.btn-group>.btn.btn-white:hover,
.btn-group>.btn.btn-white:focus,
.btn-group>.btn.btn-white:active,
.btn-group>.btn.btn-white.active {
  border: 2px solid #E5E9EC;
}

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

code,
pre {
  border: none;
}

code {
  background-color: #f3f6f9;
}

code:hover {
  background-color: #e8edf3;
}

.single-colored-widget {
  height: auto;
}

.single-colored-widget h3 {
  font-size: 22px;
  line-height: 32.5px;
}

.single-colored-widget .heading {
  padding: 8px 15px;
  padding-bottom: 4px;
  background-color: #ffffff;
}

.single-colored-widget .heading h4 {
  margin-bottom: 5px;
  margin-top: 5px;
}

.single-colored-widget .content-wrapper {
  padding: 15px 27px;
  padding-bottom: 20px;
}

.single-colored-widget .content-wrapper i {
  color: #ffffff;
}

.single-colored-widget .content-wrapper.red {
  background-color: #f35958;
}

.single-colored-widget .content-wrapper.red p {
  color: #832929;
}

.single-colored-widget .content-wrapper.green {
  background-color: #4aa11c;
}

.single-colored-widget .content-wrapper.green p {
  color: #505458;
}

.single-colored-widget .content-wrapper.blue {
  background-color: #0090d9;
}

.single-colored-widget .content-wrapper.blue p {
  color: #0a5174;
}

.single-colored-widget .content-wrapper .mini-logo {
  margin-bottom: 15px;
  margin-bottom: 15px;
}

.single-colored-widget .content-wrapper .h3 {
  margin-bottom: 15px;
}

.the-icons {
  padding-top: 17px;
}

.the-icons i {
  color: #505458;
  width: 32px;
  font-size: 14px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}

.the-icons a {
  color: #505458;
  font-size: 13px;
  cursor: pointer;
  display: block;
  height: 32px;
  line-height: 32px;
}

.the-icons a:hover {
  text-decoration: none;
}

.the-icons [class*="span"]:first-child {
  margin-left: 2.5641%;
}

.the-icons a:hover .fa,
.the-icons a:hover [class*="fa"] {
  font-size: 28px;
  vertical-align: -5px;
}

button:hover,
button:focus,
button:active,
.btn:hover,
.btn:focus,
.btn:active,
input:hover,
input:focus,
input:active {
  outline: none !important;
}

.squaredCheck {
  width: 16px;
  position: relative;
  margin: 0px auto;
}

.squaredCheck label {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #b5b5b5;
  border-radius: 4px;
  text-indent: 25px;
}

.squaredCheck label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}

.squaredCheck label:hover::after {
  opacity: 0.5;
}

.squaredCheck input[type=checkbox] {
  visibility: hidden;
}

.squaredCheck input[type=checkbox]:checked+label {
  background: #479f17;
}

.squaredCheck input[type=checkbox]:checked+label::after {
  opacity: 1;
}

.btn-info-icon {
  background-color: transparent;
  padding: 0;
  border: none;
  /*background-image: url(images/equip-icin.png) !important;*/
  width: 16px;
  height: 14px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  /*top:3px;*/
  left: 4px;
}

.btn-info-icon:hover,
.btn-info-icon:focus {
  background-color: transparent;
}

.btn-info-white {
  background-color: transparent;
  padding: 0;
  border: none;
  /*background-image: url(images/info-icon-white.png) !important;*/
  width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  /*top:3px;*/
  left: 0px;
}

.btn-info-white:hover,
.btn-info-white:focus {
  background-color: transparent;
}

.btn-warning-icon {
  background-color: transparent;
  padding: 0;
  border: none;
  /*background: url("../Content/images/info-equip.gif") !important;*/
  width: 18px;
  height: 18px;
  background-repeat: no-repeat !important;
  display: inline-block;
  position: relative;
  /*top: 3px;*/
  top: 0px;
  left: 4px;
}

.btn-warning-icon:hover,
.btn-warning-icon:focus {
  background-color: transparent;
}

.btn-info-gray {
  background-color: transparent;
  padding: 0;
  border: none;
  /*background-image: url(images/Info-gray.png) !important;*/
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  /*top:3px;*/
  left: 4px;
}

.btn-info-gray:hover,
.btn-info-gray:focus {
  background-color: transparent;
}

/*btn file*/

.btn-file {
  position: relative;
  cursor: Pointer;
}

.btn-file input {
  opacity: 0;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
}

.partial-btn {
  height: 15px !important;
  width: 15px !important;
  padding: 3px !important;
}

.btn-active {
  background-color: #479f17 !important;
  border-color: #479f17 !important;
  color: #ffffff;
}

.btn-ntfi-red {
  border: none !important;
  padding: 5px 7px !important;
  background-color: #FB5C5F !important;
}

.btn-ntfi-primary {
  border: none !important;
  padding: 5px 7px !important;
  background-color: #5763B8 !important;
}

.btn-ntfi-gray {
  border: none !important;
  padding: 5px 7px !important;
  background-color: #BBBBBB !important;
}

.side-btns {
  width: 27px !important;
  height: 27px !important;
}

.input-btn {
  padding: 2px 2px !important;
  font-size: 9px !important;
  line-height: 8px !important;
}

/*support icon for header*/

.icon-support {
  /*background: url(images/contact-support-icon.png) no-repeat 0 0 !important;*/
  /*background: url(images/contact-support-to-vessel.png) no-repeat 0 0 !important;*/
  width: 25px;
  height: 29px;
  display: inline-block;
  position: relative;
  top: 6px;
}

.icon-support:hover {
  /*background: url(images/contact-support-to-vessel.png) no-repeat -31px 0 !important;*/
}

.btn+.btn {
  margin-left: 5px;
}

.tab-content>.tab-pane {
  display: none;
  padding: 10px 0;
}

.tab-content>.tab-pane h4 {
  /*border-bottom: #e7e7e7 solid 2px;*/
  margin: 0 0 0px;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 5px;
}

.tab-content>.tab-pane .other-off h4 {
  border: 0;
  margin-top: 10px;
}

.tab-content>.active {
  display: block;
}

.nav>.disabled>a {
  color: #999999;
}

.nav .tools {
  float: right;
  position: relative;
  right: 10px;
  top: 10px;
}

.nav .tools a {
  position: relative;
  /*background: url("../img/icon/portlet-tray.png") no-repeat;*/
  transition: all 0.1s linear 0s;
}

.nav>.disabled>a:hover,
.nav>.disabled>a:focus {
  background-color: rgba(0, 0, 0, 0);
  cursor: default;
  text-decoration: none;
}

.nav-tabs,
.scroll-menu {
  margin-bottom: 0px;
  padding: 0;
  border: 0;
}

.nav-tabs>li,
.scroll-menu>li {
  margin-bottom: -3px;
  padding-left: 0;
  margin-right: 15px;
}

.nav-tabs>li>a,
.scroll-menu>li>a {
  border-radius: 0;
  border: 0px;
  padding: 0;
  color: #6f6f6f;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 4px solid #ffffff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.scroll-menu>li.active>a,
.scroll-menu>li.active:hover>a,
.scroll-menu>li.active:focus>a {
  border: 0;
  border-bottom: 4px solid #5d6bc0;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus,
.scroll-menu>.active>a,
.scroll-menu>.active>a:hover,
.scroll-menu>.active>a:focus {
  /*border: 0px;*/
  color: #1d2228 !important;
  border-radius: 0;
  box-shadow: none;
  font-weight: 500;
}

.nav>li>a:hover,
.nav>li>a:focus {
  background-color: transparent;
  color: #505458;
}

.nav-tabs>li>a,
.scroll-menu>li>a {
  margin-right: 0px;
}

/*table customisation*/

.tab-info h3 {
  margin: 0 10px 0 0;
}

.tab-info .nav li a {
  font-weight: 500;
  font-size: 17px;
  border-bottom: 4px solid transparent;
  position: relative;
}

.tab-info .nav li a:hover {
  color: #479f17;
}

.tab-info .nav li.mandatory a {
  /*color: #f26d7d;*/
}

.tab-info .nav li.mandatory a:before {
  font-family: FontAwesome;
  width: 12px;
  height: 12px;
  position: absolute;
  right: -10px;
  top: -5px;
  content: "\f069";
  color: #f26d7d;
  display: inline-block;
  font-size: 10px;
  /*background: url("./images/mandatory-icon.png") no-repeat;*/
}

.tab-info .nav li.active a {
  border-bottom: 4px solid #479f17;
  background: transparent;
  color: #479f17 !important;
}

.tab-info .nav li.disabled {
  pointer-events: none;
}

.tab-info .nav li.disabled a {
  color: #999;
}

.tab-info .nav li .badge {
  background: #479f17;
  margin-bottom: 2px;
}

.table-responsive {
  border: #e2e2e2 solid 1px;
  border-radius: 10px;
  padding: 0 10px;
  margin: 20px 0;
}

.table,
.k-grid-content {
  margin: 0;
}

.table>thead>tr>th,
.k-grid-content>thead>tr>th {
  border-bottom: 0px;
}

.table th,
.k-grid-content th {
  padding: 5px 7px;
  font-size: 13px;
  font-weight: 400;
  color: #7d7d7d;
  border-bottom: #e2e2e2 solid 1px !important;
}

.table th.medium-cell,
.k-grid-content th.medium-cell {
  width: 112px;
}

.table th.big-cell,
.k-grid-content th.big-cell {
  width: 200px;
}

.table tr.row_selected td,
.k-grid-content tr.row_selected td {
  background-color: #ffffcc !important;
}

.table tr.row_selected .progress,
.k-grid-content tr.row_selected .progress {
  background-color: #ffffff;
}

.table tr:last-child td,
.k-grid-content tr:last-child td {
  /*border-bottom: 0;*/
}

.table td,
.k-grid-content td {
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 7px;
  color: #363838;
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle !important;
  /*&:first-child {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }
        &:last-child {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }*/
}

.table td .label.bubble-only,
.k-grid-content td .label.bubble-only {
  width: 12px;
  height: 12px;
  float: left;
  margin: 3px 5px 0 0;
}

.table td .refresh,
.k-grid-content td .refresh {
  background: #c2c2c2;
  padding: 1px;
  border-radius: 50%;
  border: 0;
  color: #ffffff;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 16px;
  margin-right: 3px;
  cursor: pointer;
  font-size: 12px;
}

.table td .refresh:hover,
.k-grid-content td .refresh:hover {
  background-color: #479f17;
}

.table td.no-border,
.k-grid-content td.no-border {
  border: none;
}

.table td .progress,
.k-grid-content td .progress {
  margin-bottom: 0px;
}

.table td .muted,
.k-grid-content td .muted {
  color: #95989a;
}

.table td.clickable,
.k-grid-content td.clickable {
  cursor: pointer;
}

.table .checkbox,
.k-grid-content .checkbox {
  margin-left: 3px;
}

.table .star,
.k-grid-content .star {
  margin-left: 3px;
}

th {
  text-align: left;
}

.table th input[type="radio"],
input[type="checkbox"],
.table td input[type="radio"],
input[type="checkbox"] {
  margin-top: -2px;
}

.table td.small-cell,
.table th.small-cell {
  width: 40px;
}

.table-fixed-layout {
  table-layout: fixed;
}

.table-fixed-layout td {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.table-condensed th .checkbox {
  margin-left: 4px;
}

.table-striped tbody>tr:nth-child(2n+1)>td,
.table-striped tbody>tr:nth-child(2n+1)>th {
  background-color: #fbfbfb;
  /*border: none;*/
}

/*.table-striped {
    tbody {
        & > tr {
            & > td {
                border: 0px;
            }
        }
    }
}*/

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

.table-hover tbody tr.row_selected:hover>td {
  background-color: #fef8ae !important;
}

.table-hover tbody tr:hover>td .progress {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 10px 5px;
}

.table-tools-actions {
  margin: 0px 5px;
}

.inner-table td {
  background-color: transparent !important;
}

.table-bordered {
  border-color: #e2e2e2 !important;
}

.table-bordered th {
  background-color: #ecf0f2;
  border: 0 !important;
}

.table-bordered td {
  border: 1px solid #e2e2e2 !important;
}

.table-bordered td:first-child {
  border-radius: 0px;
}

.table-bordered td:last-child {
  border-radius: 0px;
}

.table-responsive2 {
  overflow-x: auto;
  border-top: #e2e2e2 solid 1px;
}

.table-responsive2 .table thead th {
  border-right: #e2e2e2 solid 1px;
  vertical-align: middle;
}

.table-responsive2 .table thead th:last-child {
  border-right: 0;
}

.k-grid.k-grid-box {
  /*custom class for kendo grid*/
  border: solid 1px #e2e2e2;
  padding: 0 20px 10px;
}

/*table cutomisation*/

.table-blk {
  max-width: 100%;
  overflow-x: auto;
  border: none !important;
  margin: 0 !important;
  padding-top: 0 !important;
}

.table-blk .description-text {
  float: right;
  width: 80%;
}

.table-blk table td {
  padding: 4px 7px !important;
  position: relative;
}

.table-blk table td .tanker-icon {
  width: 30px !important;
  padding-top: 6px !important;
}

.table-blk table td .tanker-icon.active,
.table-blk table td .tanker-icon:hover,
.table-blk table td .tanker-icon:focus {
  background: #479f17;
}

.table-blk table td .tanker-icon.active .tanker-icon-small,
.table-blk table td .tanker-icon:hover .tanker-icon-small,
.table-blk table td .tanker-icon:focus .tanker-icon-small {
  background-position: -16px 0;
}

.modal .table-blk thead th {
  border-top: 1px solid #ddd !important;
  padding: 8px 7px !important;
}

/********Bootstrap overrides***********/

/*******./Bootstrap overrides**********/

/*$base-font-family: $font-family-base;
$base-font-family-two: $font-family-base;*/

/*@font-face {
    font-family: 'glyphicons-halflings-regular';
    src: url('../../bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.eot') format('embedded-opentype');
}*/

/***transition***/

@media only screen and (min-width: 1824px) {
  body {
    height: 100%;
  }

  /*.page-container {
        height: 100%;
    }*/
  /** Side bar widget **/
  .footer-widget {
    position: fixed;
  }

  /** Controls **/
  .checkbox label:before {
    top: 0.5px;
  }

  .visible-xlg {
    display: block !important;
  }

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

@media (min-width: 1600px) {
  .visible-xlg {
    display: block !important;
  }

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

@media (max-width: 1204px) {
  .page-container {
    min-width: 1024px;
  }
}

@media (max-width: 1200px) {
  .header-search input {
    width: 78% !important;
  }
}

/*** Desktops & Laptops ***/

@media (min-width: 981px) {

  /*** Page sidebar ***/
  .page-sidebar {
    display: inline-block;
    float: left;
    position: fixed;
    margin-top: 0;
    padding-bottom: 105px;
    z-index: 99;
  }

  .page-sidebar .page-sidebar-wrapper {
    display: inline-block;
    float: right;
    height: 100%;
  }

  .page-sidebar.fixed {
    position: fixed;
  }

  /*.page-sidebar ul {
        width: 230px;
    }*/
  /*** Page content ***/
  .page-content.no-min-height {
    min-height: auto;
  }

  .full-width-page .page-content {
    margin-left: 0px !important;
  }

  /** Const size button for medium devices **/
  .btn-cons-md {
    min-width: 120px;
  }
}

/*** General tablets and phones ***/

@media (max-width: 980px) {

  /*** Page header ***/
  .header {
    margin: 0 !important;
  }

  .header .nav li.dropdown i {
    display: inline-block;
    position: relative;
    top: 1px;
    right: 0px;
  }

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

  /*** Page container ***/
  .page-container {
    margin: 0 !important;
    padding: 0 !important;
  }

  .fixed-top .page-container {
    margin-top: 0px !important;
  }

  /*** Page content ***/
  .page-content {
    margin-top: 0;
  }

  .page-content .content {
    padding-top: 20px;
  }

  .scrollup {
    left: 235px;
  }

  body.condense-menu .page-content {
    margin-left: 0;
  }

  .page-title .text-right {
    text-align: left !important;
  }

  .reject-box {
    left: 0 !important;
  }

  .reject-box:before,
  .reject-box:after {
    left: 25px;
    right: auto !important;
  }
}

/* Landscape view of all tablet devices */

@media (min-width: 768px) and (max-width: 1024px) {
  .page-sidebar {
    display: none !important;
  }

  .page-sidebar.visible {
    display: block !important;
  }

  /*** Page content ***/
  .page-content {
    /*margin-left:50px;*/
    margin-top: 0px;
    min-height: 911px;
  }

  .visible-tablet {
    display: block !important;
  }

  .scrollup {
    left: 36px;
  }

  .table td.small-cell,
  .table th.small-cell {
    width: 40px;
  }

  .modal-md {
    width: 650px;
  }
}

/* Portrait view of all tablet devices */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  body.hide-top-content-header .header {
    width: 100%;
  }

  body.hide-top-content-header .page-content .content {
    padding-top: 20px;
  }

  .page-sidebar .page-sidebar-wrapper {
    display: inline-block;
    float: right;
    width: 230px;
    height: 100%;
    padding-top: 0;
  }

  .header .notifcation-center {
    margin-left: 15px;
  }

  .page-sidebar {
    position: fixed;
    width: 230px;
    background-color: #1d2228 !important;
    z-index: 100;
  }

  .page-sidebar .user-info {
    display: inline-block;
  }

  .page-sidebar>p {
    display: block;
  }

  .page-sidebar>.status-widget {
    display: block;
  }

  .page-sidebar>.notification-alert {
    display: inline-block;
  }

  .page-sidebar .page-sidebar-wrapper>ul li span.title {
    display: inline-block;
  }

  .page-sidebar .page-sidebar-wrapper>ul li span.badge {
    display: inline-block;
  }

  .page-sidebar .page-sidebar-wrapper ul li span.label {
    display: inline-block;
  }

  .page-sidebar .page-sidebar-wrapper>ul {
    width: 230px;
    padding-top: 0px !important;
  }

  .page-sidebar .profile-wrapper {
    display: inline-block;
  }

  .page-sidebar .page-sidebar-wrapper>.side-bar-widgets {
    display: block;
    width: 230px;
  }

  .footer-widget {
    display: block;
  }

  .page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu {
    position: relative;
    margin: 0px;
  }

  .page-sidebar.mini-mobile .side-bar-widgets {
    display: none;
  }

  .page-sidebar {
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch;
  }

  .inner-menu {
    margin-left: 0px;
    margin-top: 60px;
  }

  .inner-menu-layout .page-content {
    margin-left: 200px;
  }

  .scrollup {
    left: 244px;
  }

  .page-content {
    margin: 0px;
  }

  .widget {
    margin-right: 0px;
  }

  .column-seperation>div[class*="col-"] {
    border-right: none;
  }
}

@media (max-width: 767px) {
  .page-sidebar .page-sidebar-wrapper {
    display: inline-block;
    float: left;
    width: 230px;
    height: 100%;
  }

  /*** Page header ***/
  .header .navbar-inner .container-fluid {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .header .top-nav .nav {
    margin-top: 0px;
    margin-right: 5px;
  }

  .header .nav>li>.dropdown-menu.notification:after,
  .header .nav>li>.dropdown-menu.notification:before {
    margin-right: 180px;
  }

  .header .nav>li>.dropdown-menu.notification {
    margin-right: -180px;
  }

  .header .nav>li>.dropdown-menu.inbox:after,
  .header .nav>li>.dropdown-menu.inbox:before {
    margin-right: 140px;
  }

  .header .nav>li>.dropdown-menu.inbox {
    margin-right: -140px;
  }

  .header .nav>li>.dropdown-menu.tasks:after,
  .header .nav>li>.dropdown-menu.tasks:before {
    margin-right: 90px;
  }

  .header .nav>li>.dropdown-menu.tasks {
    margin-right: -90px;
  }

  .header-seperation {
    width: 100% !important;
    z-index: 999;
    min-height: 60px;
    display: block !important;
  }

  .header .notifcation-center {
    margin-left: 15px;
  }

  .logo {
    margin-right: auto;
    margin-left: auto;
    margin-top: 16px;
  }

  .page-sidebar {
    position: fixed;
    z-index: auto;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
  }

  /*** Page title ***/
  .page-title {
    margin-bottom: 20px;
  }
}

/*** Phones ***/

@media (max-width: 480px) {
  body.hide-top-content-header .header {
    width: 100%;
  }

  body.hide-top-content-header .page-content .content {
    padding-top: 93px;
  }

  .page-title h3 {
    width: 80%;
  }

  .page-content .content {
    padding: 8px;
    padding-top: 93px;
    overflow-x: hidden;
  }

  .tiles.margin-reset {
    margin-left: 0px;
  }

  .column-seperation>div[class*="span"] {
    border-right: none;
  }

  table th.unseen,
  table td.unseen {
    display: none !important;
  }

  .row-fluid {
    margin-bottom: 10px;
  }

  .small {
    width: 100px !important;
  }

  .medium {
    width: 150px !important;
  }

  .large {
    width: 200px !important;
  }

  .huge {
    width: 246px !important;
    font-size: 24px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 22px 8px !important;
  }

  select.small {
    width: 114px !important;
  }

  select.medium {
    width: 164px !important;
  }

  select.large {
    width: 214px !important;
  }

  .btn-cons {
    min-width: 110px;
  }

  .btn-large {
    padding: 9px 15px;
  }

  /* Force table to not be like tables anymore */
  .no-more-tables table,
  .no-more-tables thead,
  .no-more-tables tbody,
  .no-more-tables th,
  .no-more-tables td,
  .no-more-tables tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .no-more-tables.table-bordered td {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }

  .no-more-tables td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    white-space: normal;
    text-align: left;
  }

  .no-more-tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }

  /*
  Label the data
  */
  .no-more-tables td:before {
    content: attr(data-title);
  }

  .no-more-tables .text-right,
  .no-more-tables .text-center {
    text-align: left !important;
  }

  .table-flip-scroll .cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }

  .table-flip-scroll * html .cf {
    zoom: 1;
  }

  .table-flip-scroll *:first-child+html .cf {
    zoom: 1;
  }

  .table-flip-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .table-flip-scroll th {
    width: auto !important;
    border-radius: 0px !important;
  }

  .table-flip-scroll th,
  .table-flip-scroll td {
    margin: 0;
    vertical-align: top;
  }

  .table-flip-scroll th {
    text-align: left;
  }

  .table-flip-scroll table {
    display: block;
    position: relative;
    width: 100%;
  }

  .table-flip-scroll thead {
    display: block;
    float: left;
  }

  .table-flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }

  .table-flip-scroll thead tr {
    display: block;
  }

  .table-flip-scroll th {
    display: block;
  }

  .table-flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
  }

  .table-flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }

  /* sort out borders */
  .table-flip-scroll th {
    border-bottom: 0;
    border-left: 0;
  }

  .table-flip-scroll td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0px !important;
  }

  .table-flip-scroll tbody tr {
    border-left: 1px solid #babcbf;
  }

  /** Profile Page **/
  .user-profile-pic {
    text-align: center;
  }

  .user-mini-description h3,
  .user-mini-description h5 {
    text-align: center;
  }

  /** email **/
  .email-body {
    padding: 8px !important;
  }

  /** lockscreen **/
  .lockscreen-wrapper .profile-wrapper {
    margin-bottom: 8px;
  }

  .image-responsive-width {
    width: auto;
  }

  .xs-image-responsive-width {
    width: 100%;
  }
}

@media (max-width: 320px) {
  .header .nav>li.dropdown .dropdown-toggle {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/*** General tablets and phones ***/

@media (max-width: 980px) {
  .fixed-top {
    padding-left: 20px;
  }

  body.open-menu-left .page-content {
    margin-left: 0px;
  }

  body.open-menu-left .navbar-inner {
    padding-left: 0px;
  }

  body.open-menu-left .fixed-top {
    padding-left: 250px;
  }

  .page-title {
    /*.btn {
            margin-top: 10px;
        }*/
  }

  .tab-info-outer section {
    padding-top: 210px;
  }
}

/* Landscape view of all tablet devices */

@media (min-width: 768px) and (max-width: 1024px) {
  .page-sidebar {
    position: fixed;
    transform: translateX(-230px);
  }

  .page-sidebar.visible {
    transform: translateX(0px) !important;
  }

  .form-list li>div:last-child {
    padding-top: 15px;
  }
}

.modal-lg {
  width: 95%;
}

/* Portrait view of all tablet devices */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .page-sidebar {
    transform: translateX(0px);
  }

  .page-sidebar.visible {
    transform: translateX(0px);
  }

  body.open-menu-left .page-sidebar {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  }

  body.open-menu-right .chat-window-wrapper {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  }
}

@media (max-width: 980px) {
  .page-sidebar {
    transform: translateX(0px);
  }

  .page-sidebar.visible {
    transform: translateX(0px);
  }

  .chat-window-wrapper {
    display: none;
  }

  .chat-window-wrapper.visible {
    display: block;
  }

  .page-sidebar {
    /*display: none;*/
  }

  .page-sidebar.visible {
    /*display: block;*/
  }

  body.open-menu-left .page-sidebar {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    -webkit-backface-visibility: hidden;
  }

  body.open-menu-left .page-sidebar.visible {
    transform: translateX(0px);
  }

  .left-list ul li {
    width: 100% !important;
    padding: 5px 15px !important;
  }
}

@media (max-width: 767px) {
  .page-container {
    width: 767px;
    overflow-y: auto;
  }
}

@media (min-width: 320px) and (max-width: 1024px) {
  .page-sidebar-wrapper {
    visibility: visible !important;
  }

  .page-sidebar-wrapper .left-blk {
    width: 28% !important;
  }

  .page-sidebar-wrapper .right-blk {
    width: 72% !important;
    padding: 18px 20px !important;
  }

  .page-sidebar-wrapper .sub-menu {
    -moz-columns: 2 !important;
    columns: 2 !important;
    -moz-column-fill: auto;
    column-fill: auto;
    overflow-y: auto;
  }

  .page-sidebar-wrapper .sub-menu li.title h6:before {
    width: 50% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .list-select ul li label .slct_wdth {
    width: 100px !important;
  }
}

/*large screen*/

@media (min-width: 1500px) and (max-width: 2000px) {
  .select-style {
    background: #fff url('arrowdown.6afc1f52400b772ba228.png') no-repeat 98% 50%;
  }

  .left-list .left-btn {
    right: -30px;
  }
}

/*Extra large screen*/

@media (min-width: 1199px) and (max-width: 1600px) {
  .crewing .crew-list-main .list-container>.col-lg-3 {
    width: 33.3333%;
  }
}

@media (min-width: 373px) and (max-width: 1340px) {
  .stock .control {
    width: 40% !important;
  }

  .stock .controls {
    width: 60% !important;
  }
}

/********Bootstrap overrides***********/

/*******./Bootstrap overrides**********/

/*$base-font-family: $font-family-base;
$base-font-family-two: $font-family-base;*/

/*@font-face {
    font-family: 'glyphicons-halflings-regular';
    src: url('../../bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.eot') format('embedded-opentype');
}*/

/***transition***/

html {
  font-size: 100%;
  height: 100%;
}

body {
  /*background-color: #f7f7f7;
    color: $text-color;
    font-family: $font-family-base;
    font-size: $font-size-base;
    padding: 0px !important;
    margin: 0px !important;*/
  line-height: 1.5;
  /*font-style: normal;
    font-weight: normal;*/
  height: 100%;
  letter-spacing: .3px;
}

body.condense-menu .header-seperation {
  display: none;
}

body.condense-menu .scrollup {
  left: 34px;
}

body.hide-top-content-header .header {
  width: auto;
}

body.hide-top-content-header .header-quick-nav {
  display: none;
}

body.hide-top-content-header .page-content .content {
  padding-top: 25px;
}

body.hide-sidebar .header-seperation {
  display: none;
}

body.hide-sidebar .page-sidebar {
  display: none;
}

body.hide-sidebar .page-content {
  margin-left: 0;
}

body.hide-sidebar .scrollup {
  left: 34px;
}

body.menu-non-fixed .page-sidebar {
  position: absolute;
}

body.bottom-header .header {
  bottom: 0;
}

body.bottom-header .page-content .content {
  padding-top: 25px;
  padding-bottom: 83px;
}

body.modal-open .page-container {
  position: inherit;
}

body.modal-open .page-content {
  position: inherit;
}

body.grey .page-container {
  margin-left: 0;
}

body.grey .navbar-inner {
  padding-left: 0;
}

.navbar,
.navbar-inverse {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
}

.navbar .nav>li>.dropdown-menu::before {
  position: absolute;
  top: -7px;
  right: 9px;
  left: auto;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.navbar .nav>li>.dropdown-menu::after {
  position: absolute;
  top: -6px;
  left: auto;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: '';
}

.navbar .notifications {
  background-color: #1B1E24;
  display: block;
  float: left;
  left: 0;
  margin: 0 10px 0 0;
  padding-top: 5px;
  position: relative;
}

.header-seperation {
  background-color: #22262E;
}

.header {
  transition: transform 0.3s ease, left 0.3s ease, right 0.3s ease;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  z-index: 90;
  min-height: 48px;
  left: 0;
  -webkit-backface-visibility: hidden;
  position: initial;
}

.header .navbar-inner {
  background-image: none !important;
  background-color: #ffffff !important;
  width: 100%;
  margin: 0;
  border: 0px;
  padding: 0px;
  box-shadow: rgba(0, 0, 0, 0.18) 2px 0 6px;
  border-radius: 0px;
  display: table;
  height: 48px;
  border-bottom: #ccc solid 2px;
  padding-left: 8px;
}

.header .navbar-inner [class*="span"] {
  min-height: 58px !important;
}

.header .btn-navbar {
  background-color: #1f1f1f !important;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 6px;
  background-image: none;
  box-shadow: none;
  color: #ffffff;
  border: 0;
}

.header .btn-navbar:hover {
  text-decoration: none;
}

.header .nav {
  display: block;
}

.header .nav li.dropdown .dropdown-toggle i {
  color: #eff4f8 !important;
}

.header .nav li.dropdown.user .dropdown-toggle i {
  display: inline-block;
  margin-top: 5px;
  margin: 0;
  font-size: 16px;
  color: #808080 !important;
}

.header .nav>li {
  margin: 0px;
  padding: 0px;
  text-align: center;
  display: inline-block;
  float: left;
}

.header .nav>li.dropdown .dropdown-toggle {
  margin: 0px;
}

.header .nav>li.dropdown .dropdown-toggle i {
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
}

.header .nav>li.dropdown .dropdown-toggle .badge {
  position: absolute;
  font-size: 10px !important;
  font-weight: 700;
  top: 0px;
  right: 2px;
  text-align: center;
  background-color: #f35958;
  padding: 4px 6px;
  border-radius: 12px !important;
  text-shadow: none !important;
  color: #ffffff;
}

.header .nav>li.dropdown.user .dropdown-toggle {
  padding: 8px 4px 7px 9px;
}

.header .nav>li.dropdown.user .dropdown-toggle:hover {
  text-decoration: none;
}

.header .nav>li.quicklinks i {
  display: inline-block;
  margin: 0 0 0 10px;
  font-size: 24px;
  color: #b6b5b5 !important;
}

.header .nav>li.quicklinks>a {
  padding: 0 !important;
}

.header .nav>li.quicklinks .noti {
  padding-top: 8px !important;
  margin-right: 5px;
  /*i{color: #727ec4!important;}*/
}

.header .nav>li.quicklinks .noti .badge {
  position: absolute;
  font-weight: normal;
  right: -6px;
  top: 0px;
  font-size: 10px;
}

.header .nav>li.quicklinks .dropdown-menu {
  border: 1px solid #cdcdcd;
}

.header .nav>li.quicklinks .dropdown-menu li a {
  padding: 3px 15px;
  border-radius: 0;
  font-weight: 400;
}

.header .nav>li.quicklinks .dropdown-menu li a:hover {
  color: #479f17;
}

.header .nav>li.quicklinks .dropdown-menu li a:hover .fa {
  color: #479f17 !important;
}

.header .nav>li.quicklinks .dropdown-menu i {
  font-size: 18px;
  margin: 0 12px 0 0;
  color: #d3d3d3;
  position: relative;
  top: 2px;
}

.header .nav>li.quicklinks .dropdown-menu .user-details {
  display: block;
  padding: 6px 10px;
}

.header .nav>li.quicklinks .dropdown-menu .user-details span {
  font-size: 13px;
  font-weight: 600;
}

.header .nav>li.quicklinks .dropdown-menu .user-details label {
  font-size: 13px;
  line-height: 12px;
}

.header .nav>li.quicklinks .user-blk i {
  width: 37px;
  height: 37px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 8px;
}

.header .nav>li.quicklinks .user-blk i img {
  border-radius: 50%;
}

.header .nav>li.quicklinks .user-blk .user-details {
  text-align: left;
  margin-top: 9px;
}

.header .nav>li.quicklinks .user-blk .user-details span {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}

.header .nav>li.quicklinks .user-blk .user-details label {
  color: #666666;
  font-size: 12px;
  margin: 0;
  line-height: 14px;
}

.header .nav .h-seperate {
  height: 6px;
  width: 2px;
  margin: 0px 10px 0px 10px;
  border-left: 1px solid #e1e1e1;
  display: inline;
  position: relative;
  top: 2px;
}

.header .nav .dropdown-menu {
  margin-top: 3px;
}

.header .header-seperation {
  background: #ffffff !important;
  display: block;
  float: left;
  height: 47px;
  border-right: 1px solid #ddd;
}

.header .header-seperation .notifcation-center {
  margin-right: 0 !important;
}

.header .header-seperation .logo {
  margin-top: 6px;
}

.header .header-quick-nav {
  padding-right: 10px;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transition-property: transform, opacity;
}

.header .header-quick-nav input {
  height: 12px !important;
}

.header .header-quick-nav .logo2 {
  margin: 8px 0 0 5px;
}

.header .header-quick-nav .dash-blk {
  display: inline-block;
  padding: 6px 15px;
  border-right: 1px solid #ddd;
}

.header .header-quick-nav .dash-blk i {
  /*background-image: url(images/dashboard-icon.png);*/
  width: 32px;
  height: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 5px;
}

.header .header-quick-nav .dash-blk:hover i {
  background-position: 0 -30px;
}

.header .header-quick-nav .old-version img {
  width: 46px;
}

.header .header-quick-nav .sub-logo {
  display: inline-block;
  padding: 15px 5px;
}

.header .header-quick-nav .header-search {
  overflow: hidden;
  background: #ffffff;
  width: 40%;
  height: 100%;
  position: relative;
  top: 6px;
  border: 1px solid #e2e2e2;
  border-radius: 20px;
  cursor: pointer;
  margin-right: 25px;
}

.header .header-quick-nav .header-search input {
  background: 0;
  color: #666;
  width: 90%;
  font-size: 13px;
  height: 40px;
  padding-right: 33px !important;
  border: none;
  margin: 1px 0;
  padding-left: 15px !important;
  /*float:right;*/
  cursor: pointer;
}

.header .header-quick-nav .header-search .category-list {
  background: #f3f3f3;
  color: #666;
  width: auto;
  font-size: 13px;
  height: 42px;
  border: none;
  padding: 5px 15px;
  border-right: 1px solid #e2e2e2;
}

.header .header-quick-nav .header-search ::-webkit-input-placeholder {
  /* Chrome */
  color: #666;
}

.header .header-quick-nav .header-search :-ms-input-placeholder {
  /* IE 10+ */
  color: #666;
}

.header .header-quick-nav .header-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #666;
  opacity: 1;
}

.header .header-quick-nav .header-search :-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #666;
  opacity: 1;
}

.header .header-quick-nav .header-search .btn-search {
  position: absolute;
  right: 10px;
  background: none;
  border: 0;
  color: #666;
  font-size: 22px;
  top: 50%;
  padding: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  /*background: url("./images/search-icon.png") no-repeat;*/
  width: 35px;
  height: 30px;
  background-position: 4px 3px;
}

.header .header-quick-nav .header-search .btn-search:hover,
.header .header-quick-nav .header-search .btn-search:active,
.header .header-quick-nav .header-search .btn-search:focus {
  border: 0;
  box-shadow: none;
}

.header .notifcation-center {
  display: inline-flex;
  display: -ms-flexbox;
  direction: ltr;
}

.header .notifcation-center li {
  min-width: 30px !important;
}

.header .notifcation-center li a {
  padding: 16px 10px !important;
  height: 48px;
}

.header .notifcation-center li a i {
  font-size: 18px !important;
}

.header a {
  text-decoration: none;
}

.header .quick-section {
  margin-left: 20px;
  margin-top: 6px;
  margin-right: 10px;
  display: inline-block;
  float: left;
  direction: ltr;
}

.header .popover-title {
  border-bottom: 0px;
  padding-top: 14px;
}

.menu-title {
  color: #808285;
  font-size: 11px;
  padding-left: 31px;
  padding-right: 31px;
  padding-top: 25px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.9px;
}

.menu-title a {
  color: #808285;
}

.menu-title a:hover {
  text-decoration: none;
}

.menu-title i {
  font-size: 10px;
  font-weight: normal;
}

.nav-collapse.collapse {
  height: 100% !important;
}

.page-sidebar .page-sidebar-wrapper>ul>li.open>a,
.page-sidebar .page-sidebar-wrapper>ul>li>a:hover,
.page-sidebar .page-sidebar-wrapper>ul>li:hover>a {
  background: #1d2228;
  color: #ffffff;
}

.page-sidebar .page-sidebar-wrapper>ul>li:hover>a i {
  color: #ffffff !important;
}

.page-sidebar .page-sidebar-wrapper ul>li>a>.arrow:before,
.page-sidebar .page-sidebar-wrapper>ul>li>a>.arrow.open:before {
  color: #919091 !important;
}

.page-sidebar .page-sidebar-wrapper ul>li.active>a .arrow:before,
.page-sidebar .page-sidebar-wrapper>ul>li.active>a .arrow.open:before {
  color: #ffffff !important;
}

.page-sidebar .page-sidebar-wrapper ul>li.open>a i,
.page-sidebar .page-sidebar-wrapper>ul>li.open>a i {
  color: #ffffff !important;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li.active>a,
.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li>a:hover {
  color: #ffffff !important;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li.active>a,
.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li>a:hover,
.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li.open>a {
  color: #ffffff !important;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu a .arrow:before,
.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu a .arrow.open:before {
  color: #919091 !important;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li.active>a {
  font-weight: 600;
}

.header .nav>li.dropdown,
.header .nav>li.dropdown>a {
  text-align: center;
}

.header .nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background: none;
}

.open {
  position: relative;
}

.navbar .pull-right>li.open>.dropdown-menu,
.navbar .nav>li.open>.dropdown-menu.pull-right {
  margin-right: -6px;
  margin-top: 7px;
}

.pace .pace-activity {
  top: 72px;
  border-top-color: #479f17;
  border-left-color: #479f17;
  right: 15px;
  left: auto;
}

.pace .pace-progress {
  background: #479f17;
  right: auto;
  left: 0;
}

.pace .pace-progress-inner {
  box-shadow: 0 0 10px #479f17, 0 0 5px #479f17;
}

.no-top .pace .pace-activity {
  top: 10px;
}

.loading-animator {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -webkit-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.4);
  -o-border-image: none;
     border-image: none;
  border-radius: 10px 10px 10px 10px;
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 2px;
  display: block;
  height: 14px;
  margin-left: 40%;
  width: 14px;
  z-index: 2000;
}

.page-container {
  transition: transform 0.4s ease, left 0.4s ease, right 0.4s ease;
  margin: 0px;
  padding: 0px;
  position: relative;
  /*height: 94%;*/
  /*min-height: 100vh;*/
  left: 0;
  z-index: 10;
  /*padding-bottom:50px;*/
}

.logo-blk {
  display: inline-block;
  height: 60px;
}

.chat-window-wrapper {
  font-size: 13px;
  position: fixed;
  top: 0;
  right: 0;
  width: 260px;
  background-color: #1d2228;
  height: 100%;
  z-index: 5;
  transition: opacity 0.1s ease;
}

.chat-window-wrapper .inner-content {
  height: 100%;
  overflow: hidden;
}

.chat-window-wrapper .chat-header {
  height: 58px;
}

.chat-window-wrapper .side-widget {
  margin-top: 15px;
  display: block;
}

.chat-window-wrapper .side-widget-title {
  color: #808285;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.2px;
  padding-left: 31px;
  padding-right: 31px;
  text-transform: uppercase;
}

.chat-window-wrapper .side-widget-content {
  display: block;
}

.chat-window-wrapper .side-widget-content ul.groups {
  list-style: none;
  margin: 0;
  margin-top: 10px;
  padding-left: 0;
}

.chat-window-wrapper .side-widget-content ul.groups li {
  line-height: 25px;
}

.chat-window-wrapper .side-widget-content ul.groups>li>a {
  color: #ffffff;
  font-size: 13px;
  padding: 5px 31px;
}

.chat-window-wrapper .side-widget-content ul.groups>li>a:hover {
  text-decoration: none;
}

.scrollup {
  /*background: url("${base-img-url}/pullup.png") no-repeat;*/
  background-position: 0px 0px;
  width: 27px;
  height: 27px;
  position: fixed;
  bottom: 92px;
  left: 235px;
  display: none;
  text-indent: -9999px;
  z-index: 101;
}

.scrollup:hover {
  background-position: -30px 0px;
}

.scrollup.to-edge {
  left: 35px;
}

.bubble {
  position: relative;
  width: 165px;
  min-height: 40px;
  padding: 0px;
  background: #e5e9ec;
  border-radius: 3px;
  color: #22262e;
  padding: 10px;
  cursor: pointer;
}

.bubble.old {
  background: #0d0f12;
  color: #4c5264;
}

.bubble.old:after {
  border-color: transparent #0d0f12;
}

.bubble.sender {
  background: #0ba195;
  color: #ffffff;
}

.bubble.sender:after {
  border-color: transparent #0ba195;
  border-width: 9px 0 9px 7px;
  right: -7px !important;
  left: auto;
}

.bubble:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 9px 7px 9px 0;
  border-color: transparent #e5e9ec;
  display: block;
  width: 0;
  z-index: 1;
  left: -7px;
  top: 12px;
}

.ie8 .page-sidebar {
  position: absolute;
  width: 225px;
}

.ie8 .page-sidebar ul {
  width: 225px;
}

.ie8 .page-content {
  margin-top: 0px;
}

.page-content {
  margin-top: 0px;
  padding: 0;
  background-color: #f7f7f7;
  position: relative;
  transition: transform 0.3s ease;
}

.page-content .header {
  padding: 20px !important;
}

.page-content .header h3 {
  font-size: 20px;
  display: inline;
  cursor: default;
}

.page-content .header i {
  font-size: 18px;
}

.page-content .breadcrumb {
  border-radius: 0px;
  box-shadow: none;
  background-color: transparent;
  padding: 0px !important;
  border: none !important;
  margin-bottom: 0px;
}

.page-content .breadcrumb a {
  margin-left: 10px;
}

.page-content .breadcrumb li p {
  font-size: 12.5px !important;
  font-weight: 400;
  color: #7b7d82;
}

.page-content .breadcrumb li .active {
  font-weight: 600;
  font-size: 14px;
}

.page-content .content {
  padding: 10px 20px;
}

.side-panel {
  border-width: 0;
  display: block;
  max-height: none;
  min-height: 100%;
  position: fixed;
  top: 0;
  width: 17em;
  background: linear-gradient(#F9F9F9, #EEEEEE) repeat scroll 0 0 #F9F9F9;
  border: 1px solid #AAAAAA;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  float: right;
  right: 0;
  z-index: 1200;
}

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

.user-info .details {
  display: inline-block;
}

.user-info .label {
  font-weight: 300;
  font-size: 11px;
}

.container {
  height: 100%;
}

.simple-list {
  margin: 0 0 20px;
}

.simple-list li {
  margin-bottom: 10px;
  padding: 0;
}

.simple-list li label {
  font-weight: normal;
  margin: 0;
  float: left;
  width: 115px;
  font-size: 13px;
  color: #666;
  line-height: normal;
  padding-top: 8px;
}

.simple-list li label sup {
  color: red;
  top: -2px;
}

.simple-list li .bubble-only {
  float: left;
  margin-right: 3px;
}

.header-bx {
  position: relative;
}

.header-bx .btn {
  position: absolute;
  right: 0;
  bottom: 25px;
}

.other-off label {
  display: inline-block;
  margin: 0;
  padding-right: 15px;
  font-size: 13px;
  line-height: 30px;
}

.total-bx label {
  display: inline-block;
  padding-right: 20px;
  margin: 0;
}

.total-bx li {
  margin-bottom: 5px;
  padding-right: 10px;
}

.total-bx li label {
  padding: 0;
}

.total-bx li span {
  display: inline-block;
  width: 100px;
}

#remarks .form-group {
  padding: 0 10px;
}

#remarks .form-group label {
  font-size: 13px;
  font-weight: 300;
  color: #7d7d7d;
}

#remarks .small-link {
  margin-left: 10px;
}

.search-form {
  display: inline-block;
  position: relative;
  border: #a8a8a8 solid 1px;
  overflow: hidden;
  border-radius: 15px;
  width: 260px;
  background: #ffffff;
  height: 32px;
}

.search-form input {
  width: 100%;
  padding-right: 50px;
}

.search-form input:focus,
.search-form input:active {
  background: #ffffff !important;
}

.search-form button {
  border: 0;
  background: none;
  width: auto;
  text-align: center;
  color: #cacaca;
  position: absolute;
  right: 0;
  top: 0;
  height: 32px;
  background-color: #479f17;
  color: #ffffff;
  padding-right: 15px;
  width: 40px;
  /*background-image: url("../Content/images/search-icon-white.png");*/
  background-repeat: no-repeat;
  background-position: 9px 5px;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
  background-size: 20px;
}

.btn-white.quote {
  border-width: 2px;
  border-radius: 15px !important;
  font-weight: 300;
  text-transform: uppercase;
  width: 70px;
}

.btn-white.quote:hover {
  border-width: 2px !important;
}

.scroll-menu>li {
  float: left;
}

.fixed-top {
  background: #ffffff;
  z-index: 10;
  width: 100%;
  position: fixed;
  top: 60px;
  left: 0;
  padding: 20px 20px 5px 250px;
}

.fixed-top.sticky {
  top: 0;
  transition: transform 0.3s ease, left 0.3s ease, right 0.3s ease;
}

.tab-info-outer {
  padding-bottom: 400px;
}

.tab-info-outer section {
  padding-top: 110px;
}

.tab-info-outer section#remarks {
  min-height: 400px;
}

body.grey .fixed-top {
  padding-left: 20px;
}

.link-blk a,
.link-blk label {
  font-weight: 400;
  color: #000;
  margin-left: 20px;
  font-size: 13px;
  cursor: pointer;
}

.link-blk a i,
.link-blk label i {
  font-size: 20px;
  color: #a3a3a3;
  margin-right: 5px;
  position: relative;
  top: 0px;
  vertical-align: middle;
}

.top-list li {
  padding: 0 15px;
  display: inline-block;
  border-right: 1px solid #ddd;
  /*select {
            height: 20px;
        }*/
}

.top-list li span {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  display: inline-block;
  min-height: 15px;
}

.top-list li label {
  font-size: 13px;
  color: #666666;
  font-weight: 400;
}

.top-list li:last-child {
  border: none;
  position: relative;
  top: 5px;
}

.search-blk {
  position: relative;
}

.search-blk input.form-control {
  padding-right: 30px !important;
}

.search-blk button {
  position: absolute;
  right: 0;
  top: 5px;
  border: none;
  background: none;
  box-shadow: 0;
  /*background: url("../Content/images/search-small-icon.png") no-repeat;*/
  width: 30px;
  height: 25px;
  background-position: 3px 2px;
}

.search-blk input.k-input {
  padding-right: 30px;
  width: 100%;
  -webkit-appearance: none !important;
  color: #333333;
  outline: 0;
  height: 25px !important;
  padding: 0px 35px 0 8px !important;
  line-height: 32px;
  font-size: 13px;
  font-weight: normal;
  vertical-align: top;
  background-color: #ffffff;
  box-shadow: none !important;
  border-radius: 5px;
  border: 1px solid #ccc;
  transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
  box-sizing: border-box;
  text-indent: initial;
}

.search-blk .k-autocomplete {
  border: none;
  box-shadow: none !important;
  width: 100%;
  max-width: 100%;
  display: inline-block;
  float: left;
}

.search-blk .k-autocomplete.k-state-hover {
  background-color: transparent !important;
}

.search-form {
  position: relative;
}

.search-form input.form-control {
  padding-right: 30px !important;
}

.search-form input.k-input {
  padding-right: 30px;
  width: 100%;
  -webkit-appearance: none !important;
  color: #333333;
  outline: 0;
  height: 25px !important;
  padding: 0px 8px !important;
  line-height: 32px;
  font-size: 13px;
  font-weight: normal;
  vertical-align: top;
  background-color: #ffffff;
  box-shadow: none !important;
  border-radius: 15px;
  border: 1px solid #e2e2e2;
  transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
  box-sizing: border-box;
  border: none;
}

.search-form .k-autocomplete {
  border: none;
  box-shadow: none !important;
  width: 100%;
  max-width: 100%;
  display: inline-block;
  float: left;
  border-radius: 15px;
}

.search-form .k-autocomplete.k-state-hover {
  background-color: transparent !important;
}

.delete-icn {
  color: #9e9e9e;
  vertical-align: middle;
  font-size: 18px;
  display: inline-block;
  padding-top: 5px;
  cursor: pointer;
}

.delete-icn:hover {
  color: #479f17;
}

/*Checkbox*/

.k-grid-content td .chk-box,
.k-grid-content-locked td .chk-box,
.k-grid-header th .chk-box {
  width: 16px;
  height: 16px;
  position: relative;
  /*background-image: url('images/grid-checkbox.png');
        background-position: 0 0;*/
  border: 2px solid #9a9a9a;
  border-radius: 2px;
  text-indent: 30px;
  position: relative;
  top: 3px;
}

.k-grid-content td .chk-box>input:checked+.Checkbox-visible,
.k-grid-content-locked td .chk-box>input:checked+.Checkbox-visible,
.k-grid-header th .chk-box>input:checked+.Checkbox-visible {
  /*background-image: url('images/grid-checkbox.png');
            background-position: -20px 0;*/
  background: url('sprite-common-icons.99a0388ccc3c0e98a2e1.png') no-repeat -6px -33px;
  border: 2px solid #479f17;
  width: 16px;
  height: 16px;
  left: -2px;
  top: -2px;
}

.k-grid-header th .chk-box {
  top: -2px;
  margin-bottom: 0;
}

.chk-box {
  width: 20px;
  height: 20px;
  position: relative;
  /*background-image: url('images/checkbox.png');*/
  background-position: 0 0;
  text-indent: 30px;
}

.chk-box>* {
  position: absolute;
}

.chk-box-visible {
  border: 1px solid gray;
  width: 16px;
  height: 16px;
  margin: 2px;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 3px;
}

.chk-box>input {
  z-index: 1;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translatex(-50%) translatey(-50%);
  display: block !important;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.chk-box>input:checked+.Checkbox-visible {
  background-image: url('checkbox.906b5d3303b3e70a8152.png');
  background-position: -22px 0;
  width: 20px;
  height: 20px;
  left: 2px;
}

.chk-box>input:hover+.Checkbox-visible {
  border-color: #cccccc;
}

.content-blk {
  padding-top: 15px;
  padding-bottom: 0;
}

.dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: '';
}

.top-list li .dropdown-menu {
  width: auto;
  font-weight: 400;
  min-width: 40px;
  padding: 10px;
}

.top-list li .dropdown-menu li {
  padding: 0 0px;
  border: none;
  width: 100%;
}

.top-list li .dropdown-menu li a {
  padding: 5px;
  line-height: 10px;
  width: 100%;
  margin: 3px 0;
  text-align: center;
}

.link-blk a:hover,
.link-blk label:hover {
  color: #479f17;
}

.link-blk a:hover .fa,
.link-blk label:hover .fa {
  color: #479f17;
}

.attachment-list li {
  border-top: 1px solid #ddd;
  padding: 10px;
  display: inline-block;
  float: left;
  width: 100%;
}

.attachment-list li .fa {
  font-size: 22px;
  color: #d3d2d2;
}

.attachment-list li .fa-paperclip {
  position: relative;
  top: 5px;
  margin-right: 10px;
}

.attachment-list li .rgt-links a:first-child {
  padding-right: 10px;
}

.attachment-list li:hover,
.attachment-list li:focus {
  background: #f7f7f7;
}

.attachment-list li:hover .fa,
.attachment-list li:focus .fa {
  color: #8e8c8d;
}

.attachment-list li:last-child {
  border-bottom: 1px solid #ddd;
}

.attachment-list li .attachment-text {
  position: relative;
  white-space: nowrap;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.attachment-blk {
  padding: 15px;
  border-radius: 10px;
  border: 2px dashed #ddd;
}

.attachment-blk .upload-icn {
  display: inline-block;
  position: relative;
  color: #c0c0c0;
}

.attachment-blk .upload-icn:hover {
  color: #479f17;
}

.attachment-blk .upload-icn .fa {
  font-size: 65px;
  margin: 0;
}

.attachment-blk .upload-icn .input-hidden {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.attachment-blk .upload-icn span {
  padding: 10px;
  text-align: left;
  display: inline-block;
}

.attachment-blk .upload-text {
  text-align: center;
}

.attachment-blk .input-label {
  position: relative;
  top: -5px;
}

.attachment-blk .input-label input {
  border: none;
  padding: 0 !important;
  color: #479f17;
  text-align: center;
  pointer-events: none;
}

/*attachment start*/

.attachment-sec {
  overflow-y: hidden !important;
  max-height: 85vh !important;
  /*display:table;*/
  width: 100%;
  /*.no-attachment {
        background: #f7f7f7;
        text-align: center;
        display: inline-block;
        width: 100%;
        /*margin: 20px 0;*/
  /*attachment table*/
}

.attachment-sec.modal-body .attachment-grid .action-btn {
  font-size: 18px;
}

.attachment-sec.modal-body .attachment-reader figure img {
  max-width: 600px;
}

.attachment-sec .file-drag-blk {
  background: #f7f7f7;
  border: 1px dashed #888888;
  position: relative;
  text-align: center;
  display: inline-block;
  width: 100%;
  /*margin: 20px 0;*/
}

.attachment-sec .file-drag-blk:hover {
  border-color: #479f17;
  color: #479f17;
}

.attachment-sec .file-drag-blk:hover .text {
  color: #479f17;
}

.attachment-sec .file-drag-blk a {
  display: inline-block;
  width: 100%;
  padding: 20px 35px;
}

.attachment-sec .file-drag-blk a .text {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}

.attachment-sec .file-drag-blk a .text i {
  padding-right: 30px;
}

.attachment-sec .file-drag-blk a .text h5 {
  font-size: 18px;
  border: none;
  margin: 0;
  padding: 5px 0 3px;
}

.attachment-sec .file-drag-blk a .text p {
  font-size: 12.5px;
  color: #666;
}

.attachment-sec .file-drag-blk .input-hidden {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

.attachment-sec a {
  display: inline-block;
  width: 100%;
  padding: 35px;
}

.attachment-sec a .text {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}

.attachment-sec a .text i {
  padding-right: 30px;
}

.attachment-sec a .text h5 {
  font-size: 18px;
  border: none;
  margin: 0;
  padding: 5px 0 3px;
}

.attachment-sec a .text p {
  font-size: 12.5px;
  color: #666;
}

.attachment-sec .input-hidden {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

.attachment-sec .attachment-grid td .add-text {
  max-width: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.attachment-sec .attachment-grid h6 {
  font-size: 14px;
  margin: 5px 0;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 220px;
}

.attachment-sec .attachment-grid p {
  font-size: 12.5px;
  color: #666;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /*width: 120px;*/
  width: 250px;
}

.attachment-sec .attachment-grid .action-btn {
  color: #ababae;
  font-size: 22px;
  padding: 0 5px;
  width: auto !important;
}

.attachment-sec .attachment-grid .action-btn:hover {
  color: #479f17;
}

.attachment-sec .attachment-view {
  max-height: 100vh !important;
}

.attachment-sec .attachment-view .modal-content {
  padding: 30px;
}

.attachment-sec .attachment-view .modal-content .modal-header {
  padding: 0;
  border: none;
}

.attachment-sec .attachment-view .modal-content .modal-body {
  text-align: center;
  border: 1px solid #ddd;
  background: #f1f1f1;
}

.attachment-sec .attachment-popup .modal-body {
  height: 85vh;
  overflow-y: auto;
}

.attachment-sec .file-upload-container {
  position: relative;
  min-height: 300px;
}

.attachment-sec .file-upload-blk {
  position: absolute;
  top: 0;
  width: 100%;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #ddd;
  display: block;
  width: 100%;
  padding: 20px;
  margin: 0 0;
  box-shadow: 0px 0px 14px rgba(86, 96, 117, 0.4);
  z-index: 9999;
}

.attachment-sec .file-upload-blk ul li {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  margin-bottom: 10px;
}

.attachment-sec .file-upload-blk .rgt-btn {
  font-size: 18px;
  color: #ddd;
  width: 18px;
  height: 18px;
  padding: 0;
  text-align: center;
  line-height: 18px;
  min-width: auto;
}

.attachment-sec .file-upload-blk .rgt-btn:hover,
.attachment-sec .file-upload-blk .rgt-btn:focus {
  color: #479f17;
}

.attachment-sec .attachment-reader figure {
  max-height: 295px;
  overflow-y: auto;
}

.attachment-sec .attachment-reader img {
  max-width: 100%;
  /*width: 100%;*/
}

.attachment-sec .attachment-reader h6 {
  font-size: 17px;
  font-weight: 400;
  white-space: pre-line;
  margin-top: 0;
}

.attachment-sec .attachment-reader p {
  max-width: 100%;
}

.attachment-sec .attachment-reader .image-full iframe {
  width: 100%;
  border: 1px solid #e2e2e2;
  height: 460px !important;
}

.attachment-sec .display-table-cell {
  vertical-align: top !important;
}

.attachment-icon {
  /*background-image: url("images/drag-drop-icon.png");*/
  width: 90px;
  height: 48px;
  display: inline-block;
  background-repeat: no-repeat;
}

.item-content img {
  margin-left: 8% !important;
}

.attachment-content {
  width: 100%;
  min-height: 600px;
}

.no-attachment {
  /*background: #f6f6f6;*/
  display: inline-block;
  min-height: 130px;
  /*position: relative;*/
  width: 100%;
}

.no-attachment .no-attachment-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.no-attachment .no-attachment-content i.no-attachment-img {
  /*background-image: url("images/no-image.png");*/
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-right: 10px;
  float: left;
}

.no-attachment .no-attachment-content span {
  font-size: 16px;
  color: #333;
  font-weight: 300;
  float: left;
  padding-top: 15px;
}

.attachment-list-sec {
  padding: 10px;
  border: 1px solid #f1f1f1;
  margin-top: 10px;
  border-radius: 2px;
  min-height: 280px;
  position: relative;
}

.attachment-simple-view {
  padding: 15px;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  position: relative;
  display: table-cell;
}

.norecords-img {
  /*background-image: url("images/no-records-icon.png");*/
  background-repeat: no-repeat;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  width: 45px;
  height: 40px;
  display: inline-block;
}

.table tbody tr:last-child td {
  border-bottom: 0;
}

.k-grid-norecords {
  padding-top: 20px;
  min-height: 80px;
}

.k-grid-norecords .k-grid-norecords-template {
  /*background: url(images/no-records-icon.png) no-repeat top center;*/
  padding-top: 25px;
  filter: grayscale(100%);
  /* Current draft standard */
  -webkit-filter: grayscale(100%);
  /* New WebKit */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

/*attachment end*/

.input-append {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.input-append .add-on {
  position: absolute;
  right: 1px;
  top: 1px;
  height: 30px !important;
  padding: 4px 8px;
  padding-top: 4px !important;
}

.panel-body {
  position: relative;
}

.panel-body h4 {
  font-weight: 400;
}

.panel-body h5 {
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.close-side-menu {
  text-align: right;
  padding: 0;
}

.close-side-menu .close-btn {
  font-size: 17px;
  color: #ddd;
  position: absolute;
  right: 15px;
  width: 25px;
  height: 25px;
  padding: 5px;
  top: 10px;
  /*background-image: url(images/close-icn.png) !important;*/
  background-position: 4px 5px;
  background-repeat: no-repeat;
  opacity: 1;
  cursor: pointer;
  z-index: 9999;
}

.close-side-menu .close-btn-gray {
  font-size: 17px;
  color: #ddd;
  position: absolute;
  right: 15px;
  width: 25px;
  height: 25px;
  padding: 5px;
  top: 10px;
  background-image: url('close-icon.6e6e15d84ec92013ac54.png') !important;
  background-position: 4px 5px;
  background-repeat: no-repeat;
  opacity: 1;
  cursor: pointer;
  z-index: 9999;
}

/*left action start*/

.left-list {
  /*transform:translateX(-25%);*/
  margin-left: -24%;
  transition: all ease-in-out 0.4s;
  position: fixed;
  z-index: 999;
  width: 22%;
  padding-right: 20px;
  top: initial;
  /*max-height:100vh;*/
  /*overflow-y:auto;*/
  min-height: calc(100vh - 100px) !important;
}

.left-list.open {
  /*transform:translateX(0);*/
  margin-left: 0;
}

.left-list .sub-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 25px;
  margin-top: 0;
}

.left-list label {
  font-size: 15px;
}

.left-list label sup {
  color: red;
  top: -2px;
}

.left-list ul {
  padding-bottom: 25px;
  margin-bottom: 20px;
  /*border-bottom: 2px solid #d9d9d9;*/
  display: inline-block;
  width: 100%;
}

.left-list ul li {
  padding: 5px 0;
  float: left;
  width: 100%;
}

.left-list ul:last-child {
  border: none;
}

.left-list .left-btn {
  position: absolute;
  right: -26px;
  top: 0;
  background: #479f17;
  padding: 5px;
  height: 33px;
  width: 18px;
  vertical-align: middle;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  z-index: 999;
}

.left-list .left-btn.move {
  right: -1px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.left-list .left-btn.move .fa:before {
  content: "\f100";
}

.content-panel {
  transition: all ease-in-out 0.3s;
  margin-left: 0;
}

.content-panel.slide {
  margin-left: 24%;
}

body.scroll .left-list {
  top: 5px;
  min-height: calc(100vh - 80px) !important;
}

body.scroll .voyage-content .slide .page-title {
  top: 0;
  position: fixed;
  display: block;
  background: #f8f8f8;
  z-index: 9;
  right: 0;
  left: 24% !important;
  padding: 10px;
}

body.scroll .voyage-content .page-title {
  top: 0;
  position: fixed;
  display: block;
  background: #f8f8f8;
  z-index: 9;
  right: 0;
  left: 11px;
  padding: 10px;
}

body.scroll .scroll-to-top {
  visibility: visible;
  bottom: 0;
}

/*left action end*/

.log-btn,
.history-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
}

.log-btn .fa,
.history-btn .fa {
  color: #a7a7a7;
  font-size: 24px;
  margin-left: 8px;
}

.log-btn:hover,
.log-btn:active,
.log-btn:focus,
.history-btn:hover,
.history-btn:active,
.history-btn:focus {
  color: #479f17;
}

.log-btn:hover .fa,
.log-btn:active .fa,
.log-btn:focus .fa,
.history-btn:hover .fa,
.history-btn:active .fa,
.history-btn:focus .fa {
  color: #479f17;
}

.tanker-icon.add-on {
  width: 30px !important;
  padding-top: 6px !important;
}

.tanker-icon.add-on .tanker-icon-small {
  /*background: url("./images/tanker-icon.png") no-repeat;*/
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position: 3px 0;
}

.tanker-icon.add-on:hover,
.tanker-icon.add-on:active,
.tanker-icon.add-on:focus {
  background: #479f17;
}

.tanker-icon.add-on:hover .tanker-icon-small,
.tanker-icon.add-on:active .tanker-icon-small,
.tanker-icon.add-on:focus .tanker-icon-small {
  background-position: -16px 0;
}

.modal-content .modal-header {
  background: #4fa323;
  /*background-image: linear-gradient(to bottom, #88d44a, #4fa323);*/
  padding: 12px 15px;
}

.modal-content .modal-header h4 {
  color: #ffffff !important;
  font-size: 16px;
}

.modal-content .modal-header .close {
  background: url('sprite-common-icons.99a0388ccc3c0e98a2e1.png') no-repeat -6px -58px;
}

.right-side-blk {
  width: 500px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  padding: 15px 25px;
  height: 100%;
  border-radius: 0 !important;
  transform: translateX(550px);
  transition: all 0.5s ease;
}

.right-side-blk.open {
  transform: translateX(0px);
}

.right-side-blk.open.side-large {
  width: 80%;
  transform: translateX(0%);
}

.right-side-blk.open.side-medium {
  width: 60%;
  transform: translateX(0%);
}

.right-side-blk.open.side-small {
  width: 40%;
  transform: translateX(0%);
}

.right-side-blk.open .content-blk {
  padding-right: 10px;
}

.right-side-blk .close-main-btn {
  /*background-image: url(./images/right-close.png) !important;*/
  background-position: 1px 1px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  padding: 0;
  top: 6px;
  left: -30px;
  opacity: 1;
}

.right-side-blk h5 {
  border: none;
  font-size: 21px;
  margin-bottom: 0;
}

.right-side-blk .top-blk p {
  margin: 0;
}

.right-side-blk .top-blk label {
  margin: 0;
  color: #666;
}

.right-side-blk .list {
  margin-top: 15px;
}

.right-side-blk .list li {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #ddd;
  padding: 10px 5px;
  float: left;
}

.right-side-blk .list li i {
  margin-right: 8px;
}

.right-side-blk .list li>span {
  font-size: 15px;
}

.right-side-blk .list li span {
  font-size: 14px;
}

.right-side-blk .list li time {
  padding: 12px;
}

.right-side-blk .list li:last-child {
  border-bottom: 1px solid #ddd;
}

.right-side-blk .list li:hover {
  background: #f7f7f7;
}

.right-side-blk .list-blk h6 {
  font-size: 14.5px;
  color: #999;
  text-align: center;
  font-weight: 400;
}

.simple-links .btn {
  border-radius: 3px;
  padding: 5px 10px;
  border-width: 1px;
  margin-right: 5px;
}

.simple-links .btn:hover {
  border-width: 1px;
}

.page-title button i {
  font-size: 18px;
  color: #999;
  line-height: normal;
}

.page-title button:hover i {
  color: #479f17;
}

.page-title .btn-primary i {
  font-size: 18px;
  color: #ffffff;
  line-height: normal;
}

.page-title .btn-primary:hover i {
  color: #ffffff;
}

.top-filter>ul>li {
  display: inline-block;
  float: left;
  border-right: 1px solid #ddd;
  padding: 5px 15px;
}

.top-filter>ul>li ul li {
  border: none;
  padding: 0;
  width: 100%;
  font-size: 13px;
  padding: 0 0;
}

.top-filter .search-blk input {
  border-radius: 20px;
  padding: 10px 40px 10px 15px !important;
  font-size: 14px;
  height: 34px;
}

.top-filter .search-blk input:disabled {
  border: 1px solid #f1f1f1 !important;
}

.top-filter .search-blk button {
  right: 5px;
  top: 7px;
}

.filter-md>li {
  font-size: 15px;
}

.filter-md>li:last-child {
  border: none;
  padding: 0 15px;
}

.more-link {
  font-size: 10px;
  color: #479f17;
  text-transform: uppercase;
  background: none;
  border: none;
}

/*Styles added by hrudya starts here*/

/*Dashboard styles starts from here*/

/*.dashboard-main {
    .dashboard-tab {
        & > .nav-tabs {
            background: #fff;
            border: 1px solid #ececec;

            li {
                margin-bottom: 0;
                margin: 0;
                border-right: 1px solid #ececec;

                &:last-child {
                    border-right: 0;
                }

                &.active {
                    a {
                        background: #f2f2f2;
                        border: 0;
                        color: $brand-primary;
                    }
                }

                a {
                    display: block;
                    padding: 10px 20px;
                    margin-bottom: 0;
                    border: 0;
                }
            }
        }

        .dashboard-tile {
            padding: 15px;
            margin-bottom: 20px;
            background-color: #fff;
        }

        .tab-content {
            .tab-pane {
                .slider-tile {
                    .nav-stacked {
                        li {
                            margin-top: 0;
                            padding: 0;

                            &.active {
                                -webkit-box-shadow: 0px 4px 10px rgba(86, 96, 117, 0.5);
                                -moz-box-shadow: 0px 4px 10px rgba(86, 96, 117, 0.5);
                                box-shadow: 0px 4px 10px rgba(86, 96, 117, 0.5);
                                position: relative;
                                z-index: 2;

                                a {
                                    &.bg-1 {
                                        background: #ed3938;
                                        border: 2px solid #ff0100;
                                    }
                                }
                            }

                            &.active a.bg-2 {
                                background: #ef5966;
                                border: 2px solid #e23947;
                            }

                            &.active a.bg-3 {
                                background: #da9449;
                                border: 2px solid #da7810;
                            }

                            &.active a.bg-4 {
                                background: #b1adad;
                                border: 2px solid #9a9a9a;
                            }

                            a {
                                text-align: center;
                                border-radius: 0;
                                color: #fff;

                                &.bg-1 {
                                    background: #ff4847;
                                }

                                &.bg-2 {
                                    background: #ff6370;
                                }

                                &.bg-3 {
                                    background: #fbae5c;
                                }

                                &.bg-4 {
                                    background: #e1e1e1;

                                    h2 {
                                        color: #000;
                                    }

                                    p {
                                        color: #333;
                                    }
                                }

                                h2 {
                                    margin: 0;
                                    color: #fff;
                                    font-weight: 400;
                                    font-size: 28px;
                                }
                            }
                        }
                    }

                    .carousel-inner {
                        .item-list {
                            background: #fff;
                            padding: 10px 15px;
                            margin: 10px 0;
                            position: relative;
                            -webkit-box-shadow: 0px 3px 4px rgba(86, 96, 117, 0.4);
                            -moz-box-shadow: 0px 3px 4px rgba(86, 96, 117, 0.4);
                            box-shadow: 0px 3px 4px rgba(86, 96, 117, 0.1);

                            p {
                                margin: 0;
                            }
                        }
                    }

                    .carousel-control {
                        background: none !important;
                        color: #ccc;
                    }

                    .carousel-inner.vertical {
                        height: 100%;
                    }

                    .carousel-inner.vertical > .item {
                        -webkit-transition: .3s ease-in-out top;
                        -o-transition: .3s ease-in-out top;
                        transition: .3s ease-in-out top;
                    }

                    .carousel-inner.vertical > .active {
                        top: 0;
                    }

                    .carousel-inner.vertical > .next,
                    .carousel-inner.vertical > .prev {
                        top: 0;
                        height: 100%;
                        width: auto;
                    }

                    .carousel-inner.vertical > .next {
                        left: 0;
                        top: 33.33%;
                        right: 0;
                    }

                    .carousel-inner.vertical > .prev {
                        left: 0;
                        top: -33.33%;
                        right: 0;
                    }

                    .carousel-inner.vertical > .next.left,
                    .carousel-inner.vertical > .prev.right {
                        top: 0;
                    }

                    .carousel-inner.vertical > .active.left {
                        left: 0;
                        top: -33.33%;
                        right: 0;
                    }

                    .carousel-inner.vertical > .active.right {
                        left: 0;
                        top: 33.33%;
                        right: 0;
                    }

                    #carousel-pager .carousel-control.left {
                        top: auto;
                        bottom: -25px;
                        width: auto;
                        left: 0;
                        right: auto;
                    }

                    #carousel-pager .carousel-control.right {
                        top: auto;
                        bottom: -25px;
                        width: auto;
                        left: 25px;
                        right: auto;
                    }
                }
            }
        }
    }
}*/

.btn-small {
  background: #c2c2c2;
  padding: 4px 0px;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 16px;
  box-sizing: border-box !important;
}

.btn-small.active,
.btn-small:hover {
  background: #479f17;
  color: #ffffff;
}

.comments-btn span {
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
}

.comments-btn span i {
  font-size: 22px;
  color: #666;
}

.crewing .profile-warnings,
.crewing-cash .profile-warnings,
.monthly-variables .profile-warnings,
.onboard-training .profile-warnings,
.rankrule-mapping .profile-warnings,
.searoster .profile-warnings,
.payroll .profile-warnings {
  border-radius: 0;
}

.crewing .profile-warnings .warning-item,
.crewing-cash .profile-warnings .warning-item,
.monthly-variables .profile-warnings .warning-item,
.onboard-training .profile-warnings .warning-item,
.rankrule-mapping .profile-warnings .warning-item,
.searoster .profile-warnings .warning-item,
.payroll .profile-warnings .warning-item {
  float: left;
  margin-right: 10px;
  background: #dedede;
  padding: 5px 5px;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}

.crewing .profile-warnings .warning-item img,
.crewing-cash .profile-warnings .warning-item img,
.monthly-variables .profile-warnings .warning-item img,
.onboard-training .profile-warnings .warning-item img,
.rankrule-mapping .profile-warnings .warning-item img,
.searoster .profile-warnings .warning-item img,
.payroll .profile-warnings .warning-item img {
  vertical-align: middle;
  margin-right: 5px;
}

.crewing .flag-icon,
.crewing-cash .flag-icon,
.monthly-variables .flag-icon,
.onboard-training .flag-icon,
.rankrule-mapping .flag-icon,
.searoster .flag-icon,
.payroll .flag-icon {
  border: 1px solid #e0e0e0;
  margin: 0;
  padding: 0;
  background-size: cover;
  width: 18px;
  height: 14px;
}

.crewing .reliever-tab,
.crewing-cash .reliever-tab,
.monthly-variables .reliever-tab,
.onboard-training .reliever-tab,
.rankrule-mapping .reliever-tab,
.searoster .reliever-tab,
.payroll .reliever-tab {
  height: 75px;
}

.crewing .reliever-tab .nav-tabs li a,
.crewing-cash .reliever-tab .nav-tabs li a,
.monthly-variables .reliever-tab .nav-tabs li a,
.onboard-training .reliever-tab .nav-tabs li a,
.rankrule-mapping .reliever-tab .nav-tabs li a,
.searoster .reliever-tab .nav-tabs li a,
.payroll .reliever-tab .nav-tabs li a {
  font-size: 15px;
  font-weight: 400;
}

.crewing .reliever-tab .nav-tabs li a:hover,
.crewing-cash .reliever-tab .nav-tabs li a:hover,
.monthly-variables .reliever-tab .nav-tabs li a:hover,
.onboard-training .reliever-tab .nav-tabs li a:hover,
.rankrule-mapping .reliever-tab .nav-tabs li a:hover,
.searoster .reliever-tab .nav-tabs li a:hover,
.payroll .reliever-tab .nav-tabs li a:hover {
  font-weight: 400;
}

.crewing .reliever-tab .nav-tabs li.active a,
.crewing-cash .reliever-tab .nav-tabs li.active a,
.monthly-variables .reliever-tab .nav-tabs li.active a,
.onboard-training .reliever-tab .nav-tabs li.active a,
.rankrule-mapping .reliever-tab .nav-tabs li.active a,
.searoster .reliever-tab .nav-tabs li.active a,
.payroll .reliever-tab .nav-tabs li.active a {
  font-weight: 400;
}

.crewing .reliever-tab .tab-pane,
.crewing-cash .reliever-tab .tab-pane,
.monthly-variables .reliever-tab .tab-pane,
.onboard-training .reliever-tab .tab-pane,
.rankrule-mapping .reliever-tab .tab-pane,
.searoster .reliever-tab .tab-pane,
.payroll .reliever-tab .tab-pane {
  padding: 10px 0;
}

.crewing .basic-details-container,
.crewing-cash .basic-details-container,
.monthly-variables .basic-details-container,
.onboard-training .basic-details-container,
.rankrule-mapping .basic-details-container,
.searoster .basic-details-container,
.payroll .basic-details-container {
  position: relative;
  padding-left: 100px;
  padding-right: 70px;
  height: 75px;
}

.crewing .basic-details-container .activity-button,
.crewing-cash .basic-details-container .activity-button,
.monthly-variables .basic-details-container .activity-button,
.onboard-training .basic-details-container .activity-button,
.rankrule-mapping .basic-details-container .activity-button,
.searoster .basic-details-container .activity-button,
.payroll .basic-details-container .activity-button {
  position: absolute;
  left: 75px;
  top: 50%;
  transform: translate(0%, -50%);
  color: #ccc !important;
  cursor: pointer;
  font-size: 26px;
  padding: 0 5px;
  height: 30px;
}

.crewing .basic-details-container .activity-button .cls-1,
.crewing-cash .basic-details-container .activity-button .cls-1,
.monthly-variables .basic-details-container .activity-button .cls-1,
.onboard-training .basic-details-container .activity-button .cls-1,
.rankrule-mapping .basic-details-container .activity-button .cls-1,
.searoster .basic-details-container .activity-button .cls-1,
.payroll .basic-details-container .activity-button .cls-1 {
  transition: all 0.3s ease;
}

.crewing .basic-details-container .activity-button:hover .cls-1,
.crewing-cash .basic-details-container .activity-button:hover .cls-1,
.monthly-variables .basic-details-container .activity-button:hover .cls-1,
.onboard-training .basic-details-container .activity-button:hover .cls-1,
.rankrule-mapping .basic-details-container .activity-button:hover .cls-1,
.searoster .basic-details-container .activity-button:hover .cls-1,
.payroll .basic-details-container .activity-button:hover .cls-1 {
  fill: #479f17;
}

.crewing .basic-details-container .activity-box,
.crewing-cash .basic-details-container .activity-box,
.monthly-variables .basic-details-container .activity-box,
.onboard-training .basic-details-container .activity-box,
.rankrule-mapping .basic-details-container .activity-box,
.searoster .basic-details-container .activity-box,
.payroll .basic-details-container .activity-box {
  position: absolute;
  left: 100px;
  top: 0;
  background: #fff;
  padding: 10px 20px;
  border: 1px solid #e2e2e2;
  z-index: 99;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 400;
  display: none;
  box-shadow: 0px 0px 7px rgba(86, 96, 117, 0.4);
}

.crewing .basic-details-container .activity-box:after,
.crewing-cash .basic-details-container .activity-box:after,
.monthly-variables .basic-details-container .activity-box:after,
.onboard-training .basic-details-container .activity-box:after,
.rankrule-mapping .basic-details-container .activity-box:after,
.searoster .basic-details-container .activity-box:after,
.payroll .basic-details-container .activity-box:after {
  position: absolute;
  top: 26px;
  left: -12px;
  display: inline-block;
  border-right: 6px solid #ffffff;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  content: '';
  border-top: 6px solid transparent;
}

.crewing .basic-details-container .activity-box:before,
.crewing-cash .basic-details-container .activity-box:before,
.monthly-variables .basic-details-container .activity-box:before,
.onboard-training .basic-details-container .activity-box:before,
.rankrule-mapping .basic-details-container .activity-box:before,
.searoster .basic-details-container .activity-box:before,
.payroll .basic-details-container .activity-box:before {
  position: absolute;
  top: 25px;
  left: -14px;
  display: inline-block;
  border-right: 7px solid #ffffff;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.2);
  content: '';
  border-top: 7px solid transparent;
}

.crewing .basic-details-container .activity-box ul,
.crewing-cash .basic-details-container .activity-box ul,
.monthly-variables .basic-details-container .activity-box ul,
.onboard-training .basic-details-container .activity-box ul,
.rankrule-mapping .basic-details-container .activity-box ul,
.searoster .basic-details-container .activity-box ul,
.payroll .basic-details-container .activity-box ul {
  padding: 0;
  list-style-type: none;
}

.crewing .basic-details-container .activity-box ul li,
.crewing-cash .basic-details-container .activity-box ul li,
.monthly-variables .basic-details-container .activity-box ul li,
.onboard-training .basic-details-container .activity-box ul li,
.rankrule-mapping .basic-details-container .activity-box ul li,
.searoster .basic-details-container .activity-box ul li,
.payroll .basic-details-container .activity-box ul li {
  padding: 2px 0;
  margin: 0;
}

.crewing .basic-details-container .activity-box ul li span,
.crewing-cash .basic-details-container .activity-box ul li span,
.monthly-variables .basic-details-container .activity-box ul li span,
.onboard-training .basic-details-container .activity-box ul li span,
.rankrule-mapping .basic-details-container .activity-box ul li span,
.searoster .basic-details-container .activity-box ul li span,
.payroll .basic-details-container .activity-box ul li span {
  color: #c1c1c1;
  font-size: 18px;
  font-weight: 300;
}

.crewing .basic-details-container .activity-box ul li a,
.crewing-cash .basic-details-container .activity-box ul li a,
.monthly-variables .basic-details-container .activity-box ul li a,
.onboard-training .basic-details-container .activity-box ul li a,
.rankrule-mapping .basic-details-container .activity-box ul li a,
.searoster .basic-details-container .activity-box ul li a,
.payroll .basic-details-container .activity-box ul li a {
  font-size: 14px;
}

.crewing .basic-details-container .activity-box ul li.seperator,
.crewing-cash .basic-details-container .activity-box ul li.seperator,
.monthly-variables .basic-details-container .activity-box ul li.seperator,
.onboard-training .basic-details-container .activity-box ul li.seperator,
.rankrule-mapping .basic-details-container .activity-box ul li.seperator,
.searoster .basic-details-container .activity-box ul li.seperator,
.payroll .basic-details-container .activity-box ul li.seperator {
  border-bottom: 1px solid #ececec;
  margin-bottom: 5px;
}

.crewing .basic-details-container .seafarer-image,
.crewing-cash .basic-details-container .seafarer-image,
.monthly-variables .basic-details-container .seafarer-image,
.onboard-training .basic-details-container .seafarer-image,
.rankrule-mapping .basic-details-container .seafarer-image,
.searoster .basic-details-container .seafarer-image,
.payroll .basic-details-container .seafarer-image {
  position: absolute;
  left: 0;
}

.crewing .basic-details-container .basic-details,
.crewing-cash .basic-details-container .basic-details,
.monthly-variables .basic-details-container .basic-details,
.onboard-training .basic-details-container .basic-details,
.rankrule-mapping .basic-details-container .basic-details,
.searoster .basic-details-container .basic-details,
.payroll .basic-details-container .basic-details {
  position: relative;
  padding-top: 10px;
}

.crewing .basic-details-container .basic-details .basic-details-label,
.crewing-cash .basic-details-container .basic-details .basic-details-label,
.monthly-variables .basic-details-container .basic-details .basic-details-label,
.onboard-training .basic-details-container .basic-details .basic-details-label,
.rankrule-mapping .basic-details-container .basic-details .basic-details-label,
.searoster .basic-details-container .basic-details .basic-details-label,
.payroll .basic-details-container .basic-details .basic-details-label {
  width: 90px;
  text-align: left;
  display: table-cell;
}

.crewing .basic-details-container .basic-details .basic-details-value,
.crewing-cash .basic-details-container .basic-details .basic-details-value,
.monthly-variables .basic-details-container .basic-details .basic-details-value,
.onboard-training .basic-details-container .basic-details .basic-details-value,
.rankrule-mapping .basic-details-container .basic-details .basic-details-value,
.searoster .basic-details-container .basic-details .basic-details-value,
.payroll .basic-details-container .basic-details .basic-details-value {
  width: 110px;
  display: table-cell;
  text-align: right;
}

.crewing .basic-details-container .basic-details a .fa.fa-pencil-square,
.crewing-cash .basic-details-container .basic-details a .fa.fa-pencil-square,
.monthly-variables .basic-details-container .basic-details a .fa.fa-pencil-square,
.onboard-training .basic-details-container .basic-details a .fa.fa-pencil-square,
.rankrule-mapping .basic-details-container .basic-details a .fa.fa-pencil-square,
.searoster .basic-details-container .basic-details a .fa.fa-pencil-square,
.payroll .basic-details-container .basic-details a .fa.fa-pencil-square {
  color: #9c9c9c;
  cursor: pointer;
}

.crewing .basic-details-container .basic-details h4,
.crewing-cash .basic-details-container .basic-details h4,
.monthly-variables .basic-details-container .basic-details h4,
.onboard-training .basic-details-container .basic-details h4,
.rankrule-mapping .basic-details-container .basic-details h4,
.searoster .basic-details-container .basic-details h4,
.payroll .basic-details-container .basic-details h4 {
  margin: 0;
}

.crewing .nextvesselplan-details h4,
.crewing-cash .nextvesselplan-details h4,
.monthly-variables .nextvesselplan-details h4,
.onboard-training .nextvesselplan-details h4,
.rankrule-mapping .nextvesselplan-details h4,
.searoster .nextvesselplan-details h4,
.payroll .nextvesselplan-details h4 {
  font-weight: 300;
  font-size: 20px;
}

.crewing .reliever-container,
.crewing-cash .reliever-container,
.monthly-variables .reliever-container,
.onboard-training .reliever-container,
.rankrule-mapping .reliever-container,
.searoster .reliever-container,
.payroll .reliever-container {
  position: relative;
  /*padding-left: 60px;*/
}

.crewing .reliever-container.under-process,
.crewing-cash .reliever-container.under-process,
.monthly-variables .reliever-container.under-process,
.onboard-training .reliever-container.under-process,
.rankrule-mapping .reliever-container.under-process,
.searoster .reliever-container.under-process,
.payroll .reliever-container.under-process {
  filter: grayscale(100%);
  /* Current draft standard */
  -webkit-filter: grayscale(100%);
  /* New WebKit */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
}

.crewing .reliever-container .reliever-image,
.crewing-cash .reliever-container .reliever-image,
.monthly-variables .reliever-container .reliever-image,
.onboard-training .reliever-container .reliever-image,
.rankrule-mapping .reliever-container .reliever-image,
.searoster .reliever-container .reliever-image,
.payroll .reliever-container .reliever-image {
  position: absolute;
  left: 0;
  top: 25px;
}

.crewing .reliever-container .reliever-details,
.crewing-cash .reliever-container .reliever-details,
.monthly-variables .reliever-container .reliever-details,
.onboard-training .reliever-container .reliever-details,
.rankrule-mapping .reliever-container .reliever-details,
.searoster .reliever-container .reliever-details,
.payroll .reliever-container .reliever-details {
  position: relative;
}

.crewing .reliever-container .reliever-details h4,
.crewing-cash .reliever-container .reliever-details h4,
.monthly-variables .reliever-container .reliever-details h4,
.onboard-training .reliever-container .reliever-details h4,
.rankrule-mapping .reliever-container .reliever-details h4,
.searoster .reliever-container .reliever-details h4,
.payroll .reliever-container .reliever-details h4 {
  font-weight: 300;
  font-size: 20px;
}

.crewing .reliever-container .reliever-details .planned-details-button,
.crewing-cash .reliever-container .reliever-details .planned-details-button,
.monthly-variables .reliever-container .reliever-details .planned-details-button,
.onboard-training .reliever-container .reliever-details .planned-details-button,
.rankrule-mapping .reliever-container .reliever-details .planned-details-button,
.searoster .reliever-container .reliever-details .planned-details-button,
.payroll .reliever-container .reliever-details .planned-details-button {
  cursor: pointer;
}

.crewing .reliever-container .reliever-details .planned-details,
.crewing-cash .reliever-container .reliever-details .planned-details,
.monthly-variables .reliever-container .reliever-details .planned-details,
.onboard-training .reliever-container .reliever-details .planned-details,
.rankrule-mapping .reliever-container .reliever-details .planned-details,
.searoster .reliever-container .reliever-details .planned-details,
.payroll .reliever-container .reliever-details .planned-details {
  position: absolute;
  top: 45px;
  padding: 10px;
  background: white;
  border: 1px solid #ececec;
  border-radius: 3px;
  display: none;
}

.crewing h1,
.crewing h2,
.crewing h3,
.crewing h4,
.crewing h5,
.crewing h6,
.crewing-cash h1,
.crewing-cash h2,
.crewing-cash h3,
.crewing-cash h4,
.crewing-cash h5,
.crewing-cash h6,
.monthly-variables h1,
.monthly-variables h2,
.monthly-variables h3,
.monthly-variables h4,
.monthly-variables h5,
.monthly-variables h6,
.onboard-training h1,
.onboard-training h2,
.onboard-training h3,
.onboard-training h4,
.onboard-training h5,
.onboard-training h6,
.rankrule-mapping h1,
.rankrule-mapping h2,
.rankrule-mapping h3,
.rankrule-mapping h4,
.rankrule-mapping h5,
.rankrule-mapping h6,
.searoster h1,
.searoster h2,
.searoster h3,
.searoster h4,
.searoster h5,
.searoster h6,
.payroll h1,
.payroll h2,
.payroll h3,
.payroll h4,
.payroll h5,
.payroll h6 {
  margin: 0;
  padding: 0;
  border: 0;
}

.crewing p,
.crewing-cash p,
.monthly-variables p,
.onboard-training p,
.rankrule-mapping p,
.searoster p,
.payroll p {
  margin: 0;
  word-break: break-all;
}

.crewing .table th,
.crewing-cash .table th,
.monthly-variables .table th,
.onboard-training .table th,
.rankrule-mapping .table th,
.searoster .table th,
.payroll .table th {
  border-top: 1px solid #e2e2e2 !important;
}

.crewing .table td,
.crewing-cash .table td,
.monthly-variables .table td,
.onboard-training .table td,
.rankrule-mapping .table td,
.searoster .table td,
.payroll .table td {
  padding: 7px 8px;
}

.crewing .table td .regular-type,
.crewing-cash .table td .regular-type,
.monthly-variables .table td .regular-type,
.onboard-training .table td .regular-type,
.rankrule-mapping .table td .regular-type,
.searoster .table td .regular-type,
.payroll .table td .regular-type {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #e8e8e8;
  color: #f16d7b;
  padding: 9px 15px;
  font-size: 16px;
}

.crewing .table td .special-type,
.crewing-cash .table td .special-type,
.monthly-variables .table td .special-type,
.onboard-training .table td .special-type,
.rankrule-mapping .table td .special-type,
.searoster .table td .special-type,
.payroll .table td .special-type {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #f16d7b;
  padding: 9px 15px;
  color: #fff;
  font-size: 16px;
}

.crewing .table td h5,
.crewing-cash .table td h5,
.monthly-variables .table td h5,
.onboard-training .table td h5,
.rankrule-mapping .table td h5,
.searoster .table td h5,
.payroll .table td h5 {
  font-size: 18px;
}

.crewing .top-fields .inline-block,
.crewing-cash .top-fields .inline-block,
.monthly-variables .top-fields .inline-block,
.onboard-training .top-fields .inline-block,
.rankrule-mapping .top-fields .inline-block,
.searoster .top-fields .inline-block,
.payroll .top-fields .inline-block {
  margin-right: 0px;
}

.crewing .top-fields a i,
.crewing-cash .top-fields a i,
.monthly-variables .top-fields a i,
.onboard-training .top-fields a i,
.rankrule-mapping .top-fields a i,
.searoster .top-fields a i,
.payroll .top-fields a i {
  font-size: 18px;
  color: #949494;
}

.crewing .competancy-percentage,
.crewing-cash .competancy-percentage,
.monthly-variables .competancy-percentage,
.onboard-training .competancy-percentage,
.rankrule-mapping .competancy-percentage,
.searoster .competancy-percentage,
.payroll .competancy-percentage {
  padding: 15px 0;
}

.crewing .competancy-percentage h2,
.crewing-cash .competancy-percentage h2,
.monthly-variables .competancy-percentage h2,
.onboard-training .competancy-percentage h2,
.rankrule-mapping .competancy-percentage h2,
.searoster .competancy-percentage h2,
.payroll .competancy-percentage h2 {
  font-size: 40px;
}

.crewing .holiday-list label,
.crewing-cash .holiday-list label,
.monthly-variables .holiday-list label,
.onboard-training .holiday-list label,
.rankrule-mapping .holiday-list label,
.searoster .holiday-list label,
.payroll .holiday-list label {
  width: 120px;
  display: inline-block;
}

.crewing .holiday-list-items ul,
.crewing-cash .holiday-list-items ul,
.monthly-variables .holiday-list-items ul,
.onboard-training .holiday-list-items ul,
.rankrule-mapping .holiday-list-items ul,
.searoster .holiday-list-items ul,
.payroll .holiday-list-items ul {
  padding: 0;
  margin: 0;
}

.crewing .holiday-list-items ul li,
.crewing-cash .holiday-list-items ul li,
.monthly-variables .holiday-list-items ul li,
.onboard-training .holiday-list-items ul li,
.rankrule-mapping .holiday-list-items ul li,
.searoster .holiday-list-items ul li,
.payroll .holiday-list-items ul li {
  list-style-type: none;
  padding: 10px 0;
}

.crewing .holiday-list-items ul li a,
.crewing-cash .holiday-list-items ul li a,
.monthly-variables .holiday-list-items ul li a,
.onboard-training .holiday-list-items ul li a,
.rankrule-mapping .holiday-list-items ul li a,
.searoster .holiday-list-items ul li a,
.payroll .holiday-list-items ul li a {
  font-weight: 500;
  font-size: 16px;
}

.crewing .holiday-list-items ul li a:hover,
.crewing .holiday-list-items ul li a.active,
.crewing-cash .holiday-list-items ul li a:hover,
.crewing-cash .holiday-list-items ul li a.active,
.monthly-variables .holiday-list-items ul li a:hover,
.monthly-variables .holiday-list-items ul li a.active,
.onboard-training .holiday-list-items ul li a:hover,
.onboard-training .holiday-list-items ul li a.active,
.rankrule-mapping .holiday-list-items ul li a:hover,
.rankrule-mapping .holiday-list-items ul li a.active,
.searoster .holiday-list-items ul li a:hover,
.searoster .holiday-list-items ul li a.active,
.payroll .holiday-list-items ul li a:hover,
.payroll .holiday-list-items ul li a.active {
  border-bottom: 2px solid #479f17;
  color: #000;
}

.crewing .search-small input,
.crewing-cash .search-small input,
.monthly-variables .search-small input,
.onboard-training .search-small input,
.rankrule-mapping .search-small input,
.searoster .search-small input,
.payroll .search-small input {
  border-right-width: 0;
}

.crewing .search-small input:focus,
.crewing-cash .search-small input:focus,
.monthly-variables .search-small input:focus,
.onboard-training .search-small input:focus,
.rankrule-mapping .search-small input:focus,
.searoster .search-small input:focus,
.payroll .search-small input:focus {
  border-right-width: 1px;
}

.crewing .search-small .input-group-addon,
.crewing-cash .search-small .input-group-addon,
.monthly-variables .search-small .input-group-addon,
.onboard-training .search-small .input-group-addon,
.rankrule-mapping .search-small .input-group-addon,
.searoster .search-small .input-group-addon,
.payroll .search-small .input-group-addon {
  background: #ffffff;
}

.crewing .search-small .input-group-addon .fa-search,
.crewing-cash .search-small .input-group-addon .fa-search,
.monthly-variables .search-small .input-group-addon .fa-search,
.onboard-training .search-small .input-group-addon .fa-search,
.rankrule-mapping .search-small .input-group-addon .fa-search,
.searoster .search-small .input-group-addon .fa-search,
.payroll .search-small .input-group-addon .fa-search {
  color: #ccc;
}

.crewing .crew-list-left,
.crewing-cash .crew-list-left,
.monthly-variables .crew-list-left,
.onboard-training .crew-list-left,
.rankrule-mapping .crew-list-left,
.searoster .crew-list-left,
.payroll .crew-list-left {
  height: 100%;
  position: relative;
  padding-right: 25px;
}

.crewing .crew-list-left ul,
.crewing-cash .crew-list-left ul,
.monthly-variables .crew-list-left ul,
.onboard-training .crew-list-left ul,
.rankrule-mapping .crew-list-left ul,
.searoster .crew-list-left ul,
.payroll .crew-list-left ul {
  padding: 0;
  margin: 0;
}

.crewing .crew-list-left ul li,
.crewing-cash .crew-list-left ul li,
.monthly-variables .crew-list-left ul li,
.onboard-training .crew-list-left ul li,
.rankrule-mapping .crew-list-left ul li,
.searoster .crew-list-left ul li,
.payroll .crew-list-left ul li {
  list-style-type: none;
  float: none;
  border: 0;
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid transparent;
  width: 100%;
  padding: 10px 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: table;
  line-height: 17px;
}

.crewing .crew-list-left ul li:hover,
.crewing-cash .crew-list-left ul li:hover,
.monthly-variables .crew-list-left ul li:hover,
.onboard-training .crew-list-left ul li:hover,
.rankrule-mapping .crew-list-left ul li:hover,
.searoster .crew-list-left ul li:hover,
.payroll .crew-list-left ul li:hover {
  background: #ffffff;
}

.crewing .crew-list-left ul li.active,
.crewing-cash .crew-list-left ul li.active,
.monthly-variables .crew-list-left ul li.active,
.onboard-training .crew-list-left ul li.active,
.rankrule-mapping .crew-list-left ul li.active,
.searoster .crew-list-left ul li.active,
.payroll .crew-list-left ul li.active {
  background: #fff;
  border-bottom: 1px solid #479f17;
  border-top: 1px solid #479f17;
}

.crewing .crew-list-left ul li .crew-list-left-item,
.crewing-cash .crew-list-left ul li .crew-list-left-item,
.monthly-variables .crew-list-left ul li .crew-list-left-item,
.onboard-training .crew-list-left ul li .crew-list-left-item,
.rankrule-mapping .crew-list-left ul li .crew-list-left-item,
.searoster .crew-list-left ul li .crew-list-left-item,
.payroll .crew-list-left ul li .crew-list-left-item {
  position: relative;
  padding-left: 60px;
}

.crewing .crew-list-left ul li .crew-list-left-item .crew-list-left-image,
.crewing-cash .crew-list-left ul li .crew-list-left-item .crew-list-left-image,
.monthly-variables .crew-list-left ul li .crew-list-left-item .crew-list-left-image,
.onboard-training .crew-list-left ul li .crew-list-left-item .crew-list-left-image,
.rankrule-mapping .crew-list-left ul li .crew-list-left-item .crew-list-left-image,
.searoster .crew-list-left ul li .crew-list-left-item .crew-list-left-image,
.payroll .crew-list-left ul li .crew-list-left-item .crew-list-left-image {
  position: absolute;
  top: 0px;
  left: 5px;
}

.crewing .crew-list-left ul li .crew-list-left-item .crew-list-left-details .small-text,
.crewing-cash .crew-list-left ul li .crew-list-left-item .crew-list-left-details .small-text,
.monthly-variables .crew-list-left ul li .crew-list-left-item .crew-list-left-details .small-text,
.onboard-training .crew-list-left ul li .crew-list-left-item .crew-list-left-details .small-text,
.rankrule-mapping .crew-list-left ul li .crew-list-left-item .crew-list-left-details .small-text,
.searoster .crew-list-left ul li .crew-list-left-item .crew-list-left-details .small-text,
.payroll .crew-list-left ul li .crew-list-left-item .crew-list-left-details .small-text {
  font-size: 11px;
}

.crewing .crew-list-main .list-wrapper,
.crewing-cash .crew-list-main .list-wrapper,
.monthly-variables .crew-list-main .list-wrapper,
.onboard-training .crew-list-main .list-wrapper,
.rankrule-mapping .crew-list-main .list-wrapper,
.searoster .crew-list-main .list-wrapper,
.payroll .crew-list-main .list-wrapper {
  padding-right: 0px;
}

.crewing .crew-list-main .list-container>ul,
.crewing .crew-list-main .list-container .sub-list,
.crewing-cash .crew-list-main .list-container>ul,
.crewing-cash .crew-list-main .list-container .sub-list,
.monthly-variables .crew-list-main .list-container>ul,
.monthly-variables .crew-list-main .list-container .sub-list,
.onboard-training .crew-list-main .list-container>ul,
.onboard-training .crew-list-main .list-container .sub-list,
.rankrule-mapping .crew-list-main .list-container>ul,
.rankrule-mapping .crew-list-main .list-container .sub-list,
.searoster .crew-list-main .list-container>ul,
.searoster .crew-list-main .list-container .sub-list,
.payroll .crew-list-main .list-container>ul,
.payroll .crew-list-main .list-container .sub-list {
  margin: 0;
  list-style-type: none;
}

.crewing .crew-list-main .list-container>ul>li,
.crewing .crew-list-main .list-container .sub-list>li,
.crewing-cash .crew-list-main .list-container>ul>li,
.crewing-cash .crew-list-main .list-container .sub-list>li,
.monthly-variables .crew-list-main .list-container>ul>li,
.monthly-variables .crew-list-main .list-container .sub-list>li,
.onboard-training .crew-list-main .list-container>ul>li,
.onboard-training .crew-list-main .list-container .sub-list>li,
.rankrule-mapping .crew-list-main .list-container>ul>li,
.rankrule-mapping .crew-list-main .list-container .sub-list>li,
.searoster .crew-list-main .list-container>ul>li,
.searoster .crew-list-main .list-container .sub-list>li,
.payroll .crew-list-main .list-container>ul>li,
.payroll .crew-list-main .list-container .sub-list>li {
  margin-bottom: 15px;
  padding: 0;
  cursor: pointer;
}

.crewing .crew-list-main .list-container>ul>li .rounded-corner-box,
.crewing .crew-list-main .list-container .sub-list>li .rounded-corner-box,
.crewing-cash .crew-list-main .list-container>ul>li .rounded-corner-box,
.crewing-cash .crew-list-main .list-container .sub-list>li .rounded-corner-box,
.monthly-variables .crew-list-main .list-container>ul>li .rounded-corner-box,
.monthly-variables .crew-list-main .list-container .sub-list>li .rounded-corner-box,
.onboard-training .crew-list-main .list-container>ul>li .rounded-corner-box,
.onboard-training .crew-list-main .list-container .sub-list>li .rounded-corner-box,
.rankrule-mapping .crew-list-main .list-container>ul>li .rounded-corner-box,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .rounded-corner-box,
.searoster .crew-list-main .list-container>ul>li .rounded-corner-box,
.searoster .crew-list-main .list-container .sub-list>li .rounded-corner-box,
.payroll .crew-list-main .list-container>ul>li .rounded-corner-box,
.payroll .crew-list-main .list-container .sub-list>li .rounded-corner-box {
  padding: 0;
}

.crewing .crew-list-main .list-container>ul>li .under-process,
.crewing .crew-list-main .list-container .sub-list>li .under-process,
.crewing-cash .crew-list-main .list-container>ul>li .under-process,
.crewing-cash .crew-list-main .list-container .sub-list>li .under-process,
.monthly-variables .crew-list-main .list-container>ul>li .under-process,
.monthly-variables .crew-list-main .list-container .sub-list>li .under-process,
.onboard-training .crew-list-main .list-container>ul>li .under-process,
.onboard-training .crew-list-main .list-container .sub-list>li .under-process,
.rankrule-mapping .crew-list-main .list-container>ul>li .under-process,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .under-process,
.searoster .crew-list-main .list-container>ul>li .under-process,
.searoster .crew-list-main .list-container .sub-list>li .under-process,
.payroll .crew-list-main .list-container>ul>li .under-process,
.payroll .crew-list-main .list-container .sub-list>li .under-process {
  filter: grayscale(100%);
  /* Current draft standard */
  -webkit-filter: grayscale(100%);
  /* New WebKit */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  cursor: auto;
  pointer-events: none;
}

.crewing .crew-list-main .list-container>ul>li .under-process .image-round-bg,
.crewing .crew-list-main .list-container .sub-list>li .under-process .image-round-bg,
.crewing-cash .crew-list-main .list-container>ul>li .under-process .image-round-bg,
.crewing-cash .crew-list-main .list-container .sub-list>li .under-process .image-round-bg,
.monthly-variables .crew-list-main .list-container>ul>li .under-process .image-round-bg,
.monthly-variables .crew-list-main .list-container .sub-list>li .under-process .image-round-bg,
.onboard-training .crew-list-main .list-container>ul>li .under-process .image-round-bg,
.onboard-training .crew-list-main .list-container .sub-list>li .under-process .image-round-bg,
.rankrule-mapping .crew-list-main .list-container>ul>li .under-process .image-round-bg,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .under-process .image-round-bg,
.searoster .crew-list-main .list-container>ul>li .under-process .image-round-bg,
.searoster .crew-list-main .list-container .sub-list>li .under-process .image-round-bg,
.payroll .crew-list-main .list-container>ul>li .under-process .image-round-bg,
.payroll .crew-list-main .list-container .sub-list>li .under-process .image-round-bg {
  border-radius: 50%;
  background: #ccc;
  padding-top: 7px;
  text-align: center;
}

.crewing .crew-list-main .list-container>ul>li .under-process .image-round-bg img,
.crewing .crew-list-main .list-container .sub-list>li .under-process .image-round-bg img,
.crewing-cash .crew-list-main .list-container>ul>li .under-process .image-round-bg img,
.crewing-cash .crew-list-main .list-container .sub-list>li .under-process .image-round-bg img,
.monthly-variables .crew-list-main .list-container>ul>li .under-process .image-round-bg img,
.monthly-variables .crew-list-main .list-container .sub-list>li .under-process .image-round-bg img,
.onboard-training .crew-list-main .list-container>ul>li .under-process .image-round-bg img,
.onboard-training .crew-list-main .list-container .sub-list>li .under-process .image-round-bg img,
.rankrule-mapping .crew-list-main .list-container>ul>li .under-process .image-round-bg img,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .under-process .image-round-bg img,
.searoster .crew-list-main .list-container>ul>li .under-process .image-round-bg img,
.searoster .crew-list-main .list-container .sub-list>li .under-process .image-round-bg img,
.payroll .crew-list-main .list-container>ul>li .under-process .image-round-bg img,
.payroll .crew-list-main .list-container .sub-list>li .under-process .image-round-bg img {
  min-width: 1px;
  min-height: 1px;
}

.crewing .crew-list-main .list-container>ul>li .list-item,
.crewing .crew-list-main .list-container .sub-list>li .list-item,
.crewing-cash .crew-list-main .list-container>ul>li .list-item,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item,
.monthly-variables .crew-list-main .list-container>ul>li .list-item,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item,
.onboard-training .crew-list-main .list-container>ul>li .list-item,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item,
.searoster .crew-list-main .list-container>ul>li .list-item,
.searoster .crew-list-main .list-container .sub-list>li .list-item,
.payroll .crew-list-main .list-container>ul>li .list-item,
.payroll .crew-list-main .list-container .sub-list>li .list-item {
  padding: 10px 10px;
  border-radius: 6px;
  position: relative;
  font-size: 13px;
  padding-left: 75px;
  height: 90px;
  background: #ffffff;
  transition: all 0.3s ease;
  border: 2px solid #eaeaea;
  cursor: pointer;
}

.crewing .crew-list-main .list-container>ul>li .list-item:hover,
.crewing .crew-list-main .list-container .sub-list>li .list-item:hover,
.crewing-cash .crew-list-main .list-container>ul>li .list-item:hover,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item:hover,
.monthly-variables .crew-list-main .list-container>ul>li .list-item:hover,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item:hover,
.onboard-training .crew-list-main .list-container>ul>li .list-item:hover,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item:hover,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item:hover,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item:hover,
.searoster .crew-list-main .list-container>ul>li .list-item:hover,
.searoster .crew-list-main .list-container .sub-list>li .list-item:hover,
.payroll .crew-list-main .list-container>ul>li .list-item:hover,
.payroll .crew-list-main .list-container .sub-list>li .list-item:hover {
  box-shadow: 0px 4px 8px #a7a7a7;
  border: 2px solid #eaeaea;
}

.crewing .crew-list-main .list-container>ul>li .list-item.active,
.crewing .crew-list-main .list-container .sub-list>li .list-item.active,
.crewing-cash .crew-list-main .list-container>ul>li .list-item.active,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item.active,
.monthly-variables .crew-list-main .list-container>ul>li .list-item.active,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item.active,
.onboard-training .crew-list-main .list-container>ul>li .list-item.active,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item.active,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item.active,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item.active,
.searoster .crew-list-main .list-container>ul>li .list-item.active,
.searoster .crew-list-main .list-container .sub-list>li .list-item.active,
.payroll .crew-list-main .list-container>ul>li .list-item.active,
.payroll .crew-list-main .list-container .sub-list>li .list-item.active {
  box-shadow: 0px 4px 8px #a7a7a7;
  border: 2px solid #479f17;
}

.crewing .crew-list-main .list-container>ul>li .list-item .image-round-bg,
.crewing .crew-list-main .list-container .sub-list>li .list-item .image-round-bg,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .image-round-bg,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .image-round-bg,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .image-round-bg,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .image-round-bg,
.onboard-training .crew-list-main .list-container>ul>li .list-item .image-round-bg,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .image-round-bg,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .image-round-bg,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .image-round-bg,
.searoster .crew-list-main .list-container>ul>li .list-item .image-round-bg,
.searoster .crew-list-main .list-container .sub-list>li .list-item .image-round-bg,
.payroll .crew-list-main .list-container>ul>li .list-item .image-round-bg,
.payroll .crew-list-main .list-container .sub-list>li .list-item .image-round-bg {
  position: absolute;
  top: 10px;
  left: 7px;
  width: 62px;
  height: 62px;
}

.crewing .crew-list-main .list-container>ul>li .list-item .image-round-bg img,
.crewing .crew-list-main .list-container .sub-list>li .list-item .image-round-bg img,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .image-round-bg img,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .image-round-bg img,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .image-round-bg img,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .image-round-bg img,
.onboard-training .crew-list-main .list-container>ul>li .list-item .image-round-bg img,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .image-round-bg img,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .image-round-bg img,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .image-round-bg img,
.searoster .crew-list-main .list-container>ul>li .list-item .image-round-bg img,
.searoster .crew-list-main .list-container .sub-list>li .list-item .image-round-bg img,
.payroll .crew-list-main .list-container>ul>li .list-item .image-round-bg img,
.payroll .crew-list-main .list-container .sub-list>li .list-item .image-round-bg img {
  transition: all 0.3s ease;
}

.crewing .crew-list-main .list-container>ul>li .list-item .image-round-bg:hover img,
.crewing .crew-list-main .list-container .sub-list>li .list-item .image-round-bg:hover img,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .image-round-bg:hover img,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .image-round-bg:hover img,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .image-round-bg:hover img,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .image-round-bg:hover img,
.onboard-training .crew-list-main .list-container>ul>li .list-item .image-round-bg:hover img,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .image-round-bg:hover img,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .image-round-bg:hover img,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .image-round-bg:hover img,
.searoster .crew-list-main .list-container>ul>li .list-item .image-round-bg:hover img,
.searoster .crew-list-main .list-container .sub-list>li .list-item .image-round-bg:hover img,
.payroll .crew-list-main .list-container>ul>li .list-item .image-round-bg:hover img,
.payroll .crew-list-main .list-container .sub-list>li .list-item .image-round-bg:hover img {
  transform: scale(1.1);
}

.crewing .crew-list-main .list-container>ul>li .list-item .expiry-docs,
.crewing .crew-list-main .list-container .sub-list>li .list-item .expiry-docs,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .expiry-docs,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .expiry-docs,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .expiry-docs,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .expiry-docs,
.onboard-training .crew-list-main .list-container>ul>li .list-item .expiry-docs,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .expiry-docs,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .expiry-docs,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .expiry-docs,
.searoster .crew-list-main .list-container>ul>li .list-item .expiry-docs,
.searoster .crew-list-main .list-container .sub-list>li .list-item .expiry-docs,
.payroll .crew-list-main .list-container>ul>li .list-item .expiry-docs,
.payroll .crew-list-main .list-container .sub-list>li .list-item .expiry-docs {
  /*position: absolute;
                            top: 62px;
                            left: 10px;
                            background: $color-secondary;
                            width: 22px;
                            height: 22px;
                            border-radius: 50%;
                            text-align: center;
                            font-size: 12px;
                            color: $color-white;
                            z-index: 9;*/
  /*width: 0px;
                            height: 0px;
                            border-style: solid;
                            border-width: 0 0px 27.2px 28px;
                            border-color: transparent transparent #f35958 transparent;
                            float: left;
                            transform: rotate(360deg);
                            -ms-transform: rotate(360deg);
                            -moz-transform: rotate(360deg);
                            -webkit-transform: rotate(360deg);
                            -o-transform: rotate(360deg);*/
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999;
}

.crewing .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu,
.crewing .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu,
.onboard-training .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu,
.searoster .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu,
.searoster .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu,
.payroll .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu,
.payroll .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu {
  right: 0;
  left: auto;
  top: 30px;
  box-shadow: 0px 0px 8px rgba(86, 96, 117, 0.4);
  border: 1px solid #fccc;
}

.crewing .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:after,
.crewing .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:before,
.crewing .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:after,
.crewing .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:before,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:after,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:before,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:after,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:before,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:after,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:before,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:after,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:before,
.onboard-training .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:after,
.onboard-training .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:before,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:after,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:before,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:after,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:before,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:after,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:before,
.searoster .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:after,
.searoster .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:before,
.searoster .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:after,
.searoster .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:before,
.payroll .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:after,
.payroll .crew-list-main .list-container>ul>li .list-item .expiry-docs .dropdown-menu:before,
.payroll .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:after,
.payroll .crew-list-main .list-container .sub-list>li .list-item .expiry-docs .dropdown-menu:before {
  content: none;
}

.crewing .crew-list-main .list-container>ul>li .list-item .expiry-docs small,
.crewing .crew-list-main .list-container .sub-list>li .list-item .expiry-docs small,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .expiry-docs small,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .expiry-docs small,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .expiry-docs small,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .expiry-docs small,
.onboard-training .crew-list-main .list-container>ul>li .list-item .expiry-docs small,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .expiry-docs small,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .expiry-docs small,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .expiry-docs small,
.searoster .crew-list-main .list-container>ul>li .list-item .expiry-docs small,
.searoster .crew-list-main .list-container .sub-list>li .list-item .expiry-docs small,
.payroll .crew-list-main .list-container>ul>li .list-item .expiry-docs small,
.payroll .crew-list-main .list-container .sub-list>li .list-item .expiry-docs small {
  text-align: center;
  top: 9px;
  left: -22px;
  width: 28px;
  display: block;
  position: relative;
  margin: 0px;
  color: #fff;
  font-size: 16px;
}

.crewing .crew-list-main .list-container>ul>li .list-item h5,
.crewing .crew-list-main .list-container .sub-list>li .list-item h5,
.crewing-cash .crew-list-main .list-container>ul>li .list-item h5,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item h5,
.monthly-variables .crew-list-main .list-container>ul>li .list-item h5,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item h5,
.onboard-training .crew-list-main .list-container>ul>li .list-item h5,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item h5,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item h5,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item h5,
.searoster .crew-list-main .list-container>ul>li .list-item h5,
.searoster .crew-list-main .list-container .sub-list>li .list-item h5,
.payroll .crew-list-main .list-container>ul>li .list-item h5,
.payroll .crew-list-main .list-container .sub-list>li .list-item h5 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
  font-size: 15px;
  padding-bottom: 5px;
}

.crewing .crew-list-main .list-container>ul>li .list-item h5 span,
.crewing .crew-list-main .list-container>ul>li .list-item h5 .flag-icon,
.crewing .crew-list-main .list-container .sub-list>li .list-item h5 span,
.crewing .crew-list-main .list-container .sub-list>li .list-item h5 .flag-icon,
.crewing-cash .crew-list-main .list-container>ul>li .list-item h5 span,
.crewing-cash .crew-list-main .list-container>ul>li .list-item h5 .flag-icon,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item h5 span,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item h5 .flag-icon,
.monthly-variables .crew-list-main .list-container>ul>li .list-item h5 span,
.monthly-variables .crew-list-main .list-container>ul>li .list-item h5 .flag-icon,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item h5 span,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item h5 .flag-icon,
.onboard-training .crew-list-main .list-container>ul>li .list-item h5 span,
.onboard-training .crew-list-main .list-container>ul>li .list-item h5 .flag-icon,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item h5 span,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item h5 .flag-icon,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item h5 span,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item h5 .flag-icon,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item h5 span,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item h5 .flag-icon,
.searoster .crew-list-main .list-container>ul>li .list-item h5 span,
.searoster .crew-list-main .list-container>ul>li .list-item h5 .flag-icon,
.searoster .crew-list-main .list-container .sub-list>li .list-item h5 span,
.searoster .crew-list-main .list-container .sub-list>li .list-item h5 .flag-icon,
.payroll .crew-list-main .list-container>ul>li .list-item h5 span,
.payroll .crew-list-main .list-container>ul>li .list-item h5 .flag-icon,
.payroll .crew-list-main .list-container .sub-list>li .list-item h5 span,
.payroll .crew-list-main .list-container .sub-list>li .list-item h5 .flag-icon {
  vertical-align: middle;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-button,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-button,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-button,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-button,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-button,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-button,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-button,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-button,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-button,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-button,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-button,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-button,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-button,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-button {
  position: absolute;
  top: 10px;
  right: 0px;
  cursor: pointer;
  padding: 0 0px;
  height: 30px;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-toggle,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-toggle,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-toggle,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-toggle,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-toggle,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-toggle,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-toggle,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-toggle,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-toggle,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-toggle,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-toggle,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-toggle,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-toggle,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-toggle {
  padding: 0 5px;
  display: block;
  height: 20px;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu {
  right: 0;
  left: auto;
  top: 25px;
  box-shadow: 0px 0px 8px rgba(86, 96, 117, 0.4);
  border: 0;
  padding: 0 0px;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.crewing .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-button .dropdown-menu.crewlist-menu:before,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:after,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-button .dropdown-menu.crewlist-menu:before {
  content: none;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-button .cls-1,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-button .cls-1,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-button .cls-1,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-button .cls-1,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-button .cls-1,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-button .cls-1,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-button .cls-1,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-button .cls-1,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-button .cls-1,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-button .cls-1,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-button .cls-1,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-button .cls-1,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-button .cls-1,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-button .cls-1 {
  transition: all 0.3s ease;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-button:hover .cls-1,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-button:hover .cls-1,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-button:hover .cls-1,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-button:hover .cls-1,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-button:hover .cls-1,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-button:hover .cls-1,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-button:hover .cls-1,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-button:hover .cls-1,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-button:hover .cls-1,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-button:hover .cls-1,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-button:hover .cls-1,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-button:hover .cls-1,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-button:hover .cls-1,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-button:hover .cls-1 {
  fill: #479f17;
}

.crewing .crew-list-main .list-container>ul>li .list-item .signon-relief-date,
.crewing .crew-list-main .list-container .sub-list>li .list-item .signon-relief-date,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .signon-relief-date,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .signon-relief-date,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .signon-relief-date,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .signon-relief-date,
.onboard-training .crew-list-main .list-container>ul>li .list-item .signon-relief-date,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .signon-relief-date,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .signon-relief-date,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .signon-relief-date,
.searoster .crew-list-main .list-container>ul>li .list-item .signon-relief-date,
.searoster .crew-list-main .list-container .sub-list>li .list-item .signon-relief-date,
.payroll .crew-list-main .list-container>ul>li .list-item .signon-relief-date,
.payroll .crew-list-main .list-container .sub-list>li .list-item .signon-relief-date {
  white-space: nowrap;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-box,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-box,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-box,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-box,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-box,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-box,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-box,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-box,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-box,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-box,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-box,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-box,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-box,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-box {
  background: #fff;
  padding: 10px 0px;
  display: block;
  border: 0;
  min-width: 220px;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-box ul,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-box ul,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-box ul,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-box ul,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-box ul,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-box ul,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-box ul,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-box ul,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-box ul,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-box ul,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-box ul,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-box ul,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-box ul,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-box ul {
  padding: 0;
  list-style-type: none;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-box ul li,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-box ul li,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-box ul li,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-box ul li,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-box ul li,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-box ul li,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-box ul li,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li {
  padding: 0px 0;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-box ul li span,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-box ul li span,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-box ul li span,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-box ul li span,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-box ul li span,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-box ul li span,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-box ul li span,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 3px 20px;
  display: block;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-box ul li span:hover,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span:hover,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-box ul li span:hover,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span:hover,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-box ul li span:hover,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span:hover,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-box ul li span:hover,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span:hover,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-box ul li span:hover,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span:hover,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-box ul li span:hover,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span:hover,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-box ul li span:hover,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li span:hover {
  background: #ececec;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-box ul li a,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-box ul li a,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-box ul li a,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-box ul li a,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-box ul li a,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-box ul li a,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-box ul li a,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a {
  font-size: 14px;
  padding: 2px 15px;
  color: #000;
  display: block;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-box ul li a:hover,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a:hover,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-box ul li a:hover,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a:hover,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-box ul li a:hover,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a:hover,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-box ul li a:hover,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a:hover,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-box ul li a:hover,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a:hover,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-box ul li a:hover,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a:hover,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-box ul li a:hover,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li a:hover {
  background: #ececec;
}

.crewing .crew-list-main .list-container>ul>li .list-item .activity-box ul li.seperator,
.crewing .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li.seperator,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .activity-box ul li.seperator,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li.seperator,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .activity-box ul li.seperator,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li.seperator,
.onboard-training .crew-list-main .list-container>ul>li .list-item .activity-box ul li.seperator,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li.seperator,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .activity-box ul li.seperator,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li.seperator,
.searoster .crew-list-main .list-container>ul>li .list-item .activity-box ul li.seperator,
.searoster .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li.seperator,
.payroll .crew-list-main .list-container>ul>li .list-item .activity-box ul li.seperator,
.payroll .crew-list-main .list-container .sub-list>li .list-item .activity-box ul li.seperator {
  border-bottom: 1px solid #ececec;
  margin-bottom: 5px;
}

.crewing .crew-list-main .list-container>ul>li .list-item .success-border,
.crewing .crew-list-main .list-container .sub-list>li .list-item .success-border,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .success-border,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .success-border,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .success-border,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .success-border,
.onboard-training .crew-list-main .list-container>ul>li .list-item .success-border,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .success-border,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .success-border,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .success-border,
.searoster .crew-list-main .list-container>ul>li .list-item .success-border,
.searoster .crew-list-main .list-container .sub-list>li .list-item .success-border,
.payroll .crew-list-main .list-container>ul>li .list-item .success-border,
.payroll .crew-list-main .list-container .sub-list>li .list-item .success-border {
  /*border-left: 5px solid $color-success;*/
  content: "";
  position: absolute;
  left: 0;
  width: 4px;
  background: #3cb878;
  height: 100%;
  top: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.crewing .crew-list-main .list-container>ul>li .list-item .primary-border,
.crewing .crew-list-main .list-container .sub-list>li .list-item .primary-border,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .primary-border,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .primary-border,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .primary-border,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .primary-border,
.onboard-training .crew-list-main .list-container>ul>li .list-item .primary-border,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .primary-border,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .primary-border,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .primary-border,
.searoster .crew-list-main .list-container>ul>li .list-item .primary-border,
.searoster .crew-list-main .list-container .sub-list>li .list-item .primary-border,
.payroll .crew-list-main .list-container>ul>li .list-item .primary-border,
.payroll .crew-list-main .list-container .sub-list>li .list-item .primary-border {
  /*border-left: 5px solid $brand-primary;*/
  position: absolute;
  left: 0;
  width: 4px;
  background: #479f17;
  height: 100%;
  top: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.crewing .crew-list-main .list-container>ul>li .list-item .secondary-border,
.crewing .crew-list-main .list-container .sub-list>li .list-item .secondary-border,
.crewing-cash .crew-list-main .list-container>ul>li .list-item .secondary-border,
.crewing-cash .crew-list-main .list-container .sub-list>li .list-item .secondary-border,
.monthly-variables .crew-list-main .list-container>ul>li .list-item .secondary-border,
.monthly-variables .crew-list-main .list-container .sub-list>li .list-item .secondary-border,
.onboard-training .crew-list-main .list-container>ul>li .list-item .secondary-border,
.onboard-training .crew-list-main .list-container .sub-list>li .list-item .secondary-border,
.rankrule-mapping .crew-list-main .list-container>ul>li .list-item .secondary-border,
.rankrule-mapping .crew-list-main .list-container .sub-list>li .list-item .secondary-border,
.searoster .crew-list-main .list-container>ul>li .list-item .secondary-border,
.searoster .crew-list-main .list-container .sub-list>li .list-item .secondary-border,
.payroll .crew-list-main .list-container>ul>li .list-item .secondary-border,
.payroll .crew-list-main .list-container .sub-list>li .list-item .secondary-border {
  /*border-left: 5px solid $color-secondary;*/
  position: absolute;
  left: 0;
  width: 4px;
  background: #f35958;
  height: 100%;
  top: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.crewing .crew-list-main .list-container .sub-list,
.crewing-cash .crew-list-main .list-container .sub-list,
.monthly-variables .crew-list-main .list-container .sub-list,
.onboard-training .crew-list-main .list-container .sub-list,
.rankrule-mapping .crew-list-main .list-container .sub-list,
.searoster .crew-list-main .list-container .sub-list,
.payroll .crew-list-main .list-container .sub-list {
  padding-left: 40px;
  margin-top: 15px;
  /*background: url("images/reply-up.png") 10px 10px no-repeat;*/
  background-size: 18px 18px;
}

.crewing .crew-list-main .list-container .sub-list.under-process,
.crewing-cash .crew-list-main .list-container .sub-list.under-process,
.monthly-variables .crew-list-main .list-container .sub-list.under-process,
.onboard-training .crew-list-main .list-container .sub-list.under-process,
.rankrule-mapping .crew-list-main .list-container .sub-list.under-process,
.searoster .crew-list-main .list-container .sub-list.under-process,
.payroll .crew-list-main .list-container .sub-list.under-process {
  filter: grayscale(100%);
  /* Current draft standard */
  -webkit-filter: grayscale(100%);
  /* New WebKit */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  cursor: auto;
  pointer-events: none;
}

.crewing .crew-list-main .list-container .sub-list.under-process .image-round-bg,
.crewing-cash .crew-list-main .list-container .sub-list.under-process .image-round-bg,
.monthly-variables .crew-list-main .list-container .sub-list.under-process .image-round-bg,
.onboard-training .crew-list-main .list-container .sub-list.under-process .image-round-bg,
.rankrule-mapping .crew-list-main .list-container .sub-list.under-process .image-round-bg,
.searoster .crew-list-main .list-container .sub-list.under-process .image-round-bg,
.payroll .crew-list-main .list-container .sub-list.under-process .image-round-bg {
  border-radius: 50%;
  background: #ccc;
  padding-top: 7px;
  text-align: center;
}

.crewing .crew-list-main .list-container .sub-list.under-process .image-round-bg img,
.crewing-cash .crew-list-main .list-container .sub-list.under-process .image-round-bg img,
.monthly-variables .crew-list-main .list-container .sub-list.under-process .image-round-bg img,
.onboard-training .crew-list-main .list-container .sub-list.under-process .image-round-bg img,
.rankrule-mapping .crew-list-main .list-container .sub-list.under-process .image-round-bg img,
.searoster .crew-list-main .list-container .sub-list.under-process .image-round-bg img,
.payroll .crew-list-main .list-container .sub-list.under-process .image-round-bg img {
  min-width: 1px;
  min-height: 1px;
}

.crewing .evaluation-grade h2,
.crewing-cash .evaluation-grade h2,
.monthly-variables .evaluation-grade h2,
.onboard-training .evaluation-grade h2,
.rankrule-mapping .evaluation-grade h2,
.searoster .evaluation-grade h2,
.payroll .evaluation-grade h2 {
  font-size: 38px;
  color: #479f17;
  font-weight: 700;
}

.crewing .evaluation-summary .fa-times-circle,
.crewing .evaluation-summary .fa-check-circle,
.crewing-cash .evaluation-summary .fa-times-circle,
.crewing-cash .evaluation-summary .fa-check-circle,
.monthly-variables .evaluation-summary .fa-times-circle,
.monthly-variables .evaluation-summary .fa-check-circle,
.onboard-training .evaluation-summary .fa-times-circle,
.onboard-training .evaluation-summary .fa-check-circle,
.rankrule-mapping .evaluation-summary .fa-times-circle,
.rankrule-mapping .evaluation-summary .fa-check-circle,
.searoster .evaluation-summary .fa-times-circle,
.searoster .evaluation-summary .fa-check-circle,
.payroll .evaluation-summary .fa-times-circle,
.payroll .evaluation-summary .fa-check-circle {
  font-size: 26px;
  vertical-align: middle;
}

.crewing .square-box-small,
.crewing-cash .square-box-small,
.monthly-variables .square-box-small,
.onboard-training .square-box-small,
.rankrule-mapping .square-box-small,
.searoster .square-box-small,
.payroll .square-box-small {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.crewing .square-box-small.normal,
.crewing-cash .square-box-small.normal,
.monthly-variables .square-box-small.normal,
.onboard-training .square-box-small.normal,
.rankrule-mapping .square-box-small.normal,
.searoster .square-box-small.normal,
.payroll .square-box-small.normal {
  background: #8bd479;
}

.crewing .square-box-small.occured-nc,
.crewing-cash .square-box-small.occured-nc,
.monthly-variables .square-box-small.occured-nc,
.onboard-training .square-box-small.occured-nc,
.rankrule-mapping .square-box-small.occured-nc,
.searoster .square-box-small.occured-nc,
.payroll .square-box-small.occured-nc {
  background: #f35958;
}

.crewing .square-box-small.future-nc,
.crewing-cash .square-box-small.future-nc,
.monthly-variables .square-box-small.future-nc,
.onboard-training .square-box-small.future-nc,
.rankrule-mapping .square-box-small.future-nc,
.searoster .square-box-small.future-nc,
.payroll .square-box-small.future-nc {
  background: #c36bcb;
}

.crewing .square-box-small.future,
.crewing-cash .square-box-small.future,
.monthly-variables .square-box-small.future,
.onboard-training .square-box-small.future,
.rankrule-mapping .square-box-small.future,
.searoster .square-box-small.future,
.payroll .square-box-small.future {
  background: #aeaeae;
}

.crewing .locked .fa-lock,
.crewing-cash .locked .fa-lock,
.monthly-variables .locked .fa-lock,
.onboard-training .locked .fa-lock,
.rankrule-mapping .locked .fa-lock,
.searoster .locked .fa-lock,
.payroll .locked .fa-lock {
  color: #f35958;
}

.crewing .unlocked .fa-lock,
.crewing-cash .unlocked .fa-lock,
.monthly-variables .unlocked .fa-lock,
.onboard-training .unlocked .fa-lock,
.rankrule-mapping .unlocked .fa-lock,
.searoster .unlocked .fa-lock,
.payroll .unlocked .fa-lock {
  color: #3cb878;
}

.crewing .plan-log-table .table-responsive,
.crewing-cash .plan-log-table .table-responsive,
.monthly-variables .plan-log-table .table-responsive,
.onboard-training .plan-log-table .table-responsive,
.rankrule-mapping .plan-log-table .table-responsive,
.searoster .plan-log-table .table-responsive,
.payroll .plan-log-table .table-responsive {
  padding: 0;
  margin: 0;
}

.crewing .plan-log-table .table.timeSlotTwoTable,
.crewing-cash .plan-log-table .table.timeSlotTwoTable,
.monthly-variables .plan-log-table .table.timeSlotTwoTable,
.onboard-training .plan-log-table .table.timeSlotTwoTable,
.rankrule-mapping .plan-log-table .table.timeSlotTwoTable,
.searoster .plan-log-table .table.timeSlotTwoTable,
.payroll .plan-log-table .table.timeSlotTwoTable {
  min-width: 1265px;
  width: 100%;
}

.crewing .plan-log-table .table.timeSlotTwoTable #ScheduleBarSea,
.crewing-cash .plan-log-table .table.timeSlotTwoTable #ScheduleBarSea,
.monthly-variables .plan-log-table .table.timeSlotTwoTable #ScheduleBarSea,
.onboard-training .plan-log-table .table.timeSlotTwoTable #ScheduleBarSea,
.rankrule-mapping .plan-log-table .table.timeSlotTwoTable #ScheduleBarSea,
.searoster .plan-log-table .table.timeSlotTwoTable #ScheduleBarSea,
.payroll .plan-log-table .table.timeSlotTwoTable #ScheduleBarSea {
  min-width: 1px;
}

.crewing .plan-log-table .table.timeSlotFourTable,
.crewing-cash .plan-log-table .table.timeSlotFourTable,
.monthly-variables .plan-log-table .table.timeSlotFourTable,
.onboard-training .plan-log-table .table.timeSlotFourTable,
.rankrule-mapping .plan-log-table .table.timeSlotFourTable,
.searoster .plan-log-table .table.timeSlotFourTable,
.payroll .plan-log-table .table.timeSlotFourTable {
  min-width: 1265px;
  width: 100%;
}

.crewing .plan-log-table .table.vessel-schedule thead tr th,
.crewing-cash .plan-log-table .table.vessel-schedule thead tr th,
.monthly-variables .plan-log-table .table.vessel-schedule thead tr th,
.onboard-training .plan-log-table .table.vessel-schedule thead tr th,
.rankrule-mapping .plan-log-table .table.vessel-schedule thead tr th,
.searoster .plan-log-table .table.vessel-schedule thead tr th,
.payroll .plan-log-table .table.vessel-schedule thead tr th {
  font-weight: 700;
  background: #f2f2f2;
}

.crewing .plan-log-table .table.vessel-schedule tbody tr td,
.crewing-cash .plan-log-table .table.vessel-schedule tbody tr td,
.monthly-variables .plan-log-table .table.vessel-schedule tbody tr td,
.onboard-training .plan-log-table .table.vessel-schedule tbody tr td,
.rankrule-mapping .plan-log-table .table.vessel-schedule tbody tr td,
.searoster .plan-log-table .table.vessel-schedule tbody tr td,
.payroll .plan-log-table .table.vessel-schedule tbody tr td {
  padding: 0 !important;
}

.crewing .plan-log-table .table th .fa-trash-o,
.crewing-cash .plan-log-table .table th .fa-trash-o,
.monthly-variables .plan-log-table .table th .fa-trash-o,
.onboard-training .plan-log-table .table th .fa-trash-o,
.rankrule-mapping .plan-log-table .table th .fa-trash-o,
.searoster .plan-log-table .table th .fa-trash-o,
.payroll .plan-log-table .table th .fa-trash-o {
  font-size: 18px;
}

.crewing .plan-log-table .table td,
.crewing-cash .plan-log-table .table td,
.monthly-variables .plan-log-table .table td,
.onboard-training .plan-log-table .table td,
.rankrule-mapping .plan-log-table .table td,
.searoster .plan-log-table .table td,
.payroll .plan-log-table .table td {
  padding: 2px 5px;
  height: 25px;
  color: #000;
}

.crewing .plan-log-table .table td.occured-nc-border,
.crewing-cash .plan-log-table .table td.occured-nc-border,
.monthly-variables .plan-log-table .table td.occured-nc-border,
.onboard-training .plan-log-table .table td.occured-nc-border,
.rankrule-mapping .plan-log-table .table td.occured-nc-border,
.searoster .plan-log-table .table td.occured-nc-border,
.payroll .plan-log-table .table td.occured-nc-border {
  box-shadow: 4px 0px 0px 0px #f35958 inset, 4px 0px 0px 0px #f35958 inset;
  padding-left: 10px;
}

.crewing .plan-log-table .table td.occured-nc-border span,
.crewing-cash .plan-log-table .table td.occured-nc-border span,
.monthly-variables .plan-log-table .table td.occured-nc-border span,
.onboard-training .plan-log-table .table td.occured-nc-border span,
.rankrule-mapping .plan-log-table .table td.occured-nc-border span,
.searoster .plan-log-table .table td.occured-nc-border span,
.payroll .plan-log-table .table td.occured-nc-border span {
  display: inline-block;
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.crewing .plan-log-table .table td.occured-nc-border.daily-emp-name span,
.crewing-cash .plan-log-table .table td.occured-nc-border.daily-emp-name span,
.monthly-variables .plan-log-table .table td.occured-nc-border.daily-emp-name span,
.onboard-training .plan-log-table .table td.occured-nc-border.daily-emp-name span,
.rankrule-mapping .plan-log-table .table td.occured-nc-border.daily-emp-name span,
.searoster .plan-log-table .table td.occured-nc-border.daily-emp-name span,
.payroll .plan-log-table .table td.occured-nc-border.daily-emp-name span {
  width: 100px;
}

.crewing .plan-log-table .table td.normal-border,
.crewing-cash .plan-log-table .table td.normal-border,
.monthly-variables .plan-log-table .table td.normal-border,
.onboard-training .plan-log-table .table td.normal-border,
.rankrule-mapping .plan-log-table .table td.normal-border,
.searoster .plan-log-table .table td.normal-border,
.payroll .plan-log-table .table td.normal-border {
  box-shadow: 4px 0px 0px 0px #8bd479 inset, 4px 0px 0px 0px #8bd479 inset;
  padding-left: 10px;
}

.crewing .plan-log-table .table td.normal-border span,
.crewing-cash .plan-log-table .table td.normal-border span,
.monthly-variables .plan-log-table .table td.normal-border span,
.onboard-training .plan-log-table .table td.normal-border span,
.rankrule-mapping .plan-log-table .table td.normal-border span,
.searoster .plan-log-table .table td.normal-border span,
.payroll .plan-log-table .table td.normal-border span {
  display: inline-block;
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.crewing .plan-log-table .table td.normal-border.daily-emp-name span,
.crewing-cash .plan-log-table .table td.normal-border.daily-emp-name span,
.monthly-variables .plan-log-table .table td.normal-border.daily-emp-name span,
.onboard-training .plan-log-table .table td.normal-border.daily-emp-name span,
.rankrule-mapping .plan-log-table .table td.normal-border.daily-emp-name span,
.searoster .plan-log-table .table td.normal-border.daily-emp-name span,
.payroll .plan-log-table .table td.normal-border.daily-emp-name span {
  width: 100px;
}

.crewing .plan-log-table .table td.future-border,
.crewing-cash .plan-log-table .table td.future-border,
.monthly-variables .plan-log-table .table td.future-border,
.onboard-training .plan-log-table .table td.future-border,
.rankrule-mapping .plan-log-table .table td.future-border,
.searoster .plan-log-table .table td.future-border,
.payroll .plan-log-table .table td.future-border {
  box-shadow: 4px 0px 0px 0px #aeaeae inset, 4px 0px 0px 0px #aeaeae inset;
  padding-left: 10px;
}

.crewing .plan-log-table .table td.future-border span,
.crewing-cash .plan-log-table .table td.future-border span,
.monthly-variables .plan-log-table .table td.future-border span,
.onboard-training .plan-log-table .table td.future-border span,
.rankrule-mapping .plan-log-table .table td.future-border span,
.searoster .plan-log-table .table td.future-border span,
.payroll .plan-log-table .table td.future-border span {
  display: inline-block;
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.crewing .plan-log-table .table td.future-border.daily-emp-name span,
.crewing-cash .plan-log-table .table td.future-border.daily-emp-name span,
.monthly-variables .plan-log-table .table td.future-border.daily-emp-name span,
.onboard-training .plan-log-table .table td.future-border.daily-emp-name span,
.rankrule-mapping .plan-log-table .table td.future-border.daily-emp-name span,
.searoster .plan-log-table .table td.future-border.daily-emp-name span,
.payroll .plan-log-table .table td.future-border.daily-emp-name span {
  width: 100px;
}

.crewing .plan-log-table .table td.future-nc-border,
.crewing-cash .plan-log-table .table td.future-nc-border,
.monthly-variables .plan-log-table .table td.future-nc-border,
.onboard-training .plan-log-table .table td.future-nc-border,
.rankrule-mapping .plan-log-table .table td.future-nc-border,
.searoster .plan-log-table .table td.future-nc-border,
.payroll .plan-log-table .table td.future-nc-border {
  box-shadow: 4px 0px 0px 0px #c36bcb inset, 4px 0px 0px 0px #c36bcb inset;
  padding-left: 10px;
}

.crewing .plan-log-table .table td.future-nc-border span,
.crewing-cash .plan-log-table .table td.future-nc-border span,
.monthly-variables .plan-log-table .table td.future-nc-border span,
.onboard-training .plan-log-table .table td.future-nc-border span,
.rankrule-mapping .plan-log-table .table td.future-nc-border span,
.searoster .plan-log-table .table td.future-nc-border span,
.payroll .plan-log-table .table td.future-nc-border span {
  display: inline-block;
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.crewing .plan-log-table .table td.future-nc-border.daily-emp-name span,
.crewing-cash .plan-log-table .table td.future-nc-border.daily-emp-name span,
.monthly-variables .plan-log-table .table td.future-nc-border.daily-emp-name span,
.onboard-training .plan-log-table .table td.future-nc-border.daily-emp-name span,
.rankrule-mapping .plan-log-table .table td.future-nc-border.daily-emp-name span,
.searoster .plan-log-table .table td.future-nc-border.daily-emp-name span,
.payroll .plan-log-table .table td.future-nc-border.daily-emp-name span {
  width: 100px;
}

.crewing .plan-log-table .table td.timeSlotTwo,
.crewing-cash .plan-log-table .table td.timeSlotTwo,
.monthly-variables .plan-log-table .table td.timeSlotTwo,
.onboard-training .plan-log-table .table td.timeSlotTwo,
.rankrule-mapping .plan-log-table .table td.timeSlotTwo,
.searoster .plan-log-table .table td.timeSlotTwo,
.payroll .plan-log-table .table td.timeSlotTwo {
  width: 23px;
  max-width: 23px;
  color: #ffffff;
  padding: 0;
  /*&.valueCols:nth-child(2n-1) {
                        box-shadow: 1px 0px 0px 0px #ccc inset, 1px 0px 0px 0px #ccc inset;
                    }*/
}

@media screen and (max-width: 1390px) {

  .crewing .plan-log-table .table td.timeSlotTwo,
  .crewing-cash .plan-log-table .table td.timeSlotTwo,
  .monthly-variables .plan-log-table .table td.timeSlotTwo,
  .onboard-training .plan-log-table .table td.timeSlotTwo,
  .rankrule-mapping .plan-log-table .table td.timeSlotTwo,
  .searoster .plan-log-table .table td.timeSlotTwo,
  .payroll .plan-log-table .table td.timeSlotTwo {
    width: 21px;
    max-width: 21px;
  }
}

.crewing .plan-log-table .table td.timeSlotFour,
.crewing-cash .plan-log-table .table td.timeSlotFour,
.monthly-variables .plan-log-table .table td.timeSlotFour,
.onboard-training .plan-log-table .table td.timeSlotFour,
.rankrule-mapping .plan-log-table .table td.timeSlotFour,
.searoster .plan-log-table .table td.timeSlotFour,
.payroll .plan-log-table .table td.timeSlotFour {
  width: 11.5px;
  max-width: 11.5px;
  color: #ffffff;
  padding: 0;
  /*&.valueCols:nth-child(4n-1) {
                        box-shadow: 1px 0px 0px 0px #ccc inset, 1px 0px 0px 0px #ccc inset;
                    }*/
}

@media screen and (max-width: 1390px) {

  .crewing .plan-log-table .table td.timeSlotFour,
  .crewing-cash .plan-log-table .table td.timeSlotFour,
  .monthly-variables .plan-log-table .table td.timeSlotFour,
  .onboard-training .plan-log-table .table td.timeSlotFour,
  .rankrule-mapping .plan-log-table .table td.timeSlotFour,
  .searoster .plan-log-table .table td.timeSlotFour,
  .payroll .plan-log-table .table td.timeSlotFour {
    width: 8.5px;
    max-width: 10.5px;
  }
}

.crewing .plan-log-table .table td.valueCols[data-NCHK="N"],
.crewing-cash .plan-log-table .table td.valueCols[data-NCHK="N"],
.monthly-variables .plan-log-table .table td.valueCols[data-NCHK="N"],
.onboard-training .plan-log-table .table td.valueCols[data-NCHK="N"],
.rankrule-mapping .plan-log-table .table td.valueCols[data-NCHK="N"],
.searoster .plan-log-table .table td.valueCols[data-NCHK="N"],
.payroll .plan-log-table .table td.valueCols[data-NCHK="N"] {
  box-shadow: 0 6px 0 -4px #f00 inset, 0 -6px 0 -4px #f00 inset;
}

.crewing .plan-log-table .table td.EditvalueCols[data-NCHK="N"],
.crewing-cash .plan-log-table .table td.EditvalueCols[data-NCHK="N"],
.monthly-variables .plan-log-table .table td.EditvalueCols[data-NCHK="N"],
.onboard-training .plan-log-table .table td.EditvalueCols[data-NCHK="N"],
.rankrule-mapping .plan-log-table .table td.EditvalueCols[data-NCHK="N"],
.searoster .plan-log-table .table td.EditvalueCols[data-NCHK="N"],
.payroll .plan-log-table .table td.EditvalueCols[data-NCHK="N"] {
  box-shadow: 0 6px 0 -4px #f00 inset, 0 -6px 0 -4px #f00 inset;
}

.crewing .plan-log-table .table td[data-AdvRetardCode="NOTA"],
.crewing .plan-log-table .table td[data-AdvRetardCode="D"],
.crewing .plan-log-table .table td[data-AdvRetardCode="B"],
.crewing-cash .plan-log-table .table td[data-AdvRetardCode="NOTA"],
.crewing-cash .plan-log-table .table td[data-AdvRetardCode="D"],
.crewing-cash .plan-log-table .table td[data-AdvRetardCode="B"],
.monthly-variables .plan-log-table .table td[data-AdvRetardCode="NOTA"],
.monthly-variables .plan-log-table .table td[data-AdvRetardCode="D"],
.monthly-variables .plan-log-table .table td[data-AdvRetardCode="B"],
.onboard-training .plan-log-table .table td[data-AdvRetardCode="NOTA"],
.onboard-training .plan-log-table .table td[data-AdvRetardCode="D"],
.onboard-training .plan-log-table .table td[data-AdvRetardCode="B"],
.rankrule-mapping .plan-log-table .table td[data-AdvRetardCode="NOTA"],
.rankrule-mapping .plan-log-table .table td[data-AdvRetardCode="D"],
.rankrule-mapping .plan-log-table .table td[data-AdvRetardCode="B"],
.searoster .plan-log-table .table td[data-AdvRetardCode="NOTA"],
.searoster .plan-log-table .table td[data-AdvRetardCode="D"],
.searoster .plan-log-table .table td[data-AdvRetardCode="B"],
.payroll .plan-log-table .table td[data-AdvRetardCode="NOTA"],
.payroll .plan-log-table .table td[data-AdvRetardCode="D"],
.payroll .plan-log-table .table td[data-AdvRetardCode="B"] {
  color: #000;
}

.crewing .plan-log-table .table th,
.crewing-cash .plan-log-table .table th,
.monthly-variables .plan-log-table .table th,
.onboard-training .plan-log-table .table th,
.rankrule-mapping .plan-log-table .table th,
.searoster .plan-log-table .table th,
.payroll .plan-log-table .table th {
  background: none;
  border: 1px solid #e2e2e2 !important;
}

.crewing .plan-log-table .table td .vessel-schedule-cell,
.crewing-cash .plan-log-table .table td .vessel-schedule-cell,
.monthly-variables .plan-log-table .table td .vessel-schedule-cell,
.onboard-training .plan-log-table .table td .vessel-schedule-cell,
.rankrule-mapping .plan-log-table .table td .vessel-schedule-cell,
.searoster .plan-log-table .table td .vessel-schedule-cell,
.payroll .plan-log-table .table td .vessel-schedule-cell {
  height: 24px;
}

.crewing .plan-log-table .table td .vessel-schedule-cell span,
.crewing-cash .plan-log-table .table td .vessel-schedule-cell span,
.monthly-variables .plan-log-table .table td .vessel-schedule-cell span,
.onboard-training .plan-log-table .table td .vessel-schedule-cell span,
.rankrule-mapping .plan-log-table .table td .vessel-schedule-cell span,
.searoster .plan-log-table .table td .vessel-schedule-cell span,
.payroll .plan-log-table .table td .vessel-schedule-cell span {
  width: 4%;
  height: 100%;
  float: left;
  display: block;
  border: 0;
}

.crewing .plan-log-table tr.UpdateData td.k-dirty-cell .k-dirty,
.crewing-cash .plan-log-table tr.UpdateData td.k-dirty-cell .k-dirty,
.monthly-variables .plan-log-table tr.UpdateData td.k-dirty-cell .k-dirty,
.onboard-training .plan-log-table tr.UpdateData td.k-dirty-cell .k-dirty,
.rankrule-mapping .plan-log-table tr.UpdateData td.k-dirty-cell .k-dirty,
.searoster .plan-log-table tr.UpdateData td.k-dirty-cell .k-dirty,
.payroll .plan-log-table tr.UpdateData td.k-dirty-cell .k-dirty {
  top: 8px;
  left: -1px;
}

.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

table#ScheduleBarSea tbody tr td.valueCols[data-NCHK="N"],
table#ScheduleBarPort tbody tr td.valueCols[data-NCHK="N"] {
  box-shadow: 0 6px 0 -4px #f00 inset, 0 -6px 0 -4px #f00 inset;
  color: #000;
}

table#ScheduleBarSea tbody tr td.EditvalueCols[data-NCHK="N"],
table#ScheduleBarPort tbody tr td.EditvalueCols[data-NCHK="N"] {
  box-shadow: 0 6px 0 -4px #f00 inset, 0 -6px 0 -4px #f00 inset;
  color: #000;
}

.table.UsaSchedule tbody tr td {
  padding: 0 !important;
}

span.info-primary {
  width: 18px;
  height: 18px;
  display: block;
  /*background: url("./images/info-primary.png") no-repeat;*/
}

span.info-default {
  width: 18px;
  height: 18px;
  display: block;
  /*background: url("./images/info-default.png") no-repeat;*/
}

.non-conformity-area p a.active {
  font-weight: bold;
}

.expiry-doc-container {
  padding: 10px 0;
  background: #ffffff;
  border: 1px solid #e2e2e2;
  z-index: 99;
  border-radius: 6px;
  font-weight: 400;
  box-shadow: 0px 0px 13px rgba(86, 96, 117, 0.4);
  min-width: 250px;
}

.expiry-doc-container>h4 {
  padding: 5px 15px;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
}

.expiry-doc-container ul {
  padding: 0;
  list-style-type: none;
}

.expiry-doc-container ul li {
  padding: 5px 15px;
  border-top: 1px solid #e2e2e2;
}

.expiry-doc-container ul li p {
  margin-bottom: 0;
}

#crewlist-container .popover,
#seafarerprofile-container .popover {
  padding: 0;
}

#crewlist-container .popover .popover-content,
#seafarerprofile-container .popover .popover-content {
  padding: 0;
}

.crewlist-legends-container {
  min-height: 46px;
}

.crewlist-legends-container .crewlist-legends {
  width: 100%;
  background: #f2f2f2;
  padding: 10px 20px;
  z-index: 999;
  margin-bottom: -20px;
}

.crewlist-legends-container .crewlist-legends.fixed {
  box-shadow: 0 0 18px -6px #000;
  position: fixed;
  margin-bottom: 0 !important;
  left: 0;
  right: 0;
  bottom: 0;
}

.crewlist-legends-container .crewlist-legends .flag-legends {
  margin-bottom: 5px;
}

.crewlist-legends-container .crewlist-legends .flag-legends span {
  vertical-align: middle;
  display: inline-block;
}

.crewlist-legends-container .crewlist-legends .color-legends {
  margin-left: 10px;
}

.crewlist-legends-container .crewlist-legends .color-legends span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

.payroll-legends {
  padding-top: 10px;
}

.popup-task-area .task-area,
.rank-plan-task-area .task-area {
  display: table;
  width: auto;
}

.popup-task-area .task-area .task-area-cell,
.rank-plan-task-area .task-area .task-area-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 15px;
  font-size: 13px;
}

.popup-task-area .task-area .task-area-cell p,
.rank-plan-task-area .task-area .task-area-cell p {
  margin: 0;
}

.popup-task-area .task-area .task-area-cell span.poptaskSelectBtn,
.popup-task-area .task-area .task-area-cell span.poptaskClearBtn,
.rank-plan-task-area .task-area .task-area-cell span.poptaskSelectBtn,
.rank-plan-task-area .task-area .task-area-cell span.poptaskClearBtn {
  color: #fff;
  cursor: pointer;
  display: table-cell;
  border: 1px solid #fff;
  border-right: 1px solid #fff;
  font-size: 11px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  text-align: center;
}

.popup-task-area .task-area .task-area-cell span.poptaskSelectBtn:hover,
.popup-task-area .task-area .task-area-cell span.poptaskSelectBtn.active,
.popup-task-area .task-area .task-area-cell span.poptaskClearBtn:hover,
.popup-task-area .task-area .task-area-cell span.poptaskClearBtn.active,
.rank-plan-task-area .task-area .task-area-cell span.poptaskSelectBtn:hover,
.rank-plan-task-area .task-area .task-area-cell span.poptaskSelectBtn.active,
.rank-plan-task-area .task-area .task-area-cell span.poptaskClearBtn:hover,
.rank-plan-task-area .task-area .task-area-cell span.poptaskClearBtn.active {
  border: 1px dashed #000;
}

.popup-task-area .task-area .task-area-cell span.poptaskClearBtn.active,
.rank-plan-task-area .task-area .task-area-cell span.poptaskClearBtn.active {
  border: 1px solid #479f17;
  color: #479f17;
}

.popup-task-area .plan-log-table td.valueCols[data-NCHK="N"],
.rank-plan-task-area .plan-log-table td.valueCols[data-NCHK="N"] {
  box-shadow: 0 6px 0 -4px #f00 inset, 0 -6px 0 -4px #f00 inset;
}

.popup-task-area .plan-log-table td.EditvalueCols[data-NCHK="N"],
.rank-plan-task-area .plan-log-table td.EditvalueCols[data-NCHK="N"] {
  box-shadow: 0 6px 0 -4px #f00 inset, 0 -6px 0 -4px #f00 inset;
  color: #000;
}

.popup-task-area .plan-log-table .table-responsive,
.rank-plan-task-area .plan-log-table .table-responsive {
  padding: 0;
  margin: 0;
}

.popup-task-area .plan-log-table th,
.rank-plan-task-area .plan-log-table th {
  background: none;
  border: 1px solid #e2e2e2 !important;
}

.popup-task-area .plan-log-table td,
.rank-plan-task-area .plan-log-table td {
  padding: 2px 5px;
}

.popup-task-area .plan-log-table td.timeSlotTwo,
.rank-plan-task-area .plan-log-table td.timeSlotTwo {
  width: 20px;
  max-width: 20px;
  color: #ffffff;
}

.popup-task-area .plan-log-table td.timeSlotFour,
.rank-plan-task-area .plan-log-table td.timeSlotFour {
  width: 10px;
  max-width: 10px;
  color: #ffffff;
}

.popup-task-area .plan-log-table td[data-AdvRetardCode="NOTA"],
.popup-task-area .plan-log-table td[data-AdvRetardCode="D"],
.popup-task-area .plan-log-table td[data-AdvRetardCode="B"],
.rank-plan-task-area .plan-log-table td[data-AdvRetardCode="NOTA"],
.rank-plan-task-area .plan-log-table td[data-AdvRetardCode="D"],
.rank-plan-task-area .plan-log-table td[data-AdvRetardCode="B"] {
  color: #000;
}

.popup-task-area .plan-log-table .locked .fa-lock,
.rank-plan-task-area .plan-log-table .locked .fa-lock {
  color: #f35958;
}

.popup-task-area .plan-log-table .unlocked .fa-lock,
.rank-plan-task-area .plan-log-table .unlocked .fa-lock {
  color: #3cb878;
}

.popup-task-area .task-area-container,
.rank-plan-task-area .task-area-container {
  padding: 10px 0px;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
}

.floating-task {
  position: fixed;
  bottom: 0;
  right: 30px;
  z-index: 9999;
  left: auto;
  top: auto;
}

.floating-task .task-btn {
  display: block;
  padding: 10px;
  background: #479f17;
  color: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.floating-task .task-area {
  /*display: none;*/
  background: #ffffff;
  box-shadow: 0px 2px 10px #d2d2d2;
  border: 1px solid #e2e2e2;
  padding: 0 10px;
}

.floating-task .task-area .task-area-cell {
  padding: 5px 0px;
  border-bottom: 2px solid #ccc;
}

.floating-task .task-area .task-area-cell .task-button-container:after {
  content: "";
  display: table;
  clear: both;
}

.floating-task .task-area .task-area-cell .task-button-container span.taskSelectBtn {
  color: #fff;
  cursor: pointer;
  float: left;
  border: 2px solid #fff;
  font-size: 10px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  margin-right: 2px;
  line-height: 22px;
}

.floating-task .task-area .task-area-cell .task-button-container span.taskSelectBtn:hover,
.floating-task .task-area .task-area-cell .task-button-container span.taskSelectBtn.active {
  box-shadow: 0px 2px 7px #566075;
  text-shadow: 0px 1px 4px #000;
}

.floating-task .task-area .task-area-cell .taskClearBtn {
  border: 1px solid #e2e2e2;
  color: #a9a9a9;
  padding: 1px 2px;
  cursor: pointer;
}

.floating-task .task-area .task-area-cell .taskClearBtn:hover,
.floating-task .task-area .task-area-cell .taskClearBtn.active {
  border: 1px solid #000;
}

.floating-task .task-area .task-area-cell .taskClearBtn.active {
  border: 1px solid #479f17;
  color: #479f17;
}

.floating-task .task-area .task-area-cell:last-child {
  border-bottom: 0;
}

.floating-task.docked {
  bottom: 0 !important;
  right: 30px !important;
  left: auto !important;
  top: auto !important;
}

.copy-days-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.copy-days-list ul li {
  border-bottom: 1px solid #ececec;
}

.copy-days-list ul li label {
  padding: 15px 5px;
  cursor: pointer;
}

.copy-days-list ul li input[type=checkbox].tickBox:checked~label {
  color: #479f17;
}

.crew-list-tab {
  line-height: 16px;
}

.crewlist-print-list {
  margin-bottom: 20px;
}

.crewlist-print-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.crewlist-print-list ul li {
  margin: 0;
}

.crewlist-print-list ul li a {
  display: block;
  list-style-type: none;
  float: none;
  border: 0;
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid transparent;
  width: 100%;
  padding: 10px 15px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.crewlist-print-list ul li a:hover {
  background: #eaedff;
  color: #000;
}

.crewlist-print-list ul li a.active {
  background: #eaedff;
  border-bottom: 1px solid #479f17;
  border-top: 1px solid #479f17;
  color: #000;
}

.work-log-display .work-log-table {
  background: #fff;
  margin-top: 20px;
}

.work-log-display .work-log-table .work-log-box {
  vertical-align: middle;
  /* display: table-cell; */
  box-shadow: 1px 0 0 0 #e2e2e2, 0 1px 0 0 #e2e2e2, 1px 1px 0 0 #e2e2e2, 1px 0 0 0 #e2e2e2 inset, 0 1px 0 0 #e2e2e2 inset;
  border-collapse: collapse;
  float: left;
  width: 14.285%;
  background: #fff;
  min-width: 180px;
  height: 100px;
}

.work-log-display .work-log-table .work-log-box .date-cell {
  color: #8c8c8c;
  padding: 5px 10px !important;
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  border-right: 0 !important;
  border-bottom: 0 !important;
}

.work-log-display .work-log-table .work-log-box .content-cell {
  border-top: 0 !important;
  color: #8c8c8c;
  padding: 15px 8px !important;
  font-size: 13px;
}

.work-log-display .work-log-table .work-log-box .content-cell h5 {
  font-weight: 400;
}

.work-log-display .work-log-table .work-log-box .content-cell h5 .fa {
  font-size: 14px;
  color: #c5c5c5;
}

.work-log-display .work-log-table .work-log-box .content-cell.normal {
  border-top: 3px solid #8bd479 !important;
}

.work-log-display .work-log-table .work-log-box .content-cell.occured-nc {
  border-top: 3px solid #f35958 !important;
}

.work-log-display .work-log-table .work-log-box.current-date {
  box-shadow: inset 0 0 0 2px #5c6bc0;
  background: rgba(92, 107, 192, 0.05);
}

.work-log-display .work-log-table .work-log-box.current-date .date-cell {
  border: 1px solid #479f17;
  border-right: 1px solid #479f17 !important;
  background: rgba(92, 107, 192, 0.05);
}

.tab-inner .tab-info {
  margin: 0;
}

.tab-inner .tab-info .nav li a {
  font-weight: 400;
  padding: 3px 10px;
  border: 0 !important;
  font-size: 14px;
}

.tab-inner .tab-info .nav li.active a {
  color: #fff !important;
  font-size: 14px;
  background: #479f17;
}

.info-tooltip-content {
  display: none;
  position: fixed;
  width: auto;
  padding: 10px 20px;
  background: #ffffff;
  z-index: 9999;
  border-radius: 3px;
}

.info-tooltip-content:after {
  position: absolute;
  bottom: -14px;
  right: 20px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  /* border-bottom-color: rgba(0, 0, 0, 0.2); */
  content: '';
  border-top: 7px solid #fff;
}

.table-responsive {
  border: 0;
  border-radius: 0;
}

.increment-control .btn-group .btn {
  border-radius: 3px;
  border-collapse: collapse;
  border-width: 1px;
}

.increment-control .btn-group .btn:hover,
.increment-control .btn-group .btn:focus {
  border-width: 1px;
}

.bootstrap-select.btn-group .dropdown-menu {
  position: absolute;
}

.btn-square {
  background: #e8e8e8;
  padding: 6px 10px;
  display: table-cell;
  border-radius: 2px;
  font-size: 14px;
  color: #666;
}

.btn-square.listBtn {
  border-right: 0;
}

.btn-square.active {
  background: #479f17;
  color: #fff;
}

.btn-square input[type="radio"] {
  display: none;
}

.btn-square input[type="radio"]+label {
  color: #000;
}

.btn-square input[type="radio"]:checked+label {
  background-color: #479f17;
}

.activity-box {
  background: #fff;
  padding: 10px 00px;
  border: 1px solid #e2e2e2;
  z-index: 99;
  /*border-radius: 6px;*/
  font-size: 16px;
  font-weight: 400;
  /*-webkit-box-shadow: 0px 0px 7px rgba(86, 96, 117, 0.4);
    -moz-box-shadow: 0px 0px 7px rgba(86, 96, 117, 0.4);
    box-shadow: 0px 0px 7px rgba(86, 96, 117, 0.4);*/
}

.activity-box ul {
  padding: 0;
  list-style-type: none;
}

.activity-box ul li {
  padding: 2px 0;
}

.activity-box ul li span {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 1px 20px;
}

.activity-box ul li span:hover {
  background: #ececec;
}

.activity-box ul li a {
  font-size: 14px;
}

.activity-box ul li.seperator {
  border-bottom: 1px solid #ececec;
  margin-bottom: 5px;
}

/*Styles added by hrudya ends here*/

/*job order page-maintenence*/

.file-list {
  margin-bottom: 10px;
}

.file-list a {
  display: inline-block;
  width: 100%;
  font-size: 13px;
}

.file-list a i {
  margin-right: 3px;
}

.job-detail-list ul li {
  padding: 0 0 15px 0;
}

.job-detail-list ul li label {
  font-size: 13px;
  color: #666;
}

.job-detail-list ul li span {
  font-size: 16px;
  font-weight: 400;
}

.form-list li {
  padding: 0 0 15px;
  display: inline-block;
  width: 100%;
}

/*event-links*/

.event-links ul {
  padding: 0;
}

.event-links ul li {
  list-style: none;
}

.event-links ul li h5 {
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 18px;
}

.event-links ul li a {
  color: #999;
  font-weight: 400;
  line-height: 24px;
}

.event-links ul li a:hover {
  color: #000;
}

.event-links ul.main-links li a {
  color: #000;
  font-weight: 500;
}

.event-links ul.main-links li a:hover {
  color: #479f17;
}

.date.range {
  width: 210px;
}

/*daily dialog edits added*/

.lbl_length label {
  width: auto !important;
}

.lbl_align {
  margin-left: -16px !important;
}

.ckb_align {
  margin-left: -16px !important;
}

.success_circle {
  color: #23b56a;
  font-size: 25px;
  vertical-align: middle;
  margin-right: 5px;
}

.reject_circle {
  color: #ff1c1a;
  font-size: 25px;
  vertical-align: middle;
  margin-right: 5px;
}

.crl_color i {
  color: #EC407A;
}

.crl_color1 i {
  color: #0197A8;
}

.crl_color2 i {
  color: #7E57C1;
}

.Deviation_box {
  width: 68%;
  display: inline-block;
  border-width: 1px !important;
  border-radius: 4px !important;
  padding: 6px !important;
  background-color: #3cb878;
  color: #ffffff;
}

.Deviation_boxred {
  width: 68%;
  display: inline-block;
  border-width: 1px !important;
  border-radius: 4px !important;
  padding: 6px !important;
  background-color: #f35958;
  color: #ffffff;
}

.stock_right {
  font-size: 30px !important;
  color: #ddd !important;
}

.m_power {
  font-size: 15px !important;
}

.graph_img {
  width: 100%;
}

.modal_height {
  height: 100% !important;
}

/*common*/

.list-title span {
  color: #479f17;
}

.hidden-scroll {
  overflow: hidden;
}

/*right aroow btn style*/

.rgt-btn {
  font-size: 26px;
  color: #ddd;
  width: 32px;
  height: 32px;
  padding: 0;
  text-align: center;
  line-height: 26px;
}

.rgt-btn:hover .fa {
  color: #479f17;
}

/*new-added- Due jobs*/

.date-blck.date-blck-inner {
  text-align: center;
  margin-right: 60px;
  position: relative;
  left: 40px;
}

.date-blck.date-blck-inner h1 {
  font-size: 57px !important;
  color: #ccc;
}

.date-blck.date-blck-inner p {
  color: #666;
  text-transform: uppercase;
  font-size: 13px;
}

.text-priority {
  padding: 0px;
  margin: 0px;
}

.text-priority ul {
  list-style: none;
}

.text-priority ul li {
  width: 100%;
  float: left;
  margin: 5px 0;
  position: relative;
}

.text-priority ul li p {
  padding-left: 20px;
  color: #333333 !important;
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
}

.text-priority ul li p a {
  color: #479f17;
  font-weight: 500;
}

.text-priority ul li p a span {
  color: #666;
  text-transform: uppercase;
}

.dte-blck {
  width: 100%;
  display: block;
}

.dte-blck.dte-blck-b {
  display: table-cell;
  vertical-align: middle;
}

.dte-blck.dte-blck-a {
  display: table-cell;
  vertical-align: middle;
}

.check-blck {
  width: 100%;
}

.check-blck.chk-box {
  width: 100%;
}

.check-blck.chk-box label {
  font-size: 14px !important;
  color: #333333;
  display: table-cell;
}

.outer_divs {
  border-bottom: 1px solid red;
  width: 100%;
}

/*date-picker custom css*/

.ui-datepicker {
  width: 100% !important;
}

.ui-widget.ui-widget-content {
  border: 0px !important;
}

/*.ui-widget-content {
  border: 0px !important;
  background: #f3f3f3 !important;
  color: #333333;
}*/

.ui-widget-content a {
  color: #333333;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: center !important;
  text-decoration: none;
}

/*.ui-widget-header {
  border: 0px !important;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}*/

.ui-widget-header a {
  color: #333333;
}

/*
.ui-widget-header {
  border: 0px !important;
  background: #f3f3f3 !important;
  color: #333333;
  font-weight: bold;
}*/

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid transparent !important;
    background: none !important;
    font-weight: normal;
    color: #454545;
  }*/

.ui-datepicker td a {
  display: block;
  padding: 7px !important;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 500 !important;
  border: 0;
  text-transform: uppercase;
  color: #8c8c8c !important;
}

/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  color: #479f17 !important;
}
*/

/*.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
  border: none !important;
}*/

/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #479f17 !important;
}*/

/*scrollbar*/

.scrollbar {
  float: left;
  height: 190px;
  width: 100%;
  background: #F5F5F5;
  overflow-y: scroll;
  margin-bottom: 25px;
}

.scrollbar .force-overflow {
  min-height: 450px;
}

/*
 *  scroll bar
 */

#style-11::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 20px;
}

#style-11::-webkit-scrollbar {
  width: 5px;
  background-color: #dcdcdc;
}

#style-11::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  border-radius: 20px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  font-weight: 500 !important;
  padding-bottom: 20px !important;
  text-transform: uppercase !important;
  color: #999;
}

.ui-widget-header .ui-icon {
  /*background-image: url(images/calendor-icon.png) !important;*/
}

.ui-icon-circle-triangle-w {
  background-position: -3px !important;
}

.ui-icon-circle-triangle-e {
  background-position: -14px 3px !important;
}

.ui-icon {
  width: 20px !important;
  height: 20px !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  /* left: 50%; */
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px !important;
  box-shadow: none !important;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
  box-shadow: none !important;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
  box-shadow: none !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
  box-shadow: none !important;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
  box-shadow: none !important;
}

.list-select ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.list-select ul li {
  display: inline-block;
  padding: 17px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.list-select ul li label {
  display: inline-block;
}

.list-select ul li label .slct_wdth {
  width: 151px;
  margin-left: 10px;
}

/*dashboard style start*/

.user-list {
  width: 100%;
}

.user-list figure {
  position: relative;
  margin-right: 15px;
  display: inline-block;
  top: 10px;
  width: 16%;
}

.user-list figure span {
  width: 72px;
  height: 72px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
}

.user-list figure label {
  position: absolute;
  top: 5px;
  right: 0;
}

.user-list figcaption {
  display: inline-block;
  width: 80%;
  float: left;
}

.user-list figcaption h2 {
  font-size: 32px;
  font-weight: 300;
}

.user-list figcaption label {
  margin: 0;
  color: #666;
  display: inline-block;
}

.user-list figcaption span {
  color: #666;
}

.user-list figcaption .top-list label span {
  color: #000 !important;
}

/*progress bar*/

.progress-blk {
  padding: 25px;
}

.progress-blk .progress {
  overflow: visible;
  height: 4px;
  background: #c7c7c7;
  margin-bottom: 10px;
  position: relative;
}

.progress-blk .progress:before,
.progress-blk .progress:after {
  width: 35px;
  height: 35px;
  display: inline-block;
  content: "";
  position: absolute;
  top: -16px;
  background-position: -2px 0;
}

.progress-blk .progress:before {
  left: -36px;
  /*background-image: url("./images/progress-icn-left.png");*/
}

.progress-blk .progress:after {
  right: -36px;
  /*background-image: url("./images/progress-icn-rgt.png");*/
}

.progress-blk .progress .progress-bar {
  text-align: right;
}

.progress-blk .progress .progress-status {
  color: #000;
  display: inline-block;
  position: absolute;
  top: -35px;
  right: -12px;
}

.progress-blk .progress .progress-status i {
  display: inline-block;
  float: left;
}

.progress-blk .progress .progress-status .progress-value {
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
  padding-left: 2px;
  position: absolute;
  top: -18px;
  opacity: 1;
  left: -10px;
}

.progress-blk .progress .progress-status .progress-value label {
  margin: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  /*padding: 3px 8px;*/
  color: #333;
  min-width: 35px;
  text-align: center;
  /* background: rgba(0,0,0,.7); */
  border-radius: 3px;
  /* min-width: 36px; */
  /* text-align: center; */
  font-style: italic;
}

.progress-blk .progress .progress-status .progress-value span {
  color: #666;
  font-size: 11px;
}

.progress-blk .progress .progress-status:hover .progress-value {
  opacity: 1;
}

.progress-blk .progress-bar {
  background: #479f17;
  position: relative;
}

.progress-blk .progress-btm-text {
  padding-top: 10px;
}

.progress-blk .progress-btm-text label {
  margin: 0;
  font-size: 15px;
  color: #000;
}

.progress-blk .progress-btm-text span {
  color: #000;
  font-size: 11px;
  display: block;
}

.progress-blk .progress-btm-text .left-list-name {
  position: relative;
  left: -35px;
}

.progress-blk .progress-btm-text .right-list-name {
  position: relative;
  right: -35px;
}

.port-call-list li {
  font-size: 13px;
  color: #333;
  line-height: 24px;
}

.port-call-list li i {
  color: #ccc;
  padding-right: 1px;
}

.port-call-list li span:first-child:first-letter {
  text-transform: uppercase;
}

.menu-list .quick-link-menu {
  min-height: 250px;
}

.menu-list .quick-link-menu li {
  width: 100%;
  padding-bottom: 2px;
  vertical-align: middle;
}

.menu-list .quick-link-menu li a {
  font-size: 16px;
  color: #000;
  line-height: 24px;
}

.menu-list .quick-link-menu li a .fa {
  color: #479f17;
  font-size: 16px;
  padding-right: 10px;
  position: relative;
  top: 0px;
}

.menu-list .quick-link-menu li a:hover {
  color: #479f17;
}

.menu-list .quick-link-menu li h4 a {
  font-size: 24px;
  font-weight: 300;
}

.menu-list .quick-link-menu li .delete {
  opacity: 0;
  margin-left: 5px;
}

.menu-list .quick-link-menu li .delete .fa {
  color: #f35958;
  font-size: 16px;
}

.menu-list .quick-link-menu li:hover .delete {
  opacity: 1;
}

.do-list li.active a {
  border-bottom: 2px solid #479f17;
}

.do-list li a {
  font-size: 16px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  display: inline-block;
  padding: 5px 0;
}

.do-list li a .badge {
  color: #ffffff;
  background: #ff6666;
}

.do-list li .do-sub-list {
  margin: 10px 0;
}

.do-list li .do-sub-list li a {
  display: inline-block;
  width: 100%;
  background: #f9f9f9;
  margin: 2px 0;
  position: relative;
  padding-left: 15px;
  border-bottom: 1px solid #ddd;
}

.do-list li .do-sub-list li a h6 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;
}

.do-list li .do-sub-list li a span {
  padding-right: 10px;
  font-size: 13px;
  color: #666;
}

.do-list li .do-sub-list li a:hover,
.do-list li .do-sub-list li a:focus {
  background: #ffffff;
}

.communication-list li {
  padding: 0 0 20px;
}

/*location list and file list*/

.location-list,
.file-list {
  padding-left: 12px;
  /*.opens {
        i {
            &:before {
                content: "\f107";
            }
        }
    }*/
}

.location-list li,
.file-list li {
  list-style: none;
  padding: 5px 0;
}

.location-list li a,
.file-list li a {
  font-size: 14px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.location-list li a .fa,
.file-list li a .fa {
  color: #adadad;
  padding-right: 6px;
  width: 20px;
}

.location-list li a:hover,
.location-list li a:focus,
.file-list li a:hover,
.file-list li a:focus {
  color: #479f17;
}

.location-list li a:hover .fa,
.location-list li a:focus .fa,
.file-list li a:hover .fa,
.file-list li a:focus .fa {
  color: #479f17;
}

.location-list li a.active .fa:before,
.file-list li a.active .fa:before {
  /*content: "\f105";*/
}

.location-list li ul,
.file-list li ul {
  padding-left: 12px;
}

.location-list .sub-menu,
.file-list .sub-menu {
  padding: 10px 12px 0;
  display: none;
}

.location-list .sub-menu.list a.active,
.file-list .sub-menu.list a.active {
  border-bottom: 2px solid #479f17;
}

.location-list .sub-menu.list a.active .fa:before,
.file-list .sub-menu.list a.active .fa:before {
  content: "\f124";
}

.file-list li {
  line-height: 15px;
  padding-bottom: 0;
}

.file-list li a {
  font-size: 13px;
}

.file-list li .sub-menu {
  padding-top: 5px;
}

.file-list .sub-menu.list a.active .fa:before {
  content: "\f15c";
}

.location-search .modal-dialog {
  height: 90vh;
}

.location-search .modal-dialog .modal-content {
  height: 100%;
}

.location-search .modal-dialog .modal-content .modal-body {
  height: 80%;
  overflow-y: auto;
}

.sub-slider .carousel-control {
  width: 25px;
  height: 25px;
  background-image: none;
  opacity: 1;
  top: 50%;
  font-size: 25px;
  margin-left: 0px;
  margin-right: 0px;
}

.sub-slider .carousel-control .fa {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.sub-slider .carousel-caption {
  position: relative;
  left: 0;
  text-align: left;
  color: #000;
  text-shadow: none;
}

.sub-slider .carousel-caption h6 {
  font-size: 17px;
  font-weight: 400;
}

.sub-slider .carousel-caption p {
  font-size: 14px;
  font-weight: 400;
}

.sub-slider .item-content {
  height: 80vh;
  overflow-y: auto;
}

.sub-slider .item-content img {
  max-width: 100%;
}

.attachment-view.modal-body {
  max-height: 100vh;
  overflow: hidden;
}

.equal,
.equal>div[class*='col-'] {
  display: flex;
  flex: 1 1 auto;
}

.slider-list {
  display: none;
}

.slider-list .carousel {
  padding-bottom: 35px;
}

.slider-list .carousel .carousel-indicators li {
  background: #ddd;
  width: 15px;
  height: 15px;
}

.slider-list .carousel .carousel-indicators li.active {
  background-color: #479f17;
  width: 15px;
  height: 15px;
  margin: 1px;
}

/*crewing Drug & Alcohol Test */

.full-wdt {
  width: 100% !important;
}

.drug_font {
  color: #479f17;
}

.drug_head {
  font-size: 15px !important;
  color: #9D9D9D !important;
}

.price-list {
  padding: 20px 0;
}

.price-list span {
  font-size: 18px;
  color: #666;
  font-weight: 400;
  padding-left: 30px;
}

.price-list label {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  padding-left: 20px;
}

.requisition-tab .tab-pane {
  padding: 0;
}

/*crewing Default Rank Plan */

.rank-plan-top {
  margin-top: 30px;
}

.rank-plan-top .fa-comment-o {
  font-size: 20px;
}

.tbl_top th {
  background: none;
  border: 1px solid #ddd !important;
}

.tbl_top .drug_font {
  color: #479f17;
}

.tbl_top .drug_head {
  font-size: 15px !important;
  color: #9D9D9D !important;
}

.tbl_top .price-list {
  padding: 20px 0;
}

.tbl_top .price-list span {
  font-size: 18px;
  color: #666;
  font-weight: 400;
  padding-left: 30px;
}

.tbl_top .price-list .tbl_cont {
  border: 1px solid #ddd;
  border-bottom: none;
  height: 67px;
}

.sort-schedule-table table tr.active td {
  background-color: rgba(92, 107, 192, 0.2) !important;
}

.sort-schedule-table table tr td {
  width: 50%;
}

.day_list {
  margin-bottom: 15px;
}

.day_list h4 {
  padding: 20px 10px;
  font-size: 16px;
}

.day_list ul li {
  padding: 5px 0px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  float: left;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-right: 20px;
}

.day_list ul li a {
  color: #000;
}

.day_list ul li label {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  padding-left: 20px;
}

.day_list ul li.active,
.day_list ul li:hover {
  color: #479f17;
  border-bottom: 2px solid #479f17;
  border-left: 0;
  border-right: 0;
}

.day_list ul li.active a,
.day_list ul li:hover a {
  color: #479f17;
}

.requisition-tab .tab-pane {
  padding: 0;
}

.requistion-search-popup .k-grid-content {
  height: 85% !important;
}

.dropdown-header {
  border-width: 0 0 1px 0;
  text-transform: uppercase;
}

/*.k-animation-container {
    .k-list-container {
        min-height: 500px;

        .k-list-scroller {
            height: 500px !important;
        }
    }
}*/

.k-list-container .dropdown-header>span {
  display: inline-block;
  padding: 10px;
}

.k-list-container .dropdown-header>span:first-child {
  width: 50px;
}

.k-list-container .k-footer {
  padding: 10px;
}

#SeafarerSearch-list .k-item {
  line-height: 1em;
  position: relative;
}

/* Material Theme padding adjustment*/

#SeafarerSearch-list .k-item,
#SeafarerSearch-list .k-item.k-state-hover,
#SeafarerSearch-list .k-item,
#SeafarerSearch-list .k-item.k-state-hover {
  padding-left: 60px;
  border-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

#SeafarerSearch-list .k-item>span {
  box-sizing: border-box;
  vertical-align: top;
  padding: 10px 0;
}

#SeafarerSearch-list .k-item>span:first-child {
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
  margin: 0px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 10px;
  top: 10px;
}

#SeafarerSearch-list h3 {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 1px 0;
  padding: 0;
}

#SeafarerSearch-list p {
  margin: 0;
  padding: 0;
  font-size: .8em;
}

.calender-icon {
  width: 1% !important;
  float: none !important;
}

/*new edits requisition start*/

.list-view {
  position: absolute;
  top: 100%;
  left: 15px;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.2);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 15px;
  font-size: 13px;
  background: #fff;
  margin-top: 5px;
}

.list-view.open {
  display: block;
}

.list-view:before,
.list-view:after {
  position: absolute;
  content: '';
  display: inline-block;
}

.list-view:before {
  top: -7px;
  left: 10%;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}

.list-view:after {
  top: -6px;
  left: 10%;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
}

/*tech form*/

.tech_tbl tr {
  border-top: 1px solid #ddd;
}

.tech_tbl td {
  text-align: center;
}

.tech_tbl .tbl_head {
  border-right: 1px solid #ddd;
}

.tech_tbl .sec_tbl {
  width: 100%;
  margin-left: -7px;
  margin-bottom: -9px;
  margin-top: -9px;
}

.tech_tbl .sec_tbl .mgn_top {
  border-top: none !important;
}

.tech-form th {
  text-align: center;
}

.Tech-content .modal-body {
  max-height: 90vh !important;
}

.tech-bdr {
  float: left;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px 10px 10px 10px;
  width: 100%;
  height: 130px;
}

.tech-pnnl {
  padding: 10px 10px 5px 10px !important;
  margin-bottom: 5px !important;
}

.instruction-image {
  /*background-image: url("./images/instruction.png");*/
  width: 100%;
  height: 975px;
  border: none;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  background-color: transparent;
  background-size: contain;
  background-position: top;
}

#autoCompleteItemSearch-list {
  width: 900px !important;
  padding: 15px;
  overflow: hidden;
}

#autoCompleteItemSearch-list:before {
  right: auto;
  left: 18px;
}

#autoCompleteItemSearch-list:after {
  right: auto;
  left: 19px;
}

#autoCompleteItemSearch-list span {
  padding-right: 30px;
  color: #666;
  font-size: 13px;
  width: 15% !important;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#autoCompleteItemSearch-list span:first-child {
  width: 22% !important;
}

#autoCompleteItemSearch-list .dropdown-header {
  width: 100% !important;
  box-sizing: border-box;
  padding: 0;
}

#autoCompleteItemSearch-list .dropdown-header span {
  padding-right: 10px;
  width: 16% !important;
}

#autoCompleteItemSearch-list .dropdown-header span:first-child {
  width: 22% !important;
}

#autoCompleteItemSearch-list .k-list-scroller {
  overflow-x: hidden;
}

/*Purchase Edits*/

.k-header {
  background-color: #fff !important;
}

.k-widget {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.bdg_primary {
  border-radius: 8px;
  padding: 2px 8px;
  color: #fff;
  background: #479f17 !important;
}

.pending {
  border-radius: 8px;
  padding: 2px 8px;
  color: #fff;
  background: #FD9638 !important;
}

.approved {
  border-radius: 8px;
  padding: 2px 8px;
  color: #fff;
  background: #7CC576 !important;
}

.finally {
  border-radius: 8px;
  padding: 2px 8px;
  color: #fff;
  background: #39B54B !important;
}

.reject {
  border-radius: 8px;
  padding: 2px 8px;
  color: #fff;
  background: #FE6B6A !important;
}

.cancel {
  border-radius: 8px;
  padding: 2px 8px;
  color: #fff;
  background: #ACACAC !important;
}

#autoCompleteRequisitionText_listbox,
#autoCompletePurchaseSearch-list {
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}

.clone_cpy {
  font-size: 13px !important;
}

.clone_cpy .fa {
  padding-left: 2px;
}

.hand {
  cursor: pointer;
}

#landing_lbl label {
  margin-bottom: 0px;
}

#basic_lbl label {
  margin-bottom: 0px;
}

.Requs_item {
  height: 100vh;
}

.item_max {
  float: right;
  position: absolute;
  right: 0px;
  top: 0px;
}

#popoutModal .modal-body {
  max-height: 100vh !important;
}

.stock-rpt {
  overflow: auto;
  height: 95%;
  overflow-x: hidden;
}

/*Attachment*/

.attachment-popup {
  /*.modal-content {
        height: 92vh;
    }*/
}

.attachment-popup .modal-dialog {
  width: 90% !important;
}

.attach_lastadd {
  max-height: 50vh;
  overflow-y: auto !important;
}

/*.attach_modal {
    height: 95vh !important;
}

.attachment-popup {
    .modal-content {
        height: 92vh;
    }
}*/

.prewiew-popup .modal-content {
  height: 85vh;
}

.read-only li {
  padding-right: 10px;
  width: 10%;
  border-right: 1px solid #ddd;
}

.bdr-rgt-none {
  border-right: none !important;
}

/*PMS POPUP*/

.duejob_lst {
  border-top: 1px solid #ddd;
}

.duejob_lst li {
  border-bottom: 1px solid #ddd;
  padding: 6px 0px 6px 0px;
}

.paper_clip {
  font-size: 20px;
  position: relative;
  top: 5px;
  margin-right: 10px;
  color: #d3d2d2;
}

.field-validation-error {
  color: red;
}

/*PMS changes*/

.job_description ul li {
  border-bottom: 1px solid #ddd !important;
  min-height: 65px;
}

.update_job ul li {
  padding: 0px 0 5px 0 !important;
}

#dueJobsGrid .k-grid-content-locked {
  /*height: 660px !important;*/
  /*height: auto !important;*/
}

.defect-list,
.file-list {
  list-style: none;
  border-bottom: 1px solid #ddd;
  padding: 13px 0px 0px 0px;
}

.defect-list .defect-content,
.file-list .defect-content {
  background-color: rgba(214, 217, 226, 0.52);
  padding: 14px 14px 14px 13px;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: -6px !important;
}

.defect-list .defect-content .fa,
.file-list .defect-content .fa {
  color: #000;
  padding-right: 6px;
  width: 20px;
  float: right;
  font-size: 17px;
}

.defect-list .defect-content:hover,
.defect-list .defect-content:focus,
.file-list .defect-content:hover,
.file-list .defect-content:focus {
  color: #479f17;
}

.defect-list .defect-content:hover .fa,
.defect-list .defect-content:focus .fa,
.file-list .defect-content:hover .fa,
.file-list .defect-content:focus .fa {
  color: #479f17;
}

.defect-list .defect-content.active .fa:before,
.file-list .defect-content.active .fa:before {
  content: "\f106";
}

.defect-list .sub-menu,
.file-list .sub-menu {
  padding: 10px 12px 0;
  display: none;
}

.defect-list .sub-menu.list a.active,
.file-list .sub-menu.list a.active {
  border-bottom: 2px solid #479f17;
}

.defect-list .sub-menu.list a.active .fa:before,
.file-list .sub-menu.list a.active .fa:before {
  content: "\f124";
}

.file-list li {
  line-height: 15px;
  padding-bottom: 0;
}

.file-list li a {
  font-size: 13px;
}

.file-list li .sub-menu {
  padding-top: 5px;
}

.file-list .sub-menu.list a.active .fa:before {
  content: "\f15c";
}

.storage-lcn {
  overflow: auto;
  height: 670px;
}

.performance_table {
  min-height: 470px;
  max-height: 470px;
  overflow: auto;
}

/*LPSQ Start*/

.Deficiency-select .k-dropdown {
  width: 100%;
}

.Deficiency-select .k-input {
  height: 30px !important;
  padding: 8px 8px !important;
}

.Deficiency-select .k-i-arrow-60-down {
  background-position: 0 -28px !important;
}

.width-auto {
  width: auto !important;
}

.Compliance-top-blk .report-search {
  width: 23.66667% !important;
}

.Compliance-top-blk .advance-panel {
  width: 12.66667% !important;
}

.Matrix-table table {
  border: 1px solid #ddd;
}

.Matrix-table table th {
  border-right: 1px solid #ddd;
  width: 15%;
  vertical-align: top !important;
}

.Matrix-table table tr td {
  border-right: 1px solid #ddd;
  text-align: center;
  padding: 1px !important;
}

.Matrix-table table tr td .matrix-info {
  width: 99%;
}

.Matrix-table table tr td .matrix-info span {
  height: 50px;
  padding-top: 15px;
  display: block;
}

.Matrix-table table tr td .matrix-info .log-info {
  min-width: 400px !important;
  max-width: 400px !important;
  min-height: 100px !important;
  top: 78% !important;
  left: -255% !important;
  border-radius: 6px;
}

.Matrix-table table tr td .matrix-info .log-info:after,
.Matrix-table table tr td .matrix-info .log-info:before {
  left: 96%;
  top: -14px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.Matrix-table table tr td .matrix-info .log-info:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 15px;
  margin-left: -30px;
}

.Matrix-table table tr td .matrix-info .log-info:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: none;
  border-width: 36px;
  margin-left: -36px;
}

.Matrix-table table tr td .matrix-info .log-info label {
  text-align: center;
}

.risk-list li {
  padding: 10px 0px 5px 0px;
  border-bottom: 1px solid #ddd;
}

.risk-list li:hover,
.risk-list li:focus {
  border-bottom-color: #5158AE;
  background-color: #F5F6FB;
}

.t-a-r {
  text-align: right !important;
}

t-a-l {
  text-align: left !important;
}

.notfn_content {
  border: 1px solid #ddd;
}

.notfn_msg {
  background-color: #F4F4F4;
}

.notfn_rply {
  background-color: #FFFFFF;
  border: 1px solid #ddd;
  border-radius: 7px;
  display: none;
}

.notfn_rply .txt_rply {
  border: none;
}

.notfn_rply .txt_rply:focus {
  background-color: #fff;
}

.notfn_cmts {
  background-color: #E7E8ED;
}

.bkmark_icn {
  font-size: 20px;
  color: #479f17;
}

.chk_icn {
  font-size: 20px;
  color: #A1A1A1;
}

.pdf_icn {
  font-size: 15px;
  color: #f35958;
}

.send {
  font-size: 20px;
  color: #23b56a;
}

.compliance_list {
  height: calc(100vh - 221px) !important;
  overflow: auto;
}

.compliance_list li .sub-menu-new li {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}

.compliance_list li a:focus {
  color: #479f17;
  border-bottom: 3px solid #ddd;
  border-bottom-color: #479f17;
}

.compliance_list li a .arrow_left {
  width: 10px;
}

.svi_tbl tr td {
  padding: 15px !important;
}

.notification_select {
  border: none !important;
  margin-left: 170px;
  width: 30% !important;
}

.advance_search {
  font-size: 30px;
}

.search_txt {
  display: inline-block;
  line-height: 14px;
  margin-left: 5px;
}

.more {
  position: relative;
  display: inline-block;
  height: 35px;
}

.more:before {
  position: absolute;
  height: 20px;
  background: #ddd;
  width: 1px;
  content: "";
  top: -10px;
  left: 50%;
  transform: transalte(-50%);
}

.more:after {
  position: absolute;
  height: 18px;
  background: #ddd;
  width: 1px;
  bottom: -10px;
  content: "";
  left: 50%;
}

.content_pnl {
  border: none !important;
  background-color: #ffffff;
  box-shadow: none !important;
}

.notification-blk {
  padding-top: 0px !important;
}

.sub {
  margin-left: -11px;
}

.panel-maximize {
  margin-bottom: 0 !important;
}

.panel-maximize .fa-window-maximize {
  position: relative;
  top: 0px;
}

.panel-maximize .fa-window-maximize:before {
  content: "\f2d2";
}

.no-fadeIn {
  -webkit-animation-fill-mode: none !important;
  animation-fill-mode: none !important;
}

.txt-bold {
  font-size: 15px;
  font-weight: 400;
}

.text-bold {
  font-weight: 500;
}

.bdr-l {
  border-left: 1px solid #ddd;
}

.b-t {
  border-top: 1px solid #ddd !important;
}

.b-b {
  border-bottom: 1px solid #ddd !important;
}

/*.k-combobox {
        width: 100% !important;

    .k-dropdown-wrap {
        height: 30px;
        overflow: hidden;


            &.k-state-focused, &.k-state-active, &.k-state-hover {
                border-color: #ccc;
                background: #fff;
                border: 1px solid #e2e2e2ccc !important;
                padding-right: 0 !important;
            }

            &.k-state-border-down {
                padding-bottom: 0;
                border-bottom: 1px solid #e2e2e2ccc !important;
            }

        .k-input {
            min-height: 22px !important;
            height: 22px !important;
            text-indent: initial;
            line-height: normal;
        }
    }

    .k-select {
        background: #fff url(images/arrowdown.png) no-repeat 50% 50%;

        .k-icon {
            display: none;
        }
    }
}*/

.nopage-blk {
  text-align: center;
  width: 100%;
  display: inline-block;
  padding: 80px 0px;
}

.nopage-blk .nopage-icon {
  /*background-image: url(images/common-error.png);*/
  display: inline-block;
  width: 425px;
  height: 170px;
  background-repeat: no-repeat;
}

.nopage-blk .accessdenied-icon {
  /*background-image: url(images/accessdenied-error.png);*/
  display: inline-block;
  width: 425px;
  height: 170px;
  background-repeat: no-repeat;
}

.nopage-blk .error-content {
  display: block;
  font-size: 25px;
  font-weight: 100;
}

.nopage-blk h4 {
  font-size: 24px;
  color: #479f17;
  font-weight: 500;
  margin: 25px 0px;
}

.logo-blk {
  height: 48px;
  display: inline-block;
  position: relative;
  padding: 0 10px;
}

.logo-blk:before {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -1px;
  width: 1px;
  background: #dedede;
}

/*
.header__client-logo {
  height: 38px;
  padding: 12px 10px 0;
  display: inline-block;
}*/

.submit-box {
  min-width: 360px;
  padding: 10px;
}

.duration-input input[type='number'] {
  width: 100px;
}

/*feedback block*/

.feedback-btn {
  position: fixed;
  bottom: 0;
  right: 0;
  background: #999;
  z-index: 100;
  padding: 15px 20px;
  color: #fff;
  font-weight: 300;
  height: 49px;
}

.feedback-btn:hover,
.feedback-btn:focus {
  color: #ffffff;
  background-color: #479f17;
}

.feedback-content h6 {
  font-size: 14px;
  color: #000;
  font-weight: 400;
}

#edit-menu .btn {
  min-width: 0 !important;
}

/*new menu*/

.page-sidebar {
  background: rgba(25, 25, 25, 0.96) !important;
  height: auto;
  -webkit-backface-visibility: hidden;
  transition: transform 0.3s ease;
  width: 100%;
  left: 0;
  top: 0;
  display: none !important;
  padding-bottom: 0 !important;
  position: fixed;
  z-index: 99999;
  padding-bottom: 25px !important;
}

.page-sidebar .page-sidebar-wrapper {
  position: relative;
  padding: 0;
  width: 100%;
  margin: 0 auto;
  display: block !important;
  float: none !important;
}

.page-sidebar .page-sidebar-wrapper>ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0;
  width: auto;
}

.page-sidebar .page-sidebar-wrapper>ul>li {
  display: block;
  margin: 0;
  padding: 15px 25px 0 0;
  border: 0px;
  float: left;
}

.page-sidebar .page-sidebar-wrapper>ul>li a {
  color: #d9d9d9;
  display: inline-block;
  position: relative;
  margin: 0;
  border: 0px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  vertical-align: middle;
}

.page-sidebar .page-sidebar-wrapper>ul>li a:hover {
  color: #479f17;
}

.page-sidebar .page-sidebar-wrapper>ul>li i {
  min-height: 36px;
  display: block;
}

.page-sidebar .page-sidebar-wrapper>ul>li h4 {
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 20px;
}

.page-sidebar .page-sidebar-wrapper>ul>li ul li {
  padding: 5px 0;
  position: relative;
}

.page-sidebar .page-sidebar-wrapper>ul>li:last-child {
  padding: 15px 0 0 0;
}

.page-sidebar.max {
  overflow: hidden !important;
  height: 100%;
  margin-top: 0;
  position: fixed;
  z-index: 9999;
  left: 0;
  padding: 0;
  display: block !important;
}

.page-sidebar-wrapper .nav-tabs {
  list-style: none;
}

.page-sidebar-wrapper .nav-tabs li {
  margin-right: 0;
}

.page-sidebar-wrapper .nav-tabs li a {
  color: #000;
  font-weight: 400;
  padding: 10px 20px;
  font-size: 18px;
  padding-left: 15px;
  text-align: right;
  transition: all 0.5s ease-in-out;
  border: none !important;
}

.page-sidebar-wrapper .nav-tabs li:hover a,
.page-sidebar-wrapper .nav-tabs li.active a {
  color: #fff !important;
  font-weight: 400;
  background: #479f17;
  cursor: pointer;
}

.page-sidebar-wrapper .nav-tabs li:hover a i,
.page-sidebar-wrapper .nav-tabs li.active a i {
  /*opacity: 0.5;*/
}

.page-sidebar-wrapper .nav-tabs li i {
  margin-left: 15px;
  float: right;
  /*background-image: url("images/menu-sprite.png?v=2");*/
  width: 35px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: -5px;
}

.page-sidebar-wrapper .nav-tabs li i.purchase-icon {
  background-position: 0 0;
}

.page-sidebar-wrapper .nav-tabs li i.pms-icon {
  background-position: 0px -34px;
}

.page-sidebar-wrapper .nav-tabs li i.voyage-icon {
  background-position: 0px -69px;
}

.page-sidebar-wrapper .nav-tabs li i.whPal-icon {
  background-position: 0px -182px;
}

.page-sidebar-wrapper .nav-tabs li i.safety-icon {
  background-position: 0px -142px;
}

.page-sidebar-wrapper .nav-tabs li i.crewing-icon {
  background-position: 0px -102px;
}

.page-sidebar-wrapper .nav-tabs li i.replication-icon {
  background-position: 0px -219px;
}

.page-sidebar-wrapper .nav-tabs li i.mdm-icon {
  background-position: 0px -259px;
}

.page-sidebar-wrapper .nav-tabs li i.qdms-icon {
  background-position: 0px -298px;
}

.page-sidebar-wrapper .nav-tabs li i.seachef-icon {
  background-position: 0px -337px;
}

.page-sidebar-wrapper .nav-tabs li i.lpsq-icon {
  background-position: 0px -376px;
}

.page-sidebar-wrapper .nav-tabs li i.training-icon {
  background-position: 0px -412px;
}

.page-sidebar-wrapper .nav-tabs li i.payroll-icon {
  background-position: 0px -452px;
}

.page-sidebar-wrapper .nav-tabs li i.certification-icon {
  background-position: 0px -494px;
}

.page-sidebar-wrapper .nav-tabs li.active i.purchase-icon {
  background-position: -34px 0;
}

.page-sidebar-wrapper .nav-tabs li.active i.pms-icon {
  background-position: -34px -34px;
}

.page-sidebar-wrapper .nav-tabs li.active i.voyage-icon {
  background-position: -33px -69px;
}

.page-sidebar-wrapper .nav-tabs li.active i.whPal-icon {
  background-position: -32px -182px;
}

.page-sidebar-wrapper .nav-tabs li.active i.safety-icon {
  background-position: -32px -142px;
}

.page-sidebar-wrapper .nav-tabs li.active i.crewing-icon {
  background-position: -32px -102px;
}

.page-sidebar-wrapper .nav-tabs li.active i.replication-icon {
  background-position: -32px -219px;
}

.page-sidebar-wrapper .nav-tabs li.active i.mdm-icon {
  background-position: -34px -259px;
}

.page-sidebar-wrapper .nav-tabs li.active i.qdms-icon {
  background-position: -32px -298px;
}

.page-sidebar-wrapper .nav-tabs li.active i.seachef-icon {
  background-position: -35px -337px;
}

.page-sidebar-wrapper .nav-tabs li.active i.lpsq-icon {
  background-position: -35px -377px;
}

.page-sidebar-wrapper .nav-tabs li.active i.training-icon {
  background-position: -35px -412px;
}

.page-sidebar-wrapper .nav-tabs li.active i.payroll-icon {
  background-position: -33px -452px;
}

.page-sidebar-wrapper .nav-tabs li.active i.certification-icon {
  background-position: -34px -494px;
}

.page-sidebar-wrapper .nav-tabs li:hover a {
  /*background: rgba(92, 107, 192, 0.8);*/
  background: #f0f1f6;
  color: #333 !important;
}

.page-sidebar-wrapper .nav-tabs li.active:hover a {
  background: #479f17;
  color: #fff !important;
}

.page-sidebar-wrapper .tab-pane {
  padding: 0;
}

.page-sidebar-wrapper .tab-pane .sub-menu {
  padding: 0 15px 15px 15px;
  list-style: none;
  -moz-columns: 3;
  columns: 3;
  -moz-column-fill: auto;
  column-fill: auto;
  height: 95vh;
}

.page-sidebar-wrapper .tab-pane .sub-menu li {
  line-height: 24px;
  position: relative;
  padding-right: 25px;
  padding-left: 10px;
}

.page-sidebar-wrapper .tab-pane .sub-menu li a {
  color: #fff;
  display: inline-block;
  position: relative;
  margin: 0;
  border: 0px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  overflow: hidden;
  vertical-align: middle;
  max-width: 98%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-sidebar-wrapper .tab-pane .sub-menu li a:hover {
  color: #fff;
  font-weight: 400;
}

.page-sidebar-wrapper .tab-pane .sub-menu li.title {
  padding-top: 5px;
}

.page-sidebar-wrapper .tab-pane .sub-menu li.title:hover {
  background: transparent;
}

.page-sidebar-wrapper .tab-pane .sub-menu li.title h6 {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  color: #fff;
  position: relative;
}

.page-sidebar-wrapper .tab-pane .sub-menu li.title h6:before {
  content: "";
  display: inline-block;
  width: 65%;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  opacity: 0.5;
}

.page-sidebar-wrapper .tab-pane .sub-menu li .fav {
  opacity: 0;
  overflow: visible;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 2px;
  color: #fff;
  font-size: 10px;
}

.page-sidebar-wrapper .tab-pane .sub-menu li .fav:hover {
  color: #fff;
}

.page-sidebar-wrapper .tab-pane .sub-menu li .fav.fav-selected {
  opacity: 1;
}

.page-sidebar-wrapper .tab-pane .sub-menu li .fav.fav-selected .fa:before {
  content: "\f005";
}

.page-sidebar-wrapper .tab-pane .sub-menu li:hover .fav {
  opacity: 1;
}

.page-sidebar-wrapper .tab-pane .sub-menu li:hover,
.page-sidebar-wrapper .tab-pane .sub-menu li.active {
  background: #4454af;
}

.page-sidebar-wrapper .left-blk {
  width: 20%;
  float: left;
  background: #fff;
  padding: 35px 0;
  height: 100vh;
}

.page-sidebar-wrapper .right-blk {
  width: 80%;
  float: left;
  padding: 35px 20px;
  background: #479f17;
  height: 100vh;
}

/*voyage edits*/

.event-detail .k-numerictextbox {
  width: 100% !important;
}

.addvoyage-pager .k-grid-pager {
  display: none;
}

.addvoyage-pager .k-grid-content .k-grid-norecords {
  padding-top: 20px;
  min-height: 150px;
}

.log-info {
  min-width: 400px !important;
  min-height: 100px !important;
  top: 100% !important;
  left: -50% !important;
  border-radius: 6px;
}

.log-info:after,
.log-info:before {
  right: 91%;
  top: -12px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.log-info:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 15px;
  margin-left: -30px;
}

.log-info:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: none;
  border-width: 36px;
  margin-left: -36px;
}

.ems-right {
  border-right: 1px solid #DEDEDE;
}

.ems-txt {
  line-height: 10px;
}

.ems-txt span {
  font-weight: 500;
}

.m-t-b-0 {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.log-toggle .btn-primary {
  max-width: 71.5px !important;
}

.log-toggle .btn-default {
  max-width: 71.5px !important;
}

.weather-diagram {
  text-align: center;
  min-height: 336px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-top: 45px;
}

.weather-diagram .base-image {
  /*background-image: url("./images/Compass-svg.svg");*/
  width: 100%;
  height: 336px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.weather-diagram .red-arrow {
  /*background-image: url("./images/red-arrow.png");*/
  width: 100%;
  height: 204px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
}

.weather-diagram .ship {
  /*background-image: url("./images/ship.png");*/
  width: 100%;
  height: 145px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
}

.weather-diagram .blue-arrow {
  /*background-image: url("./images/blue-arrow.png");*/
  /*background-image: url("./images/blue-arrow1.png");*/
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 97px;
  position: absolute;
  left: 50%;
  top: calc(50% - 49px);
  transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: bottom;
}

.weather-diagram .green-arrow {
  /*background-image: url("./images/green-arrow.png");*/
  /*background-image: url("./images/green-arrow1.png");*/
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 97px;
  position: absolute;
  left: 50%;
  top: calc(50% - 49px);
  transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: bottom;
}

.weather-diagram .light-green-arrow {
  /*background-image: url("./images/light-green-arrow.png");*/
  /*background-image: url("./images/light-green-arrow1.png");*/
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 115px;
  position: absolute;
  left: 50%;
  top: calc(50% - 58px);
  transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: bottom;
}

.weather-diagram .orange-arrow {
  /*background-image: url("./images/orange-arrow.png");*/
  /*background-image: url("./images/orange-arrow1.png");*/
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 97px;
  position: absolute;
  left: 50%;
  top: calc(50% - 49px);
  transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: bottom;
}

.dgm-note i {
  color: #5A6ABF;
}

/*voyage performance log page style*/

.performance-row {
  display: table;
  float: none;
  width: 100%;
}

.performance-row .validationMessage {
  font-size: 10px !important;
}

.performance-row .performance-value {
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
}

.performance-row .value-start {
  width: 30%;
}

.performance-row .value-time {
  width: 17%;
}

.performance-row .value-end {
  width: 30%;
}

.performance-row .value-history {
  width: 15%;
}

.performance-row .value-min {
  width: 16%;
}

.performance-row .value-deg {
  width: 16%;
}

.performance-row .value-dir {
  width: 1%;
}

/*voyage performance log page style end*/

/*footer*/

/*footer {
  width: 100%;
  display: block;
  color: #999;
  font-size: 11px !important;
  font-weight: 400;
  padding: 4px 0 !important;
  background: #e1e1e1;
  text-align: center;
}*/

footer p {
  margin: 0;
}

.critical-icon {
  font-size: 15px !important;
}

.grid-btn {
  /*width: 22px;
    height: 15px;
    border-radius: 50%;
    padding: 3px 0;*/
  width: 22px;
  height: 22px;
  border-radius: 50%;
  padding: 0;
  line-height: 21px;
}

.modal-body .port-call-list li {
  font-size: 14px;
  padding: 5px 0;
  color: #333;
}

.help-blk:first-child {
  border-left: 1px solid #ddd;
}

.help-blk.last {
  border-right: 1px solid #ddd;
  position: relative;
}

.help-blk.last .badge {
  position: absolute;
  top: 11px;
  right: 1px;
  font-size: 10px;
  padding: 4px 6px;
  background: #ee3f55;
}

.help-blk a {
  font-size: 28px;
  color: #ccc;
  padding: 6px 10px;
  height: 48px;
  display: inline-block;
  line-height: 36px;
}

.help-blk a:hover {
  color: #479f17;
}

.help-blk.support a,
.help-blk.release a {
  font-size: 24px;
}

/*new loader*/

@-webkit-keyframes scaling {

  0%,
  100% {
    transform: scaleY(1);
  }

  50% {
    transform: scaleY(0.2);
  }
}

@keyframes scaling {

  0%,
  100% {
    transform: scaleY(1);
  }

  50% {
    transform: scaleY(0.2);
  }
}

@-webkit-keyframes reverse-scaling {

  0%,
  100% {
    transform: scaleY(0.2);
  }

  50% {
    transform: scaleY(1);
  }
}

@keyframes reverse-scaling {

  0%,
  100% {
    transform: scaleY(0.2);
  }

  50% {
    transform: scaleY(1);
  }
}

.preloader {
  align-items: center;
  /*background: #212121;*/
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  width: 100%;
  cursor: wait;
}

.preloader .box {
  display: flex;
}

.preloader .box .bar {
  background: #479f17;
  height: 50px;
  margin-left: 10px;
  width: 10px;
}

.preloader .box .bar:nth-child(1),
.preloader .box .bar:nth-child(3) {
  -webkit-animation: scaling 1.5s infinite ease-in-out;
          animation: scaling 1.5s infinite ease-in-out;
}

.preloader .box .bar:nth-child(2) {
  -webkit-animation: reverse-scaling 1.5s infinite ease-in-out;
          animation: reverse-scaling 1.5s infinite ease-in-out;
}

#feedback-container textarea {
  margin-bottom: 20px;
}

/*crewing*/

.crewing .crew-list-main .expiry-docs .dropdown-menu {
  top: -64px !important;
}

.crewing .crew-list-main .due-color {
  color: #800080 !important;
}

.crewing .crew-list-main .bg-due {
  color: #800080 !important;
}

.video-blk {
  margin-top: 30px;
}

.video-blk a {
  position: relative;
  padding-left: 65px;
  display: block;
  margin-right: 30px;
}

.video-blk a img {
  position: absolute;
  left: 0;
  transition: all ease 0.3s;
}

.video-blk a h4 {
  margin: 0;
  font-weight: 400;
  padding: 10px 0 0;
}

.video-blk a p {
  font-size: 13px;
  margin: 0;
}

.video-blk a:hover img {
  transform: scale(1.1);
}

.video-blk h3 {
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 5px;
}

.video-blk p {
  font-size: 15px;
}

.landing-video video {
  width: 100%;
}

.no-voyage i {
  /*background-image: url(images/no-voyage-icon.png);*/
  width: 35px;
  height: 40px;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 10px;
}

.no-voyage .no-text {
  width: 60%;
}

.no-voyage h4 {
  font-weight: 300;
  font-size: 22px;
  margin-bottom: 5px;
}

.no-voyage p {
  font-size: 15px;
}

.comment-popup .validationMessage {
  right: 16px !important;
}

.green-count {
  color: #00a651 !important;
}

.page-content {
  min-height: calc(100vh - 74px) !important;
}

.generaltool-details table td {
  font-size: 10px;
  padding: 2px 0;
}

.search-form .k-icon.k-i-loading {
  bottom: 10px !important;
  right: 50px !important;
}

.daily-legend label {
  font-size: 12px;
  margin-bottom: 0;
}

.change-month {
  position: relative;
  padding-right: 80px !important;
}

.change-month .month-nav {
  position: absolute;
  top: 30px;
  right: 0;
}

#joApprovalGrid .k-grid-content-locked,
#requisitionItemsgrid .k-grid-content-locked {
  /*padding-bottom:18px;*/
  height: auto !important;
}

.assessment-grid .table-responsive {
  overflow: auto;
}

.panel .assessment-logout .fa-power-off {
  font-size: 16px;
  vertical-align: middle;
}

a.color-status {
  border-radius: 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}

.monthly-variables-tab .tab-pane {
  padding-bottom: 0;
}

.field-group select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.field-group input.form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.no-data {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #666;
}

.stock-rdo {
  display: flex !important;
}

.competency-guidelines {
  padding: 5px;
  border: 1px solid #ececec;
  margin-top: 10px;
  border-radius: 6px;
}

.competency-guidelines .slimScrollDiv {
  height: auto !important;
  max-height: 60px;
}

.competency-guidelines .slimScrollDiv .guideline-content {
  height: auto !important;
  max-height: 60px;
}

.competency-training {
  margin-top: 10px;
}

.competency-training .slimScrollDiv {
  height: auto !important;
  max-height: 100px;
}

.competency-training .slimScrollDiv .training-list {
  height: auto !important;
  max-height: 100px;
}

/*search page*/

.search-container {
  background: #fff;
  visibility: hidden;
  opacity: 0;
  height: 100vh;
  position: fixed;
  width: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
}

.search-container.open {
  visibility: visible;
  opacity: 1;
  overflow: auto;
}

.search-container .close {
  position: absolute;
  right: 25px;
  top: 4px;
  font-size: 34px;
}

.search-container .search-content {
  /*padding: 0 5%;*/
  background: #f7f7f7;
  /*height: 100%;*/
}

.search-container ul {
  margin: 0 0 6px 0;
  padding: 0;
  list-style: none;
}

.search-container .searchbar-container {
  width: 100%;
  display: inline-block;
  padding: 0 3%;
  height: 100px;
}

.search-container .searchbar-container .header-search {
  overflow: hidden;
  /*background: $color-white;*/
  width: 100%;
  height: 45px;
  position: relative;
  top: 10px;
  /*border: 1px solid #ddd;*/
  border-radius: 20px;
}

.search-container .searchbar-container .header-search input {
  background: 0;
  width: 85%;
  font-size: 39px;
  height: 44px;
  padding-right: 33px !important;
  border: none;
  padding-left: 15px !important;
  float: left;
  color: #479f17 !important;
}

.search-container .searchbar-container .header-search .category-list {
  background: #f3f3f3;
  color: #666;
  width: auto;
  font-size: 13px;
  height: 42px;
  border: none;
  padding: 5px 15px;
  border-right: 1px solid #e2e2e2;
}

.search-container .searchbar-container .header-search ::-webkit-input-placeholder {
  /* Chrome */
  color: #ccc;
}

.search-container .searchbar-container .header-search :-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc;
}

.search-container .searchbar-container .header-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
  opacity: 1;
}

.search-container .searchbar-container .header-search :-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #ccc;
  opacity: 1;
}

.search-container .searchbar-container .header-search .btn-search {
  position: absolute;
  left: 0px;
  background: none;
  border: 0;
  color: #666;
  font-size: 22px;
  top: 50%;
  padding: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  /*background: url("./images/search-icon.png") no-repeat;*/
  width: 35px;
  height: 30px;
  background-position: 0px 3px;
  cursor: auto;
}

.search-container .searchbar-container .header-search .btn-search:hover,
.search-container .searchbar-container .header-search .btn-search:active,
.search-container .searchbar-container .header-search .btn-search:focus {
  border: 0;
  box-shadow: none;
}

.search-container .searchbar-container .search-filters .filter {
  line-height: 28px;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
  color: #666;
}

.search-container .results-content-wrapper {
  display: inline-block;
  width: 100%;
  background: #fff;
  padding: 3px 3% 0;
  overflow-y: auto;
  max-height: 82vh;
  float: left;
}

.search-container .results-content-wrapper .search-results {
  max-height: 100%;
  margin-top: 10px;
}

.search-container .results-content-wrapper .search-results ul li {
  font-size: 14px;
}

.search-container .results-content-wrapper .search-results ul li .category-header {
  display: inline-block;
  padding: 5px;
  width: 100%;
  color: #479f17;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin: 10px 0;
  font-size: 15px;
}

.search-container .results-content-wrapper .search-results ul li .category-items {
  padding: 0 10px;
}

.search-container .results-content-wrapper .search-results ul li .category-items li a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  padding: 3px 5px;
}

.search-container .results-content-wrapper .search-results ul li .category-items li a:hover,
.search-container .results-content-wrapper .search-results ul li .category-items li a.active {
  background: #479f17;
  color: #ffffff;
}

.search-list li {
  border-bottom: 1px solid #ededed;
  padding: 6px;
  cursor: pointer;
}

.search-list li .head {
  font-weight: 500;
  font-size: 15px;
  color: #4454af;
  text-transform: uppercase;
}

.search-list li .head-category {
  color: #666;
  font-size: 12px;
}

.search-list li .head-category::before {
  content: '\2022';
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 13px;
}

.search-list li .search-sub {
  font-size: 12px;
  color: #666;
  font-weight: 500;
}

.search-list li:hover,
.search-list li:active,
.search-list li:focus,
.search-list li.active {
  background: #F7F7F7;
}

.search-list li:hover .head,
.search-list li:active .head,
.search-list li:focus .head,
.search-list li.active .head {
  color: #1B1E24;
}

.search-list li:hover .head-category,
.search-list li:active .head-category,
.search-list li:focus .head-category,
.search-list li.active .head-category {
  color: #666;
}

.search-list li:hover .search-sub,
.search-list li:active .search-sub,
.search-list li:focus .search-sub,
.search-list li.active .search-sub {
  color: #1B1E24;
}

.search-nav .norecords {
  background-color: #a7a7a7;
  color: #dadada;
  cursor: default;
}

.search-nav .norecords a {
  color: #dadada;
}

.search-nav .norecords:hover {
  background-color: #a7a7a7;
}

.search-nav .norecords:hover a {
  color: #dadada;
}

.search-nav li {
  cursor: pointer;
  padding: 4px 12px;
  border-radius: 20px;
  background-color: #999;
  margin-right: 7px;
  color: #fff;
  font-size: 12px;
}

.search-nav li:hover {
  background-color: #74c08c;
}

.search-nav li:hover a {
  color: #fff;
}

.search-nav li a {
  float: left;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  border-bottom: none;
  background-color: none !important;
  border-bottom: none !important;
}

.search-nav li i {
  position: relative;
  top: 2px;
  margin-right: 3px;
}

.search-nav li.active {
  background-color: #4bb97a;
}

.search-nav li.active i {
  position: relative;
  top: 3px;
  color: #fff;
  margin-right: 3px;
}

.search-nav li.active li {
  background-color: transparent !important;
  border-bottom: none !important;
  color: #fff !important;
  cursor: pointer !important;
}

.search-nav li.active a {
  background-color: transparent !important;
  border-bottom: none !important;
  color: #fff !important;
  cursor: pointer !important;
}

.search-nav li.active:hover {
  border-bottom: none !important;
  color: #fff !important;
  cursor: pointer !important;
  background-color: #74c08c;
}

.search-nav li.active:hover a {
  background-color: transparent !important;
  border-bottom: none !important;
  color: #fff !important;
  cursor: pointer !important;
}

.no-searchdata {
  display: grid;
  font-size: 18px;
  color: #9B9B9B;
  text-align: center;
  bottom: 301px;
  height: 0px;
  height: 98px;
  text-align: center;
  display: grid;
  left: 36%;
  background-color: white;
  margin-left: 45px;
  margin-top: 75px;
}

.no-searchdata .no-datas {
  font-size: 50px;
  color: #ddd;
}

#competancytreelist {
  /*li#competancytreelist_tv_active{
     .tree-icon.folder{
        &:before{
            content: "\f07c";
        }

}

}*/
}

#competancytreelist .k-in:before {
  display: none;
}

#competancytreelist .tree-icon {
  font-size: 13px;
}

#competancytreelist .tree-icon:before {
  /*content: "\f07b";*/
  display: inline-block;
  height: 14px;
  width: 17px;
  margin: 0 4px -3px -1px !important;
  font-family: FontAwesome;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#competancytreelist .tree-icon.folder:before {
  content: "\f07b";
}

#competancytreelist .tree-icon.file {
  font-size: 12px;
}

#competancytreelist .tree-icon.file:before {
  content: "\f15b";
}

#competancytreelist .tree-icon.completed-sts {
  color: #23b56a;
}

#competancytreelist .tree-icon.progressing-sts {
  color: #f49055;
}

#competancytreelist .tree-icon.pending-sts {
  color: #f35958;
}

#competancytreelist.k-treeview .k-icon.k-i-collapse+.k-in .tree-icon:before {
  content: "\f07c" !important;
}

#Scheduler.k-grid tbody tr td {
  height: auto;
}

#Scheduler .gridDefenition {
  padding: 5px 0px 0;
}

#Scheduler .gridDefenition span b {
  font-weight: 500;
  font-size: 12px;
}

#Scheduler .event-btm-txt {
  padding: 2px 0 8px;
}

#Scheduler .event-top-txt {
  padding: 8px 0 2px;
}

#Scheduler .startdate strong {
  display: inline-block;
  font-size: 28px;
  float: left;
  padding-top: 6px;
  padding-right: 6px;
}

#Scheduler .startdate span {
  display: block;
}

.accrued-wage-table .table {
  border-left: none !important;
  border-right: none !important;
}

.accrued-wage-table .table td p {
  margin: 0;
}

.accrued-wage-table .table td strong {
  font-weight: 500;
  font-size: 16px;
}

.illness-attachment .attachment-sec .attachment-grid h6,
.illness-attachment .attachment-sec .attachment-grid p {
  width: 100px;
}

.illness-attachment .attachment-sec.modal-body .attachment-reader figure img {
  max-width: 100%;
}

.allotment-details-popup {
  background: #fff;
  padding: 15px;
}

.allotment-details-popup p {
  margin-bottom: 0;
}

.allotment-details-popup label {
  margin-bottom: 0;
}

.allotment-details-popup .form-group {
  margin-bottom: 15px !important;
}

.allotment-details-popup .form-group p {
  line-height: 22px;
}

.allotment-details-popup .allotment-no h5 {
  margin: 0;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
}

.allotment-details-popup .allotment-no h5 .fa {
  font-size: 12px;
  margin-left: 5px;
}

.allotment-details-popup .emp-details {
  position: relative;
  padding-left: 90px;
  margin-bottom: 30px;
}

.allotment-details-popup .emp-details .image-round-bg {
  position: absolute;
  top: 0px;
  left: 5px;
}

.allotment-details-popup h4 {
  padding-bottom: 10px;
  border-bottom: 1px solid #ececec;
}

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

.circonf {
  margin: 1em;
  display: inline-block;
  width: 2.8em;
  height: 2.8em;
  border-radius: 50%;
  border: 4px solid silver;
  -webkit-animation: circ-anim 0.7s linear infinite;
          animation: circ-anim 0.7s linear infinite;
}

.circonf-load {
  border: 3px solid rgba(57, 77, 190, 0.68);
  position: relative;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.circonf-load:after {
  position: absolute;
  content: "";
  width: 80%;
  height: 80%;
  background: transparent;
  top: 50%;
  left: 50;
  margin-left: -40%;
  margin-top: -40%;
  border-radius: 50%;
  border: 2px solid rgba(57, 77, 190, 0.68);
  box-sizing: border-box;
  border-bottom-color: transparent;
  border-left-color: transparent;
  animation: circ-anim 0.35s reverse linear infinite;
}

@-webkit-keyframes circ-anim {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes circ-anim {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.load-img img {
  position: relative;
  width: 20px;
  top: 41px;
}

.Criteria-info {
  min-width: 225px !important;
  min-height: 50px !important;
  top: 126% !important;
  left: -78px;
  border-radius: 6px;
}

.Criteria-info:after,
.Criteria-info:before {
  right: 85%;
  top: -10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.Criteria-info:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -30px;
}

.Criteria-info:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #ddd;
  border-width: 10px;
  margin-left: -35px;
}

.Criteria-info.dropdown-lg {
  width: 640px !important;
}

.drop-left {
  min-width: 225px !important;
  min-height: 100px !important;
  top: 125% !important;
  left: -597px !important;
  border-radius: 6px;
}

.drop-left:after,
.drop-left:before {
  left: 98%;
  top: -10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.drop-left:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -30px;
}

.drop-left:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #ddd;
  border-width: 10px;
  margin-left: -30px;
}

.drop-left.dropdown-lg {
  width: 640px !important;
}

.month-details {
  width: 350px;
}

.month-details .list-group span {
  width: 30%;
}

#equipmenttree {
  max-height: 65vh;
}

.piston-ring {
  /*background-image: url("../Content/images/pistonrings.png");*/
  width: 214px;
  height: 167px;
  margin-left: 60px;
}

.bsm-logo {
  /*background-image: url("../Content/images/bms_logo.jpg");*/
  width: 238px;
  height: 55px;
}

.tech-select select {
  color: black;
  border-color: #c1c0c0;
  border-radius: 3px;
  width: 66px;
}

.notification-list {
  /*display:none;*/
  position: absolute;
  top: 49px;
  width: 550px;
  /*max-height: 400px;
    overflow: visible;*/
  right: -32px;
  z-index: 9999;
  text-align: left;
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
}

.notification-list .no-notification {
  padding: 15px 12px 20px;
  color: #8a8a8a;
}

.notification-list:after,
.notification-list:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  top: -20px;
  border: 10px solid transparent;
  border-bottom-color: #ccc;
  z-index: 99999;
  right: 45px;
}

.notification-list:after {
  border-bottom-color: #fff;
  top: -19px;
}

.notification-list h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 400;
  padding: 5px 15px;
  color: #636363;
}

.notification-list ul {
  padding: 0;
  list-style-type: none;
  margin-top: 10px;
  /*max-height: 400px;
        overflow: auto;*/
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
}

.notification-list ul .notification-list-items {
  position: relative;
  padding-left: 35px;
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  transition: all ease 0.3s;
  border-bottom: 1px solid #ececec;
  padding-right: 10px;
}

.notification-list ul .notification-list-items.success span.status .fa {
  color: #3cb878 !important;
}

.notification-list ul .notification-list-items.danger span.status .fa {
  color: #f35958 !important;
}

.notification-list ul .notification-list-items.default span.status .fa {
  color: #8798d8 !important;
}

.notification-list ul .notification-list-items:hover {
  background: #ececec;
}

.notification-list ul .notification-list-items.unread {
  background: #eff2fd;
}

.notification-list ul .notification-list-items.unread:hover {
  background: #e5e9ff;
}

.notification-list ul .notification-list-items.unread p {
  font-weight: 500;
}

.notification-list ul .notification-list-items p {
  margin: 0;
  line-height: 17px;
}

.notification-list ul .notification-list-items span.status {
  position: absolute;
  top: 22px;
  transform: translate(0, -50%);
  left: 8px;
}

.notification-list ul .notification-list-items span.status .fa {
  font-size: 23px;
}

#Evaluation .rating-container .rating {
  pointer-events: none;
}

#Evaluation .rating-container .empty-stars {
  pointer-events: visible;
  position: relative;
  z-index: 1;
}

#Evaluation .rating-container .filled-stars {
  z-index: 2;
}

.noon-pannel .panel-info .panel-heading {
  color: black;
  background-color: #fff;
  border-color: #fff;
}

.radial-icon {
  /*background-image:  url("images/radial.png");*/
  display: inline-block;
  width: 167px;
  height: 157px;
}

.report-img1 {
  /*background-image: url("images/BigendOvality.png");*/
  display: inline-block;
  width: 158px;
  height: 119px;
  background-repeat: no-repeat;
}

.report-img2 {
  /*background-image: url("images/BigendOvalitycheck.png");*/
  display: inline-block;
  width: 183px;
  height: 112px;
  background-repeat: no-repeat;
}

.help-blk-intro a {
  font-size: 28px;
  color: #ccc;
  padding: 0px 15px;
  height: 30px !important;
  display: inline-block;
  line-height: 30px !important;
  float: right !important;
  margin-right: 30px;
  margin-top: -33px;
}

.btn-audit-icon {
  background-color: transparent;
  padding: 0;
  border: none;
  /*background-image: url("./images/icon-audit .png");*/
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 5px;
}

.blink {
  color: #313131;
  -webkit-animation: colorchange 1s infinite alternate;
  font-size: 15px !important;
}

@-webkit-keyframes colorchange {
  0% {
    color: #FFA726;
  }

  49% {
    color: #FFA726;
  }

  50% {
    color: #F57C00;
  }

  100% {
    color: #F57C00;
  }
}

/*Replication style start*/

.page-head h3 {
  font-weight: 400;
  /*margin-top: 20px;*/
  font-size: 25px;
}

.panel_height {
  min-height: 55vh;
}

.panel_text {
  position: relative;
}

.panel_text h4 {
  font-weight: 400;
  font-size: 27px;
  color: #2E2E2E;
}

.panel_text span {
  font-size: 14px;
  color: #949494;
}

.outer_panel {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.outer_panel .caption {
  padding: 20px 0px 20px 0px;
}

.sub_head {
  font-size: 20px;
  font-weight: 400;
  color: #2E2E2E;
}

.status-line.progressing {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 20px;
}

/*.progress-animation {
    right: 0;
    position: absolute;
    width: 200%;
    height: 100%;
    background-image: linear-gradient(45deg, #EFEFEF 0%, #EFEFEF 30%, #E7E7E7 30%, #E7E7E7 70%, #EFEFEF 70%);
    background-size: 35px 20px;
    animation: slide-progress 10s linear infinite;
}

@keyframes slide-progress {
    from {
        right: 0;
    }

    to {
        right: -100%;
    }
}*/

.done_icon {
  font-size: 50px;
  color: #5FC761;
}

.panel_medium {
  min-height: 35vh;
}

.file_download {
  font-size: 25px;
  color: #AAAAAA;
}

.progress_block {
  width: 60%;
  padding-top: 1px;
}

.progress_block .progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 20px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress_block .progress {
  height: 25px;
  background-color: #e9ecee;
  background-image: none;
  box-shadow: none;
}

.progress_block .progress-bar.active,
.progress_block .progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress_block .progress-bar-striped,
.progress_block .progress-striped .progress-bar {
  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_block .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #E7E7E7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width .6s ease;
}

.progress_block .progress-bar {
  box-shadow: none;
  border-radius: 20px;
  background-color: #E7E7E7;
  background-image: none;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  float: left;
}

.progress_block .progress-striped .progress-bar,
.progress_block .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_block .progress_text {
  display: block;
  padding-top: 3px;
}

.progress_block .progress_finished {
  text-align: center;
  background-color: #5A9D1C;
}

.progress_block .progress_finished .finished_text {
  color: #fff;
  display: block;
  padding-top: 5px;
}

.bdr_top {
  border-top: 1px solid #ddd !important;
}

.export_done i {
  margin-top: 2px;
  margin-right: 10px;
  font-size: 35px;
  color: #69CA67;
}

.export_done h4 {
  font-weight: 400;
  font-size: 18px;
}

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

.log-text .text-large {
  font-size: 13px;
  color: #979FCD;
}

.log-text .text-small {
  font-size: 13px;
  color: #616EBE;
}

.table-log table tr td {
  padding: 12px 10px !important;
}

/*Replication style end*/

#OrderPackages .hiddenRow {
  padding: 0px !important;
}

#OrderPackages .accordion-body {
  padding-left: 22%;
}

/*voyage new edits*/

.scroll-to-top {
  background: #5C6CC0;
  color: #fff;
  padding: 8px;
  font-weight: 300;
  font-size: 10px;
  position: fixed;
  right: 0;
  bottom: -20px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  z-index: 99;
  visibility: hidden;
  transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  opacity: 1;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.scroll-to-top:hover,
.scroll-to-top a:focus {
  color: #fff;
  background-color: #4454af !important;
  border-color: #4454af !important;
}

.warning-text {
  color: #E83F3F;
  margin-bottom: -10px;
}

.bg-red {
  background: #FF0F04 !important;
}

.bg-yellow {
  background: #FFFF08 !important;
}

.bg-green {
  background: #048201 !important;
}

.bg-White {
  background: #FFF !important;
}

/*voyage new edits end*/

.ht-maximanum {
  height: 130px !important;
}

/*header style*/

.login-info {
  padding: 8px 10px;
}

.login-info label {
  display: block;
  line-height: 14px;
  color: #a7a7a7;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 500;
}

.login-info label span {
  color: #479f17;
}

.login-info label.time-lbl {
  color: #333;
}

/*search height for voyage*/

#autoCompleteLeg-list {
  height: auto !important;
}

#autoCompleteLeg-list .k-list-scroller {
  height: auto !important;
  max-height: 380px;
}

.chart-block {
  min-height: 300px;
}

.chart-block .no-data-chart {
  display: grid;
  font-size: 18px;
  color: #9B9B9B;
  text-align: center;
  height: 98px;
  width: 179px;
  text-align: center;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
}

.chart-block .no-data-chart .no-datas {
  font-size: 50px;
  color: #ddd;
}

/*PMS Me-performance page style start*/

.Me-vessel {
  margin-left: 5px;
  font-size: 13px;
  color: #479f17;
}

.no-border {
  border: 0 !important;
}

.Me-panel {
  /*overflow: auto;*/
}

.Me-panel .form-group {
  margin-bottom: 0 !important;
  float: none !important;
  display: inline-block;
}

.Me-panel .Me-list {
  font-size: 11px !important;
}

.Me-panel .Me-list>li {
  -moz-column-gap: 20px;
       column-gap: 20px;
  width: 100%;
  display: inline-block;
  margin-bottom: 0;
  float: left;
  padding-bottom: 10px;
}

.Me-panel .Me-list .sub-list {
  padding-right: 10px;
  margin-bottom: 10px;
  -moz-column-count: 3;
  -moz-column-gap: 10px;
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
  column-count: 3;
  -moz-column-rule-style: solid;
       column-rule-style: solid;
  -moz-column-rule-width: 1px;
       column-rule-width: 1px;
  -moz-column-rule-color: #7F7F7F;
       column-rule-color: #7F7F7F;
}

.Me-panel .Me-list .sub-list li {
  /*padding-top: 2px;
                padding-bottom: 2px;
                line-height: 10px !important;*/
  padding-left: 10px;
  padding-right: 10px;
}

.Me-panel .Me-list .sub-list li .me-text {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  overflow: hidden;
  /*padding-top: 5px;*/
  line-height: 15px;
  vertical-align: middle;
}

.Me-panel .Me-list .sub-list li .btn-info-icon {
  vertical-align: middle;
}

.Me-panel .Me-list .sub-list li input {
  height: 22px;
  min-height: 22px;
  font-size: 11px;
  position: inherit;
  line-height: normal;
}

.Me-panel .Me-list .sub-list li .select-style select {
  padding: 0 18px 5px 8px;
  height: 22px;
  font-size: 11px;
}

.Me-panel .Me-list .sub-list li .list-content {
  border-bottom: 1px solid #e8e8e8;
  /*padding-bottom: 2px;
                    padding-top: 2px;*/
  padding: 5px;
}

.Me-panel .Me-list .sub-list li .list-content .validation-con {
  position: relative;
}

.Me-panel .Me-list .validationMessage {
  bottom: 100% !important;
  top: auto !important;
  width: 160px !important;
  right: 0px !important;
  margin-bottom: 5px;
}

.Me-panel h4 {
  margin-top: 5px;
  font-weight: 600;
}

.Me-panel table tr td span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 165px;
  overflow: hidden;
}

.Me-table table,
.Me-table tr,
.Me-table td,
.Me-table th {
  position: relative;
  padding: 10px;
}

.Me-table .me-head th {
  height: 125px;
}

.Me-table .me-head th b {
  color: #3e3d3d;
  transform-origin: 0 86%;
  transform: rotate(285deg);
  white-space: pre-line;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  font-size: 11px;
  width: 100px;
}

.Me-table td input {
  font-size: 11px;
  height: 25px;
  min-height: 25px;
  line-height: 14px;
}

.Me-table .text-veritical {
  height: 95px;
  min-width: 62px;
}

.Me-table .validationMessage {
  /*top: -41px;
        right: -60px;
        z-index: 1;*/
  bottom: 100%;
  right: 8px;
  z-index: 1;
  top: auto;
}

.me-panellist .Me-list ul li {
  display: inline-block;
  width: 33%;
  border-bottom: 1px solid #ddd;
  padding: 5px;
}

.me-panellist .Me-list ul li .list-content input {
  line-height: 14px;
  height: 25px;
  min-height: 25px;
}

.me-panellist .me-text {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  overflow: hidden;
  /*padding-top: 5px;*/
  line-height: 15px;
  vertical-align: middle;
}

/*PMS Me-performance page style end*/

/*remark icon style*/

.remark-icon {
  /*background: url(./images/remark-icon.png) no-repeat;*/
  width: 17px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 3px;
}

.remark-gray {
  background-color: #BBBBBB;
  border-color: #BBBBBB !important;
}

.remark-gray:hover {
  background-color: #BBBBBB;
  border-color: #BBBBBB !important;
}

.remark-primary {
  background-color: #5661B9;
  border-color: #5661B9 !important;
}

.remark-primary:hover {
  background-color: #5661B9;
  border-color: #5661B9 !important;
}

.remark-red {
  background-color: #FA5D60;
  border-color: #FA5D60 !important;
}

.remark-red:hover {
  background-color: #FA5D60;
  border-color: #FA5D60 !important;
}

.top-icons .btn-white {
  color: #929292;
}

.replication-activitylog .left-list {
  padding-right: 0;
}

.replication-activitylog .left-list .left-btn.move {
  right: 0px;
}

.replication-activitylog .content-panel.slide {
  margin-left: 26%;
}

.rank-image {
  background-color: transparent;
  padding: 0;
  border: none;
  /*background-image: url(./images/user-img.png);*/
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 0px;
  left: 5px;
}

.rank-user-blk {
  display: inline-block;
  float: left;
  margin-right: 3px;
  margin-top: 2px;
  border-radius: 50%;
  height: 42px;
  width: 42px;
  overflow: hidden;
}

.rank-user-blk img {
  max-width: 100%;
}

.ht-105 {
  height: 105px;
}

/*purchase menu plan styles*/

.menu-plan-blk .plan-date {
  width: 79% !important;
}

.menu-plan-blk .plan-date-copy {
  width: 90% !important;
}

.menu-plan-blk .menu-plan-details .panel {
  margin-bottom: 10px !important;
}

.menu-plan-blk .menu-summary .menu-paln-list li {
  float: left;
  width: 20%;
  position: relative;
}

.menu-plan-blk .menu-summary .menu-paln-list li:after {
  content: "";
  position: absolute;
  display: inline-block;
  border-left: 1px solid #ddd;
  height: 100px;
  top: 5px;
  right: 0;
}

.menu-plan-blk .menu-summary .menu-paln-list li:last-child:after {
  display: none;
}

/*purchase menu plan styles*/

/*voyage performance log styles start*/

.performancelog-content-blk .top-blk {
  display: table;
  width: 100%;
}

.performancelog-content-blk .top-blk .top-list {
  display: table-cell;
  width: 35.3%;
  position: relative;
  /*overflow: hidden;*/
}

.performancelog-content-blk .top-blk .input-group.date .k-picker-wrap .k-select {
  padding-top: 0;
  background-color: #ddd;
  border: 0;
}

.performancelog-content-blk .top-blk .input-group.date .k-picker-wrap .k-select .k-icon {
  margin-top: 6px;
}

.performancelog-content-blk .top-blk .input-group.date .validationMessage {
  right: 2px !important;
  padding: 2px 3px !important;
}

.performancelog-content-blk .top-blk .perf-timezone .validationMessage {
  padding: 2px 3px !important;
}

.performancelog-content-blk .performance_history .log-info {
  min-width: 280px !important;
  min-height: 100px !important;
  top: 25px !important;
  left: -240px !important;
  border-radius: 6px;
}

.performancelog-content-blk .performance_history .log-info:after,
.performancelog-content-blk .performance_history .log-info:before {
  right: 1%;
  top: -12px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.performancelog-content-blk .performance_history .log-info:after {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #fff;
  border-width: 11px;
  right: 15px;
}

.performancelog-content-blk .performance_history .log-info:before {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ddd;
  border-width: 11px;
  right: 15px;
}

.performancelog-content-blk .perf-log-top-content .date {
  height: 30px !important;
}

.performancelog-content-blk .perf-log-top-content .date .k-picker-wrap {
  height: 30px;
}

.performancelog-content-blk .perf-log-top-content .date .k-picker-wrap input {
  height: 30px !important;
}

.performancelog-content-blk .perf-log-top-content .k-numerictextbox {
  width: 100%;
}

.performancelog-content-blk .perf-log-top-content .k-numerictextbox .k-input {
  min-height: 30px !important;
}

.performancelog-content-blk .perf-log-top-content .form-control {
  font-size: 12px !important;
}

.performancelog-content-blk .perf-log-top-content label {
  font-size: 12px !important;
}

.performancelog-content-blk .perf-log-top-content .row {
  margin-left: 5px;
  margin-right: 5px;
}

.performancelog-content-blk .perf-log-top-content div[class^="col"] {
  padding-left: 2px;
  padding-right: 2px;
}

.performancelog-content-blk .perf-log-top-content .perf-log-head {
  width: 85px;
  position: absolute;
  top: 55%;
  left: -19px;
  text-align: center;
  border-top: 1px solid #ddd;
  line-height: 2px;
  padding-bottom: 5px;
  /* margin: 10px 25px; */
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-transform: rotate(271deg);
  -moz-transform: rotate(271deg);
  -o-transform: rotate(271deg);
  /* writing-mode: lr-tb; */
  /* height: 100%; */
  /* display: inline-block; */
  /* float: left; */
}

.performancelog-content-blk .perf-log-top-content .perf-log-head span {
  background: #fff;
  padding: 0 5px;
  color: #787878;
  font-size: 12px;
}

.performancelog-content-blk .perf-log-top-content .select-style .k-dropdown {
  width: 100%;
}

.performancelog-content-blk .perf-log-top-content .select-style .k-dropdown-wrap .k-input {
  padding: 8px 10px;
  height: 30px;
  font-size: 12px;
}

.performancelog-content-blk .perf-log-top-content .select-style .k-i-arrow-60-down,
.performancelog-content-blk .perf-log-top-content .select-style .k-i-sort-desc-sm {
  background-position: 0 -27px;
}

.performancelog-content-blk .perf-log-data {
  height: calc(100vh - 306px) !important;
  overflow: auto;
}

.performancelog-content-blk .perf-log-data .left-content {
  position: absolute;
  width: 58%;
  left: 10px;
  top: 10px;
  bottom: 10px;
}

.performancelog-content-blk .perf-log-data .right-content {
  position: absolute;
  width: 39%;
  right: 10px;
  top: 10px;
}

.performancelog-content-blk .perf-log-data .right-content .weather-diagram-sml.weather-diagram {
  text-align: center;
  min-height: 220px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-top: 45px;
  overflow: hidden;
}

.performancelog-content-blk .perf-log-data .right-content .weather-diagram-sml.weather-diagram .base-image {
  /*background-image: url("./images/Compass-svg.svg");*/
  width: 100%;
  height: 219px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.performancelog-content-blk .perf-log-data .right-content .weather-diagram-sml .red-arrow {
  /*background-image: url("./images/red-arrow sml.png");*/
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 129px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
}

.performancelog-content-blk .perf-log-data .right-content .weather-diagram-sml .ship {
  /*background-image: url("./images/ship-01.png");*/
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 110px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
}

.performancelog-content-blk .perf-log-data .right-content .weather-diagram-sml .blue-arrow {
  /*background-image: url("./images/blue-arrow sml.png");*/
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 57px;
  position: absolute;
  left: 50%;
  top: calc(50% - 27px);
  transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: bottom;
}

.performancelog-content-blk .perf-log-data .right-content .weather-diagram-sml .green-arrow {
  /*background-image: url("./images/green-arrow sml.png");*/
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 57px;
  position: absolute;
  left: 50%;
  top: calc(50% - 27px);
  transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: bottom;
}

.performancelog-content-blk .perf-log-data .right-content .weather-diagram-sml .light-green-arrow {
  /*background-image: url("./images/light-green-arrow sml.png");*/
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 75px;
  position: absolute;
  left: 50%;
  top: calc(50% - 37px);
  transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: bottom;
}

.performancelog-content-blk .perf-log-data .right-content .weather-diagram-sml .orange-arrow {
  /*background-image: url("./images/orange-arrow sml.png");*/
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 57px;
  position: absolute;
  left: 50%;
  top: calc(50% - 27px);
  transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: bottom;
}

.performancelog-content-blk .perf-log-data .right-content .weather-diagram-sml .dgm-note {
  margin-top: -10px;
}

.performancelog-content-blk .perf-log-data .right-content .weather-diagram-sml .dgm-note .color-legends label {
  line-height: 0 !important;
}

.performancelog-content-blk .perf-log-data .right-content .weather-diagram-sml .dgm-note i {
  color: #5A6ABF;
}

.performancelog-content-blk .perf-log-data .right-content .log-weather-info {
  width: 100%;
  padding: 5px;
}

.performancelog-content-blk .perf-log-data .right-content .dgm-info {
  /*padding-top: 50px;*/
}

.performancelog-content-blk .perf-log-data .right-content .color-legends span {
  width: 12px;
  height: 12px;
}

.performancelog-content-blk .perf-log-data .right-content .color-legends label {
  font-size: 12px;
}

.performancelog-content-blk .perf-log-data #log-grid.k-grid thead th {
  font-size: 12px !important;
}

.performancelog-content-blk .perf-log-data #log-grid.k-grid tbody tr td {
  font-size: 12px !important;
}

.performancelog-content-blk .perf-log-data #log-grid.k-grid .k-numerictextbox {
  position: inherit;
}

.performancelog-content-blk .perf-log-data #log-grid.k-grid .k-numeric-wrap {
  position: inherit;
}

.performancelog-content-blk .perf-log-data #log-grid .k-grid-content {
  height: calc(100vh - 363px) !important;
}

.performancelog-content-blk .equipment-configuration .log-info {
  min-width: 430px !important;
  min-height: 100px !important;
  top: 25px !important;
  left: -85% !important;
  border-radius: 6px;
}

.performancelog-content-blk .equipment-configuration .log-info:after,
.performancelog-content-blk .equipment-configuration .log-info:before {
  right: 91%;
  top: -12px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.performancelog-content-blk .equipment-configuration .log-info:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 11px;
  margin-left: -24px;
}

.performancelog-content-blk .equipment-configuration .log-info:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #ddd;
  border-width: 11px;
}

/*voyage performance log styles end*/

#legsearch-grid .k-grid-content {
  height: calc(100vh - 550px) !important;
}

.inlie-block {
  display: inline-block;
}

#Bunkerhistory-grid .k-grid-content {
  height: calc(100vh - 550px) !important;
}

.MappedCategory {
  background: #f1f1f1;
  opacity: 0.9;
}

.MappedCategory .status {
  width: 12px !important;
  height: 12px !important;
  top: -1px;
  position: relative;
  margin-right: 2px;
}

#runningHourGrid .k-grid table tr.k-grid-edit-row td.k-edit-cell .k-numerictextbox .k-numeric-wrap {
  padding: 0 0.8em 0 0 !important;
}

#runningHourGrid .k-state-selected {
  background: none;
  border: 0;
}

#runningHourGrid .k-state-selected td {
  background: none !important;
  color: #000;
  border-bottom: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
}

#runningHourGrid .k-grid td.k-state-selected:hover,
#runningHourGrid .k-grid tr.k-state-selected:hover td {
  background: #7281ce !important;
  box-shadow: 0 0 15px 2px #ddd !important;
}

#runningHourGrid.k-grid table tr.k-grid-edit-row td.k-edit-cell .k-numerictextbox .k-numeric-wrap {
  padding: 0 9px 0 0 !important;
}

.competency-tree-view {
  max-height: 75vh;
  overflow: auto;
}

#tecmeperformanceentry-container .k-datetimepicker .validationMessage {
  top: -30px !important;
}

.Me-panel .Me-list .validationMessage {
  bottom: 100% !important;
  top: auto !important;
  width: 160px !important;
  right: 0px !important;
  margin-bottom: 5px;
}

/*.Me-panel .Me-list .validationMessage:before {
    border-color: rgba(255, 0, 0, 0);
    border-top-color: #f35958;
    border-width: 0px;
}*/

/*.Me-panel .Me-list .validationMessage:after, .validationMessage:before {
    top: 32% !important;
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}*/

/*.Me-panel .Me-list .validationMessage:after {
    border-color: rgba(255, 0, 0, 0);
    border-left-color: #f35958 !important;
    border-width: 5px;
    margin-right: -6px !important;
}*/

.k-grid .k-header-seperator {
  border-top: 1px solid #e8e1e1 !important;
  border-right: 1px solid #e8e1e1 !important;
}

#Scheduler .k-grid-content tbody tr td {
  padding: 6px !important;
}

.form-sequence {
  margin-left: -10px;
  margin-right: -10px;
}

.form-sequence>.form-group {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}

.form-sequence:before,
.form-sequence:after {
  content: " ";
  display: table;
}

.form-sequence:after {
  clear: both;
}

.form-stretch {
  display: flex;
  align-items: stretch;
}

.form-stretch .stretch-field {
  flex-grow: 1;
}

.form-group.no-label {
  padding-top: 30px;
}

.form-group.form-text-width {
  width: 50px;
  text-align: right;
}

.inline-block {
  display: inline-block;
}

#performance-grid.k-grid .side-head {
  text-overflow: inherit;
}

#performance-grid.k-grid thead th {
  font-size: 12px !important;
}

#performance-grid.k-grid tbody tr td {
  font-size: 12px !important;
  position: relative;
}

#performance-grid.k-grid tbody tr td .text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  left: 13px;
  right: 16px;
  top: 5px;
}

#performance-grid.k-grid tbody tr td .info-icon {
  position: absolute;
  right: 3px;
  top: 6px;
}

#performance-grid.k-grid .k-numerictextbox {
  position: inherit;
}

#performance-grid.k-grid .k-numeric-wrap {
  position: inherit;
}

#performance-grid .k-grid-content {
  height: calc(100vh - 363px) !important;
  overflow-x: hidden !important;
}

#performance-grid .k-grid-content .k-combobox .k-dropdown-wrap.k-state-hover {
  padding-right: 1.9em !important;
}

.perf-log-top-content .form-group {
  margin-bottom: 1px !important;
}

.perf-log-top-content .mid-list {
  width: 26.3% !important;
}

.perf-log-top-content .right-list {
  width: 26.3% !important;
}

.vesselCSpareImport-container-blk .file-upload-blk {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 6px;
}

.vesselCSpareImport-container-blk .file-upload-blk .Import-file-blk {
  position: relative;
}

.vesselCSpareImport-container-blk .file-upload-blk .Import-file-blk .input-hidden {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

.vesselCSpareImport-container-blk .content-panel {
  height: calc(100vh - 151px);
}

.vesselCSpareImport-container-blk #equipmenttree {
  max-height: calc(100vh - 260px) !important;
}

/*.modal-body, .modal-footer{
    background-color: $color-white !important;
}*/

/*modal width*/

.full-page {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.full-page .modal-dialog {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
}

.popup-large .modal-dialog {
  width: 80%;
}

.popup-medium .modal-dialog {
  width: 65%;
}

.popup-small .modal-dialog {
  width: 30%;
}

.modal-dialog {
  /*margin: 20px 0 !important;
    -webkit-transform: translate(-50%,-50%) !important;
    -moz-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,0%) !important;
    left: 50%;*/
  overflow: hidden;
}

.modal-backdrop.in {
  opacity: 0.7 !important;
}

.modal-content {
  border-radius: 6px !important;
  background: #fff;
  /*//max-height:600px;
    overflow:auto;*/
  box-shadow: none !important;
  border: 0 !important;
  -webkit-box-shadow: none !important;
}

.modal-content iframe {
  height: 90vh;
  border: 0;
}

.modal-wrapper.has-fixed-footer {
  position: relative;
  padding-bottom: 53px;
}

.modal-wrapper .modal-footer.fixed-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.modal-header {
  border: none;
  text-align: left;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-bottom: 10px;
  padding-top: 15px;
  border-bottom: 1px solid #ececec;
}

.modal-header h4 {
  margin: 0;
  font-size: 19px;
  color: #000;
  font-weight: 400;
  text-align: left;
}

.modal-header .close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 9999;
  font-size: 32px;
  opacity: 1;
  width: 16px;
  height: 16px;
  background: url('close-icon.6e6e15d84ec92013ac54.png');
  background-repeat: no-repeat;
  margin: 0;
}

.modal-footer {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 10px 15px;
  border-top: 1px solid #ececec;
  min-height: 53px;
}

.modal hr {
  margin: 10px 0;
  border-width: 2px;
}

.modal-secondary .modal-content {
  background: #f8f8f8;
}

.modal-open .modal {
  overflow-y: hidden;
}

.modal-body {
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-footer {
  padding-top: 8px !important;
}

.modal-footer .btn {
  min-width: 60px;
}

.flag-icon-background,
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.33333em;
  line-height: 1em;
}

.flag-icon:before {
  content: '\00a0';
}

.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-ad {
  background-image: url('ad.68284282e903427a6e75.svg');
}

.flag-icon-ad.flag-icon-squared {
  background-image: url('ad.3fc46f531bc97eacf293.svg');
}

.flag-icon-ae {
  background-image: url('ae.3f71c7af6b499d54ed56.svg');
}

.flag-icon-ae.flag-icon-squared {
  background-image: url('ae.64e8a5a9609d18ffe033.svg');
}

.flag-icon-af {
  background-image: url('af.a969764df4270be072dd.svg');
}

.flag-icon-af.flag-icon-squared {
  background-image: url('af.853aed23879b0cf168a3.svg');
}

.flag-icon-ag {
  background-image: url('ag.44b4ec5a7dcb540e6cb8.svg');
}

.flag-icon-ag.flag-icon-squared {
  background-image: url('ag.3076556af173a8ed745a.svg');
}

.flag-icon-ai {
  background-image: url('ai.067679cddbc3eec01dd2.svg');
}

.flag-icon-ai.flag-icon-squared {
  background-image: url('ai.c36708e6c25569e89e88.svg');
}

.flag-icon-al {
  background-image: url('al.fd6eef3e9106771ccd3b.svg');
}

.flag-icon-al.flag-icon-squared {
  background-image: url('al.e7c9094feed09026bc21.svg');
}

.flag-icon-am {
  background-image: url('am.98dc2d8e41cc68841d88.svg');
}

.flag-icon-am.flag-icon-squared {
  background-image: url('am.a22ad587f2ce1448fda5.svg');
}

.flag-icon-ao {
  background-image: url('ao.d31d84f23db14f80ec2d.svg');
}

.flag-icon-ao.flag-icon-squared {
  background-image: url('ao.68ca8b3c2cdf44602de9.svg');
}

.flag-icon-aq {
  background-image: url('aq.72a924ff408cbd8f1e24.svg');
}

.flag-icon-aq.flag-icon-squared {
  background-image: url('aq.24c8fc7a9414cba65e7c.svg');
}

.flag-icon-ar {
  background-image: url('ar.600ed1a2adac096571f0.svg');
}

.flag-icon-ar.flag-icon-squared {
  background-image: url('ar.672d2bd758bcda2233dc.svg');
}

.flag-icon-as {
  background-image: url('as.554ea07913c16fff3247.svg');
}

.flag-icon-as.flag-icon-squared {
  background-image: url('as.3c72464836f84fba3e63.svg');
}

.flag-icon-at {
  background-image: url('at.52ad7c55809c68289ba5.svg');
}

.flag-icon-at.flag-icon-squared {
  background-image: url('at.2e32d9a732443ebd5e96.svg');
}

.flag-icon-au {
  background-image: url('au.fcc70f6429792bbb52c1.svg');
}

.flag-icon-au.flag-icon-squared {
  background-image: url('au.c319278355f90ba46ca0.svg');
}

.flag-icon-aw {
  background-image: url('aw.d3645f84fc5a816579c1.svg');
}

.flag-icon-aw.flag-icon-squared {
  background-image: url('aw.1e3d10a3a6f824d127a7.svg');
}

.flag-icon-ax {
  background-image: url('ax.7f90fe54564eb5e88460.svg');
}

.flag-icon-ax.flag-icon-squared {
  background-image: url('ax.680624b16f651e629b98.svg');
}

.flag-icon-az {
  background-image: url('az.cdaf3ba8fc17b63ec6ff.svg');
}

.flag-icon-az.flag-icon-squared {
  background-image: url('az.414d13494f863bd2fdef.svg');
}

.flag-icon-ba {
  background-image: url('ba.a6fc859c7488f0ffd873.svg');
}

.flag-icon-ba.flag-icon-squared {
  background-image: url('ba.d6c5428006d4849b7e8e.svg');
}

.flag-icon-bb {
  background-image: url('bb.c313beeb1f8adaf4e5ba.svg');
}

.flag-icon-bb.flag-icon-squared {
  background-image: url('bb.fb81526354b27aa87813.svg');
}

.flag-icon-bd {
  background-image: url('bd.ca15666c40ddf69e1327.svg');
}

.flag-icon-bd.flag-icon-squared {
  background-image: url('bd.f36ac66779d4f8757129.svg');
}

.flag-icon-be {
  background-image: url('be.eb2ac250c9e9c6145639.svg');
}

.flag-icon-be.flag-icon-squared {
  background-image: url('be.6a19c423d323f8b2b270.svg');
}

.flag-icon-bf {
  background-image: url('bf.8430727ea5f3e2d82d4a.svg');
}

.flag-icon-bf.flag-icon-squared {
  background-image: url('bf.bfa99b771d69bdf65622.svg');
}

.flag-icon-bg {
  background-image: url('bg.0978ba62ece34fb4e133.svg');
}

.flag-icon-bg.flag-icon-squared {
  background-image: url('bg.3c4ca7a497d7f9e6d16e.svg');
}

.flag-icon-bh {
  background-image: url('bh.d496eaf9751b267a33a2.svg');
}

.flag-icon-bh.flag-icon-squared {
  background-image: url('bh.bbd05b3ec460f10fa999.svg');
}

.flag-icon-bi {
  background-image: url('bi.d439520b6c8808163626.svg');
}

.flag-icon-bi.flag-icon-squared {
  background-image: url('bi.e51f5d8be0ab44872706.svg');
}

.flag-icon-bj {
  background-image: url('bj.35e2822357fa858edac7.svg');
}

.flag-icon-bj.flag-icon-squared {
  background-image: url('bj.7f984a8c12440ebcd0df.svg');
}

.flag-icon-bl {
  background-image: url('bl.26d9d9accb84b3f873a6.svg');
}

.flag-icon-bl.flag-icon-squared {
  background-image: url('bl.a059da791d22d2289a18.svg');
}

.flag-icon-bm {
  background-image: url('bm.c64549610fb154209543.svg');
}

.flag-icon-bm.flag-icon-squared {
  background-image: url('bm.23b2e0c760b933f4b5b8.svg');
}

.flag-icon-bn {
  background-image: url('bn.63e4c30ad1e1b5b06edd.svg');
}

.flag-icon-bn.flag-icon-squared {
  background-image: url('bn.20233d30365f779e0780.svg');
}

.flag-icon-bo {
  background-image: url('bo.b8d0a0859595b282788a.svg');
}

.flag-icon-bo.flag-icon-squared {
  background-image: url('bo.139930777acc258a562a.svg');
}

.flag-icon-bq {
  background-image: url('bq.062ca4790d0d0e19d57d.svg');
}

.flag-icon-bq.flag-icon-squared {
  background-image: url('bq.e7adf572829a59a0e15a.svg');
}

.flag-icon-br {
  background-image: url('br.918a85c0fbe30c8e211a.svg');
}

.flag-icon-br.flag-icon-squared {
  background-image: url('br.ee00ef9c9c4657961611.svg');
}

.flag-icon-bs {
  background-image: url('bs.2588ec35d1cbf6130dbb.svg');
}

.flag-icon-bs.flag-icon-squared {
  background-image: url('bs.da19494fd30f84353401.svg');
}

.flag-icon-bt {
  background-image: url('bt.5f94e2e10bcb83f125df.svg');
}

.flag-icon-bt.flag-icon-squared {
  background-image: url('bt.dcc8ef8907d5e5053e2c.svg');
}

.flag-icon-bv {
  background-image: url('bv.570e7b11c993af71de52.svg');
}

.flag-icon-bv.flag-icon-squared {
  background-image: url('bv.de8ddc29cc9871183e96.svg');
}

.flag-icon-bw {
  background-image: url('bw.d86b28938d31ba136951.svg');
}

.flag-icon-bw.flag-icon-squared {
  background-image: url('bw.105a78d7be7f9dabf664.svg');
}

.flag-icon-by {
  background-image: url('by.52fca29ff37324fceb6c.svg');
}

.flag-icon-by.flag-icon-squared {
  background-image: url('by.2c18cdf6d55a883b5ab5.svg');
}

.flag-icon-bz {
  background-image: url('bz.4be3cfe9a16b43f14757.svg');
}

.flag-icon-bz.flag-icon-squared {
  background-image: url('bz.a183b5cf4f0659e19d69.svg');
}

.flag-icon-ca {
  background-image: url('ca.d72057feba4dd447b469.svg');
}

.flag-icon-ca.flag-icon-squared {
  background-image: url('ca.06dc889acfa72f65c3f8.svg');
}

.flag-icon-cc {
  background-image: url('cc.254721c8cf0633bbd4a4.svg');
}

.flag-icon-cc.flag-icon-squared {
  background-image: url('cc.e24c97309a4b26eb85d0.svg');
}

.flag-icon-cd {
  background-image: url('cd.2dff61a21f0f958f14c1.svg');
}

.flag-icon-cd.flag-icon-squared {
  background-image: url('cd.1b294473844ecf69b6e9.svg');
}

.flag-icon-cf {
  background-image: url('cf.ee187b0fdb2ebe781350.svg');
}

.flag-icon-cf.flag-icon-squared {
  background-image: url('cf.38bbc1bd43d32cc988d6.svg');
}

.flag-icon-cg {
  background-image: url('cg.91722fe3f59053be976e.svg');
}

.flag-icon-cg.flag-icon-squared {
  background-image: url('cg.e8911dcb0de9ddee5032.svg');
}

.flag-icon-ch {
  background-image: url('ch.2fb344e2a7a4e4d327ca.svg');
}

.flag-icon-ch.flag-icon-squared {
  background-image: url('ch.dbea64bbc9f9107e0ccc.svg');
}

.flag-icon-ci {
  background-image: url('ci.20972ed25c897048b41a.svg');
}

.flag-icon-ci.flag-icon-squared {
  background-image: url('ci.67b1077d875d7c98dd7c.svg');
}

.flag-icon-ck {
  background-image: url('ck.d9461e6f11c5a4bc7fab.svg');
}

.flag-icon-ck.flag-icon-squared {
  background-image: url('ck.906ed2c1d6d2099631a5.svg');
}

.flag-icon-cl {
  background-image: url('cl.d9ddf35c3c2f90895d66.svg');
}

.flag-icon-cl.flag-icon-squared {
  background-image: url('cl.f1d256b294583c4a2951.svg');
}

.flag-icon-cm {
  background-image: url('cm.98e54a4134fa32cde945.svg');
}

.flag-icon-cm.flag-icon-squared {
  background-image: url('cm.a7d6f53bd0142ad5df8f.svg');
}

.flag-icon-cn {
  background-image: url('cn.a7b3251801e98dacfea3.svg');
}

.flag-icon-cn.flag-icon-squared {
  background-image: url('cn.cbbffc073122301f1817.svg');
}

.flag-icon-co {
  background-image: url('co.002792a9ebc4813620b7.svg');
}

.flag-icon-co.flag-icon-squared {
  background-image: url('co.a1581ba47c97d1028753.svg');
}

.flag-icon-cr {
  background-image: url('cr.3ff4d657f48b190c364c.svg');
}

.flag-icon-cr.flag-icon-squared {
  background-image: url('cr.e23dca0718286ad10418.svg');
}

.flag-icon-cu {
  background-image: url('cu.a25817cd1902003da253.svg');
}

.flag-icon-cu.flag-icon-squared {
  background-image: url('cu.4445ce422853fbb5fa5f.svg');
}

.flag-icon-cv {
  background-image: url('cv.2a5789560edce356e69d.svg');
}

.flag-icon-cv.flag-icon-squared {
  background-image: url('cv.0854853eb82abf63b6f2.svg');
}

.flag-icon-cw {
  background-image: url('cw.bc98be54a4fcb7553642.svg');
}

.flag-icon-cw.flag-icon-squared {
  background-image: url('cw.362782514834de277519.svg');
}

.flag-icon-cx {
  background-image: url('cx.260ba91796b58290e8f3.svg');
}

.flag-icon-cx.flag-icon-squared {
  background-image: url('cx.d7d0c999321622cf03d2.svg');
}

.flag-icon-cy {
  background-image: url('cy.0444dfb90b6ab80fbc54.svg');
}

.flag-icon-cy.flag-icon-squared {
  background-image: url('cy.3b09cc1b51885cd349f5.svg');
}

.flag-icon-cz {
  background-image: url('cz.ad61a85f5ff465b74d1d.svg');
}

.flag-icon-cz.flag-icon-squared {
  background-image: url('cz.b771607b0375be3d5c5a.svg');
}

.flag-icon-de {
  background-image: url('de.9deab36f1fd1cc6db00d.svg');
}

.flag-icon-de.flag-icon-squared {
  background-image: url('de.ed2b91b80ed1b91bfa1a.svg');
}

.flag-icon-dj {
  background-image: url('dj.8fc9aaecb2871e830979.svg');
}

.flag-icon-dj.flag-icon-squared {
  background-image: url('dj.01c808a1f71c851a972d.svg');
}

.flag-icon-dk {
  background-image: url('dk.601ee70c0594ee1cb19b.svg');
}

.flag-icon-dk.flag-icon-squared {
  background-image: url('dk.879a4f337ae64fb51cf1.svg');
}

.flag-icon-dm {
  background-image: url('dm.c89c964d80e6f8724c0f.svg');
}

.flag-icon-dm.flag-icon-squared {
  background-image: url('dm.43aa02925b76dda7a5b4.svg');
}

.flag-icon-do {
  background-image: url('do.a452cfd3a6900a0a4237.svg');
}

.flag-icon-do.flag-icon-squared {
  background-image: url('do.8e133437085866c9173c.svg');
}

.flag-icon-dz {
  background-image: url('dz.3874bce10d18000766d0.svg');
}

.flag-icon-dz.flag-icon-squared {
  background-image: url('dz.ebc9f4e59b34fe81c23d.svg');
}

.flag-icon-ec {
  background-image: url('ec.97c82c43a7809b1d2df7.svg');
}

.flag-icon-ec.flag-icon-squared {
  background-image: url('ec.bb527b5bf259bc612bf0.svg');
}

.flag-icon-ee {
  background-image: url('ee.173b55ee3f175be6f7cb.svg');
}

.flag-icon-ee.flag-icon-squared {
  background-image: url('ee.7b2c99e6adaf352b51a3.svg');
}

.flag-icon-eg {
  background-image: url('eg.9cf92f299ce8aea1a577.svg');
}

.flag-icon-eg.flag-icon-squared {
  background-image: url('eg.14a04359d14d5b668722.svg');
}

.flag-icon-eh {
  background-image: url('eh.ef476bcfe2a2d45151a1.svg');
}

.flag-icon-eh.flag-icon-squared {
  background-image: url('eh.6a1d588a01e7661b7849.svg');
}

.flag-icon-er {
  background-image: url('er.8403fc80f42d3e63955e.svg');
}

.flag-icon-er.flag-icon-squared {
  background-image: url('er.fe0949b1655655acd7e2.svg');
}

.flag-icon-es {
  background-image: url('es.81179245d0cbf63f128b.svg');
}

.flag-icon-es.flag-icon-squared {
  background-image: url('es.1e69e4b92c945be4ed87.svg');
}

.flag-icon-et {
  background-image: url('et.a5c8f4a8ceac83d74ae2.svg');
}

.flag-icon-et.flag-icon-squared {
  background-image: url('et.f69210effe7627a0f54c.svg');
}

.flag-icon-fi {
  background-image: url('fi.fb2342cb621ca14e40f8.svg');
}

.flag-icon-fi.flag-icon-squared {
  background-image: url('fi.c2c0bc00b15a08136b6a.svg');
}

.flag-icon-fj {
  background-image: url('fj.8bcb42f886dfb05d2328.svg');
}

.flag-icon-fj.flag-icon-squared {
  background-image: url('fj.49cf65ed3a580941743b.svg');
}

.flag-icon-fk {
  background-image: url('fk.4fe790eaf9287909d8bd.svg');
}

.flag-icon-fk.flag-icon-squared {
  background-image: url('fk.aac7e0014d56186552a9.svg');
}

.flag-icon-fm {
  background-image: url('fm.998ece035d1d39e76b71.svg');
}

.flag-icon-fm.flag-icon-squared {
  background-image: url('fm.11fda213b035a86a5b44.svg');
}

.flag-icon-fo {
  background-image: url('fo.f9131f7a7ffa1298bec6.svg');
}

.flag-icon-fo.flag-icon-squared {
  background-image: url('fo.befc29aaef229136759f.svg');
}

.flag-icon-fr {
  background-image: url('fr.d19de65f075c7de42f4d.svg');
}

.flag-icon-fr.flag-icon-squared {
  background-image: url('fr.a059da791d22d2289a18.svg');
}

.flag-icon-ga {
  background-image: url('ga.9e11d1fe9eba27206be1.svg');
}

.flag-icon-ga.flag-icon-squared {
  background-image: url('ga.26f34ef8c15eeed26c61.svg');
}

.flag-icon-gb {
  background-image: url('gb.66772c8074160fee4b88.svg');
}

.flag-icon-gb.flag-icon-squared {
  background-image: url('gb.79de20c502dab4d984fc.svg');
}

.flag-icon-gd {
  background-image: url('gd.7a26c4228ed186fd4818.svg');
}

.flag-icon-gd.flag-icon-squared {
  background-image: url('gd.8a2498f5ce45f1ea0af3.svg');
}

.flag-icon-ge {
  background-image: url('ge.3533dde5cf5158958091.svg');
}

.flag-icon-ge.flag-icon-squared {
  background-image: url('ge.d92a2273e0f21c357d1b.svg');
}

.flag-icon-gf {
  background-image: url('gf.0ae8211fd67c4baa31f0.svg');
}

.flag-icon-gf.flag-icon-squared {
  background-image: url('gf.fb38c4b4a080f9b62ba3.svg');
}

.flag-icon-gg {
  background-image: url('gg.6f463f63ca89888e2773.svg');
}

.flag-icon-gg.flag-icon-squared {
  background-image: url('gg.b296f87e9d175a933015.svg');
}

.flag-icon-gh {
  background-image: url('gh.390ed9c6e49d13770e60.svg');
}

.flag-icon-gh.flag-icon-squared {
  background-image: url('gh.c456149cbf9bc7c27129.svg');
}

.flag-icon-gi {
  background-image: url('gi.8801a4523cc407423cdb.svg');
}

.flag-icon-gi.flag-icon-squared {
  background-image: url('gi.33e2e906a6e5b6f60e77.svg');
}

.flag-icon-gl {
  background-image: url('gl.bd2202c0841202b15a89.svg');
}

.flag-icon-gl.flag-icon-squared {
  background-image: url('gl.f41511db74733e0d91e3.svg');
}

.flag-icon-gm {
  background-image: url('gm.c261469fd19cb94ecf5e.svg');
}

.flag-icon-gm.flag-icon-squared {
  background-image: url('gm.8050dec02565ba1b8aa8.svg');
}

.flag-icon-gn {
  background-image: url('gn.87f1c4556e1be59c18fb.svg');
}

.flag-icon-gn.flag-icon-squared {
  background-image: url('gn.500c52a582bb949f98e2.svg');
}

.flag-icon-gp {
  background-image: url('gp.d19de65f075c7de42f4d.svg');
}

.flag-icon-gp.flag-icon-squared {
  background-image: url('gp.a059da791d22d2289a18.svg');
}

.flag-icon-gq {
  background-image: url('gq.d74deb4bba51b1c9f9b9.svg');
}

.flag-icon-gq.flag-icon-squared {
  background-image: url('gq.ea9b5378de1c787b61b9.svg');
}

.flag-icon-gr {
  background-image: url('gr.31b1f1c76effc7719b8f.svg');
}

.flag-icon-gr.flag-icon-squared {
  background-image: url('gr.2fe70982ed56eec226be.svg');
}

.flag-icon-gs {
  background-image: url('gs.ce37736774d52cf11674.svg');
}

.flag-icon-gs.flag-icon-squared {
  background-image: url('gs.2b04ca2014bb0a9b2b43.svg');
}

.flag-icon-gt {
  background-image: url('gt.29d3df94129493282c59.svg');
}

.flag-icon-gt.flag-icon-squared {
  background-image: url('gt.f85f63e49bff1f274e92.svg');
}

.flag-icon-gu {
  background-image: url('gu.97b049b8a8fda578d07c.svg');
}

.flag-icon-gu.flag-icon-squared {
  background-image: url('gu.479e088bea505947347c.svg');
}

.flag-icon-gw {
  background-image: url('gw.729855e562ea8a9c2c8a.svg');
}

.flag-icon-gw.flag-icon-squared {
  background-image: url('gw.5f0761eecaddece491db.svg');
}

.flag-icon-gy {
  background-image: url('gy.a0b32d50ef047cc5f009.svg');
}

.flag-icon-gy.flag-icon-squared {
  background-image: url('gy.fcca3e23d65ab55736ee.svg');
}

.flag-icon-hk {
  background-image: url('hk.4dc67cd58c4c3b7f8c20.svg');
}

.flag-icon-hk.flag-icon-squared {
  background-image: url('hk.9088d7576dd7256e272f.svg');
}

.flag-icon-hm {
  background-image: url('hm.41625c5168645de4d3d8.svg');
}

.flag-icon-hm.flag-icon-squared {
  background-image: url('hm.da2f091ac23444ffa0a9.svg');
}

.flag-icon-hn {
  background-image: url('hn.55100a090c4381b69e10.svg');
}

.flag-icon-hn.flag-icon-squared {
  background-image: url('hn.b6209bb74af438f1d226.svg');
}

.flag-icon-hr {
  background-image: url('hr.31f08719a38fb7c540e9.svg');
}

.flag-icon-hr.flag-icon-squared {
  background-image: url('hr.a5aa3c528c4e998e0d2e.svg');
}

.flag-icon-ht {
  background-image: url('ht.a6146380e0ce351c15a3.svg');
}

.flag-icon-ht.flag-icon-squared {
  background-image: url('ht.d293ed7b5de88a96d280.svg');
}

.flag-icon-hu {
  background-image: url('hu.2890cfb53291857df111.svg');
}

.flag-icon-hu.flag-icon-squared {
  background-image: url('hu.7e1aff5fcd655704c8f1.svg');
}

.flag-icon-id {
  background-image: url('id.607e749a03942a85bc93.svg');
}

.flag-icon-id.flag-icon-squared {
  background-image: url('id.8139e2153e03a32bf547.svg');
}

.flag-icon-ie {
  background-image: url('ie.df007250628545adc580.svg');
}

.flag-icon-ie.flag-icon-squared {
  background-image: url('ie.40d0ce907e6857ba8453.svg');
}

.flag-icon-il {
  background-image: url('il.5bc6f6922fe317649457.svg');
}

.flag-icon-il.flag-icon-squared {
  background-image: url('il.5b9d638b47dde5eadc47.svg');
}

.flag-icon-im {
  background-image: url('im.b2b016a2d5301ae17a43.svg');
}

.flag-icon-im.flag-icon-squared {
  background-image: url('im.b5d8c05c6e77ca7d2473.svg');
}

.flag-icon-in {
  background-image: url('in.f687b71a98d12cb3589c.svg');
}

.flag-icon-in.flag-icon-squared {
  background-image: url('in.e0b43e7909a266dadd73.svg');
}

.flag-icon-io {
  background-image: url('io.a4d91cae11c745e2df54.svg');
}

.flag-icon-io.flag-icon-squared {
  background-image: url('io.2564ef0727f4a408f62e.svg');
}

.flag-icon-iq {
  background-image: url('iq.a277b7541565cd8cf49f.svg');
}

.flag-icon-iq.flag-icon-squared {
  background-image: url('iq.1807092d482fa71d1ba7.svg');
}

.flag-icon-ir {
  background-image: url('ir.5340901c59b5ae98d0c5.svg');
}

.flag-icon-ir.flag-icon-squared {
  background-image: url('ir.82e890080087bf2b73d4.svg');
}

.flag-icon-is {
  background-image: url('is.55414300b3c0d3131b8b.svg');
}

.flag-icon-is.flag-icon-squared {
  background-image: url('is.58c2a4640bbad9cec17e.svg');
}

.flag-icon-it {
  background-image: url('it.ee92222dc474b596293a.svg');
}

.flag-icon-it.flag-icon-squared {
  background-image: url('it.a3052a8fa05dc8e4bbb3.svg');
}

.flag-icon-je {
  background-image: url('je.a8c167658e44f2a07b32.svg');
}

.flag-icon-je.flag-icon-squared {
  background-image: url('je.a3f9c6149aadf2510ff4.svg');
}

.flag-icon-jm {
  background-image: url('jm.03c582a01c52e27dff28.svg');
}

.flag-icon-jm.flag-icon-squared {
  background-image: url('jm.aa8ce510a4cb70e54635.svg');
}

.flag-icon-jo {
  background-image: url('jo.131c21172c7ee52b2047.svg');
}

.flag-icon-jo.flag-icon-squared {
  background-image: url('jo.3d00c158d30606fde846.svg');
}

.flag-icon-jp {
  background-image: url('jp.b838bfc58d143db0c901.svg');
}

.flag-icon-jp.flag-icon-squared {
  background-image: url('jp.cdc9d98f669983e5dae2.svg');
}

.flag-icon-ke {
  background-image: url('ke.63484a61d9eb0b922b82.svg');
}

.flag-icon-ke.flag-icon-squared {
  background-image: url('ke.89fe4b40b7c1aa8e059b.svg');
}

.flag-icon-kg {
  background-image: url('kg.d41069c2f7046b767ff7.svg');
}

.flag-icon-kg.flag-icon-squared {
  background-image: url('kg.3e365751e1b3ceafa55b.svg');
}

.flag-icon-kh {
  background-image: url('kh.79cc9a8ac5fa90601245.svg');
}

.flag-icon-kh.flag-icon-squared {
  background-image: url('kh.764499bed2474bed0f04.svg');
}

.flag-icon-ki {
  background-image: url('ki.c051e4ec6c53ee2acdfc.svg');
}

.flag-icon-ki.flag-icon-squared {
  background-image: url('ki.1b11ba78b976643cdb90.svg');
}

.flag-icon-km {
  background-image: url('km.7bbcd6dcf8a82d19374d.svg');
}

.flag-icon-km.flag-icon-squared {
  background-image: url('km.bf110b2bb2920170441d.svg');
}

.flag-icon-kn {
  background-image: url('kn.3724b9aa98fa4bf29a1e.svg');
}

.flag-icon-kn.flag-icon-squared {
  background-image: url('kn.e134922e5106fae31f6a.svg');
}

.flag-icon-kp {
  background-image: url('kp.f31adcb2ff4b069d58d3.svg');
}

.flag-icon-kp.flag-icon-squared {
  background-image: url('kp.52fec9d97d99fd9f0fb1.svg');
}

.flag-icon-kr {
  background-image: url('kr.b43634d479b76deaae8e.svg');
}

.flag-icon-kr.flag-icon-squared {
  background-image: url('kr.dcfe8ffe82bcc22a91c6.svg');
}

.flag-icon-kw {
  background-image: url('kw.5172371c03e034f0cab4.svg');
}

.flag-icon-kw.flag-icon-squared {
  background-image: url('kw.7f85f89e1e796b6cbd2b.svg');
}

.flag-icon-ky {
  background-image: url('ky.40d8ac9e130d665c12aa.svg');
}

.flag-icon-ky.flag-icon-squared {
  background-image: url('ky.5221fde115f41dd18ba2.svg');
}

.flag-icon-kz {
  background-image: url('kz.c6dde068eaf34baa8e0d.svg');
}

.flag-icon-kz.flag-icon-squared {
  background-image: url('kz.9de01130e57dc181ea41.svg');
}

.flag-icon-la {
  background-image: url('la.781b73e8f641b4ae5aaf.svg');
}

.flag-icon-la.flag-icon-squared {
  background-image: url('la.98b6f899abe4d1c79953.svg');
}

.flag-icon-lb {
  background-image: url('lb.afe57690786de70e4b18.svg');
}

.flag-icon-lb.flag-icon-squared {
  background-image: url('lb.f8e5e40aa1a25b03b829.svg');
}

.flag-icon-lc {
  background-image: url('lc.b564e7a103c1601c67e2.svg');
}

.flag-icon-lc.flag-icon-squared {
  background-image: url('lc.a4bf12168c41337ccca4.svg');
}

.flag-icon-li {
  background-image: url('li.71e3598cb0d8757085f8.svg');
}

.flag-icon-li.flag-icon-squared {
  background-image: url('li.0714d7def994be491c34.svg');
}

.flag-icon-lk {
  background-image: url('lk.afedc34fb4f09d531f02.svg');
}

.flag-icon-lk.flag-icon-squared {
  background-image: url('lk.acacbbeba08bf5e36445.svg');
}

.flag-icon-lr {
  background-image: url('lr.de905735a81b8bffc886.svg');
}

.flag-icon-lr.flag-icon-squared {
  background-image: url('lr.a9f3daaba3668631dfa9.svg');
}

.flag-icon-ls {
  background-image: url('ls.4da2b95cae76b6c755c2.svg');
}

.flag-icon-ls.flag-icon-squared {
  background-image: url('ls.392dcf8a2e267e81b13c.svg');
}

.flag-icon-lt {
  background-image: url('lt.804d1eeb47746b1b7ef7.svg');
}

.flag-icon-lt.flag-icon-squared {
  background-image: url('lt.78e3ed92be7e9d15d0b0.svg');
}

.flag-icon-lu {
  background-image: url('lu.42680afadc7b3fbeba83.svg');
}

.flag-icon-lu.flag-icon-squared {
  background-image: url('lu.ffe0a64c07ce3124b31d.svg');
}

.flag-icon-lv {
  background-image: url('lv.bd7ff78ee6d6611c7363.svg');
}

.flag-icon-lv.flag-icon-squared {
  background-image: url('lv.b4e760fffdf03186a726.svg');
}

.flag-icon-ly {
  background-image: url('ly.15013412cc0a70d05eaa.svg');
}

.flag-icon-ly.flag-icon-squared {
  background-image: url('ly.acb7de98720bfca238a2.svg');
}

.flag-icon-ma {
  background-image: url('ma.41e1dcfcdd2376fbc243.svg');
}

.flag-icon-ma.flag-icon-squared {
  background-image: url('ma.776cfbee1a55e00a6fbc.svg');
}

.flag-icon-mc {
  background-image: url('mc.e903571cc5ec24fcfe9c.svg');
}

.flag-icon-mc.flag-icon-squared {
  background-image: url('mc.3ebcb7afbf1b30eed0a2.svg');
}

.flag-icon-md {
  background-image: url('md.c946c092e085c52ba33e.svg');
}

.flag-icon-md.flag-icon-squared {
  background-image: url('md.7075a7ce43b497510ede.svg');
}

.flag-icon-me {
  background-image: url('me.7d1f0f0e239d88e42a71.svg');
}

.flag-icon-me.flag-icon-squared {
  background-image: url('me.b613334fa0a18ecfe00c.svg');
}

.flag-icon-mf {
  background-image: url('mf.d19de65f075c7de42f4d.svg');
}

.flag-icon-mf.flag-icon-squared {
  background-image: url('mf.a059da791d22d2289a18.svg');
}

.flag-icon-mg {
  background-image: url('mg.a74b8b4a827652bd4370.svg');
}

.flag-icon-mg.flag-icon-squared {
  background-image: url('mg.647e0be6a1535b4a87bc.svg');
}

.flag-icon-mh {
  background-image: url('mh.5c1193943a07cc82e6b1.svg');
}

.flag-icon-mh.flag-icon-squared {
  background-image: url('mh.42fea674f82f2d445746.svg');
}

.flag-icon-mk {
  background-image: url('mk.a51cf2ae49f4253b981d.svg');
}

.flag-icon-mk.flag-icon-squared {
  background-image: url('mk.a4fd01d4a32d53d96c94.svg');
}

.flag-icon-ml {
  background-image: url('ml.ab41d1d98db2eaa80cfd.svg');
}

.flag-icon-ml.flag-icon-squared {
  background-image: url('ml.9bff17a2ede412eefa94.svg');
}

.flag-icon-mm {
  background-image: url('mm.50e800c4bd453f345a39.svg');
}

.flag-icon-mm.flag-icon-squared {
  background-image: url('mm.19c611b2362a1c6a7059.svg');
}

.flag-icon-mn {
  background-image: url('mn.2ccb071c2a5f6f6b1dc2.svg');
}

.flag-icon-mn.flag-icon-squared {
  background-image: url('mn.1f123d23529c2dc11f04.svg');
}

.flag-icon-mo {
  background-image: url('mo.025d3a9d23723c03f165.svg');
}

.flag-icon-mo.flag-icon-squared {
  background-image: url('mo.f7f7cca580ab9ec0c460.svg');
}

.flag-icon-mp {
  background-image: url('mp.5d8a5a16c93ee7a143dc.svg');
}

.flag-icon-mp.flag-icon-squared {
  background-image: url('mp.94c3f3eb80ca85d5f06a.svg');
}

.flag-icon-mq {
  background-image: url('mq.a7df88ca47f05d01a250.svg');
}

.flag-icon-mq.flag-icon-squared {
  background-image: url('mq.a059da791d22d2289a18.svg');
}

.flag-icon-mr {
  background-image: url('mr.c9a9ef37738d292b7eab.svg');
}

.flag-icon-mr.flag-icon-squared {
  background-image: url('mr.6613429f6aa95ee31095.svg');
}

.flag-icon-ms {
  background-image: url('ms.b049035cc6079c8482ba.svg');
}

.flag-icon-ms.flag-icon-squared {
  background-image: url('ms.794f61726d34ce53abfc.svg');
}

.flag-icon-mt {
  background-image: url('mt.aeab19012d58e31efd10.svg');
}

.flag-icon-mt.flag-icon-squared {
  background-image: url('mt.b73a1fbd6b647313b0f4.svg');
}

.flag-icon-mu {
  background-image: url('mu.1151048a5521f7ac170b.svg');
}

.flag-icon-mu.flag-icon-squared {
  background-image: url('mu.5ea122858bea977cff5a.svg');
}

.flag-icon-mv {
  background-image: url('mv.d2caec742c088911513d.svg');
}

.flag-icon-mv.flag-icon-squared {
  background-image: url('mv.6527f12252ea96995123.svg');
}

.flag-icon-mw {
  background-image: url('mw.0d52472f54b74499d5bb.svg');
}

.flag-icon-mw.flag-icon-squared {
  background-image: url('mw.4a1d5de1f5899433923f.svg');
}

.flag-icon-mx {
  background-image: url('mx.14323369d3709b556c4e.svg');
}

.flag-icon-mx.flag-icon-squared {
  background-image: url('mx.263c54e2f3310b2bf927.svg');
}

.flag-icon-my {
  background-image: url('my.a62cedcf92e94d9103f7.svg');
}

.flag-icon-my.flag-icon-squared {
  background-image: url('my.6d447145fa4932294a5e.svg');
}

.flag-icon-mz {
  background-image: url('mz.01b2fc27672e60ec8177.svg');
}

.flag-icon-mz.flag-icon-squared {
  background-image: url('mz.8cc9f2e6644203aa29d1.svg');
}

.flag-icon-na {
  background-image: url('na.d1afa95b2bef9cd78555.svg');
}

.flag-icon-na.flag-icon-squared {
  background-image: url('na.fb048029be1852505642.svg');
}

.flag-icon-nc {
  background-image: url('nc.14467e33f30091e082cb.svg');
}

.flag-icon-nc.flag-icon-squared {
  background-image: url('nc.a059da791d22d2289a18.svg');
}

.flag-icon-ne {
  background-image: url('ne.7019a67a9ea06975fd7b.svg');
}

.flag-icon-ne.flag-icon-squared {
  background-image: url('ne.e9b7424aba44195111b2.svg');
}

.flag-icon-nf {
  background-image: url('nf.b26461457e7547cce62d.svg');
}

.flag-icon-nf.flag-icon-squared {
  background-image: url('nf.ba6c3e3c169fdec8d904.svg');
}

.flag-icon-ng {
  background-image: url('ng.f6b0d4bf07e5edc95f64.svg');
}

.flag-icon-ng.flag-icon-squared {
  background-image: url('ng.cb02053db190b06ecbbd.svg');
}

.flag-icon-ni {
  background-image: url('ni.fd9face739924d86e377.svg');
}

.flag-icon-ni.flag-icon-squared {
  background-image: url('ni.4dcbc208c23fd5b198b4.svg');
}

.flag-icon-nl {
  background-image: url('nl.77f06245c1545d22aa4c.svg');
}

.flag-icon-nl.flag-icon-squared {
  background-image: url('nl.6bbdb86d47032fce3740.svg');
}

.flag-icon-no {
  background-image: url('no.89085b7802da8ea60f4a.svg');
}

.flag-icon-no.flag-icon-squared {
  background-image: url('no.b311bcfb6bbfa163debb.svg');
}

.flag-icon-np {
  background-image: url('np.5efb6dbf3c8b4deeca0e.svg');
}

.flag-icon-np.flag-icon-squared {
  background-image: url('np.6cc6ce1aae8095347458.svg');
}

.flag-icon-nr {
  background-image: url('nr.b1bb61f39f76a72eaaa3.svg');
}

.flag-icon-nr.flag-icon-squared {
  background-image: url('nr.9ac9834ccbc34eb661ac.svg');
}

.flag-icon-nu {
  background-image: url('nu.80ae88a6dbbe77eca96d.svg');
}

.flag-icon-nu.flag-icon-squared {
  background-image: url('nu.6cd9f2a18a6b9572e2f3.svg');
}

.flag-icon-nz {
  background-image: url('nz.a61b860aa3ea45de9dcc.svg');
}

.flag-icon-nz.flag-icon-squared {
  background-image: url('nz.bc368a446c5fa1fc0b11.svg');
}

.flag-icon-om {
  background-image: url('om.29d4236ebb6a5e42757e.svg');
}

.flag-icon-om.flag-icon-squared {
  background-image: url('om.1088d9f1b7156b70ce2e.svg');
}

.flag-icon-pa {
  background-image: url('pa.61217fc9545f5b67816f.svg');
}

.flag-icon-pa.flag-icon-squared {
  background-image: url('pa.6b654870934191d33e2e.svg');
}

.flag-icon-pe {
  background-image: url('pe.933c4110ffbd02089931.svg');
}

.flag-icon-pe.flag-icon-squared {
  background-image: url('pe.2fd57361e848f7edd226.svg');
}

.flag-icon-pf {
  background-image: url('pf.ebcb5f3a747b9a42373d.svg');
}

.flag-icon-pf.flag-icon-squared {
  background-image: url('pf.fe0c332fcd240cd710ac.svg');
}

.flag-icon-pg {
  background-image: url('pg.22845621062305f052ca.svg');
}

.flag-icon-pg.flag-icon-squared {
  background-image: url('pg.c7f23a62837d028df329.svg');
}

.flag-icon-ph {
  background-image: url('ph.2f877f2da1b5b9bf8baa.svg');
}

.flag-icon-ph.flag-icon-squared {
  background-image: url('ph.5212030c0caf249fcfa0.svg');
}

.flag-icon-pk {
  background-image: url('pk.af7f6f40f6194466b0c7.svg');
}

.flag-icon-pk.flag-icon-squared {
  background-image: url('pk.0ab98fa516c537545eda.svg');
}

.flag-icon-pl {
  background-image: url('pl.a33451c4974c748a833b.svg');
}

.flag-icon-pl.flag-icon-squared {
  background-image: url('pl.0c719a5e34b8a19f8bdd.svg');
}

.flag-icon-pm {
  background-image: url('pm.14467e33f30091e082cb.svg');
}

.flag-icon-pm.flag-icon-squared {
  background-image: url('pm.a059da791d22d2289a18.svg');
}

.flag-icon-pn {
  background-image: url('pn.0c0506f8911b46643254.svg');
}

.flag-icon-pn.flag-icon-squared {
  background-image: url('pn.c453698b13842397fb93.svg');
}

.flag-icon-pr {
  background-image: url('pr.249adf50055091fc477c.svg');
}

.flag-icon-pr.flag-icon-squared {
  background-image: url('pr.68d6bf6b7adf7a4724c5.svg');
}

.flag-icon-ps {
  background-image: url('ps.729ff122b21d0bb4bae5.svg');
}

.flag-icon-ps.flag-icon-squared {
  background-image: url('ps.4098affcbb948ddfeed5.svg');
}

.flag-icon-pt {
  background-image: url('pt.4698bf93b0588a461e78.svg');
}

.flag-icon-pt.flag-icon-squared {
  background-image: url('pt.043fee63e77c46d0cd0d.svg');
}

.flag-icon-pw {
  background-image: url('pw.8b31b83d12b013f1144d.svg');
}

.flag-icon-pw.flag-icon-squared {
  background-image: url('pw.303aec1aaaab30424e2d.svg');
}

.flag-icon-py {
  background-image: url('py.f38609c1094cd15ede2a.svg');
}

.flag-icon-py.flag-icon-squared {
  background-image: url('py.f0329b1a5bc30a8cbda0.svg');
}

.flag-icon-qa {
  background-image: url('qa.c6068489e8c712e2054f.svg');
}

.flag-icon-qa.flag-icon-squared {
  background-image: url('qa.6f903af2695b999b7b49.svg');
}

.flag-icon-re {
  background-image: url('re.14467e33f30091e082cb.svg');
}

.flag-icon-re.flag-icon-squared {
  background-image: url('re.a059da791d22d2289a18.svg');
}

.flag-icon-ro {
  background-image: url('ro.4bf99607b77ec3a45315.svg');
}

.flag-icon-ro.flag-icon-squared {
  background-image: url('ro.82994ca791f5b41f9af1.svg');
}

.flag-icon-rs {
  background-image: url('rs.c9ae62f6cd9f334dc7f3.svg');
}

.flag-icon-rs.flag-icon-squared {
  background-image: url('rs.652687423109a2acc68e.svg');
}

.flag-icon-ru {
  background-image: url('ru.6edf42b2ab0fbc6d5a3c.svg');
}

.flag-icon-ru.flag-icon-squared {
  background-image: url('ru.b3c3f859a039d129f87b.svg');
}

.flag-icon-rw {
  background-image: url('rw.c459597825fc033b83a0.svg');
}

.flag-icon-rw.flag-icon-squared {
  background-image: url('rw.9ba1be213eb842ded676.svg');
}

.flag-icon-sa {
  background-image: url('sa.b8315d8a2b264f143135.svg');
}

.flag-icon-sa.flag-icon-squared {
  background-image: url('sa.598ae54ff33b5f49b422.svg');
}

.flag-icon-sb {
  background-image: url('sb.720be3bc61e44d9894ae.svg');
}

.flag-icon-sb.flag-icon-squared {
  background-image: url('sb.eacffe8c869c0c206804.svg');
}

.flag-icon-sc {
  background-image: url('sc.09d0383d66ae637e3009.svg');
}

.flag-icon-sc.flag-icon-squared {
  background-image: url('sc.b3efa305758658bda1c8.svg');
}

.flag-icon-sd {
  background-image: url('sd.ec9ae12f32ee50ae57a0.svg');
}

.flag-icon-sd.flag-icon-squared {
  background-image: url('sd.e64196a19212347a739b.svg');
}

.flag-icon-se {
  background-image: url('se.194e794083226444594b.svg');
}

.flag-icon-se.flag-icon-squared {
  background-image: url('se.4bf1ce0f2e92ad1c6efd.svg');
}

.flag-icon-sg {
  background-image: url('sg.f7ec643ef1b348a7450f.svg');
}

.flag-icon-sg.flag-icon-squared {
  background-image: url('sg.169db9ac9eed86c07ec9.svg');
}

.flag-icon-sh {
  background-image: url('sh.566d7ffc60eb62afcbee.svg');
}

.flag-icon-sh.flag-icon-squared {
  background-image: url('sh.2cb0a7f44fce3800ff02.svg');
}

.flag-icon-si {
  background-image: url('si.0bae5192ca26652ce5ff.svg');
}

.flag-icon-si.flag-icon-squared {
  background-image: url('si.2e19e9020f218c18985a.svg');
}

.flag-icon-sj {
  background-image: url('sj.89085b7802da8ea60f4a.svg');
}

.flag-icon-sj.flag-icon-squared {
  background-image: url('sj.b311bcfb6bbfa163debb.svg');
}

.flag-icon-sk {
  background-image: url('sk.bbfbceb33bf561fb6ad2.svg');
}

.flag-icon-sk.flag-icon-squared {
  background-image: url('sk.29fd3d990383279d3151.svg');
}

.flag-icon-sl {
  background-image: url('sl.d589fff777c6686b3b91.svg');
}

.flag-icon-sl.flag-icon-squared {
  background-image: url('sl.0deb1c55132621f73565.svg');
}

.flag-icon-sm {
  background-image: url('sm.891faeee2077481878c1.svg');
}

.flag-icon-sm.flag-icon-squared {
  background-image: url('sm.ea30a478475f389516ff.svg');
}

.flag-icon-sn {
  background-image: url('sn.501b6a8ab21c318b28ce.svg');
}

.flag-icon-sn.flag-icon-squared {
  background-image: url('sn.cc0ffa104accc521bf0e.svg');
}

.flag-icon-so {
  background-image: url('so.b363aa905935658ea0d0.svg');
}

.flag-icon-so.flag-icon-squared {
  background-image: url('so.db753695c651a00e080d.svg');
}

.flag-icon-sr {
  background-image: url('sr.523ebd93705619360572.svg');
}

.flag-icon-sr.flag-icon-squared {
  background-image: url('sr.07f41f5eb2cd34e8e4dd.svg');
}

.flag-icon-ss {
  background-image: url('ss.24a6039b5792fefac68c.svg');
}

.flag-icon-ss.flag-icon-squared {
  background-image: url('ss.88a2a482613a6569f908.svg');
}

.flag-icon-st {
  background-image: url('st.9216600ded90987357ff.svg');
}

.flag-icon-st.flag-icon-squared {
  background-image: url('st.42279f79461d618ef621.svg');
}

.flag-icon-sv {
  background-image: url('sv.7e159b96325de499bf77.svg');
}

.flag-icon-sv.flag-icon-squared {
  background-image: url('sv.b3ad534c0d2ed3aecb25.svg');
}

.flag-icon-sx {
  background-image: url('sx.80f00cf90ddf72e22a20.svg');
}

.flag-icon-sx.flag-icon-squared {
  background-image: url('sx.4ee5e32b6a8f5f474881.svg');
}

.flag-icon-sy {
  background-image: url('sy.ffadea3bef6581da2ab3.svg');
}

.flag-icon-sy.flag-icon-squared {
  background-image: url('sy.28266f5e32bfea14b63d.svg');
}

.flag-icon-sz {
  background-image: url('sz.9497ae5bf2da01aead51.svg');
}

.flag-icon-sz.flag-icon-squared {
  background-image: url('sz.ac30151871513416931f.svg');
}

.flag-icon-tc {
  background-image: url('tc.0a14c7ce0e865d0031b7.svg');
}

.flag-icon-tc.flag-icon-squared {
  background-image: url('tc.bc0c88a0974ab176fd5e.svg');
}

.flag-icon-td {
  background-image: url('td.b4de905dcff2586efe64.svg');
}

.flag-icon-td.flag-icon-squared {
  background-image: url('td.9bb8d37969d619a8bfa8.svg');
}

.flag-icon-tf {
  background-image: url('tf.807fc36c92b6bd1f9032.svg');
}

.flag-icon-tf.flag-icon-squared {
  background-image: url('tf.b9a977efcc340ab160e4.svg');
}

.flag-icon-tg {
  background-image: url('tg.55de1c7e772fa5ffff7f.svg');
}

.flag-icon-tg.flag-icon-squared {
  background-image: url('tg.e5c44ac43bf0a565c428.svg');
}

.flag-icon-th {
  background-image: url('th.c45c1e75e51c06c3d5ec.svg');
}

.flag-icon-th.flag-icon-squared {
  background-image: url('th.ad1fe6c7b5cfb543d12f.svg');
}

.flag-icon-tj {
  background-image: url('tj.2deed90ce74f9c34a924.svg');
}

.flag-icon-tj.flag-icon-squared {
  background-image: url('tj.b58b62df2d820d71ffd5.svg');
}

.flag-icon-tk {
  background-image: url('tk.ec24e65ed9d23987d122.svg');
}

.flag-icon-tk.flag-icon-squared {
  background-image: url('tk.9ccc999a3268762ab977.svg');
}

.flag-icon-tl {
  background-image: url('tl.96fc4c66cf855c1ce3c9.svg');
}

.flag-icon-tl.flag-icon-squared {
  background-image: url('tl.ceae1d3826fc9a3e1e11.svg');
}

.flag-icon-tm {
  background-image: url('tm.420500bc4c84152aefd6.svg');
}

.flag-icon-tm.flag-icon-squared {
  background-image: url('tm.0ac2dc6bf193a31573c4.svg');
}

.flag-icon-tn {
  background-image: url('tn.0706223ea0c62af51b3f.svg');
}

.flag-icon-tn.flag-icon-squared {
  background-image: url('tn.036b91ece256cd9acdd9.svg');
}

.flag-icon-to {
  background-image: url('to.5e692d78305b5ce632f6.svg');
}

.flag-icon-to.flag-icon-squared {
  background-image: url('to.b188685a7f7bcc40dc9f.svg');
}

.flag-icon-tr {
  background-image: url('tr.c5e9ee6c774f41263d09.svg');
}

.flag-icon-tr.flag-icon-squared {
  background-image: url('tr.4d363ee11b1046f0dc6d.svg');
}

.flag-icon-tt {
  background-image: url('tt.d764853d2341115f6a5c.svg');
}

.flag-icon-tt.flag-icon-squared {
  background-image: url('tt.4d852eb7eb593fbdb93c.svg');
}

.flag-icon-tv {
  background-image: url('tv.76ef36772a2d4db1c424.svg');
}

.flag-icon-tv.flag-icon-squared {
  background-image: url('tv.41f00332eeaf63af53e4.svg');
}

.flag-icon-tw {
  background-image: url('tw.90a299a9032e667ee79c.svg');
}

.flag-icon-tw.flag-icon-squared {
  background-image: url('tw.587135c60b7b294cd7e7.svg');
}

.flag-icon-tz {
  background-image: url('tz.9b2b45fbd033a4af94c2.svg');
}

.flag-icon-tz.flag-icon-squared {
  background-image: url('tz.bd9bccd9c75127f992bb.svg');
}

.flag-icon-ua {
  background-image: url('ua.c4e7e63138feb1f8edc0.svg');
}

.flag-icon-ua.flag-icon-squared {
  background-image: url('ua.f8a5b701e8be49844498.svg');
}

.flag-icon-ug {
  background-image: url('ug.ee8f3bacb5ed05779d67.svg');
}

.flag-icon-ug.flag-icon-squared {
  background-image: url('ug.de85f9a1ed4dc5d8efe3.svg');
}

.flag-icon-um {
  background-image: url('um.6dbcc1c44669eb533840.svg');
}

.flag-icon-um.flag-icon-squared {
  background-image: url('um.0a15a58431eb9fb9ae8c.svg');
}

.flag-icon-us {
  background-image: url('us.0fffdc4abb38bf1ad94b.svg');
}

.flag-icon-us.flag-icon-squared {
  background-image: url('us.e173c4df9d485e840967.svg');
}

.flag-icon-uy {
  background-image: url('uy.b08b051236d564cea4a0.svg');
}

.flag-icon-uy.flag-icon-squared {
  background-image: url('uy.a33eee89937280b6d32f.svg');
}

.flag-icon-uz {
  background-image: url('uz.2e14f4729617cfe20e33.svg');
}

.flag-icon-uz.flag-icon-squared {
  background-image: url('uz.f68a40a316203d1d3279.svg');
}

.flag-icon-va {
  background-image: url('va.db5e8af0175d10015b24.svg');
}

.flag-icon-va.flag-icon-squared {
  background-image: url('va.f892d9e56a056bd2827e.svg');
}

.flag-icon-vc {
  background-image: url('vc.4416a5800cb99918b30f.svg');
}

.flag-icon-vc.flag-icon-squared {
  background-image: url('vc.7308c38ef44a08f4b7b1.svg');
}

.flag-icon-ve {
  background-image: url('ve.d5e003b6485a4124cc34.svg');
}

.flag-icon-ve.flag-icon-squared {
  background-image: url('ve.960d5e978bbf65793c32.svg');
}

.flag-icon-vg {
  background-image: url('vg.145f8b770cfdcae9dff3.svg');
}

.flag-icon-vg.flag-icon-squared {
  background-image: url('vg.330e362c2bffcaa0791f.svg');
}

.flag-icon-vi {
  background-image: url('vi.a6188062c8ca78e1bac3.svg');
}

.flag-icon-vi.flag-icon-squared {
  background-image: url('vi.9294281316d407795f95.svg');
}

.flag-icon-vn {
  background-image: url('vn.5f46823853315bf96c07.svg');
}

.flag-icon-vn.flag-icon-squared {
  background-image: url('vn.4a909d842bdc93328062.svg');
}

.flag-icon-vu {
  background-image: url('vu.5b2499ba08a84efa8e33.svg');
}

.flag-icon-vu.flag-icon-squared {
  background-image: url('vu.8f8d00bca092a9524a4e.svg');
}

.flag-icon-wf {
  background-image: url('wf.ce65627844be52bd4c26.svg');
}

.flag-icon-wf.flag-icon-squared {
  background-image: url('wf.e562056965aaaf9b89eb.svg');
}

.flag-icon-ws {
  background-image: url('ws.165931ef35d1ff01b7d0.svg');
}

.flag-icon-ws.flag-icon-squared {
  background-image: url('ws.910ff45934b29f6cfd10.svg');
}

.flag-icon-ye {
  background-image: url('ye.ca936d441dac55e9abdc.svg');
}

.flag-icon-ye.flag-icon-squared {
  background-image: url('ye.91907bc44558486d4706.svg');
}

.flag-icon-yt {
  background-image: url('yt.14467e33f30091e082cb.svg');
}

.flag-icon-yt.flag-icon-squared {
  background-image: url('yt.a059da791d22d2289a18.svg');
}

.flag-icon-za {
  background-image: url('za.7ad48bd5eb85ba80dbed.svg');
}

.flag-icon-za.flag-icon-squared {
  background-image: url('za.9bb497a077e3853ddab0.svg');
}

.flag-icon-zm {
  background-image: url('zm.1fda09ef18791acb54ba.svg');
}

.flag-icon-zm.flag-icon-squared {
  background-image: url('zm.41afefc05a86dbb565b3.svg');
}

.flag-icon-zw {
  background-image: url('zw.1ca50f375f0589cbc742.svg');
}

.flag-icon-zw.flag-icon-squared {
  background-image: url('zw.041e8dfb11ed49cf2563.svg');
}

.flag-icon-eu {
  background-image: url('eu.441e1f6e71dfd81e10e3.svg');
}

.flag-icon-eu.flag-icon-squared {
  background-image: url('eu.e4e50311e7ce569994b9.svg');
}

.flag-icon-gb-eng {
  background-image: url('gb-eng.66465e3823b21cd981e3.svg');
}

.flag-icon-gb-eng.flag-icon-squared {
  background-image: url('gb-eng.c3728c878340fb0cece7.svg');
}

.flag-icon-gb-nir {
  background-image: url('gb-nir.a7195b4c0984dee9ce0f.svg');
}

.flag-icon-gb-nir.flag-icon-squared {
  background-image: url('gb-nir.0cbcd294bbb6b6671061.svg');
}

.flag-icon-gb-sct {
  background-image: url('gb-sct.2b290d929f822fe55354.svg');
}

.flag-icon-gb-sct.flag-icon-squared {
  background-image: url('gb-sct.7b4947f0a6e6a2f399a4.svg');
}

.flag-icon-gb-wls {
  background-image: url('gb-wls.523642e50f27fa8f139d.svg');
}

.flag-icon-gb-wls.flag-icon-squared {
  background-image: url('gb-wls.da354c327a73c496f4b2.svg');
}

.flag-icon-un {
  background-image: url('un.ef53b652b4696296bd6c.svg');
}

.flag-icon-un.flag-icon-squared {
  background-image: url('un.2f28d50fe56598f0bf33.svg');
}

.feedback-btn {
  font-size: 14px;
  position: fixed;
  bottom: -3px;
  right: 60px;
  width: auto;
}

#feedback-module p {
  font-size: 13px;
  color: #666;
  margin-bottom: 5px;
}

#feedback-note-tmp {
  width: 100%;
  height: auto;
  min-height: 120px;
  outline: none;
  /*font-family: ;*/
  padding: 4px;
  border-color: #d0d5d8;
  border-radius: 3px;
}

#feedback-note-tmp:focus,
#feedback-overview-note:focus {
  border: 1px solid #479f17;
}

#feedback-canvas {
  position: absolute;
  top: 0;
  left: 0;
}

#feedback-welcome {
  top: 30%;
  left: 50%;
  margin-left: -270px;
  display: block;
  position: fixed;
}

.feedback-logo {
  /*background: url(images/icons.png) -0px -0px no-repeat;*/
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: normal;
  line-height: 32px;
  height: 32px;
  font-weight: 600;
  color: #5f5f5f;
  /*font-family: opensans;*/
}

.feedback-next-btn {
  width: 72px;
  height: 29px;
  line-height: 27px;
  float: right;
  font-size: 13px;
  padding: 0 8px;
  margin-top: 5px;
}

.feedback-back-btn {
  width: 72px;
  height: 29px;
  line-height: 27px;
  float: right;
  font-size: 13px;
  padding: 0 8px;
  margin-right: 10px;
  margin-top: 5px;
}

.feedback-submit-btn {
  width: 72px;
  height: 29px;
  line-height: 27px;
  float: right;
  font-size: 13px;
  padding: 0 8px;
}

.feedback-close-btn {
  width: 72px;
  height: 29px;
  line-height: 27px;
  float: right;
  font-size: 13px;
  padding: 0 8px;
}

.feedback-helper {
  background: rgba(0, 0, 0, 0);
  cursor: default;
}

.feedback-helper[data-type="highlight"]>.feedback-helper-inner {
  background: rgba(0, 68, 255, 0.1);
}

#feedback-close {
  cursor: pointer;
  position: absolute;
  /*background: url(images/icons.png) 0px -64px;*/
  width: 30px;
  height: 30px;
}

.feedback-wizard-close {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 2px;
  /*background-image: url(images/btn-icon-sprite.png);*/
  width: 30px;
  height: 30px;
  opacity: 0.65;
  background-position: 323px 1224px;
}

.feedback-wizard-close:hover {
  background-position: 267px 1224px;
}

#feedback-welcome-error,
#feedback-overview-error {
  display: none;
  color: #f13e3e;
  float: right;
  margin-right: 30px;
  font-size: 13px;
  line-height: 29px;
}

#feedback-overview-error {
  margin-top: 20px;
}

#feedback-highlighter {
  display: none;
  bottom: 100px;
  right: 100px;
  position: fixed;
  width: 540px;
  height: 275px;
}

#feedback-highlighter p {
  margin-bottom: 14px;
}

#feedback-overview {
  display: none;
  top: 10%;
  left: 50%;
  margin-left: -420px;
  position: fixed;
  width: 840px !important;
  height: auto;
}

#feedback-submit-error,
#feedback-submit-success {
  top: 30%;
  left: 50%;
  margin-left: -300px;
  display: block;
  position: fixed;
  width: 600px;
  height: auto;
}

.feedback-btn {
  padding: 10px;
  outline: 0;
  background-clip: padding-box;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  z-index: 9998;
}

.feedback-btn-gray {
  text-align: center;
  cursor: pointer;
  /*font-family: 'Open sans';
    border: 1px solid #dcdcdc;*/
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #fff;
  border-radius: 2px;
  background-color: #479f17;
}

.feedback-btn-gray:hover {
  color: #fff;
  border-radius: 2px;
  border: 1px solid #c6c6c6;
  background-color: #4855a1;
}

.feedback-btn-blue {
  text-align: center;
  cursor: pointer;
  /*font-family: 'Open sans';
    border: 1px solid #dcdcdc;*/
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #fff;
  border-radius: 2px;
  background-color: #479f17;
  margin-top: 4px;
}

.feedback-btn-blue:hover {
  background-color: #4b58a3;
}

#feedback-note-tmp,
#feedback-overview-note {
  resize: none;
}

#feedback-welcome,
#feedback-highlighter,
#feedback-overview,
#feedback-submit-success,
#feedback-submit-error {
  /*font-family: ;*/
  z-index: 40000;
  /*background: #fff;*/
  padding: 26px 25px;
  width: 540px;
  outline: 0;
  background: #fff;
  background-clip: padding-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*-webkit-transform: translateZ(0);*/
}

.feedback-sethighlight,
.feedback-setblackout {
  box-shadow: none;
  background-color: #ffffff;
  color: #444;
  border-radius: 2px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  margin-right: 16px;
  height: 30px;
  line-height: 28px;
  min-width: 90px;
  outline: 0;
  padding: 0 8px;
  display: inline-block;
  float: left;
  cursor: pointer;
  border: 1px solid #ccc !important;
}

.feedback-setblackout {
  margin-top: 10px;
  clear: both;
}

.feedback-sethighlight div {
  /*background-image: url(../images/btn-icon-sprite.png);*/
  width: 30px;
  height: 28px;
  margin-top: 0;
  float: left;
  background-position: 206px 81px;
}

.feedback-setblackout div {
  /*background-image: url(images/btn-icon-sprite.png);*/
  width: 30px;
  height: 28px;
  margin-top: 0;
  float: left;
  background-position: 151px 81px;
}

.feedback-sethighlight:hover,
.feedback-setblackout:hover {
  box-shadow: none;
  background-color: #f8f8f8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #c6c6c6;
  color: #333;
  cursor: pointer;
}

.feedback-active {
  background-color: #eee;
  background-image: -webkit-linear-gradient(top, #d2d8ff, #e0e0e0);
  border: 1px solid #ccc;
  color: #333;
}

#feedback-highlighter label {
  float: left;
  margin: 0 0 0 10px;
  line-height: 30px;
  font-size: 13px;
  font-weight: normal;
}

#feedback-highlighter label.lower {
  margin-top: 10px;
}

.feedback-buttons {
  float: right;
  margin-top: 20px;
  clear: both;
}

#feedback-module h3 {
  font-weight: 600;
  font-size: 15px;
  margin: 8px 0;
  /*font-family: opensans;*/
}

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

#feedback-overview-description {
  float: left;
}

#feedback-overview-note {
  width: 364px;
  padding: 4px;
  height: 120px;
  outline: none;
  /*font-family: ;*/
  border-color: #d0d5d8;
  border-radius: 3px;
}

#feedback-overview-screenshot {
  float: right;
}

.feedback-screenshot {
  max-width: 396px;
  padding: 1px;
  border: 1px solid #adadad;
}

#feedback-highlighter-back,
#feedback-overview-back {
  background-color: #e9e9e9 !important;
  color: #666 !important;
}

#feedback-highlighter-back:hover,
#feedback-overview-back:hover {
  background-color: #dadada !important;
}

#feedback-overview-description-text span {
  font-size: 15px;
  margin: 8px 0;
  color: #666;
  padding-left: 10px;
  /*background: url(images/icons.png) -30px -34px no-repeat;*/
  margin-left: 26px;
}

#feedback-browser-info,
#feedback-page-info,
#feedback-page-structure,
#feedback-additional-none {
  margin-top: 16px;
  display: none;
}

.feedback-add-screenshot {
  font-size: 13px;
  margin-top: 10px;
}

.feedback-add-screenshot label {
  display: inline;
  margin-left: 2px;
  vertical-align: top;
  top: -2px;
  position: relative;
}

#feedback-add-screenshot {
  margin: 0;
}

.feedback-urgent {
  float: right;
}

#feedback-urgent {
  opacity: 0;
  width: 0;
  height: 0;
  float: left;
}

#feedback-urgent+label:before {
  content: '';
  display: inline-block;
  height: 18px;
  width: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAASCAYAAAApH5ymAAAGeklEQVR42pWWWUxUVxjHZ2GAIkZFcRhmZYYRlEWNrUuiqTXa1OqDS7StfWmTSjBpKdZaa1qX2qjYRK1NakKXt1b6UhM3RHGLGhMtKsg6DoMiMMA4CzMw+9z773dOuFM1ojbk4945986c3/nWvwzAUxYKheSdnZ1pN2/enEA2btQyWlpastra2ibX1tYqRVGUkfH3BUGQ7l9qfw4dVZbbyjMdWJqOerJ1S1VoLE9HTWU6ZDI5RMjio+/G43EZxLgs+WUCkDc2Nqqam5sndnV1bXQ4HNGrV69GT506Faurq4teuXIlbLfbg/Rs061bt7QMimDlL4MqBxQbgBRcLctE9cEPcODIiGfRyohdWxp6NG2er3/Ru/2Rqqou4djBj9rvVmoZJP0ppO/zf5InyHMLCSJ07tw5nDhxAvX19bhw4QLOnj2LixcvgoC40WFA7y65fv26kg4hf5EHE4jJcGj/wkjV4YCjdAEcEzQY0ecjkJePPr0eCV0BnLlWNM2ai8Hd3wFH9i/FnLKUGbugjIv/ATK4N2/fvp04ffo0yGM4f/48yHvMOCitc0gGf+bMGZC3QV5+x+l0Kl/oxbq9izu3bBMdumIEJ5nhMRpht2jh0GoQNFjxUE9OI0hkGtCvLoDns0rg1x9WXXZdVu3wQZ78ofb2du4p8hAHIUgJlEPRPX9GsOzKgTs6OoJkUyk3FWMBCtt2wz59AbyTLICWALQG9OVZ4DMWIzKlBF6tGf0aPXwWfoXdNB3iN3uj2L49l1CVLI8UlFcVBMI3JxAORJA8zATNIPk65SH6+vrgcrn4cwq/8ODBg8+bmprSkyFNxKhoeGgUOPhThc9kQUA/B05TCfx6DcRcLdpyjLAVz0JYo4M/Vw0x/3WEj/8NZ8ddNKxYjYi+VMCxw5vKQyGVrKamRkV5x6EonGxjDnXp0iUJln3m9wQDqi4kEgl0d3dzcCqqMDukBAhB4JUoa5CpRg7+BFeeFe4MExL6WXBrTIhZZsCnscKjo3Crs9FZPBeh36uBoB8IhSD+9gsSkwvF/h07u1llyyiXNNeuXZNCy6+tra24ceMGB5DC3dvby8GoIBAIBNhzDk6FIlLRZD8ZVg2Q9jhYphlctho9lF8Rcym6zNMR+3IrHr23AcO6IkBTiM6iIrhr64F4ECLiiNk6kFi0Dr3GaRhc/mEA5bbxLPcsT+QZr9BoNMo9Rf2PQfKwRiIRvhYMBnmoT548yULMDiTu2bMnNQmogWIFMB7YavGZZsKtL0FPgRWRHV8AURfB+PH4/U/gLFgI/PEXXIKAAEJAdxf6Fm2AXZ2HEcrHgZxZ8fzlMlUSkIxtxkLGQYaHhzmU2+0GtSBu5DkOR4eRKpt9T2hoaJg6FuCQoQi9OgNiFZ8S3DBaEYHoGgAuN0CMk9+EGCI9HfC9sRZ90+YiodZi0DABbvNMocdWnp0MsVQkbHNa40CxWIzBcvP7/Syc3MuUq1IlszWBHfKZEKdLIR4yWYEp+RhWz8bA5u+BRAQexBBAggxAUyOGFq+BN6cAPVlqDFrV8GZn4uH6VUJ033bLU0VCgMnmTJWJcDjM8o57jg7Bc45MajW8H96/f1+orq5OGatIvCYDolMLgMmzqTnPg3vL10CgF8AI0NyB/mVrCcgC/xQNbzVOYw7shXkQd+8TymTVKck2I4WMNmWw3KN37tyBx+PhFU3rDJzBSVOG27179zaz3xirzQxbTbAZrdScixDM1sLL7nduh/jPdXS+tRwOSgExxwx/vhFtOjVGdFYKcymajx/aDNkuxXMbNQFJRcOvkj3bqG02m0iN2kyNOmPMUffVLt6ofVn5gK4QXp0RTnM+vAQWnlyModznNOpv94nUqM2VQMaTo24xjTrmqf8z6tbQqEujMKe+ZNShS1/CR53XZJJGHZvJY426NTTq0mjUpT4rFpbQZrEXiAWRLE6tKErvLqMCSSGxkPIKYmFJeP/hWGfJ/KfEgtNgkMSCSGIhQWJBILHw9qhYSHlKLFB7UZFX0uiaNSq3grR5gjwoEHCY2ssAwbfRs/Ukt7IZlJR7L7IyQLUBSCO5lYXqQxtR9WPQs3BlguSW0FMwP0Zyayh8oKqX5NbHJLdyx5Jb3Gh8yUmwKslDqdSkJ5JljNprtDaOci2daUBJsFKo5a8kWI9Cjm4oj3bvT61oqZhIgjUD9WTryBrLJ5BgHU8oCkmwzvi5RS4J1n8BnT/jYGMS4poAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-right: 3px;
  vertical-align: text-bottom;
}

#feedback-urgent:checked+label:before {
  background-position: -22px 0;
}

/*Start Added by Ajay*/

.ui-fileupload-content-hide {
  display: none;
}

.ui-fileupload-content-show {
  display: block;
}

.activity-record-book-overflow {
  overflow: auto;
  height: 100%;
}

.activityRecordBookRowViewDiv {
  height: 400px;
}

.tdMasterSignature {
  border: 0px solid #ccc !important;
  height: 40px;
  vertical-align: middle !important;
}

.imgSignature {
  /*height: 20px;
  margin: 0px 5px 0px 5px;*/
  height: 45px;
  margin: -15px 0 -45px 0;
}

.imgSignatureFromHtmlText {
  /*height: 20px;
  margin: 0px 5px 0px 5px;*/
  height: 45px;
  margin: -15px 0 -30px 0;
}

.labelBeforeAfterFirstSignVariable {
  float: left;
}

.labelBeforeAfterFirstSignVariableForWrongEntry {
  float: left;
  text-decoration: line-through;
}

.divImgSignatureFromHtmlText {
  overflow: hidden;
  float: left;
  height: 25px;
  margin: -2px 0px -2px 0px;
}

.tdImgSignature {
  overflow: hidden;
}

.divImgSignature {
  overflow: hidden;
  float: left;
  height: 40px;
  margin: -10px 0px -10px 0px;
}

.imgSignatureGrb {
  height: 40px;
  margin: -15px 0px -20px 0px;
}

.imgMasterSignature {
  height: 50px;
  margin: -10px 0px;
}

.tdBlankCell {
  height: 36px;
}

.button-right {
  float: right;
}

.handCursor {
  cursor: pointer;
}

/*End Added by Ajay*/

.cstDailog .ui-dialog {
  width: 90%;
  background: #fff;
  padding-bottom: 20px;
}

.cstSMDialog .ui-dialog {
  width: 500px;
  padding: 12px;
}

.cstDailog .mainHeader {
  font-size: 16px;
  font-weight: 700;
}

.cstDailog .subMainHeader {
  font-size: 12px;
  font-weight: 400;
}

.cstDailog .ui-dialog-titlebar-icons {
  display: none;
}

.cstDailog .cstSearch {
  width: 100%;
  min-height: 44px;
  border-color: #9E9E9E !important;
}

/* .cstTable th, .cstTable td{
  border: none !important;
  height: 54px;
} */

.cstTable th {
  background-color: #E7E7E7 !important;
}

/* .cstTable td{
  background-color: #FBFBFB !important;
} */

.cstTable .ui-chkbox .ui-chkbox-box {
  border-radius: 0px;
  border: 2px solid #333640 !important
}

.cstTable .ui-chkbox .ui-chkbox-box.ui-state-active {
  border: 2px solid #333640 !important;
  background-color: transparent !important;
}

.cstTable .ui-chkbox .ui-chkbox-box .ui-chkbox-icon::before {
  color: #333640 !important;
}

.cstDailog .cstCancel,
.cstDailog .cstCancel:hover {
  background-color: #DBDBDB !important;
  border: none;
  color: #000 !important;
}

.cstDailog .loader {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #CCE9FF;
  margin: auto;
}

.cstDailog .loader,
.cstDailog .inner-loader {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cstDailog .inner-loader {
  width: 100px;
  height: 100px;
  background-color: #ffffff5e;
}

.cstDailog .ui-dialog-footer p-footer{
    display: flex;
    justify-content: end;
}

.cstDailog .ui-dialog-footer .ui-button{
      display: flex;
    align-items: center;
    padding: 6px 15px;
    min-width: 90px;
    justify-content: center;
}

.icon-spin {
  display: inline-block;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.stepper {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  margin: 16px 0 8px;
  counter-reset: step;
}

.step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0;
  min-width: 0;
  text-align: center;
}

/* ---- track line (behind) ---- */

.step::before {
  content: "";
  position: absolute;
  top: 12px;
  /* aligns with circle center (24px circle) */
  left: -55%;
  right: 50%;
  height: 2px;
  background: #9E9E9E;
  z-index: 0;
}

.step:first-child::before {
  display: none;
}

/* no line before the first step */

/* ---- progress line (colored) ---- */

.step.is-active::before,
.step.is-complete::before {
  background: #007AD9;
}

.step.is-complete::before {
  background: var(--green);
}

/* ---- circle ---- */

.step .dot {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid #9E9E9E;
  background: #fff;
  z-index: 1;
}

.step.is-active .dot {
  border-color: #007AD9;
}

.step.is-complete .dot {
  border-color: #20C374;
  background: #20C374;
}

/* optional inner hole for pending/active to match your screenshot */

.step .dot::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: #fff;
}

.step.is-complete .dot::after {
  display: none;
}

/* solid circle for complete */

/* ---- labels ---- */

.step .kicker {
  margin-top: 8px;
  font-size: 12px;
  color: #777;
}

.step .title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  margin-top: 2px;
}

.cstOverlay .ui-button,
.cstOverlay .ui-button:hover {
  background: transparent;
  border: none;
  color: #333640;
}

.cstOverlay {
  position: relative;
}

.cstOverlayMent {
  min-width: 200px;
  position: absolute;
  background: #fff;
  padding: 10px;
  right: 55px;
  top: 0px;
  z-index: 9;
  border: 1px solid #C8C8C8;
  border-radius: 4px;
}

.cstOverlayMent p {
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.cstreeTable {
  background: #F9F9F9;
  padding: 16px;
  max-width: 65%;
}

.cstreeTable .cstTableHeader {
  color: #0083E8;
  padding:12px;
  padding-bottom: 16px;
  font-weight: 700;
}

.cstreeTable .ui-treetable {
  padding: 0px 16px;
}

.cstreeTable .ui-treetable-tbody>tr {
  border-bottom: 1px solid #DBDBDB;
}

.cstreeTable .ui-treetable-tbody>tr>td {
  border: none !important;
  border-bottom: 1px solid #DBDBDB;
  background-color: #F9F9F9 !important;
  font-weight: 700;
  color: #000;
  padding: 10px 8px !important;
}

.cstreeTable .ui-treetable-tbody>tr>td .pi-chevron-right {
  color: #000;
}

.cstreeTable .ui-treetable-tbody>tr>td .ui-treetable-chkbox {
  margin: 0px 10px;
}

.cstreeTable .ui-treetable-tbody>tr>td .ui-chkbox-box {


  /* border: 2px solid #000 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 7px;
  background-color: transparent !important; */
}

.cstreeTable .ui-treetable-tbody>tr>td .ui-chkbox-box .ui-chkbox-icon {
  /* top: 1px; */
  font-size: 12px !important;
}

.cstreeTable .ui-treetable-tbody>tr>td .ui-chkbox-box .ui-chkbox-icon::before {
  /* color: #000 !important; */
}

.cstIntialTable {
  background: #F9F9F9;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0px !important;
}

.cstIntialTable .cstImage {
  background: #F0F0F0;
  height: 146px;
  width: 146px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.cstIntialTable .cstContainer{
  text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.cstIntialTable p {
  font-size: 14px;
  color: #736F6F
}

/* ---- status pill ---- */

.pill {
  margin-top: 6px;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  border: 1px solid #9E9E9E;
  color: #666;
  background: #f4f4f4;
}

.step.is-active .pill {
  border-color: #007AD9;
  color: #007AD9;
  background: #e8f1fb;
}

.step.is-complete .pill {
  border-color: #20C374;
  color: #fff;
  background: #20C374;
}

.cstNewTableUi table th,.cstNewTableUi table td{
  border: none !important;
  padding: 17px 9px !important;
}

.cstNewTableUi table th{
  background: #E7E7E7 !important;
}

.cstNewTableUi table td{
  background: #FBFBFB !important;
}

.cstNewTableUi table .badge{
  border-radius: 4px;
  padding: 8px;
}

.cstNewTableUi table .badge.successBadge {
  background-color: #1B9E4B !important;
}

.cstNewTableUi table .actions{
  border: 1px solid #AAAAAA;
  border-radius: 4px;
  padding: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.cstDailog .ui-table .ui-table-thead > tr > th .ui-chkbox-box,.cstDailog .ui-table .ui-table-tbody > tr > td .ui-chkbox-box{
  border: 2px solid #000 !important;
  width: 20px !important;
  height: 20px !important;
  background-color: transparent !important;
}

.cstDailog .ui-table .ui-chkbox-box .ui-chkbox-icon{
  top: 1px;
  font-size: 12px !important;
}

.cstDailog .ui-table .ui-chkbox-box .ui-chkbox-icon::before {
  color: #000 !important;
}

.cstSelectedShips{
  background-color: #F9F9F9;
  padding: 10px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.cstSelectedShips .cstSelectedShipsHeader{
  color: #0083E8;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

.cstSelectedShips .subHeader{
  background-color: #007AD9;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  color: #fff;
}

.cstSelectedShips .rowData{
  padding: 10px;
  display:flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
  border-bottom: 1px solid #DCDCDC;
}

@media (max-width: 700px) {
  .stepper {
    gap: 16px;
  }

  .step .title {
    font-size: 13px;
  }
}


body {
  font-size: 0.875rem; }
  body .mainContentDiv {
    height: calc(100% - 20px); }
  /***COMMON**/
  .btn-primary {
  background: none;
  font-size: .95em;
  padding: 5px 15px;
  color: #1B1E24;
  font-weight: 400;
  border: 1px solid #bbb;
  box-shadow: 0px 1px 0px 0.2px #bbb;
  min-width: 80px;
  transition: all ease 0.5s; }
  /*.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    border-color: #479f17 !important;
    box-shadow: 0px 1px 0px 0.2px #479f17;
    background: #479f17 !important; }*/
  .btn-primary.long-btn {
    width: 100%;
    min-height: 38px;
    background: #479f17 !important;
    color: #ffffff;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: none;
    border: 1px solid #479f17; }
  .btn-primary.btn-Grnprimary {
    border: 1px solid #479f17;
    box-shadow: 0px 1px 0px 0.2px #479f17;
    color: #479f17;
    padding: 5px 15px; }
  .btn-primary.btn-Grnprimary:hover, .btn-primary.btn-Grnprimary:active, .btn-primary.btn-Grnprimary:focus {
      color: #ffffff; }
  .btn-Submit {
  font-size: .95em;
  border-color: #479f17 !important;
  box-shadow: 0px 1px 0px 0.2px #479f17;
  background: #479f17 !important;
  color: #ffffff;
  padding: 5px 15px;
  min-width: 65px; }
  .btn-Submit:hover, .btn-Submit:active, .btn-Submit:focus {
    box-shadow: 0px 1px 0px 0.2px #479f17;
    /*background: linear-gradient(to bottom, #9cf156, #41861d) !important;*/
    background: #4aa11c !important;
    background: #41861d !important;
    color: #ffffff; }
  .btn-icons {
  width: 28px;
  height: 28px;
  float: left;
  padding: 0;
  background: #ffffff;
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px 0px #ccc;
  margin-left: 5px;
  background-image: url('btn-common-sprite.4d2f344f323f4ea0412b.png');
  background-repeat: no-repeat; }
  .btn-icons.btn-delete {
    background-position: -267px -2px; }
  .btn-icons.btn-delete:hover {
      background-position: -267px -2px; }
  .btn-icons.btn-edit {
    background-position: -1px -1px; }
  .btn-icons.btn-edit:hover {
      background-position: -35px -1px; }
  .btn-icons.btn-add {
    background-position: -137px -2px; }
  .btn-icons.btn-add:hover {
      background-position: -137px -2px; }
  .btn-icons.btn-Save {
    background-position: -171px -1px; }
  .btn-icons.btn-Save:hover {
      background-position: -203px -1px; }
  .btn-icons.btn-discard {
    background-position: -330px -3px; }
  .btn-icons.btn-discard:hover {
      background-position: -362px -3px; }
  .btn-icons.btn-Clr-bg {
    background-color: #479f17;
    border-color: #479f17; }
  li {
  list-style-type: none;  }
  .green-clr {
  color: #226102; }
  select.form-control {
  background: url('arrowdown.6afc1f52400b772ba228.png') no-repeat 98% 50%;
  -webkit-appearance: none; }
  select.form-control.single-select {
    width: auto;
    min-width: 50px;
    background-position-x: 90%; }
  /*
.form-group .form-control:focus {
  border-color: #479f17; }*/
  .chck-tickbox {
  display: inline-block; }
  .chck-tickbox .inputChck {
    position: absolute;
    opacity: 0; }
  .chck-tickbox .inputChck + label {
      position: relative;
      cursor: pointer;
      padding: 0; }
  .chck-tickbox .inputChck + label:before {
      content: '';
      margin-right: 10px;
      display: inline-block;
      vertical-align: text-top;
      width: 20px;
      height: 20px;
      border: 2px solid #9a9a9a;
      border-radius: 2px;
      position: relative;
      top: -2px; }
  .chck-tickbox .inputChck:checked + label:before {
      background: url('sprite-common-icons.99a0388ccc3c0e98a2e1.png') no-repeat -5px -33px;
      border-color: #479f17; }
  .chck-tickbox .inputChck:disabled + label:before {
      box-shadow: none;
      background: #e2e2e2; }
  .radio-btn {
  margin: 0 10px 10px 0px;
  display: inline-block; }
  .radio-btn input[type="radio"] {
    position: absolute;
    opacity: 0; }
  .radio-btn input[type="radio"] + .radio-label:before {
      content: '';
      border-radius: 100%;
      border: 2px solid #9a9a9a;
      display: inline-block;
      width: 20px;
      height: 20px;
      position: relative;
      top: -1px;
      margin-right: 10px;
      vertical-align: top;
      cursor: pointer;
      text-align: center;
      transition: all 250ms ease; }
  .radio-btn input[type="radio"]:checked + .radio-label:before {
      background-color: #479f17;
      border-color: #479f17 !important;
      box-shadow: inset 0 0 0 3px #ffffff; }
  .radio-btn input[type="radio"]:focus + .radio-label:before {
      outline: none;
      border-color: #ffffff; }
  .radio-btn input[type="radio"]:disabled + .radio-label:before {
      box-shadow: inset 0 0 0 4px #9a9a9a;
      border-color: #5a5a5a;
      background: #5a5a5a; }
  .radio-btn input[type="radio"] + .radio-label:empty:before {
      margin-right: 0; }
  .h3-hdr-title {
  font-size: 1em;
  font-weight: 500;
  margin: 0 0 10px;
  color: #479f17; }
  .Common-dropdown {
  border: 1px solid #ccc;
  width: 180px;
  padding: 1px 0 5px;
  right: -7px !important;
  left: auto;
  margin-top: 10px; }
  .Common-dropdown li {
    display: block;
    padding: 1px 15px;
    transition: all ease 0.5s; }
  .Common-dropdown li:hover {
      background: #e9ebf3; }
  .Common-dropdown li a {
      display: block;
      padding-left: 30px;
      font-size: .9em;
      margin: 0; }
  .Common-dropdown.dropdown-menu:before {
    right: 9px;
    left: auto; }
  .Common-dropdown.dropdown-menu:after {
    right: 10px;
    left: auto; }
  .form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: #226102; }
  .form-content {
  width: 100%; }
  .form-content .form-control {
    padding: 5px 0 0 0 !important;
    margin-bottom: 30px;
    width: 100%;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
    border: none;
    font-weight: 500;
    letter-spacing: 1px;
    border-bottom: 1px solid #666;
    border-radius: 0;
    font-size: 1em;
    color: #226102; }
  .form-content .form-control:focus {
      background: transparent; }
  .form-content .login-from {
    position: relative; }
  .form-content .login-from label {
      position: absolute;
      top: 6px;
      color: #999;
      transition: all ease 0.5s;
      pointer-events: none;
      font-size: 1em; }
  .form-content input:focus ~ label, .form-content input:valid ~ label {
    top: -15px;
    color: #999;
    font-size: .9em;
    font-weight: 400; }
  .form-content .inputLabel {
    top: -15px !important;
    color: #999 !important;
    font-size: .9em !important;
    font-weight: 400; }
  .form-content input:focus, .form-content input:valid {
    border-bottom: 1px solid #479f17; }
  .Time-incident.form-group {
  max-width: 210px;
  float: left;
  margin-right: 20px; }
  .Tank-Name.form-group {
  max-width: 210px;
  float: left;
  width: 100%;
  margin-right: 20px; }
  .Tank-Name.form-group .form-control {
    width: 100%; }
  .Time-zone.form-group {
  max-width: 80px;
  float: left; }
  .form-Time-zone.form-group {
  margin-top: 25px; }
  .form-Time-zone.form-group label {
    width: 70px;
    float: left;
    padding: 5px 5px 0 0; }
  .form-Time-zone.form-group .form-time-input {
    width: calc(100% - 70px);
    float: left; }
  .form-group label {
  padding-top: 0;
  color: #374240;
  font-weight: 500; }
  .form-group label.small-title {
    font-size: 11px; }
  .form-group label.light-bold {
    font-weight: 400; }
  .form-group .form-group label {
  font-weight: 400; }
  .form-group .form-control {
  border-color: #666; }
  .form-group input[type="text"], .form-group select, .form-group input[type="number"], .form-group input[type="password"] {
  border-color: #666; }
  .modal-header h4 {
  font-size: 1.3em;
  font-weight: 500; }
  h3.title-borderList {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 1em;
  font-weight: 400;
  font-style: italic;
  margin: 0; }
  h3.title-borderList:before {
    border-top: 1px solid #ddd;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    z-index: -1; }
  h3.title-borderList span {
    background: #ffffff;
    padding: 0 15px; }
  .Popup-custom {
  padding: 20px 25px 10px;
  display: inline-block;
  width: 100%; }
  .Popup-custom.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden; }
  .top-btn {
  margin-bottom: 15px; }
  /******Header*****/
  .main-Header {
  /*display: none;*/ }
  .main-Header.EZ-ORB-header {
    /*display: block;*/ }
  .main-Header.EZ-ORB-header .header-ez-logo {
      height: auto;
      width: 115px; }
  .main-Header.EZ-ORB-header .nav-search {
      width: 440px; }
  .nav-logo {
  width: 120px; }
  .main-Header {
  box-shadow: 0 3px 9px -3px rgba(0, 0, 0, 0.3);
  height: 50px;
  background: #ffffff; }
  .header-navBar {
  width: calc(100% - 120px);
  float: left;
  position: relative; }
  .header-navBar .navbar-toggler {
    background: url('menu-interface-btn.d3ab929aa7dab80eeb23.png') no-repeat 50% 50%/22px;
    width: 25px;
    height: 25px;
    border: 0;
    position: absolute;
    left: 0px;
    top: 15px;
    display: none; }
  .header-navBar .nav-menu {
    width: calc(100% - 437px);
    float: left;
    margin-top: 18px; }
  .header-navBar .nav-menu ul.navbar-nav {
      padding: 0;
      margin: 0; }
  .header-navBar .nav-menu ul.navbar-nav li {
        font-size: .85em;
        margin: 0 10px;
        font-weight: 600; }
  .header-navBar .nav-menu ul.navbar-nav li a {
          text-transform: uppercase;
          padding-bottom: 12px; }
  .header-navBar .nav-menu ul.navbar-nav li a:hover {
            color: #226102; }
  .header-navBar .nav-menu ul.navbar-nav li.active a {
          color: #226102;
          border-bottom: 2px solid; }
  .header-navBar .nav-search {
    width: 437px;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 32px; }
  .header-navBar .nav-search .form-inline {
      float: left;
      width: 170px; }
  .header-navBar .nav-search .form-inline input {
        /*background: url(images/search-small-icon.png) no-repeat 96% 50%/13px;*/
        width: 100%; }
  .header-navBar .nav-search .nav-search-ul {
      float: left;
      padding: 0 0 0 10px;
      margin: 0;
      width: calc(100% - 170px); }
  .header-navBar .nav-search .nav-search-ul li {
        float: left;
        margin: 3px; }
  .header-navBar .nav-search .nav-search-ul li.nav-time label {
          width: 26px;
          height: 26px;
          background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -111px -3px;
          float: left; }
  .header-navBar .nav-search .nav-search-ul li.nav-time span {
          margin-top: 2px;
          display: inline-block;
          color: #226102;
          font-size: .85em;
          font-weight: 600; }
  .header-navBar .nav-search .nav-search-ul li.nav-utc h4 {
          font-size: 1em;
          font-weight: 600;
          margin-top: 5px;
          color: #4aa11c; }
  .header-navBar .nav-search .nav-search-ul li.nav-help {
          width: 26px;
          height: 26px;
          background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -137px -3px;
          cursor: pointer; }
  .header-navBar .nav-search .nav-search-ul li.nav-notification {
          width: 26px;
          height: 26px;
          background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -7px -3px;
          position: relative;
          margin: 3px 3px 3px 7px;
          cursor: pointer; }
  .header-navBar .nav-search .nav-search-ul li.nav-notification span {
            width: 15px;
            height: 15px;
            display: block;
            background: #4aa11c;
            color: #ffffff;
            padding: 3px 5px;
            line-height: 1;
            font-size: .7em;
            border-radius: 100%;
            position: absolute;
            right: 0; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .Common-dropdown li {
          padding: 0; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .Common-dropdown li a {
            padding: 3px 15px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .Common-dropdown li a i {
              width: 25px;
              height: 25px;
              display: block;
              float: left;
              margin-right: 5px;
              background-image: url('header-icon-sprite.a152104dd7a8d546f4c3.png');
              background-repeat: no-repeat; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .Common-dropdown li a:hover {
              color: #479f17; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .nav-settings {
          width: 16px;
          height: 26px;
          background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -163px -2px;
          cursor: pointer;
          display: block; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .nav-settings:hover {
            background-position: -163px -26px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .ship-settings i {
          background-position: -297px -2px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .ship-settings:hover i {
          background-position: -297px -29px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .ship-key i {
          background-position: -330px -2px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .ship-key:hover i {
          background-position: -330px -29px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .restore-db i {
          background-position: -362px -2px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .restore-db:hover i {
          background-position: -362px -30px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .reset-settings i {
          background-position: -393px -2px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .reset-settings:hover i {
          background-position: -392px -30px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .backup-db i {
          background-position: -425px -2px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .backup-db:hover i {
          background-position: -425px -28px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .export-settings i {
          background-position: -457px -2px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .export-settings:hover i {
          background-position: -456px -27px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .user-menu i {
          background-position: -490px -2px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .user-menu:hover i {
          background-position: -490px -27px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .userRole-menu i {
          background-position: -520px -2px; }
  .header-navBar .nav-search .nav-search-ul li.nav-settings-li .userRole-menu:hover i {
          background-position: -520px -27px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .nav-admin {
          width: 28px;
          height: 26px;
          background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -44px -84px;
          position: relative;
          cursor: pointer;
          display: block;
          /*&:hover {
                            background-position: -44px -84px;
                        }*/ }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown {
          width: 230px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li a {
            background: transparent;
            padding: 2px 0; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li a i {
              width: 25px;
              height: 25px;
              float: left;
              margin-right: 5px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.administrator {
            min-height: 50px;
            border-bottom: 1px solid #ccc; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.administrator a {
              padding: 5px 0 0 0px;
              font-size: .95em;
              font-weight: 500;
              line-height: 36px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.administrator a i {
                background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -43px -3px;
                width: 31px;
                height: 35px;
                display: inline-block;
                float: left;
                margin-right: 10px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.administrator a:hover {
                color: #479f17; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.administrator a:hover i {
                  background-position: -41px -122px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-profile {
            background: #f6f6f6; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-profile i {
              background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -202px -1px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-profile:hover {
              background: #e9ebf3; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-profile:hover a {
                color: #4aa11c; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-profile:hover i {
                background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -202px -24px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-settings {
            background: #f6f6f6; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-settings i {
              background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -223px -1px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-settings:hover {
              background: #e9ebf3; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-settings:hover a {
                color: #4aa11c; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-settings:hover i {
                background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -224px -23px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-export {
            background: #f6f6f6; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-export i {
              background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -245px -1px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-export:hover {
              background: #e9ebf3; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-export:hover a {
                color: #4aa11c; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-export:hover i {
                background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -245px -22px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-password {
            background: #f6f6f6; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-password i {
              background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -267px -1px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-password:hover {
              background: #e9ebf3; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-password:hover a {
                color: #4aa11c; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-password:hover i {
                background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -267px -22px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-sign {
            min-height: 50px;
            border-top: 1px solid #ccc; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-sign a {
              font-size: .95em;
              line-height: 30px;
              padding-top: 12px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-sign a i {
                background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -178px -1px; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-sign:hover {
              background: #e9ebf3; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-sign:hover a {
                color: #4aa11c; }
  .header-navBar .nav-search .nav-search-ul li.nav-admin-li .Common-dropdown li.admin-sign:hover i {
                background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -178px -24px; }
  .header-navBar .nav-search .nav-search-ul li .dropdown-menu li {
          margin: 0;
          float: none; }
  .header-navBar .nav-search .nav-search-ul.Orb-Navsearch-ul {
        float: right;
        width: 100%; }
  .header-navBar .nav-search .nav-search-mob .srch-btn {
      width: 26px;
      height: 26px;
      background: url('header-icon-sprite.a152104dd7a8d546f4c3.png') no-repeat -82px -1px;
      float: left;
      margin-top: 3px;
      cursor: pointer;
      opacity: 0.6; }
  .header-navBar .nav-search .nav-search-mob .input-group-btn {
      display: none; }
  /******Header*****/
  /*****footer*****/
  /*.footer {
  height: 20px;
  line-height: 20px;
  padding: 0 15px !important; }*/
  .footer p {
    display: inline-block; }
  .footer p.ftr-subscrtn {
      font-weight: 500; }
  /*****footer*****/
  /*****Login*****/
  .login-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('login-blurbg.c01318003dd98b2048e0.jpg') no-repeat;
  background-size: cover; }
  .login-wrapper .login-content {
    width: 70%;
    background: #ffffff;
    max-width: 690px;
    height: 480px;
    position: absolute;
    left: calc(50% - 345px);
    top: calc(50% - 240px); }
  .login-wrapper .login-content .login-image {
      height: 100%;
      background: url('login-gb.37d70b9ca3cd0158b5df.png') no-repeat;
      background-size: cover;
      position: relative; }
  .login-wrapper .login-content .login-image p {
        color: #f6f6f6;
        font-size: .7em;
        font-weight: 500;
        padding-top: 10px; }
  .login-wrapper .login-content .login-feild {
      padding: 35px 25px 25px;
      position: relative;
      height: 100%; }
  .login-wrapper .login-content .login-feild .header__client-logo {
        height: auto;
        padding: 5px 0 0 0;
        width: 120px; }
  .login-wrapper .login-content .login-feild h1 {
        font-size: 1.65em;
        font-weight: 400;
        margin-top: 50px;
        color: #374240;
        font-weight: 400;
        text-transform: uppercase; }
  .login-wrapper .login-content .login-feild .form-content {
        margin-top: 50px; }
  .login-wrapper .login-content .login-feild p {
        font-size: .8em;
        color: #374240;
        text-align: center;
        position: absolute;
        bottom: 0; }
  .login-wrapper .login-content p.Login-validation {
      padding-bottom: 14px;
      position: absolute;
      max-width: 220px;
      bottom: 135px;
      left: 45px;
      color: red;
      font-size: .8em; }
  .header-ez-logo {
  height: 40px; }
  /*****Login*** **/
  /***Content***/
  .container-fluid {
  height: calc(100% - 50px); }
  .Content-wrapper {
  margin-top: 15px;
  /*overflow: auto;*/
  height: calc(100% - 30px);
  padding: 2px 10px; }
  /*.Content-bgWhite {
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.11);
  padding: 15px; }*/
  .Content-bgWhite.content-fullbox {
    height: 100%; }
  .modal-content .content-fullbox {
  border-radius: 0 0 6px 6px; }
  .modal-content .Content-bgWhite {
  box-shadow: none; }
  .ORB-Wrapper {
  height: calc(100%); }
  .Rob-tab .nav-tabs {
  float: left;
  margin-top: 7px; }
  .Rob-tab .nav-tabs li {
    margin-right: 20px; }
  .Rob-tab .nav-tabs li a {
      font-size: .9em;
      background: #ffffff; }
  .Rob-tab .nav-tabs li.active a {
      color: #226102 !important;
      border-bottom: 3px solid #226102; }
  .Rob-tab .Rob-Select {
  float: left; }
  .Rob-tab .Rob-Select .form-control {
    width: 110px;
    height: 34px; }
  /*****UPDATE-ROB*****/
  .UpdateRob-wrpr h2 {
  font-size: 1.15em;
  margin: 0 0 6px 0;
  line-height: 100%;
  font-weight: 500; }
  .UpdateRob-wrpr .Rob-timezone {
  display: inline-block;
  width: 100%; }
  .UpdateRob-wrpr .Rob-timezone .UpdateRob_Btn {
    margin-top: 30px; }
  .UpdateRob-wrpr .Rob-Accordion .Rob-Scrl {
  height: 400px;
  overflow: auto;
  margin-bottom: 20px; }
  .UpdateRob-wrpr .Rob-Accordion .Rob-Acctabs {
  margin-bottom: 15px; }
  .UpdateRob-wrpr .Rob-Accordion .Rob-Acctabs a {
    width: 100%;
    display: block;
    padding: 10px 10px;
    background: #ccc;
    position: relative;
    font-size: .9em;
    font-weight: 500; }
  .UpdateRob-wrpr .Rob-Accordion .Rob-Acctabs a i {
      background: url('sprite-common-icons.99a0388ccc3c0e98a2e1.png') no-repeat -2px 0px;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 10px;
      top: 9px; }
  .UpdateRob-wrpr .Rob-Accordion .Rob-Acctabs a.collapsed i {
      background: url('sprite-common-icons.99a0388ccc3c0e98a2e1.png') no-repeat -2px -15px; }
  .UpdateRob-wrpr .Rob-Accordion .Rob-Acctabs a:hover, .UpdateRob-wrpr .Rob-Accordion .Rob-Acctabs a:focus {
      color: #000; }
  .UpdateRob-wrpr .Rob-Accordion .Rob-Acctabs .Rob-Tab-content {
    width: 100%;
    display: inline-block;
    padding: 0; }
  .UpdateRob-wrpr .Rob-Accordion .Rob-Acctabs .Rob-Tab-content .rob-tab-feild {
      padding: 0;
      display: inline-block;
      width: 100%;
      margin-bottom: 0; }
  .UpdateRob-wrpr .Rob-Accordion .Rob-Acctabs .Rob-Tab-content .rob-tab-feild li {
        padding-left: 0;
        width: calc(100% / 3);
        margin-bottom: 5px !important; }
  .UpdateRob-wrpr .Rob-Accordion .Rob_SaveBtn {
  padding: 0 15px; }
  /******ShipSettings******/
  .ShipSettings-Wrpr {
  height: 100%; }
  .ShipSettings-Wrpr .Ship-Details, .ShipSettings-Wrpr .Ship-Key {
    padding: 0; }
  .ShipSettings-Wrpr .ship-details-btns {
    padding: 0 20px 10px;
    display: inline-block;
    width: 100%; }
  .ShipSettings-Wrpr .ship-details-btns h4 {
      display: inline-block;
      font-size: .9em;
      margin: 0;
      color: #479f17;
      font-weight: 500; }
  .ShipSettings-Wrpr .ship-details-btns h3 {
      display: block;
      font-size: .95em;
      margin: 10px 0 0 0;
      font-weight: 500; }
  .ShipSettings-Wrpr .Ship-DetailsForm {
    display: inline-block;
    width: 100%;
    padding: 10px; }
  .ShipSettings-Wrpr .Ship-Key .ship-details-head {
    padding: 8px 20px 8px; }
  .ShipSettings-Wrpr .Ship-Key .ship-details-head h3 {
      margin-top: 0; }
  .ShipSettings-Wrpr .Ship-Key .btn-Grnprimary {
    margin-top: 25px; }
  /*******LANDING-DASHBOARD******/
  .Main-Landing {
  height: 100%; }
  .Main-Landing .landing-mainTitle {
    margin-bottom: 5px; }
  .Main-Landing .landing-mainTitle h2 {
      font-size: 1.6em;
      font-weight: 600;
      margin: 0;
      line-height: 20px; }
  .Main-Landing .landing-mainTitle h4 {
      font-size: 1em;
      font-weight: 400;
      color: #666;
      margin: 5px 0 0 0; }
  .Main-Landing .landing-mainTitle h4 span {
        color: #000; }
  .Main-Landing .landing-mainTitle .ship-status {
      display: inline-block;
      padding: 0;
      width: 345px;
      float: left; }
  .Main-Landing .landing-mainTitle .ship-status li {
        display: inline-block;
        min-width: 150px;
        font-size: 1em;
        color: #000;
        font-weight: 500;
        padding: 0 20px 0 0; }
  .Main-Landing .landing-mainTitle .ship-status li span {
          display: block;
          color: #666;
          font-size: .9em;
          font-weight: 400;
          line-height: 8px; }
  .Main-Landing .landing-mainTitle .ship-status li i {
          width: 45px;
          height: 32px;
          float: left; }
  .Main-Landing .landing-mainTitle .ship-status li.ship-Maneuvering i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -6px -2px; }
  .Main-Landing .landing-mainTitle .ship-status li.ship-Sea-Passage i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -165px -2px; }
  .Main-Landing .landing-mainTitle .ship-status li.ship-Stopped-Drifting i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -115px -2px; }
  .Main-Landing .landing-mainTitle .ship-status li.ship-Anchored i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -210px -4px; }
  .Main-Landing .landing-mainTitle .ship-status li.ship-In-port i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -58px -4px; }
  .Main-Landing .landing-mainTitle .ship-status li.ship-Loaded i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -316px -2px; }
  .Main-Landing .landing-mainTitle .ship-status li.ship-Ballast i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -368px -5px; }
  .Main-Landing .landing-mainTitle .ship-status li:first-child {
          border-right: 1px solid #ccc; }
  .Main-Landing .landing-mainTitle .ship-vessel-position {
      display: inline-block;
      float: right;
      padding: 0; }
  .Main-Landing .landing-mainTitle .ship-vessel-position li {
        display: inline-block;
        font-size: 1.5em;
        float: left;
        padding: 0 10px 0 10px;
        font-weight: 600;
        position: relative; }
  .Main-Landing .landing-mainTitle .ship-vessel-position li:after {
          content: "";
          width: 1px;
          height: 20px;
          background: #ccc;
          position: absolute;
          right: 0;
          top: 0; }
  .Main-Landing .landing-mainTitle .ship-vessel-position li label {
          display: inline-block;
          font-weight: 600;
          margin-bottom: 0;
          line-height: 100%; }
  .Main-Landing .landing-mainTitle .ship-vessel-position li:last-child:after {
          display: none; }
  .Main-Landing .landing-mainTitle .ship-vessel-position li span {
          display: block;
          color: #666;
          font-size: 12px;
          font-weight: 400;
          line-height: 15px; }
  .Main-Landing .ExLog-Dashboard {
    height: calc(100% - 55px);
    display: inline-block;
    width: 100%; }
  .Main-Landing .ExLog-Dashboard .Log-Alert-Map {
      height: calc(100% - 210px);
      margin-bottom: 20px; }
  .Main-Landing .ExLog-Dashboard .Environment-Alerts {
      height: 100%; }
  .Main-Landing .ExLog-Dashboard .Dashboard-map-wrpr {
      height: 100%; }
  .Main-Landing .Dasboard-alert {
    margin-bottom: 20px;
    height: 100%; }
  .Main-Landing .Dasboard-alert .Dasboard-alert-scrl {
      height: 100%;
      overflow: auto;
      padding-right: 5px; }
  .Main-Landing .Dasboard-alert h3.title-borderList span {
      background: #ffffff url('warning-icon.3de7d466bcc7bdff3123.png') no-repeat 5px 48%;
      padding: 0 10px 0 25px; }
  .Main-Landing .Dasboard-alert h3.Night-Orders span {
      background: #ffffff url('night-orders.66a9ee73ba76dbc9252e.png') no-repeat 5px 48%;
      padding: 5px 5px 5px 40px; }
  .Main-Landing .Dasboard-alert ul {
      padding: 0;
      margin-top: 10px; }
  .Main-Landing .Dasboard-alert ul li {
        border: 1px solid #ccc;
        padding: 5px 10px;
        border-radius: 5px;
        margin-bottom: 5px; }
  .Main-Landing .Dasboard-alert ul li h3 {
          font-size: .95em;
          margin: 0;
          color: #ffffff;
          display: inline-block;
          padding: 0px 5px;
          line-height: 20px; }
  .Main-Landing .Dasboard-alert ul li h3.clr-green {
            background: #4aa11c; }
  .Main-Landing .Dasboard-alert ul li h3.clr-Violet {
            background: #375688; }
  .Main-Landing .Dasboard-alert ul li h3.clr-orange {
            background: #f26c4f; }
  .Main-Landing .Dasboard-alert ul li p {
          font-size: .9em;
          line-height: 13px;
          margin-top: 5px;
          color: #000;
          margin-bottom: 0; }
  .Main-Landing .Dasboard-alert ul li p span {
            display: block; }
  .Main-Landing .Dasboard-alert .Dasboard-Otheralert {
      margin-top: 30px; }
  .Main-Landing .Dasboard-alert.Night-Orders-wrpr {
      height: 190px;
      margin-bottom: 0; }
  .Main-Landing .Dasboard-alert.Night-Orders-wrpr .Night-order-ul {
        height: calc(100% - 35px);
        margin-top: 10px;
        overflow: auto; }
  .Main-Landing .Dasboard-alert.Night-Orders-wrpr .Night-order-ul ul {
          margin: 0; }
  .Main-Landing .Dashboard-map {
    height: 100%;
    overflow: auto;
    margin-bottom: 20px; }
  .Main-Landing .Application-title {
    max-width: 500px;
    margin: 0 auto 10px; }
  .Main-Landing .Application-title .title-borderList {
      font-size: 1.1em;
      font-style: initial; }
  .Main-Landing .Application-title .title-borderList span {
        background: #f7f7f7; }
  .Main-Landing .Log-Application-access {
    display: inline-block;
    width: 100%;
    max-height: 157px; }
  .Main-Landing .Log-Application-access ul {
      padding: 11px 0 0;
      width: 100%;
      display: inline-block;
      margin-bottom: 0; }
  .Main-Landing .Log-Application-access ul li {
        width: calc(100% / 6);
        float: left;
        text-align: center;
        border-right: 1px solid #e2e2e2;
        padding: 0; }
  .Main-Landing .Log-Application-access ul li a {
          display: inline-block; }
  .Main-Landing .Log-Application-access ul li h3 {
          font-size: 1.1em;
          font-weight: 500;
          line-height: 15px;
          margin: 15px 0 15px 0;
          cursor: pointer; }
  .Main-Landing .Log-Application-access ul li h3 span {
            display: block; }
  .Main-Landing .Log-Application-access ul li i {
          width: 75px;
          height: 45px;
          display: block;
          margin: 4px auto 0; }
  .Main-Landing .Log-Application-access ul li .Sub-Expired {
          background: #ff1c1a;
          color: #ffffff;
          font-size: .7em;
          margin: 0; }
  .Main-Landing .Log-Application-access ul li.app-orb i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat 4px -50px; }
  .Main-Landing .Log-Application-access ul li.app-orb.app-disable i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat 4px -102px; }
  .Main-Landing .Log-Application-access ul li.app-Engine-Log i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -290px -57px; }
  .Main-Landing .Log-Application-access ul li.app-Engine-Log.app-disable i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -290px -115px; }
  .Main-Landing .Log-Application-access ul li.app-Official-Log i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -66px -55px; }
  .Main-Landing .Log-Application-access ul li.app-Official-Log.app-disable i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -66px -110px; }
  .Main-Landing .Log-Application-access ul li.app-Deck-Log i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -150px -55px; }
  .Main-Landing .Log-Application-access ul li.app-Deck-Log.app-disable i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -150px -110px; }
  .Main-Landing .Log-Application-access ul li.app-Ballast-water-Log i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -356px -55px; }
  .Main-Landing .Log-Application-access ul li.app-Ballast-water-Log.app-disable i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -356px -113px; }
  .Main-Landing .Log-Application-access ul li.app-Garbage-Log i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -230px -55px; }
  .Main-Landing .Log-Application-access ul li.app-Garbage-Log.app-disable i {
          background: url('dashboard-ship-icons.68604ae188121dd19b07.png') no-repeat -230px -110px; }
  .Main-Landing .Log-Application-access ul li:last-child {
          border: none; }
  .Main-Landing .Log-Application-access ul li.app-disable h3 {
          color: #ccc; }
  /*****ADMIN-SETUP****/
  .left-CMMenu {
  width: 220px;
  float: left;
  height: 100%; }
  /*.left-CMMenu ul {
    padding: 5px;
    background-color: #374240;
    height: 100%;
    margin-bottom: 0;
    overflow: auto; }



    .left-CMMenu ul li {
      padding: 0;
      display: table;
      width: 100%;
      position: relative;
      margin-bottom: 1px; }
      .left-CMMenu ul li a {
        display: table-cell;
        vertical-align: middle;
        height: 50px;
        color: #ffffff;
        border-bottom: 2px solid #515a59;
        padding: 0 15px 0 40px;
        font-size: .85em;
        line-height: 17px;
        -moz-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
        &.bdl-line {
                    line-height: 15px;
                    padding-top: 15px;
                } }
*/
  .left-CMMenu ul li a:hover {
  background: #77b556;
  border-bottom: 2px solid transparent;
  border-radius: 5px;
}
  .left-CMMenu ul li a i {
          float: left;
          position: absolute;
          top: 10px;
          left: 5px; }
  .left-CMMenu ul li a span {
          /*width: calc(100% - 35px);*/
          width: 100%;
          float: left; }
  .left-CMMenu ul li a img {
          margin-right: 10px; }
  .left-CMMenu ul li.active a {
        background: #479f17;
        border-bottom: 0;
        border-radius: 5px; }
  .left-CMMenu ul li.active a:hover {
          opacity: 1; }
  .left-CMMenu ul li:last-child a {
        border-bottom: 0; }
  .Admin-Setup-Wrpr {
  height: 100%; }
  .Admin-Setup-Wrpr .user-wrpr .chck-tickbox, .Admin-Setup-Wrpr .userRole-wrpr .chck-tickbox {
    margin: 5px 10px 0px 0px; }
  .Admin-Setup-Wrpr .user-wrpr .admin-mainCnt, .Admin-Setup-Wrpr .userRole-wrpr .admin-mainCnt {
    padding-top: 20px; }
  .Admin-Setup-Wrpr .user-wrpr .admin-mainCnt, .Admin-Setup-Wrpr .userRole-wrpr .admin-mainCnt {
    height: calc(100% - 33px);
    padding-top: 5px;
    overflow: auto;
    width: 100%; }
  .Admin-Setup-Wrpr .left-CMMenu {
    /*.AD-type {
            a {
                i {
                    background: url(images/sprite-common-icons.png) no-repeat -40px -6px;
                }
            }
        }

        .AD-setup {
            a {
                i {
                    background: url(images/sprite-common-icons.png) no-repeat -75px -6px;
                }
            }
        }

        .AD-Equipment {
            a {
                i {
                    background: url(images/sprite-common-icons.png) no-repeat -114px -6px;
                }
            }
        }

        .AD-User {
            a {
                i {
                    background: url(images/sprite-common-icons.png) no-repeat -155px -6px;
                }
            }
        }

        .AD-UserRole {
            a {
                i {
                    background: url(images/sprite-common-icons.png) no-repeat -193px -6px;
                }
            }
        }

        .AD-Pipelines1 {
            a {
                i {
                    background: url(images/sprite-common-icons.png) no-repeat -231px -8px;
                }
            }
        }

        .AD-Pipelines2 {
            a {
                i {
                    background: url(images/sprite-common-icons.png) no-repeat -231px -8px;
                }
            }
        }

        .AD-Edit1 {
            a {
                i {
                    background: url(images/sprite-common-icons.png) no-repeat -274px -6px;
                }
            }
        }

        .AD-Edit2 {
            a {
                i {
                    background: url(images/sprite-common-icons.png) no-repeat -274px -6px;
                }
            }
        }

        .AD-Grouping {
            a {
                i {
                    background: url(images/sprite-common-icons.png) no-repeat -316px -6px;
                }
            }
        }

        .AD-Categories {
            a {
                i {
                    background: url(images/sprite-common-icons.png) no-repeat -357px -8px;
                }
            }
        }*/ }
  .Admin-Setup-Wrpr .admin-SetTitle {
    font-size: 1em;
    color: #479f17;
    font-weight: 500;
    margin: 0;
    display: inline-block; }
  .Admin-Setup-Wrpr .Admin-setupCont {
    width: calc(100% - 240px);
    float: left;
    margin-left: 20px; }
  /*.Admin-Setup-Wrpr .Admin-setupCont .admin-cntHdr {
      padding-bottom: 10px; }*/
  .Admin-Setup-Wrpr .Admin-setupCont .admin-cntHdr .chck-tickbox {
        margin: 4px 10px 0; }
  /*.Admin-Setup-Wrpr .Admin-setupCont .admin-mainCnt {
      height: calc(100% - 33px);
      padding-top: 5px;
      overflow: auto; }*/
  .Admin-Setup-Wrpr .Admin-SubMenuCont {
    width: calc(100% - 475px);
    float: left;
    margin-left: 20px; }
  .Admin-Setup-Wrpr .Admin-SubMenuCont .admin-mainCnt {
      height: calc(100% - 23px); }
  .Admin-Setup-Wrpr .Admin-SubMenuCont .admin-mainCnt li a {
        line-height: 18px; }
  .Admin-Setup-Wrpr .admin-SubMenu {
    width: 235px;
    height: 100%;
    background: #ffffff;
    float: left;
    border: 1px solid #e2e2e2;
    border-radius: 0 5px 5px 0;
    padding: 15px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.16), 1px 0px 7px rgba(0, 0, 0, 0.14); }
  .Admin-Setup-Wrpr .admin-SubMenu h3 {
      font-size: .95em;
      color: #479f17;
      font-weight: 500;
      margin: 0;
      display: inline-block; }
  .Admin-Setup-Wrpr .admin-SubMenu ul {
      padding: 0;
      margin-top: 10px; }
  .Admin-Setup-Wrpr .admin-SubMenu ul li {
        padding: 0; }
  .Admin-Setup-Wrpr .admin-SubMenu ul li a {
          display: block;
          min-height: 40px;
          color: #000;
          padding: 10px 0 0;
          font-weight: 500;
          font-size: .95em;
          /*&.Ad-oil-Service {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -75px -127px;
                        }
                    }

                    &.Ad-Cot-3 {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -115px -127px;
                        }
                    }

                    &.Ad-Cylinder-Oil {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -150px -127px;
                        }
                    }

                    &.Ad-Service-Tk {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -193px -127px;
                        }
                    }

                    &.Ad-Settling-Tk {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -232px -127px;
                        }
                    }

                    &.Ad-Tank-p {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -273px -127px;
                        }
                    }

                    &.Ad-Tank-Stbd {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -232px -127px;
                        }
                    }

                    &.Ad-LOSettling {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -318px -127px;
                        }
                    }

                    &.Ad-LOStor {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -318px -127px;
                        }
                    }

                    &.Ad-Cyl-Oil1 {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -356px -127px;
                        }
                    }

                    &.Ad-Cyl-Oil2 {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -398px -127px;
                        }
                    }*/ }
  .Admin-Setup-Wrpr .admin-SubMenu ul li a:hover {
            color: #479f17; }
  .Admin-Setup-Wrpr .admin-SubMenu ul li a i {
            width: 25px;
            height: 25px;
            float: left;
            margin-right: 10px; }
  .Admin-Userpopup {
  /*.chck-tickbox {
        margin-top: 25px;
    }*/ }
  .Admin-Userpopup .User_SaveBtn {
    margin-top: 20px; }
  .Admin-UserRolepopup .UserRole-Gird {
  max-height: 300px;
  margin: 10px 0;
  overflow: auto; }
  .Orb-Edit-Add .form-group {
  min-height: 61px; }
  .Orb-Edit-Add .form-group .chck-tickbox {
    margin-top: 0;
    padding-right: 20px; }
  /******ORB PART1****/
  .OrbPart-Wrpr {
  height: 100%;
  /*.Orb-accident {
        a {
            i {
                background: url(images/sprite-common-icons.png) no-repeat -38px -45px;
            }
        }
    }

    .Orb-Bilge {
        a {
            i {
                background: url(images/sprite-common-icons.png) no-repeat -74px -45px;
            }
        }
    }

    .Orb-Bunkering {
        a {
            i {
                background: url(images/sprite-common-icons.png) no-repeat -112px -45px;
            }
        }
    }

    .Orb-Equipment {
        a {
            i {
                background: url(images/sprite-common-icons.png) no-repeat -152px -45px;
            }
        }
    }

    .Orb-Inventory {
        a {
            i {
                background: url(images/sprite-common-icons.png) no-repeat -190px -45px;
            }
        }
    }

    .Orb-Missed-Entry {
        a {
            i {
                background: url(images/sprite-common-icons.png) no-repeat -230px -45px;
            }
        }
    }

    .Orb-Sludge {
        a {
            i {
                background: url(images/sprite-common-icons.png) no-repeat -270px -45px;
            }
        }
    }

    .Orb-Soot {
        a {
            i {
                background: url(images/sprite-common-icons.png) no-repeat -316px -45px;
            }
        }
    }

    .Orb-Initial {
        a {
            i {
                background: url(images/sprite-common-icons.png) no-repeat -356px -45px;
            }
        }
    }

    .Orb-Ballast {
        a {
            i {
                background: url(images/sprite-common-icons.png) no-repeat -400px -45px;
            }
        }
    }

    .Orb-Shore {
        a {
            i {
                background: url(images/sprite-common-icons.png) no-repeat -446px -45px;
                width: 27px;
            }
        }
    }*/ }
  .OrbPart-Wrpr .OrbPart-cnt {
    width: calc(100% - 250px);
    float: left;
    margin-left: 30px;
    padding: 0; }
  .OrbPart-Wrpr .OrbPart-cnt.show-orbsubmenu {
      width: calc(100% - 485px); }
  .OrbPart-Wrpr .OrbPart-cnt .orbcnt-Title {
      border-bottom: 1px solid #e2e2e2;
      padding: 10px 10px 10px 20px;
      display: inline-block;
      width: 100%; }
  .OrbPart-Wrpr .OrbPart-cnt .orbcnt-Title h3 {
        font-size: .96em;
        color: #479f17;
        font-weight: 500;
        margin: 4px 0 0 0;
        display: inline-block; }
  .OrbPart-Wrpr .OrbPart-cnt .slimScrollDiv .OrbCnt-Tanks {
      height: 100% !important;
      /*overflow:auto !important;*/
      /*.OrbCnt-Tanks-scrl {
                    min-width: 1100px;
                }*/ }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks {
      padding: 10px 20px;
      height: calc(100% - 85px); }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .OrbCnt-Tanks-scrl {
        overflow: auto; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks {
        white-space: nowrap; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks h3 {
          font-size: 1em;
          font-weight: 500;
          margin: 0 0 2px; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul {
          padding: 22px 0px 4px 40px;
          border-top: 3px solid;
          display: inline-block;
          position: relative;
          margin-bottom: 0; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul:after {
            content: "";
            position: absolute;
            width: 5px;
            height: 7px;
            top: 0;
            right: 0;
            top: -5px;
            right: 0;
            border-radius: 0 3px 3px 0; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul li {
            width: 115px;
            height: 47px;
            display: inline-block;
            padding: 0;
            border: 1px solid;
            margin-right: 10px;
            position: relative; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul li:before {
              content: "";
              position: absolute;
              width: 15px;
              height: 23px;
              top: -23px;
              left: calc(50% - 7px); }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul li .orbTankPercentage {
              width: 30px;
              float: left; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul li .orbTankPercentage .orbTankProgress {
                width: 24px;
                display: block;
                height: 38px;
                border: 1px solid;
                font-size: .7em;
                font-weight: 600;
                border-radius: 10px;
                padding-top: 8px;
                text-align: center;
                margin: 3px auto;
                z-index: 1;
                position: relative; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul li .orbTankPercentage .orbTankProgress:after {
                  position: absolute;
                  bottom: 0;
                  content: "";
                  width: 100%;
                  left: 0;
                  border-radius: 10px;
                  background: #ccc;
                  z-index: -1; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul li .orbTankPercentage .orbTankProgress label {
                  position: relative;
                  font-size: 9px;
                  font-weight: 600; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul li .orbTank-name {
              width: calc(100% - 30px);
              float: left;
              padding-left: 2px; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul li .orbTank-name h4 {
                margin: 3px 0 0 0;
                font-size: .85em;
                font-weight: 500; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul li .orbTank-name span {
                padding: 2px 5px;
                font-size: .8em;
                font-weight: 600; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul li:last-child {
              margin-right: 0; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-DarkRed {
            border-color: #880015; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-DarkRed li {
              border-color: #880015; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-DarkRed li:before {
                background: url('sprite-common-icons.99a0388ccc3c0e98a2e1.png') no-repeat -8px -78px; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-DarkRed li .orbTankPercentage span {
                border-color: #880015; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-DarkRed li .orbTank-name span {
                background: #e1bfc4; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-DarkRed:after {
              background: #880015; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-blue {
            border-color: #00a2e8; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-blue li {
              border-color: #00a2e8; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-blue li:before {
                background: url('sprite-common-icons.99a0388ccc3c0e98a2e1.png') no-repeat -8px -115px; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-blue li .orbTankPercentage span {
                border-color: #00a2e8; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-blue li .orbTank-name span {
                background: #bfe8f9; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-blue:after {
              background: #00a2e8; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-Dark li:before {
            background: url('sprite-common-icons.99a0388ccc3c0e98a2e1.png') no-repeat -8px -158px; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-Dark li .orbTank-name span {
            background: #ccc; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-Dark:after {
            background: #000; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-Yellow {
            border-color: #ffcc00; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-Yellow li {
              border-color: #ffcc00; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-Yellow li:before {
                background: url('sprite-common-icons.99a0388ccc3c0e98a2e1.png') no-repeat -8px -115px; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-Yellow li .orbTankPercentage span {
                border-color: #ffcc00; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-Yellow li .orbTank-name span {
                background: #fff2bf; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanks .Orb_Tanks ul.clr-Yellow:after {
              background: #ffcc00; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanklist {
      height: 35px;
      background: #f6f6f6; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanklist ul {
        padding-top: 8px;
        margin-bottom: 0; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanklist ul li {
          display: inline-block;
          margin-bottom: 0px;
          font-size: .9em;
          font-weight: 500;
          margin-right: 20px; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanklist ul li span {
            width: 20px;
            height: 5px;
            display: inline-block;
            margin-right: 5px;
            position: relative;
            top: -2px; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanklist ul li span.clr-INDkRed {
              background: #880015; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanklist ul li span.clr-INblue {
              background: #00a2e8; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanklist ul li span.clr-INblack {
              background: #000; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanklist ul li span.clr-INYellow {
              background: #ffcc00; }
  .OrbPart-Wrpr .Orbleft-submenu {
    width: 235px;
    height: 100%;
    background: #ffffff;
    float: left;
    border: 1px solid #e2e2e2;
    border-radius: 0 5px 5px 0; }
  .OrbPart-Wrpr .Orbleft-submenu .orbSubMenu-Search {
      padding: 10px 20px;
      border-bottom: 2px solid #e2e2e2; }
  .OrbPart-Wrpr .Orbleft-submenu .orbSubMenu-Search h3 {
        font-size: 1.1em;
        font-weight: 500;
        margin-top: 0; }
  .OrbPart-Wrpr .Orbleft-submenu .orbSubMenu-Search .form-control {
        /*background: url(images/search-small-icon.png) no-repeat 96% 50%/13px; }*/
      }
  .OrbPart-Wrpr .Orbleft-submenu ul {
      padding: 10px;
      /*&.Accident_submenu {
                li {
                    a {

                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -38px -84px;
                        }
                    }

                    &.active, &:hover {
                        i {
                            background: url(images/sprite-common-icons.png) no-repeat -38px -45px;
                        }
                    }
                }
            }*/ }
  .OrbPart-Wrpr .Orbleft-submenu ul li {
        padding: 0;
        margin-bottom: 2px; }
  .OrbPart-Wrpr .Orbleft-submenu ul li a {
          display: block;
          height: 60px;
          color: #666;
          border-bottom: 2px solid #e2e2e2;
          padding: 17px 15px 0;
          font-size: .9em;
          line-height: 25px;
          transition: all ease 0.5s; }
  .OrbPart-Wrpr .Orbleft-submenu ul li a i {
            width: 25px;
            height: 25px;
            float: left;
            margin-right: 10px; }
  .OrbPart-Wrpr .Orbleft-submenu ul li.active a, .OrbPart-Wrpr .Orbleft-submenu ul li:hover a {
          background: #41861d;
          border-bottom: 0;
          border-radius: 5px;
          color: #ffffff;
          border-bottom: 0; }
  /******ORB DASHBOARD*****/
  .Orb-dashboard {
  height: 100%; }
  .Orb-dashboard > .row {
    height: 100%; }
  .Orb-dashboard h3.DSB-Title {
    margin-top: 0;
    font-size: 1.15em;
    font-weight: 500; }
  .Orb-dashboard .Orb-shipdetails {
    margin-bottom: 15px;
    min-height: 100px; }
  .Orb-dashboard .Orb-shipdetails .Content-bgWhite {
      padding: 15px 15px 5px; }
  .Orb-dashboard .Orb-shipdetails ul {
      padding: 0;
      margin-bottom: 0;
      display: inline-block;
      width: 100%; }
  .Orb-dashboard .Orb-shipdetails ul li {
        color: #666;
        min-width: 155px;
        float: left;
        font-weight: 500;
        line-height: 16px;
        padding: 0 10px 0 0;
        margin-bottom: 10px; }
  .Orb-dashboard .Orb-shipdetails ul li span {
          display: block;
          color: #000; }
  .Orb-dashboard .DSB-TaskSludge {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    height: calc(100% - 335px); }
  .Orb-dashboard .DSB-TaskSludge .DSB-task-col, .Orb-dashboard .DSB-TaskSludge .Content-bgWhite {
      height: 100%; }
  .Orb-dashboard .DSB-TaskSludge .DSB-TaskGrid {
      height: calc(100% - 30px); }
  .Orb-dashboard .DSB-TaskSludge .DSB-TaskGrid li a {
        font-size: 1em;
        font-weight: 500;
        padding: 0px 2px 2px;
        background: none; }
  .Orb-dashboard .DSB-TaskSludge .DSB-TaskGrid li.active a {
        color: #479f17 !important;
        border-bottom: 5px solid #479f17; }
  .Orb-dashboard .DSB-TaskSludge .DSB-TaskGrid .DSB-TaskGrid-Cnt {
        height: calc(100% - 30px);
        margin-top: 10px; }
  .Orb-dashboard .DSB-TaskSludge .DSB-Sludge-Cnt {
      height: calc(100% - 30px); }
  .Orb-dashboard .DSB-Tanks {
    height: 195px; }
  .Orb-dashboard .DSB-Tanks .Content-bgWhite {
      padding: 10px 15px 5px; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list {
      display: inline-block;
      width: 100%;
      text-align: center; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list .DSB_TankCount {
        width: 65px;
        height: 95px;
        margin: 0 auto;
        border: 3px solid;
        border-radius: 50px;
        position: relative;
        z-index: 1;
        /*&.count-40 {
                    &:after {
                        height: 40%;
                        border-radius: 0 0 32px 32px;
                    }
                }

                &.count-20 {
                    &:after {
                        height: 20%;
                        border-radius: 0 0 32px 32px;
                    }
                }

                &.count-100 {
                    &:after {
                        height: 100%;
                    }
                }

                &.count-50 {
                    &:after {
                        height: 50%;
                        border-radius: 0 0 32px 32px;
                    }
                }*/ }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list .DSB_TankCount:after {
          position: absolute;
          bottom: 0;
          content: "";
          width: 100%;
          left: 0;
          border-radius: 50px;
          background: #ccc;
          z-index: -1;
          display: block; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list .DSB_TankCount label {
          font-size: 1.3em;
          padding-top: 55px;
          position: relative; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list .DSB_TankCount label:before {
            content: "";
            background: url('sprite-common-icons.99a0388ccc3c0e98a2e1.png') no-repeat -38px -125px;
            position: absolute;
            top: 15px;
            left: 20px;
            width: 30px;
            height: 30px; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list .DSB_TankCount.clr-blue {
          border-color: #00a2e8; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list .DSB_TankCount.clr-darkRed {
          border-color: #880015; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list .DSB_TankCount.clr-darkBlue {
          border-color: #5674b9; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list .DSB_TankCount.clr-Yellow {
          border-color: #ffcc00; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list .DSB_TankCount.clr-Pink {
          border-color: #a864a8; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list h4 {
        font-size: 1em;
        font-weight: 500;
        margin-bottom: 0; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list h4 span {
          display: block;
          color: #9c9c9c; }
  .Log-wrpr {
  height: 100%; }
  .Log-wrpr h3 {
    display: inline-block; }
  .Log-wrpr .log-grid {
    height: calc(100% - 33px);
    overflow: auto; }
  .Report-wrpr {
  height: 100%; }
  .Report-wrpr h3 {
    float: left; }
  .Report-wrpr .report-tabs {
    float: left;
    margin-left: 20px; }
  .Report-wrpr .report-tabs .nav-tabs > li > a {
      font-size: .9em;
      padding-bottom: 3px;
      border-width: 2px; }
  .Report-wrpr .report-tabs .nav-tabs > li.active a {
      border-bottom: 2px solid #5c5c5c; }
  .Report-wrpr .Report-grid {
    display: inline-block;
    width: 100%;
    margin: 5px 0 0 0;
    height: calc(100% - 33px);
    overflow: auto; }
  .Report-wrpr .Report-grid .report-tabs {
      margin-left: 0; }
  .Report-wrpr .Report-grid .Report-grid-cnt {
      margin-top: 20px;
      display: inline-block;
      width: 100%;
      height: calc(100% - 55px); }
  .Report-wrpr .Report-grid.Record-grid .Report-grid-cnt {
      height: calc(100% - 95px);
      overflow: auto; }
  .adminStructure {
  height: 100%; }
  .adminStructure .adminStructure-Title {
    margin: 0 0 10px; }
  .adminStructure .adminStructure-Title h3 {
      font-size: 1em;
      color: #479f17;
      font-weight: 500;
      margin: 0;
      display: inline-block; }
  .adminStructure .adminSt-grid {
    height: calc(100% - 35px); }
  .adminStructure .adminSt-grid .adminSt-grid-left, .adminStructure .adminSt-grid .adminSt-grid-rgt {
      height: 100%; }
  .adminStructure .adminSt-grid .adminSt-grid-left .Content-bgWhite, .adminStructure .adminSt-grid .adminSt-grid-rgt .Content-bgWhite {
        height: 100%;
        overflow: auto; }
  .adminStructure .adminSt-grid .adminSt-grid-cnt {
      width: 100%;
      display: inline-block;
      height: calc(100% - 40px);
      margin-top: 10px; }
  .activityvar-wrpr .chck-tickbox {
  margin: 0 0 10px;
  width: 100%; }
  .activityvar-wrpr .chck-tickbox label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%; }
  .activityvar-wrpr .activity-chkBox {
  max-height: calc(100% - 15px);
  overflow: auto;
  padding: 10px 10px 0px 0px;
  border: 1px solid #ccc; }
  .accidental-wrpr {
  padding: 20px;
  height: 100%; }
  .accidental-wrpr h3 {
    display: inline-block;
    margin: 0;
    font-size: 1.3em;
    font-weight: 400; }
  .accidental-wrpr .accidental-cont-wrpr {
    height: calc(100% - 25px);
    /*overflow: auto;*/
    width: 100%;
    margin: 20px 0 0; }
  .accidental-wrpr .accidental-cont-wrpr .accidental-content {
      width: 100%;
      display: inline-block;
      height: calc(100% - 70px);
      overflow: auto;
      margin-bottom: 10px; }
  .accidental-wrpr .accidental-cont-wrpr .accidental-content .accidental-noscrl {
        max-width: 550px;
        height: 100%; }
  .accidental-wrpr .accidental-cont-wrpr .accidental-content h4 {
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        width: 100%;
        color: #374240;
        margin: 0; }
  .accidental-wrpr .accidental-ftr {
    border-top: 1px solid #ccc;
    margin: 0 -20px;
    padding: 10px 10px 0; }
  .accidental-wrpr .accidental-ftr .btn {
      margin-left: 10px; }
  /******INDEX PROGRESS BAR*****/
  @-webkit-keyframes grow-vertical {
  0% {
    height: 0; }
  100% {
    height: 100%; } }
  @keyframes grow-vertical {
  0% {
    height: 0; }
  100% {
    height: 100%; } }
  .progress {
  background-color: #ffffff; }
  .progress__indicator {
    position: absolute;
    height: 100%; }
  .progress__indicator:before {
      content: "";
      position: absolute;
      left: 0;
      height: 100%;
      width: 100%;
      background: #ccc;
      -webkit-animation: grow-horizontal 1s ease-out;
              animation: grow-horizontal 1s ease-out; }
  .progress__label {
    position: absolute; }
  .progress--vertical .progress__indicator {
    width: 100%;
    bottom: 0; }
  .progress--vertical .progress__indicator:before {
      bottom: 0;
      -webkit-animation-name: grow-vertical;
              animation-name: grow-vertical; }
  /******INDEX PROGRESS BAR*****/
  .input-checkbox .checkbox-section {
  width: 30px;
  float: left; }
  .input-checkbox .input-section {
  width: calc(100% - 30px);
  float: left; }
  /******************Media Query******************/
  @media only screen and (max-width: 1400px) {
  .Orb-dashboard .Orb-shipdetails ul li {
    min-width: 145px; } }
  @media only screen and (max-width: 1300px) {
  .header-navBar .nav-menu ul.navbar-nav li {
    margin: 0 6px; }
  .Orb-dashboard .Orb-shipdetails ul li {
    min-width: 145px; } }
  @media only screen and (max-width: 1200px) {
  .header-navBar .nav-menu ul.navbar-nav li {
    font-size: 0.8em;
    margin: 0 5px; }
  .nav-logo {
    width: 110px; }
  .header-navBar .nav-search .nav-search-mob .input-group-btn {
    display: inline-block; }
  .header-navBar .nav-search .form-inline .Srch-input-mob {
    position: absolute;
    width: 0;
    transition: all ease 0.5s;
    right: 20px;
    top: -4px;
    background: #ffffff;
    padding: 5px 10px; }
    .header-navBar .nav-search .form-inline .Srch-input-mob .form-control {
      padding: 0 !important;
      border: 0;
      background: #ffffff; }
    .header-navBar .nav-search .form-inline .Srch-input-mob.mob-searchbox {
      width: 200px; }
      .header-navBar .nav-search .form-inline .Srch-input-mob.mob-searchbox .form-control {
        border: 1px solid #ccc;
        padding: 5px 8px !important; }
  .header-navBar {
    width: calc(100% - 110px); }
  .header-navBar .nav-menu {
    width: calc(100% - 260px);
    padding: 0; }
  .main-Header.EZ-ORB-header .nav-search {
    width: 400px; }
  .header-navBar .nav-search {
    width: 260px;
    padding: 0; }
    .header-navBar .nav-search .form-inline {
      width: 25px;
      position: relative; }
    .header-navBar .nav-search .nav-search-ul {
      padding: 0;
      width: calc(100% - 25px); }
  .Main-Landing .landing-mainTitle .ship-status {
    width: 300px; }
    .Main-Landing .landing-mainTitle .ship-status li:last-child {
      padding-right: 0;
      min-width: 130px; }
  .Main-Landing .landing-mainTitle .ship-vessel-position li {
    font-size: 1.15em; }
  .Main-Landing .landing-mainTitle h2 {
    font-size: 1.3em; } }
  @media only screen and (max-width: 1100px) {
  .header-navBar .nav-menu ul.navbar-nav li {
    margin: 0 2px; }
  .Main-Landing .landing-mainTitle .ship-status {
    width: 290px; }
    .Main-Landing .landing-mainTitle .ship-status li {
      padding: 0 15px 0 0; }
      .Main-Landing .landing-mainTitle .ship-status li:last-child {
        padding-right: 0;
        min-width: 110px; } }
  @media only screen and (max-width: 1024px) {
  .login-wrapper .login-content {
    width: 100%; }
  .Main-Landing .landing-mainTitle .ship-status {
    width: 302px; }
    .Main-Landing .landing-mainTitle .ship-status li {
      font-size: .9em; }
      .Main-Landing .landing-mainTitle .ship-status li:last-child {
        padding-right: 0;
        min-width: 130px; }
  .Main-Landing .landing-mainTitle .ship-vessel-position {
    width: calc(100% - 302px); }
    .Main-Landing .landing-mainTitle .ship-vessel-position li {
      font-size: 1em; }
  .Orb-dashboard .Orb-shipdetails ul li {
    width: auto;
    min-width: initial;
    padding: 0 20px 0 0;
    font-size: .85em; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list h4 {
    font-size: .9em; }
  .Orb-dashboard .DSB-Tanks .DSB-Tanks-list .DSB_TankCount label {
    font-size: 1em; }
  .OrbPart-Wrpr .Orbleft-submenu {
    width: 200px; }
  .OrbPart-Wrpr .OrbPart-cnt.show-orbsubmenu {
    width: calc(100% - 360px);
    margin-left: 20px; }
  .left-CMMenu {
    width: 170px; }
    .left-CMMenu ul li a {
      line-height: 20px;
      font-size: .85em; }
      .left-CMMenu ul li a span {
        display: inline-block; }
      .left-CMMenu ul li a i {
        height: 35px; }
    .left-CMMenu ul li.AD-Edit1 a, .left-CMMenu ul li.AD-Edit2 a {
      /*padding-top: 10px;*/
      line-height: 15px; }
  .Admin-Setup-Wrpr .admin-SubMenu {
    width: 180px; }
    .Admin-Setup-Wrpr .admin-SubMenu ul li a {
      line-height: 18px;
      font-size: .85em; }
  .Admin-Setup-Wrpr .Admin-setupCont {
    width: calc(100% - 190px); }
  .Admin-Setup-Wrpr .Admin-SubMenuCont {
    width: calc(100% - 370px); }
  .OrbPart-Wrpr .Orbleft-submenu {
    width: 170px; }
    .OrbPart-Wrpr .Orbleft-submenu ul li a {
      line-height: 15px;
      padding: 15px 15px 0; }
      .OrbPart-Wrpr .Orbleft-submenu ul li a i {
        height: 35px; }
  .Orb-dashboard .DSB-TaskSludge .DSB-TaskGrid li a {
    font-size: .9em; }
  .Orb-dashboard .DSB-TaskSludge .DSB-TaskGrid li.active a {
    border-width: 3px; } }
  @media only screen and (max-width: 769px) {
  .header-navBar .nav-menu {
    position: absolute;
    background: #ffffff;
    top: 28px;
    border: 1px solid #ccc;
    z-index: 99;
    border-radius: 2px;
    box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.2);
    width: 200px;
    z-index: 999; }
  .header-navBar .nav-menu ul.navbar-nav li {
    margin: 10px 6px;
    font-weight: 500;
    font-size: 0.8em; }
  .header-navBar .navbar-toggler {
    display: block; }
  .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanklist ul {
    padding-left: 10px; }
    .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanklist ul li {
      font-size: .8em;
      font-weight: 500;
      margin-right: 0; }
      .OrbPart-Wrpr .OrbPart-cnt .OrbCnt-Tanklist ul li span {
        width: 15px; } }

 :root {
   --gl-body-bg-color: #f7f7f7;
   --gl-body-text-color: #212121;
   --gl-white-color: #fff;
   --gl-black-color: #000;
   --gl-link-color: #3975D3;
   --gl-body-border-color: #3b6ec3;
   --gl-input-bg-color: #fff;
   --gl-input-border-color: #ced4da;
   --gl-menu-header-bg-color: #1450b5;
   --gl-menu-header-text-color: #ffffff;
   --gl-menu-header-active-color: #fffe00;
   --gl-calender-header-dropdown: #fff;
   --gl-calender-header-dropdown-border: #ced4da;
   --gl-menu-header-active-text-color: #212121;
   --gl-search-border-color: #9ba0b9;
   --gl-data-sources-history-color: #CE90FF;
   --gl-data-sources-gps-color: #23CAFF;
   --gl-data-sources-CFS-color: #8d457b;
   --gl-data-sources-CFHS-color: #da167b;
   --gl-data-sources-Runtime-color: #FFC300;
   --gl-data-sources-Iot-sensor-color: #FF8552;
   --gl-traning-mode: #ff0000;
   --gl-primary-button-color: #39a3f4;
   --gl-primary-light-button-color: #ebebeb;
   --gl-primary-light-button-border-color: #a8a8a8;
   --gl-primary-button-border-color: #121213;
   --gl-primary-hover-button-color: #2159b1;
   --gl-primary-active-button-color: #39a3f4;
   --gl-primary-active-border-color: #121213;
   --gl-secondory-button-color: #576375;
   --gl-secondory-button-border-color: #121213;
   --gl-secondory-hover-button-color: #43464b;
   --gl-secondory-active-button-color: #121213;
   --gl-new-decklog-bg-color: #f7f7f7;
   --gl-new-decklog-bg-preview-color: #1E2937;
   --gl-new-decklog-border-preview-color: #c8c8c8;
   --gl-new-decklog-menu-bg-color: #fff;
   --gl-new-decklog-menu-text-color: #212121;
   --gl-new-decklog-menu-border-color: #39a3f4;
   --gl-new-decklog-menu-border-opacity-color: #eee;
   --gl-new-decklog-menu-active-selection-bg-color: #53a1f2;
   --gl-new-decklog-menu-active-selection-border-color: #53a1f2;
   --gl-new-decklog-menu-active-selection-arrow-color: #b6c1d3;
   --gl-new-decklog-menu-active-selection-text-color: #fff;
   --gl-calender-icon-bg: #3975D3;
   --gl-radio-border-color: #9BA0B9;
   --gl-radio-bg-color: #fff;
   --gl-table-bg-color: #151D26;
   --gl-table-th-bg-color: #e9e9e9;
   --gl-table-th-border-color: #d1e2f8;
   --gl-table-th-text-color: #212121;
   --gl-table-td-border-color: #c8c8c8;
   --gl-table-td-bg-color: #fff;
   --gl-common-table-tr-bg-color: #fff;
   --gl-table-tr-bg-hover-color: #d3e2f7;
   --gl-table-border-color: #c8c8c8;
   --gl-pagging-bg-color: #fff;
   --gl-pagging-border-color: #fff;
   --gl-dropdown-bg-color: #fff;
   --gl-dropdown-border-color: #ced4da;
   --gl-dropdown-text-color: #fff;
   --gl-voyage-bg-color: #efefef;
   --gl-voyage-anchore-color: #212121;
   --gl-template-form-box-color: #EFEFEF;
   --gl-template-form-box-border-color: #BFBEBE;
   --gl-template-edit-icon: url('decklogEditDark.57b97e8039d06466db07.svg');
   --gl-ballastWater-border-color: #ced4da;
   --gl-orb-table-border: #c8c8c8;
 }

 @font-face {
   font-family: 'Roboto';
   src: url('Roboto-Italic.4d4bb30a07edef683706.eot');
   src: url('Roboto-Italic.4d4bb30a07edef683706.eot?#iefix') format('embedded-opentype'),
     url('Roboto-Italic.c214b1475756ee326330.woff2') format('woff2'),
     url('Roboto-Italic.e7813f34850fbbf313c3.woff') format('woff'),
     url('Roboto-Italic.c58a86b450e831fb3d3e.ttf') format('truetype'),
     url('Roboto-Italic.16905dedb3b2b4925420.svg#Roboto-Italic') format('svg');
   font-weight: normal;
   font-style: italic;
   font-display: swap;


 }

 @font-face {
   font-family: 'Roboto';
   src: url('Roboto-Regular.5d028d28565b15ac38b8.eot');
   src:
     url('Roboto-Regular.7c72154162784b525f53.woff') format('woff'),
     url('Roboto-Regular.5dd918926d41224c8142.ttf') format('truetype'),
     url('Roboto-Regular.99dd60e2211a78657735.svg') format('svg');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Roboto';
   src: url('Roboto-Medium.7157933a0a31a588c00f.woff') format('woff'),
     url('Roboto-Medium.116fcd4fd987818c5d98.ttf') format('truetype'),
     url('Roboto-Medium.b2ee44505ba3b4ddb246.svg') format('svg');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Roboto';
   src:
     url('Roboto-Medium.7157933a0a31a588c00f.woff') format('woff'),
     url('Roboto-Medium.116fcd4fd987818c5d98.ttf') format('truetype'),
     url('Roboto-Medium.b2ee44505ba3b4ddb246.svg') format('svg');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Roboto';
   src:
     url('Roboto-Medium.7157933a0a31a588c00f.woff') format('woff'),
     url('Roboto-Medium.116fcd4fd987818c5d98.ttf') format('truetype'),
     url('Roboto-Medium.b2ee44505ba3b4ddb246.svg') format('svg');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }

 body {
   font-family: 'Roboto' !important;
   font-size: 14px;
   line-height: 1.42857;
   color: #212121;
   background-color: #f7f7f7;
   text-shadow: none !important;
   /*overflow-x: hidden;*/
   font-weight: 400;

   /* -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; */
 }

 body .ui-widget {
   font-family: 'Roboto' !important;
 }

 body .ui-widget-overlay {
    z-index: 1;
  }

 .body .ui-accordion .ui-accordion-content {
  display: inline-block;
  height: 100%;
  width: 100%;
}

 body .ui-tabview .ui-tabview-panels {
  display: inline-block;
  height: 100%;
  width: 100%;
}

 .navbar {
  margin-bottom: 0px;
}

 .ng-star-inserted .mainContentDiv {
   padding-top: 0;
 }

 .ng-star-inserted p-autocomplete input {
   width: 100%;
 }

 body .mainContentDiv {
   height: calc(100% - 13px) !important;
 }

 body .ui-autocomplete-panel {
   z-index: 100000 !important;
 }

 .main-Header {
   box-shadow: 1px 2px 4px transparent;
   height: 70px;
   color: #fff;
   border-radius: 0;
   margin: 0;
   background: #39a3f4;
   border: 1px solid #4a9ad7;
 }

 .header__client-logo {
   height: 42px;
   padding: 4px 10px 10px 0;
   display: inline-block;
   margin-top: 0;
 }

 .header-navBar .nav-menu ul.navbar-nav li a {
   color: #fff;
 }

 .header-navBar .nav-menu ul.navbar-nav li a:hover {
   color: #fff;
 }

 /*-search box-*/

 .searchbox {
   padding: 5px 0;
   width: 100%;
 }

 .searchbox .search-query {
   padding-left: 0px !important;
   height: 30px;
 }

 .searchbox span {
   width: 100%
 }

 body .searchbox .ui-autocomplete-input {
   padding: 0 0 0 30px !important;
 }

 .searchbox .input-append {
   overflow: visible;
 }

 form.form-search {
   position: relative;
 }

 form.form-search:before {
   content: '';
   display: block;
   width: 14px;
   height: 14px;
   background-image: url('glyphicons-halflings.191ce1051bca2cdc07b6.png');
   background-position: -48px 0;
   position: absolute;
   top: 6px;
   left: 8px;
   opacity: .5;
   z-index: 1000;
 }

 #search-nav {
   flex: 1;
   max-width: 400px;
 }

 .main-header .navbar-header[data-background-color] .nav-search .input-group {
   border: 0;
   background: rgba(0, 0, 0, .14) !important;
   box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .07);
   transition: all .4s;
 }

 .nav-search .input-group {
   border: 1px solid #eee;
   background: #eee;
   border-radius: 5px;
 }

 .input-group {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   width: 100%;
 }

 .header-navBar .nav-menu {
   width: 100%;
   float: left;
   margin-top: 2px;
   padding: 0;
 }

 body .ui-inputtext {
   color: #000 !important;
 }

 .uneditable-input,
 .ui-inputtext,
 body .ui-inputtext,
 textarea,
 input[type="text"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="date"],
 input[type="month"],
 input[type="time"],
 input[type="week"],
 input[type="number"],
 input[type="email"],
 input[type="url"],
 input[type="search"],
 input[type="tel"],
 input[type="color"],
 input[type="value"] {
   display: block;
   /*width: 100%;*/
   height: calc(1.5em + .20rem + 2px) !important;
   padding: 5px !important;
   font-weight: 400;
   line-height: 1.5;
   color: #000;
   background-color: #fff !important;
   background-clip: padding-box;
   border: 1px solid #ced4da !important;
   border-radius: 0;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   height: 30px !important;
   /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
 }

 body .ui-inputtext {
   height: calc(1.5em + .20rem + 2px);
   border: 1px solid #d1d3e2;
 }

 body .ui-dropdown,
 body .ui-chkbox .ui-chkbox-box {
   border: none !important;
 }

 .form-control:focus,
 input[type="text"]:focus {
   color: #000;
   /*background-color: #fff;
  border-color: #bac8f3;
  outline: 0;
  box-shadow: 0 0 4px 0 rgba(78,115,223,.25);*/
   background: #fff;
   border-color: #39a3f4;
   box-shadow: 0 0 7px 0 #39a3f4;
   -webkit-box-shadow: 0 0 7px 0 #39a3f4;
   -moz-box-shadow: 0 0 7px 0 #39a3f4;
 }

 input[type="text"]:hover {
   border-color: #39a3f4 !important;
 }

 body .ui-inputtext:hover {
   border: 1px solid #39a3f4 !important;
 }

 body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
   background-color: #39a3f4 !important;
   color: #fff !important;
 }

 .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover span {
   color: #fff !important
 }

 body .ui-radiobutton .ui-radiobutton-box,
 body .ui-chkbox .ui-chkbox-box {
   width: 16px !important;
   height: 16px !important;
 }

 .ui-widget.ui-widget-content:hover {
   border: none !important;
 }

 body .ui-listbox .ui-listbox-list .ui-listbox-item:focus {
   outline: none;
 }

 /*body .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-trigger {
  border: 1px solid #39a3f4 !important;
*/

 .invalid-feedback {
   color: #EF5350;
 }

 input.is-invalid,
 input[class="is-invalid"] {
   border-color: #EF5350 !important;
 }

 body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight,
 body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight {
   background-color: #39a3f4 !important;
 }

 body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover,
 body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group:not(.ui-state-highlight):not(.ui-state-disabled):hover {
   background-color: #39a3f4 !important;
   color: #fff !important;
 }

 body .ui-dropdown-panel {
   z-index: 12000 !important;
 }

 body .ui-dropdown .ui-dropdown-trigger {
   /* border: 1px solid #c8cee4;
  background-color: #fff !important;*/
   border: none !important;
   background-color: transparent !important;
   width: 30px !important;
 }

 body .pi.pi-calendar {
   font-size: 1.3em;
   cursor: pointer;
 }

 body .pi-chevron-down,
 .left-CMMenu ul li a span.rightarrow {
   font-size: 1em !important;
 }

 body .ui-dropdown:not(.ui-state-disabled):hover {
   border: 1px solid #d1d3e2;
 }

 /*---form---*/

 .form-group .form-control:focus {
   border-color: #6699cc;
   background: #fff;
 }

 .form-group input[type="text"],
 .form-group select,
 .form-group input[type="number"],
 .form-group input[type="password"] {
   border-color: #ccc;
 }

 .amenddialog .form-group .marinname .menu .toparrow {
   margin-bottom: 15px;
 }

 .amenddialog .form-group {
   display: inline-block;
   width: 100%;
   margin-top: 5px;
 }

 .amenddialog input {
   font-size: 14px;
   color: #333333;
   background: #ffffff;
   padding: 0.429em;
   border: 1px solid #a6a6a6;
   transition: border-color 0.2s;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 30px;
 }

 .pi-window-maximize:before {
   background: url('glyphicons-halflings.191ce1051bca2cdc07b6.png') scroll no-repeat -360px -94px;
   content: '' !important;
   height: 16px;
   width: 16px;
   position: absolute;
   right: 35px;
   top: 16px;
 }

 .pi-window-minimize:before {
   background: url('glyphicons-halflings.191ce1051bca2cdc07b6.png') scroll no-repeat -383px -94px;
   content: '' !important;
   height: 16px;
   width: 16px;
   position: absolute;
   right: 35px;
   top: 16px;
 }

 .form-control {
   height: 38px;
   border-radius: 0;
 }

 .form-control {
   display: block;
   width: 100%;
   height: calc(1.5em + 0.75rem + 2px);
   padding: 0.375rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5;
   color: #596882;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #cdd4e0;
   border-radius: 3px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 .form-control:focus {
   border-color: #97a3b9;
   box-shadow: none;
 }

 .form-control:focus {
   color: #596882;
   background-color: #fff;
   border-color: #b3c6ff;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(51, 102, 255, 0.25);
 }

 /*-----topright menu-----*/

 .scrollmenu {
   white-space: nowrap;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar;
 }

 .scrollmenu ul {
   width: 1240px;
   position: relative;
   padding-left: 20px;
   padding-right: 20px;
 }

 .scrollmenu::-webkit-scrollbar {
   display: none;
 }

 .arrowbgleft {
   background: #fcfcfc;
   padding: 5px;
   border: none;
   position: absolute;
   z-index: 2;
   height: 20px;
   width: 20px;
   display: inline-block;
   padding: 9px 16px 21px 8px;
   float: left;
   left: 16px;
 }

 .arrowbgright {
   float: right;
   background: #fcfcfc;
   padding: 5px;
   border: none;
   position: absolute;
   z-index: 2;
   height: 20px;
   width: 20px;
   display: inline-block;
   padding: 9px 11px 20px 7px;
   top: 65px;
   right: 23px;
 }

 .scrollarrowleft {
   position: absolute;
   z-index: 1;
   width: 0px;
   height: 0px;
   border-top: 6px solid transparent;
   border-bottom: 6px solid transparent;
   border-right: 6px solid #39a3f4;
 }

 .scrollarrowright {
   position: absolute;
   z-index: 1;
   width: 0px;
   height: 0px;
   border-top: 6px solid transparent;
   border-bottom: 6px solid transparent;
   border-left: 6px solid #39a3f4;
 }

 .logomenu {
   margin: 24px 0;
 }

 .topaction {
   padding: 15px;
 }

 .time {
   width: 90px;
   /* float: left;
  margin-right: 15px;*/
 }

 .time a,
 .time a:hover {
   color: #fff;
 }

 .notification {
   position: relative;
   float: left;
   margin-right: 15px;
 }

 .serviceview ul li {
   padding: 5px;
   display: block;
   width: 100%;
   text-align: left;
 }

 .serviceview ul li a {
   font-size: 15px;
   padding-left: 0;
   color: #000;
   width: 100%;
   padding: 3px 6px;
   display: block;
   line-height: 24px;
 }

 .serviceview ul li a:hover {
   background: #eee;
   color: #000;
 }

 .userprofile button {
   border: none;
   background: none;
 }

 .userprofile .menu .toparrow {
   border-left: 11px solid transparent !important;
   border-right: 11px solid transparent !important;
   border-bottom: 11px solid #fff !important;
   top: -22px;
   border-top: 11px solid transparent;
   left: 0;
   right: 0;
 }

 .serviceview button {
   border: none;
   background: none;
 }

 .serviceview .menu .toparrow {
   border-left: 11px solid transparent !important;
   border-right: 11px solid transparent !important;
   border-bottom: 11px solid #fff !important;
   top: -22px;
   border-top: 11px solid transparent;
   left: 0;
   right: 0;
 }

 .serviceview .menu {
   visibility: hidden;
   position: absolute;
   background-color: #fff;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
   right: 0;
   top: 70px;
   position: absolute;
   z-index: 1000;
   width: 300px;
   min-height: calc(100vh - 80px);
   border-radius: 5px;
 }

 .serviceview .subdeatils {
   background-color: #fff;
   padding: 10px 0px;
   text-align: center;
   color: #212121;
   /*display: inline-block;*/
 }

 .serviceview .subdeatils ul {
   padding: 0;
   margin: 0;
 }

 .userprofile .menu {
   visibility: hidden;
   position: absolute;
   background-color: #fff;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
   right: 0;
   top: 56px;
   position: absolute;
   z-index: 1000;
   width: 382px;
   min-height: 90%;
   border-radius: 5px;
 }

 .userprofile .subdeatils {
   background-color: #fff;
   padding: 10px 20px;
   text-align: center;
   color: #212121;
 }

 .userprofile .subdeatils p {
   font-size: 13px;
   margin: 0;
 }

 .userprofile .subdeatils .profileaccounts {
   margin-top: 15px;
 }

 .userprofile .subdeatils img {
   height: 100px;
   width: 100px;
   border-radius: 50%;
   margin: 0 auto;
   text-align: center;
   display: block;
 }

 .userprofile .menutoparrow {
   margin: 0px 305px;
   position: absolute;
   width: 15px;
 }

 button+.menu:active,
 button:focus+.menu {
   visibility: visible;
 }

 .marinname .menu {
   visibility: hidden;
 }

 a+.menu:active,
 a:focus+.menu {
   visibility: visible;
 }

 .marinname .menu {
   visibility: hidden;
   position: absolute;
   background-color: #fff;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
   left: 28px;
   top: 145px;
   position: absolute;
   z-index: 1001;
   width: 70%;
   min-height: 60%;
   border-radius: 5px;
   padding: 15px;
   border: 1px solid #ccc;
 }

 .marinname .menu .toparrow {
   border-left: 11px solid transparent !important;
   border-right: 11px solid transparent !important;
   border-bottom: 11px solid #ccc !important;
   top: -22px;
   border-top: 11px solid transparent;
   left: 0;
   right: 0;
 }

 .marinname .menutoparrow {
   margin: 0px 52px;
   position: absolute;
   width: 15px;
 }

 .marinname a {
   font-size: 20px;
   font-weight: bold;
   color: #000;
 }

 .marinname ul {
   padding: 0;
 }

 .marinname ul li {
   width: 30%;
   float: left;
   margin-bottom: 15px;
   position: relative;
   border: 1px solid #ccc;
   padding: 5px;
   margin-right: 10px;
 }

 .marinname .mainmenu label.firstdiv {
   float: left;
   width: 42%;
   font-size: 14px;
   font-weight: bold;
   display: inline-block;
   margin-right: 11px;
   position: absolute;
   border-right: 1px solid #ccc;
 }

 .marinname .mainmenu label.lastdiv {
   float: left;
   width: auto;
   display: inline-block;
   font-size: 14px;
   margin-left: 46%;
   min-height: 20px;
   height: auto;
 }

 .actionbut {
   position: relative;
 }

 .header-navBar .nav-menu ul.navbar-nav li.active a {
   color: #fff600;
 }

 .header-navBar .nav-menu ul.navbar-nav li a {
   text-transform: uppercase;
   padding-bottom: 3px;
 }

 /*.actionbut .menu {
    visibility: hidden;
}

button + .menu:active,
button:focus + .menu {
  visibility: visible;
}*/

 .actionbut .menu {
   /*visibility: hidden;*/
   position: absolute;
   background-color: #fff;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
   top: -305px;
   position: absolute;
   z-index: 1000;
   width: 800px;
   min-height: 285px;
   border-radius: 5px;
   padding: 15px;
   right: 50px;
 }

 .actionbut .menu .toparrow {
   border-bottom: 11px solid transparent !important;
   border-right: 11px solid transparent !important;
   border-left: 11px solid #fff !important;
   top: 311px;
   border-top: 11px solid transparent;
   left: 350px;
   right: 0;
 }

 .actionbut .menutoparrow {
   margin: 0px 450px;
   position: absolute;
   width: 15px;
 }

 .tanktypefield li .leftsection {
   float: left !important;
 }

 .tanktypefield li .margintop {
   margin-top: 6px;
 }

 .topaction li a {
   color: #fff;
 }

 .topaction li {
   position: relative;
   float: left;
   padding: 10px;
 }

 .topaction li a:hover {
   color: #fff;
 }

 .topaction li span {
   margin-left: 5px;
   display: block;
   margin-top: -22px;
   margin-left: 16px;
 }

 .toptime a span {
   position: absolute;
 }

 .toptime {
   width: 16px;
   height: 16px;
   background-image: url('clock-white.dc2023eed4ec18c90a41.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
 }

 .topmenusercises {
   width: 16px;
   height: 16px;
   background-image: url('service-white.ca1037a2a947f77ce20e.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
 }

 .topnotification {
   width: 14px;
   height: 14px;
   background-image: url('bell-white.8846db84e12fb4cf3408.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
 }

 .topuser {
   width: 16px;
   height: 16px;
   background: url('user-icon-white.fd89a4bc10a5110b5e8e.png') scroll no-repeat center;
   padding-right: 5px;
   display: inline-block;
   border-radius: 35px;
   padding: 9px;
   border: 1px solid #fff;
 }

 .topaction li span.userspan {
   margin-left: 26px;
   margin-top: -26px;
 }

 .badge {
   color: #fff;
   background: #e74a3b;
   display: inline-block;
   padding: .25em .4em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .35rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }

 .badge-counter {
   position: absolute;
   transform: scale(.7);
   transform-origin: top right;
   right: .25rem;
   margin-top: -.25rem;
 }

 /*.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: 400;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: 0 0;
  border: 0;
}
.show > .dropdown-menu {
  display: block;
}
.dropdown, .dropup {
  position: relative;
}
.topaction li .dropdown-item a {
  color: #212121;
}*/

 .dropbtn {
   background-color: #4CAF50;
   color: white;
   padding: 16px;
   font-size: 16px;
   border: none;
 }

 .topaction li .dropdown-content {
   display: none;
   position: absolute;
   background-color: #fff;
   min-width: 200px;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
   padding: 10px;
   border: 1px solid #ddd;
   right: 5px;
   top: 140%;
   z-index: 999;
   min-height: 60px;
   left: inherit;
   border-radius: 6px;
 }

 .topaction li .dropdown {
   position: relative;
   display: inline-block;
 }

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

 .topaction .dropdown-header {
   background-color: #4e73df;
   border: 1px solid #4e73df;
   padding-top: .75rem;
   padding-bottom: .75rem;
   color: #fff;
 }

 .topaction li .dropdown-content a {
   color: black;
   padding: 10px 16px;
   text-decoration: none;
   display: block;
   border-bottom: 1px dotted #ccc;
 }

 .topaction li .dropdown-content a:last-child {
   border-bottom: none;
 }

 .topaction li .dropdown-content a:hover {
   background-color: #0078d4;
   color: #fff;
   border-radius: 6px;
 }

 .topaction li .dropdown:hover .dropdown-content {
   display: block;
 }

 .dropdown:hover .dropbtn {
   background-color: #3e8e41;
 }

 /*-scrolling style-----*/

 .scrollbar::-webkit-scrollbar {
   background-color: #fff;
   width: 16px
 }

 /* background of the scrollbar except button or resizer */

 ::-webkit-scrollbar {
   width: 10px;
   height: 10px;
 }

 /* Buttons */

 ::-webkit-scrollbar-button:single-button {
   background-color: #bbbbbb;
   display: block;
   border-style: solid;
   height: 8px;
   width: 12px;
 }

 /* Up */

 ::-webkit-scrollbar-button:single-button:vertical:decrement {
   border-width: 0 6px 6px 6px;
   border-color: #eee #eee #ccc #eee;
   padding: 2px;
 }

 ::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
   border-color: #eee #eee #ccc #eee;
 }

 /* Down */

 ::-webkit-scrollbar-button:single-button:vertical:increment {
   border-width: 6px 6px 0 6px;
   border-color: #ccc #eee #eee #eee;
 }

 ::-webkit-scrollbar-button:vertical:single-button:increment:hover {
   border-color: #ccc #eee #eee #eee;
 }

 /* Up */

 ::-webkit-scrollbar-button:single-button:horizontal:decrement {
   border-top: 6px solid #eee;
   border-bottom: 6px solid #eee;
   border-left: 0 solid transparent;
   border-right: 6px solid #ccc;
   padding: 2px;
 }

 ::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
   border-top: 6px solid #eee;
   border-bottom: 6px solid #eee;
   border-left: 0 solid transparent;
   border-right: 6px solid #ccc;
 }

 /* horizontal Down */

 ::-webkit-scrollbar-button:single-button:horizontal:increment {
   border-top: 6px solid #eee;
   border-bottom: 6px solid #eee;
   border-right: 0 solid transparent;
   border-left: 6px solid #ccc;
   padding: 2px;
 }

 ::-webkit-scrollbar-button:horizontal:single-button:increment:hover {
   border-top: 6px solid #eee;
   border-bottom: 6px solid #eee;
   border-right: 0 solid transparent;
   border-left: 6px solid #ccc;
 }

 ::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: #ccc;
 }

 ::-webkit-scrollbar-track {
   background: #eee;
 }

 /*--------left panel--------*/

 .left-CMMenu ul li {
   /*padding: 0;
  display: table;
  width: 100%;
  position: relative;
   margin-bottom: 1px;
  border-bottom: 1px dotted #ccc;
  padding:2px 0;*/
 }

 .left-CMMenu ul li.active a,
 .left-CMMenu ul li:focus>a,
 .left-CMMenu ul li a:focus {
   background: #73b0f9;
 }

 /*.left-CMMenu ul li a:hover {
  background: #facf02;
  background: -moz-linear-gradient(top, #facf02 0%, #f49d05 100%);
  background: -webkit-linear-gradient(top, #facf02 0%,#f49d05 100%);
  background: linear-gradient(to bottom, #facf02 0%,#f49d05 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#facf02', endColorstr='#f49d05',GradientType=0 );
  border: 1px solid #ad7419;
  border-radius: 5px;
  color:#fff;
}*/

 .left-CMMenu ul li a {
   /*display: table-cell;
    vertical-align: middle;
    height: 50px;
    color: #212121;
    padding: 0 15px 0 40px;
    font-size: 13px;
    line-height: 17px;
    transition: all ease 0.5s;
    font-weight: 400;*/
 }

 .left-CMMenu .lefttitle {
   background: #0078d4;
   border-radius: 6px 6px 0 0;
   padding: 5px 10px;
   color: #fff;
   font-weight: bold;
   border-bottom: 1px solid #eee;
   margin-bottom: 5px;
 }

 .left-CMMenu {
   border-radius: 6px;
   background: #fff;
   color: #212121;
   box-shadow: 1px 2px 5px #999;
   width: 220px;
   float: left;
   height: 100%;
   max-height: calc(100% - 30px);
 }

 .Content-bgWhite.content-fullbox {
   height: 100%;
   max-height: calc(100% - 10px);
   width: calc(100% - 230px);
   margin-left: 10px;
 }

 .Content-bgWhite.drawpipeline-fullbox {
   height: 100%;
   max-height: calc(100% - 10px);
   width: 100%;
 }

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

 /*body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border-color: #ccc !important;
  background-color: #f5f5f5 !important;
  color: #333;
}*/

 body .ui-corner-top {
   border-radius: 0 !important;
 }

 .left-CMMenu ul {
   background: #fff;
   padding: 5px;
   color: #212121;
   height: 95%;
   margin-bottom: 0;
   overflow: auto;
   border-radius: 6px;
   margin: 15px 0;
 }

 .left-CMMenu .tanktype {
   width: 25px;
   height: 25px;
   background: url('icon-tank-types-black.838d9f550e1a76361367.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .tanktype,
 .orbleft-CMMenu ul li a:focus .tanktype {
   width: 25px;
   height: 25px;
   background: url('icon-tank-types.bdd6bc6f276e9c0af1cc.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .subtanktype {
   width: 25px;
   height: 25px;
   background: url('icon-tank-types-black.838d9f550e1a76361367.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .subtanktype,
 .orbleft-CMMenu ul li a:focus .subtanktype {
   width: 25px;
   height: 25px;
   background: url('icon-tank-types.bdd6bc6f276e9c0af1cc.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .setuptanks {
   width: 25px;
   height: 25px;
   background: url('icon-setup-tanks-black.68ff3a12288a08766f2b.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .setuptanks,
 .orbleft-CMMenu ul li a:focus .setuptanks {
   width: 25px;
   height: 25px;
   background: url('icon-setup-tanks.c4466a8c31869d7f0ed0.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .setupequipment {
   width: 25px;
   height: 25px;
   background: url('icon-setup-equipment-black.f5f2ac2a3a2927138d43.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .setupequipment,
 .orbleft-CMMenu ul li a:focus .setuptanks {
   width: 25px;
   height: 25px;
   background: url('icon-setup-equipment.22f53fbd120d7ec66949.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .drawpipelines {
   width: 25px;
   height: 25px;
   background: url('icon-draw-pipelines-black.86b1336b97cc9d51e9fc.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .drawpipelines,
 .orbleft-CMMenu ul li a:focus .drawpipelines {
   width: 25px;
   height: 25px;
   background: url('icon-draw-pipelines.0a8b7a44836f6e7c31b5.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .drawpipelines1 {
   width: 25px;
   height: 25px;
   background: url('icon-draw-pipelines-black.86b1336b97cc9d51e9fc.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .drawpipelines1,
 .orbleft-CMMenu ul li a:focus .drawpipelines1 {
   width: 25px;
   height: 25px;
   background: url('icon-draw-pipelines.0a8b7a44836f6e7c31b5.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .editcreateorbsyntax {
   width: 25px;
   height: 25px;
   background: url('icon-orb-syntax-black.8a1f1358446bade86774.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .editcreateorbsyntax,
 .orbleft-CMMenu ul li a:focus .editcreateorbsyntax {
   width: 25px;
   height: 25px;
   background: url('icon-orb-syntax.dbccef9edaa6f693d5d2.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .editcreateorbsyntax1 {
   width: 25px;
   height: 25px;
   background: url('icon-orb-syntax-black.8a1f1358446bade86774.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .editcreateorbsyntax1,
 .orbleft-CMMenu ul li a:focus .editcreateorbsyntax1 {
   width: 25px;
   height: 25px;
   background: url('icon-orb-syntax.dbccef9edaa6f693d5d2.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .grouping {
   width: 25px;
   height: 25px;
   background: url('icon-grouping-black.30868ea367e5e3a0b957.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .grouping,
 .orbleft-CMMenu ul li a:focus .grouping {
   width: 25px;
   height: 25px;
   background: url('icon-grouping.8fc00b3a2ad79deff99f.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .categories {
   width: 25px;
   height: 25px;
   background: url('icon-categories-black.7c9a1faf5e500aa2faa1.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .categories,
 .orbleft-CMMenu ul li a:focus categories {
   width: 25px;
   height: 25px;
   background: url('icon-categories.fb3a1f7a41ae5348cafa.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .specialzones {
   width: 25px;
   height: 25px;
   background: url('icon-special-zones-black.45dfe7f9c7c25cd382c0.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .specialzones,
 .orbleft-CMMenu ul li a:focus .specialzones {
   width: 25px;
   height: 25px;
   background: url('icon-special-zones.2aabf100ce68589905aa.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .user {
   width: 25px;
   height: 25px;
   background: url('icon-signature-flow-black.2abbca1c31ed3b5357c2.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .user,
 .orbleft-CMMenu ul li a:focus .user {
   width: 25px;
   height: 25px;
   background: url('icon-signature-flow.22015db2585414eb40b2.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .userroal {
   width: 25px;
   height: 25px;
   background: url('icon-signature-flow-black.2abbca1c31ed3b5357c2.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .userroal {
   width: 25px;
   height: 25px;
   background: url('icon-signature-flow.22015db2585414eb40b2.png') scroll no-repeat 0 0;
 }

 .left-CMMenu .userconcurrency {
   width: 25px;
   height: 25px;
   background: url('icon-signature-flow-black.2abbca1c31ed3b5357c2.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a:hover .userconcurrency {
   width: 25px;
   height: 25px;
   background: url('icon-signature-flow.22015db2585414eb40b2.png') scroll no-repeat 0 0;
 }

 .left-CMMenu ul li a span.rightarrow {
   position: absolute;
   float: right;
   width: auto;
   text-align: right;
   right: 10px;
 }

 /*-------------rightdiv---*/

 .Content-bgWhite {
   background: #ffffff;
   box-shadow: 1px 2px 5px #999;
   padding: 0;
   border-radius: 6px;
 }

 .righttitle,
 .setTitle {
   /*background: #0078d4;
  border-radius: 6px 6px 0 0;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #eee;*/
   font-size: 1em;
   color: #212121;
   font-weight: 500;
   margin: 0;
   display: inline-block;
 }

 .Admin-Setup-Wrpr .Admin-setupCont .admin-cntHdr,
 .admin-cntHdr {
   height: 50px;
   /*background: #f8f9fc;
  border-bottom: 1px solid #e3e6f0;*/
   padding: 8px 15px;
   border-radius: 6px;
 }

 .Admin-Setup-Wrpr .Admin-setupCont .admin-mainCnt {
   height: calc(100% - 50px);
   padding-top: 0;
   overflow: auto;
   padding: 0 15px;

   &.jobSummaryFilters {
     padding: 80px 0 0 0;
   }
 }

 .Admin-Setup-Wrpr .Admin-setupCont .admin-mainCnt {
   height: calc(100% - 50px);
   padding-top: 0;
   overflow: auto;
   padding: 0 15px;
 }

 /*
.ui-table-wrapper { border-radius:6px;
}*/

 /*.commonbut button {
  width: 15.33%;
}*/

 .btn {
   display: inline-block;
   padding: 6px 12px;
   margin-bottom: 0;
   color: #666;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   color: #fff;
   border: none;
   text-shadow: none;
   box-shadow: none;
   transition: all 0.12s linear 0s !important;
   border-radius: 4px;
 }

 body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  font-size: 14px !important;
  /*color: #212121;*/
  line-height:17px;
}

 /*body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon
 body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover, body .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #007ad9;
  background-color: #fff !important;
}*/

 body .ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
   background-color: #fff !important;
   /* color: #212121*/
 }

 .ui-listbox .ui-listbox-item>span {
   color: #212121;
 }

 .addbutton,
 .addbutton:active:focus {
   background: #39a3f4 !important;
   border: 1px solid #39a3f4 !important;
   color: #fff !important;
 }

 .addbutton:hover {
   background: #1c96f2;
   border: 1px solid #1c96f2;
   color: #fff;
 }

 /*.btn-primary {
  background: #1cc88a;
  border: 1px solid #1cc88a;
}

  .btn-primary:hover {
    background: #17a673;
    border: 1px solid #169b6b;
  }*/

 .btn-primary {
   background: #39a3f4;
   border: 1px solid #39a3f4;
 }

 .btn-primary:hover {
   background: #2c9faf;
   border: 1px solid #2a96a5;
 }

 .btn-secondary,
 .btn-secondary:active:focus {
   background: #39a3f4;
   border: 1px solid #dddddd;
   color: #fff;
 }

 .btn.btn-secondary:hover {
   background: #f5f5f5;
   border: 1px solid #dddddd;
   color: #212121;
 }

 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active,
 .btn-primary.active,
 .btn-primary.disabled,
 .btn-primary[disabled],
 .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 {
   background: #0078d4;
   border: 1px solid #1b93ef;
 }

 .btn-secondary:hover,
 .btn-secondary:active,
 .btn-secondary:focus {
   color: #fff;
 }

 /*

 .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 {
  background: #f6c23e;
  border: 1px solid #f6c23e;
}
 */

 /*--------------table grid-----*/

 .Admin-Setup-Wrpr .admin-SetTitle {
   color: #212121;
   font-weight: bold;
 }

 /*
.fixed_header {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

  .fixed_header tbody {
    display: block;
    width: 100%;
    overflow: auto;
    max-height: 300px;
  }

  .fixed_header thead tr {
    display: block;
  }

  .fixed_header thead {
    background: black;
    color: #fff;
  }

  .fixed_header th, .fixed_header td {
    padding: 5px;
    text-align: left;
    width: 350px;
  }





.tablegrid {}
  .tablegrid .ui-table .ui-table-thead > tr > th, .tablegrid .ui-table .ui-table-thead > tr > th:hover {
    background: #7b7f81;
    padding: 3px 10px;
    color: #fff;
    font-size: 13px;
    white-space: nowrap;
  }
  .tablegrid .ui-table .ui-sortable-column .ui-sortable-column-icon, .tablegrid .ui-table .ui-sortable-column .ui-sortable-column-icon:hover {
    color: #fff; font-size:13px;

  }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color:#fff;
}
.tablegrid .ui-table p-sorticon {
  float: right;
}

.tablegrid .ui-table .ui-table-tbody > tr > td img {
  width: 16px;
  height: 16px;
}

.tablegrid .ui-table .ui-table-tbody > tr > th:first-child {
 bordder-radius:6px 0 0 0;}

.tablegrid .ui-table .ui-table-tbody > tr > th:last-child {
  bordder-radius: 0 0 0 6px;
}

thead th:nth-child(1) {
  width: 15%;
}

thead th:nth-child(2) {
  width: 15%;
}

thead th:nth-child(3) {
  width: 15%;
}

thead th:nth-child(4) {
  width: 15%;
}


.tablegrid .ui-table .ui-table-tbody > tr > td {
  padding: 5px 10px;
  font-size: 13px;
  font-family: "Roboto";
  white-space: nowrap;
}
  .tablegrid .ui-table .ui-table-tbody > tr:hover, .tablegrid .ui-table .ui-table-tbody > tr:nth-child(even):hover {
    background: #FFFFA5
  }


.tablegrid table {
  overflow: auto;
  max-height: 350px;
  min-height: 100%;
  display: grid;
  border-collapse: collapse;
  min-width: 100%;

   grid-template-columns: minmax(150px, 1.67fr) minmax(150px, 1.67fr) minmax(150px, 1.67fr) minmax(150px, 1.67fr) minmax(150px, 1.67fr) minmax(150px, 1.67fr) minmax(150px, 1.67fr) minmax(150px, 1.67fr) ;


}

body .ui-table .ui-sortable-column .ui-sortable-column-icon { color:#fff !important;
}
  .tablegrid table thead,
  .tablegrid table tbody,
  .tablegrid table tr {
    display: contents;
  }

  .tablegrid table th,
  .tablegrid table td {
    padding: 5px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.tablegrid table tr th {
  position: sticky;
  top: 0;
  background: #333;
  text-align: left;
  font-weight: normal;
  font-size: 1.1rem;
  color: white;
}

  .tablegrid table tr th:last-child {
    border: 0;
  }

.tablegrid table tr td {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #808080;
}

.tablegrid table tr:nth-child(even) td {
  background: #f8f6ff;
}

body .ui-table .ui-table-thead > tr > th {
  background: #666 !important;
  color: #fff !important;
  font-size: 13px;
  padding: 5px !important;
}
    */

 /*
.table-fixed tbody {
  height: 200px;
  overflow-y: auto;
  width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
  display: block;
}

  .table-fixed tr:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
  }

  .table-fixed tbody td,
  .table-fixed thead > tr > th {
    float: left;
  }

    */

 /*
.tablegrid  table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

  .tablegrid table th {
    text-decoration: underline;
  }

  .tablegrid table th,
  .tablegrid table td {
    padding: 5px;
    text-align: left;
    white-space:nowrap;
    width:250px;
    text-overflow:ellipsis;
  }

    .tablegrid table td:nth-child(1),
    .tablegrid table th:nth-child(1),
    .tablegrid table td:nth-child(2),
    .tablegrid table th:nth-child(2),
    .tablegrid table td:nth-child(3),
    .tablegrid table th:nth-child(3),
    .tablegrid table td:nth-child(4),
    .tablegrid table th:nth-child(4),
    .tablegrid table td:nth-child(5),
    .tablegrid table th:nth-child(5),
    .tablegrid table td:nth-child(6),
    .tablegrid table th:nth-child(6),
    .tablegrid table td:nth-child(7),
    .tablegrid table th:nth-child(7),
    .tablegrid table td:nth-child(8),
    .tablegrid table th:nth-child(8),
    .tablegrid table td:nth-child(9),
    .tablegrid table th:nth-child(9),
    .tablegrid table td:nth-child(10),
    .tablegrid table th:nth-child(10),
    .tablegrid table td:nth-child(11),
    .tablegrid table th:nth-child(11),
    .tablegrid table td:nth-child(12),
    .tablegrid table th:nth-child(12),
    .tablegrid table td:nth-child(13),
    .tablegrid table th:nth-child(13),
    .tablegrid table td:nth-child(14),
    .tablegrid table th:nth-child(14),
    .tablegrid table td:nth-child(15),
    .tablegrid table th:nth-child(15),
    .tablegrid table td:nth-child(16),
    .tablegrid table th:nth-child(16),
    .tablegrid table td:nth-child(17),
    .tablegrid table th:nth-child(17),
    .tablegrid table td:nth-child(18),
    .tablegrid table th:nth-child(18),
    .tablegrid table td:nth-child(19),
    .tablegrid table th:nth-child(19),
    .tablegrid table td:nth-child(20),
    .tablegrid table th:nth-child(20) {
      min-width: 200px;
      white-space:nowrap;
    }




  .tablegrid table thead {
    background-color: #333;
    color: #FDFDFD;
  }

    .tablegrid table thead tr {
      display: block;
      position: relative;
    }

  .tablegrid table tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 300px;
  }

    .tablegrid table tbody tr:nth-child(even) {
      background-color: #DDD;
    }


.tablegrid table tbody td,
.tablegrid table thead th {
    padding:5px !important;
  width: 200px;
  white-space: nowrap;
}
.tablegrid table tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 300px;
}

.tablegrid table thead tr th {
  position: sticky;
}
    */

 /*
.box:not(:last-child) {
  margin-bottom: 1.5rem;
}



.tablegrid table{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  overflow: hidden;
  background-color: #ccc;
  --dead-area-color: #ccc;
}

.tablegrid table {
  width: 100%;
}


  .tablegrid table thead {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    overflow: hidden;

  }
    .tablegrid table thead td, .tablegrid table thead th {
      border-width: 0 0 2px;
      color: #363636;
    }


.tablegrid table th {
  background-color: #f7f7f7;
}

  .tablegrid table td, .tablegrid table th {
    border: 1px solid #ddd;
    width: 10em;
    min-width: 10em;
    max-width: 10em;
    overflow: hidden;
    word-wrap: break-word;
  }

  .tablegrid table th {
    color: #363636;
    text-align: left;
    white-space:nowrap;
  }

  .tablegrid table td, .tablegrid table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top;
  }

  .tablegrid table tbody {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    max-height: 50vh;
    white-space: nowrap;
  }

  .tablegrid table td {
    background-color: #fff;
  }

  .tablegrid table td, .tablegrid table th {
    border: 1px solid #ddd;
    width: 10em;
    min-width: 10em;
    max-width: 10em;
    overflow: hidden;
    word-wrap: break-word;
  }


  .tablegrid table>tbody.ui-table-tbody {
    overflow-y: scroll;
  }

  .tablegrid table tbody.ui-table-tbody, .tablegrid table thead.ui-table-thead {
    overflow-x: scroll;
  }
  */

 .tablegrid {
   width: 100%;
   border: 1px solid #eee;
 }

 .tablegrid tr td {
   border-bottom: 1px solid #eee;
   border-right: 1px solid #eee;
   padding: 5px 15px;
 }

 .tablegrid tr td .firstdiv {
   font-weight: bold;
 }

 /* .tablegrid tr td:nth-child(2), .tablegrid tr td:nth-child(4), .tablegrid tr td:nth-child(6) {
      background: #f4f5fd;
    }
       */

 .old_ie_wrapper {
   height: 300px;
   width: 750px;
   overflow-x: hidden;
   overflow-y: auto;
 }

 .old_ie_wrapper tbody {
   height: auto;
 }

 .ui-table .ui-paginator-bottom {
   padding: 10px;
   background: none !important;
   float: right;
 }

 .ui-table .ui-paginator {
   background-color: #f4f4f4;
   border: none;
   padding: 10px 0;
 }

 body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
   border-radius: 50%;
   color: #fff;
 }

 .ui-state-active,
 .ui-widget-content .ui-state-active,
 .ui-widget-header .ui-state-active,
 a.ui-button:active,
 .ui-button:active,
 .ui-button.ui-state-active:hover {
   color: #fff;
   font-weight: normal;
 }

 body .ui-paginator .ui-paginator-pages .ui-paginator-page {
   height: 24px;
   width: 24px;
   line-height: 24px;
 }

 /*-----footer-----*/

 .footer {
   height: 24px;
   /*line-height: 24px;
  padding: 0 15px;
  margin-top: 27px;
  background: #ccc;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;*/
   height: 24px;
   width: 100%;
   clear: both;
   background: #ccc;
   padding: 5px;
 }

 /*----popup----*/

 body .ui-dialog .ui-dialog-titlebar {
   background-color: #f5f5f5 !important;
   border: 1px solid #eeeeee !important;
   padding-top: .75rem !important;
   padding-bottom: .75rem !important;
   color: #212121 !important;
   border-bottom: none !important;
 }

 body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
   color: #212121 !important;
   border: 0 none;
   padding: 0;
   margin-left: 0.5em;
 }

 body .ui-inputtext {
   font-size: 14px;
   color: #333333;
   background: #ffffff;
   padding: 0.429em;
   border: 1px solid #a6a6a6;
   transition: border-color 0.2s;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }

 body .ui-dialog .ui-dialog-content {
   background-color: #ffffff;
   color: #333333;
   border: 1px solid #c8c8c8;
   padding: 0.571em 1em;
 }

 body .ui-dialog .ui-dialog-footer {
   /* border: 1px solid #c8c8c8; */
   /*background-color: #f4f5f7;*/
   color: #333333;
   padding: 0.571em 1em;
   margin: 0;
   text-align: right;
   position: relative;
   top: 0;
   /*border:none!important;*/
 }

 .topaction li .dropdown-content {
   top: 140% !important;
 }

 .dropdown-content:after,
 .dropdown-content:before {
   border-left: 11px solid transparent !important;
   border-right: 11px solid transparent !important;
   border-bottom: 11px solid #fff !important;
   top: 0;
   border-top: 11px solid transparent;
   left: 0;
   right: 0;
   margin: -20px auto;
 }

 /*------orb1----*/

 .ui-g-1,
 .ui-g-2,
 .ui-g-3,
 .ui-g-4,
 .ui-g-5,
 .ui-g-6,
 .ui-g-7,
 .ui-g-8,
 .ui-g-9,
 .ui-g-10,
 .ui-g-11,
 .ui-g-12 {
   padding: 0 !important;
 }

 .orbleft-CMMenu {
   border-radius: 6px;
   background: #fff;
   color: #212121;
   box-shadow: 1px 2px 5px #999;
   width: 220px;
   float: left;
   height: 100%;
   max-height: calc(100% - 10px);
   position: relative;
   z-index: 1;
 }

 .orbleft-CMMenu ul {
   background: none;
 }

 .orbleft-CMMenu ul li a {
   color: #212121;
   font-size: 14px;
 }

 .orbleft-CMMenu1 ul li {
   padding: 0;
   display: table;
   width: 100%;
   position: relative;
   /* margin-bottom: 1px; */
   border-bottom: 1px dotted #ccc;
   padding: 2px 0;
 }

 .orbleft-CMMenu1 {
   border-radius: 6px;
   background: none;
   color: #212121;
   box-shadow: 1px 2px 5px #999;
   width: 220px;
   float: left;
   height: 100%;
   max-height: calc(100% - 30px);
   position: relative;
 }

 .orbleft-CMMenu ul {
   background: none;
   padding: 5px;
   color: #212121;
   height: 95%;
   margin-bottom: 0;
   overflow: auto;
   border-radius: 0;
 }

 .orbleft-CMMenu1 ul {
   background: #f7f8f9;
   padding: 5px;
   color: #212121;
   height: 95%;
   margin-bottom: 0;
   overflow: auto;
   border-radius: 0;
 }

 .orbleft-CMMenu ul li a img {
   width: 25px;
   height: 25px;
   float: left;
   position: absolute;
   top: 5px;
   left: 5px;
 }

 .orbleft-CMMenu ul li a:hover .tanktype {
   width: 25px;
   height: 25px;
   background: url('icon-tank-types.bdd6bc6f276e9c0af1cc.png') scroll no-repeat 0 0;
 }

 .orbleft-CMMenu ul li a .tanktype {
   width: 25px;
   height: 25px;
   background: url('icon-tank-types-black.838d9f550e1a76361367.png') scroll no-repeat 0 0;
 }

 .orbleft-CMMenu1 .arrowright {
   width: 0;
   height: 0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   border-right: 10px solid #0078d4;
   position: absolute;
   left: -10px;
   top: 18px;
 }

 .orbleft-CMMenu1 ul li a {
   display: table-cell;
   vertical-align: middle;
   height: 50px;
   color: #212121;
   padding: 0 15px 0 40px;
   font-size: 12px;
   line-height: 17px;
   transition: all ease 0.5s;
   font-weight: bold;
 }

 .orbleft-CMMenu1 ul li a:hover .tanktype {
   width: 25px;
   height: 25px;
   background: url('icon-tank-types-black.838d9f550e1a76361367.png') scroll no-repeat 0 0;
 }

 .orbleft-CMMenu1 ul li a .tanktype {
   width: 25px;
   height: 25px;
   background: url('icon-tank-types-black.838d9f550e1a76361367.png') scroll no-repeat 0 0;
 }

 .formsection {
   border-radius: 6px;
   border: 1px solid #c6d3dc;
   padding: 15px;
   display: block;
   margin-bottom: 15px;
   box-shadow: 1px 1px 0px 1px #FFE;
   margin-left: 10px;
   background: #fff;
 }

 .formsection .ui-g-9 {
   width: 75%;
 }

 .grbformsection {
   border-radius: 6px;
   border: 1px solid #c6d3dc;
   padding: 15px;
   display: block;
   margin-bottom: 15px;
   margin-right: 15px;
   box-shadow: 1px 1px 0px 1px #FFE;
   margin-left: 10px;
   background: #fff;
 }

 .subform {
   min-height: 83%;
   overflow: auto;
   max-height: 83%;
   height: 100%;
   margin: 15px 0;
   width: 100%;
   padding: 10px;
 }

 /*body .ui-inputtext {font-size:12px !important;
}*/

 body .ui-inputtext {
   border-radius: 6px !important;
 }

 /*.timezone {margin-left:5px;
}*/

 /*formsection .timezone,
.timezone {
  float: right !important;
  width: 25%!important;
}*/

 body .ui-button,
 .arblogActivityRecordbookMain .ui-button {
   margin: 0;
   color: #ffffff;
   /* background-color: #007ad9;
  border: 1px solid #007ad9; */
   background: var(--gl-primary-button-color);
   border: 1px solid var(--gl-primary-button-border-color);
   font-size: 14px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }

 body .ui-button:enabled:hover {
   background-color: #116fbf;
   color: #ffffff;
   border-color: #116fbf;
 }

 body .ui-button:enabled:focus {
   outline: 0 none;
   outline-offset: 0px;
   box-shadow: 0 0 0 0.2em #8dcdff;
 }

 .ui-.uneditable-input,
 body .ui-inputtext,
 textarea,
 input[type="text"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="date"],
 input[type="month"],
 input[type="time"],
 input[type="week"],
 input[type="number"],
 input[type="email"],
 input[type="url"],
 input[type="search"],
 input[type="tel"],
 input[type="color"],
 input[type="value"]picker-month,
 .ui-datepicker-year {
   font-weight: bold;
 }

 .ui-calendar {
   width: 100%;
 }

 body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
   /*border: 1px solid #c8cee4 !important;
  background-color: #fff !important;*/
   border: none;
   background-color: transparent;
   color: #848484 !important;
   float: right !important;
   margin-top: -30px !important;
   position: absolute !important;
   right: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
 }

 ui-button-text-icon-left {
   background: #36b9cc;
   border: 1px solid #36b9cc;
 }

 /*
[ng-reflect-label="Yes"] {
  background: #36b9cc !important;
  border: 1px solid #36b9cc !important;
}


[ng-reflect-label="Yes"]:active{
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}
  [ng-reflect-label="Yes"]:hover {
    background-color: #005b9f;
    color: #ffffff;
    border-color: #005b9f;
  }*/

 /*
[ng-reflect-label="No"] {
  background: #e74a3b !important;
  border: 1px solid #e74a3b !important;
}*/

 /*
.form-row .ui-inputtext {
  height: 28px !important;
}*/

 .form-row .formgroups {
   padding: 8px !important;
   border-bottom: none !important;
 }

 /*
body .ui-widget {
  font-size: 13px !important;
}*/

 .form-row .form-group label,
 .form-row label {
   font-size: 12px !important;
   font-weight: bold !important
 }

 .form-row .formgroups label,
 .formgroups label,
 .lastupdatedrobtitle {
   font-weight: bold !important;
   word-break: break-all;
 }

 .fromOverflowAuto .formgroups label {
   float: left;
 }

 .fromOverflowAuto .formgroups .ui-chkbox {
   float: left;
 }

 .formgroups label {
   display: block;
   padding-right: 15px !important;
   word-break: break-word;
 }

 body .ui-dropdown .ui-dropdown-label {
   font-weight: normal !important;
   line-height: 13px;
 }

 .lastupdatedrobtitle {
   color: #FF6347;
 }

 .formgroups {
   padding: 6px 0 !important;
   /*margin-bottom: 15px;
  border-bottom: 1px solid #eee;*/
   width: 100%;
   display: block;
 }

 .formgroups p-autocomplete input {
   width: 100%;
 }

 body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
   /* left: 55% !important;
  top: 57% !important;*/
   width: 10px !important;
   height: 10px !important;
 }

 body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
   background-color: #007ad9 !important;
 }

 body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
   border-color: #a6a6a6 !important;
   background-color: #fff !important;
   color: #ffffff;
 }

 body .ui-listbox .ui-listbox-header {
   border: none !important;
   padding: 0 !important;
 }

 .formsection label {
   font-weight: bold;
   padding-right: 15px;
 }

 .bottombut {}

 .leftM {
   margin-left: 5px;
   margin-right: 5px;
 }

 .maincontent {
   padding: 15px;
 }

 body .ui-corner-all {
   border-radius: 0 !important;
 }

 /*body .ui-inputtext {
  border: 1px solid #d1d3e2 !important;
}*/

 body .ui-inputtext:enabled:hover:not(.ui-state-error) {
   color: #6e707e;
   background-color: #fff;
   border-color: #bac8f3;
   outline: 0;
   box-shadow: 0 0 4px 0 rgba(78, 115, 223, .25);
 }

 .activity-record-book-overflow {
   overflow: hidden;
   height: 100%;
   max-height: 99%;
 }

 .maincontent label {
   font-weight: bold;
 }

 .comonw {
   float: left;
   margin-right: 445px;
   position: absolute;
   margin-left: 230px;
 }

 .comonwright {
   width: 435px;
   float: right;
 }

 label,
 input,
 button,
 select,
 textarea {
   font-size: 14px;
 }

 body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
   color: #979797;
 }

 .listboxmain {
   height: 100%;
   min-height: 190px;
   border: 1px solid #ccc;
   border-radius: 0;
 }

 .ui-listbox .ui-listbox-list-wrapper {
   height: 140px;
 }

 body .ui-fileupload .ui-fileupload-buttonbar {
   border: none !important;
   background: none !important;
 }

 body .ui-listbox .ui-listbox-list .ui-listbox-item {
   border-radius: 0 !important;
 }

 body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
   /*width: 80px;*/
   float: right;
   top: -32px;
   background-color: #6c757d;
   border-color: #6c757d;
   border-radius: 0 !important;
   height: 24px;
   margin-right: -13px !important;
 }

 body .ui-button.ui-button-text-icon-left .ui-button-text {
   padding: 2px 8px 4px 24px !important;
 }

 body .ui-chkbox .ui-chkbox-box.ui-state-focus {
   color: #39a3f4 !important;
   border-color: #39a3f4 !important;
   box-shadow: 0 0 7px 0 #39a3f4;
   -webkit-box-shadow: 0 0 7px 0 #39a3f4;
   -moz-box-shadow: 0 0 7px 0 #39a3f4;
 }

 body .ui-chkbox .ui-chkbox-box {
   /*border: 1px solid #d1d3e2 !important;
  border-radius: 3px !important;*/
  /* border: 1px solid #cccccc !important; */
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
  border-radius: 0 !important;
}

 body .ui-chkbox .ui-chkbox-box.ui-state-active {
   border: 1px solid #39a3f4 !important;
   background-color: #39a3f4 !important;
   color: #ffffff !important;
 }

 /* body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    font-size: 16px;
    display: inline-block;
    margin-top: 1px;
    margin-left: 1px;
  }
*/

 .ui-dropdown {
   min-width: 100% !important;
 }

 .Content-wrapper {
   padding: 2px 0;
   margin-top: 10px;
 }

 .shipinfo {
   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
   border-radius: 6px;
   padding: 15px;
   background: #fff;
   display: inline-block;
   width: 100%;
   margin-bottom: 10px;
 }

 .shipinfo p {
   font-size: 18px;
   font-weight: bold;
   margin: 0;
 }

 .shipinfomr {
   width: 98%;
 }

 .shipinfo h4 {
   margin: 0 0 5px;
   font-weight: bold;
 }

 .shipinfo .table {
   border: 1px solid #ccc;
 }

 .shipinfo .project-tab a {
   margin-right: 15px;
   padding-top: 9px;
   display: inline-block;
   border-bottom: 2px solid transparent;
   color: #212121;
   font-weight: normal;
 }

 .shipinfo .project-tab a.active {
   color: #007ad9;
   font-weight: bold;
   border-bottom: 2px solid #007ad9;
 }

 .shipinfo .table th {
   padding: 5px;
   background: #e9edee;
   font-weight: bold;
 }

 .shipinfo .table td {
   padding: 0 5px;
 }

 /*.tab-content > .tab-pane.show {
  display: none !important;
}*/

 .shipinfo .table td,
 .shipinfo .table th {
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   font-size: 12px;
 }

 /*--------menu style--------*/

 .mtree-demo .mtree {
   background: #EEE;
   margin: 20px auto;
   max-width: 320px;
   border-radius: 3px;
 }

 .mtree-skin-selector {
   text-align: center;
   background: #EEE;
   padding: 10px 0 15px;
 }

 .mtree-skin-selector li {
   display: inline-block;
   float: none;
 }

 .mtree-skin-selector button {
   padding: 5px 10px;
   margin-bottom: 1px;
   background: #BBB;
 }

 .mtree-skin-selector button:hover {
   background: #999;
 }

 .mtree-skin-selector button.active {
   background: #999;
   font-weight: bold;
 }

 .mtree-skin-selector button.csl.active {
   background: #FFC000;
 }

 /*-------------*/

 .tankbox {
   text-align: center;
 }

 .blueskycolor {
   border-color: #02a3e9 !important;
 }

 .dakredcolor {
   border-color: #890016 !important;
 }

 .bluecolor {
   border-color: #5674ba !important;
 }

 .yellowcolor {
   border-color: #ffcc00 !important;
 }

 .purpalcolor {
   border-color: #a963a9 !important;
 }

 .blackcolor {
   border-color: #474747 !important;
 }

 .tankfill {
   height: 105px;
   width: 75px;
   border-radius: 100px;
   /* background: red; */
   border: 3px solid #333;
   margin: 25px auto;
   overflow: hidden;
   position: relative;
 }

 .tankfill p {
   margin: 0 auto;
   display: inline-block;
   padding: 30% 0;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 2;
 }

 /*.tankfill p {
    margin: 0 auto;
    display: inline-block;
    padding: 50% 0;
  }*/

 .tankbox h4 {
   font-size: 14px;
 }

 .tankbox h4 span {
   display: block;
   color: #333;
 }

 .countc img {
   display: block;
   text-align: center;
   margin: 0 auto;
   margin-bottom: 5px;
 }

 .tankfill .lodoil {
   background: #d7d7d7;
   height: 120px;
   position: absolute;
   bottom: 0;
   width: 85px;
   z-index: 1;
 }

 /*-----------------menu----------------*/

 .logbookoptions button {
   background: none;
   border: none;
   font-size: 16px;
   /* margin: 24px 10px;*/
 }

 .logbookoptions .menu {
   visibility: hidden;
   position: absolute;
   background-color: #fff;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
   left: 0;
   top: 56px;
   position: absolute;
   z-index: 9;
   width: 382px;
   min-height: 100%;
   border-radius: 5px;
 }

 .menutoparrow {
   margin: 0px 160px;
   position: absolute;
   width: 15px;
 }

 .logbookoptions .menu .toparrow {
   border-left: 11px solid transparent !important;
   border-right: 11px solid transparent !important;
   border-bottom: 11px solid #fff !important;
   top: -22px;
   border-top: 11px solid transparent;
   left: 0;
   right: 0;
 }

 .logbookoptions .menu ul li {
   margin: 8px;
 }

 button+.menu:active,
 button:focus+.menu {
   visibility: visible;
 }

 .acc-menu,
 .acc-menu ul {
   line-height: 1.5;
   list-style: none;
   padding: 0;
   margin: 0;
 }

 /*.acc-menu {
  margin-left: -1.5em;
}*/

 .acc-menu>li {
   padding-left: 0;
   margin-bottom: 5px;
   line-height: 24px;
 }

 .acc-menu li a {
   display: inline-block;
   padding: 5px;
   /*background: rgb(230, 230, 230);*/
   color: #444;
   position: relative;
   padding-left: 30px;
   text-decoration: none;
   width: 100%;
 }

 .acc-menu li a:hover {
   background: rgb(130, 130, 130);
 }

 .acc-menu>li>a {
   background: transparent;
   color: #212121;
   font-weight: 400;
   position: relative;
   padding-left: 40px;
 }

 .acc-menu>li>a:hover {
   /* background: darkred;*/
 }

 .acc-menu input[type="checkbox"]~ul li,
 .acc-menu input[type="checkbox"].current:checked~ul li {
   height: 0;
   overflow: hidden;
   transition: 0.2s ease-in;
 }

 .acc-menu input[type="checkbox"]:checked~ul li,
 .acc-menu input[type="checkbox"].current~ul li {
   height: auto;
 }

 .acc-menu input[type="checkbox"]:checked~ul {
   display: block;
 }

 .acc-menu input[type="checkbox"],
 .acc-menu input[type="checkbox"]~ul {
   display: none;
 }

 .acc-menu ul li {
   padding-left: 0;
 }

 .acc-menu label {
   display: block;
   float: right;
   content: "";
   margin-left: -1.5em;
   width: 100%;
   padding: 0;
   text-align: center;
   background: transparent;
   color: #212121;
   font-weight: bold;
   cursor: pointer;
   font-size: 16px;
 }

 .acc-menu label {
   position: absolute;
   right: 5px;
 }

 .acc-menu li ul {
   margin-left: 19px;
   max-height: 200px;
   /*background: #fafaff;*/
   /* padding: 5px 5px 5px 18px;*/
 }

 .acc-menu ul li a:hover label {
   /*background: darkred;*/
   color: #fff;
 }

 .acc-menu>li>a>i,
 .acc-menu li a i {
   top: 4px !important;
 }

 .acc-menu a label:before,
 /*This flip-reverses the label */
 .acc-menu input[type="checkbox"]:checked.current~label:before {
   content: "\203A";
   float: right;
   font-size: 20px;
   margin-top: 1px;
   margin-right: 5px;
 }

 .left-CMMenu ul li a:hover label::before {
   color: #fff;
 }

 .acc-menu input[type="checkbox"]:checked~a label:before,
 .acc-menu input[type="checkbox"].current~a label:before {
   content: "‹";
   float: right;
   font-size: 20px;
 }

 .left-CMMenu ul li a:hover,
 .left-CMMenu ul li a:focus,
 .left-CMMenu ul li a:active,
 .left-CMMenu ul li.active a {
   /*background: #73b0f9;*/
   background: #39a3f4;
   color: #fff;
   border-radius: 0;
   border: none;
   margin-left: 0;
 }

 .logbookoptions .dropdownpanel {
   left: -125px !important;
   top: 35px;
   position: absolute;
   z-index: 2;
   width: 382px;
   min-height: 230px;
   border-radius: 5px;
 }

 .logbookoptions ul {
   display: block;
   margin: 0;
   padding: 0;
 }

 .logbookoptions ul li {
   float: left;
   padding: 12px;
   border: 1px solid transparent;
   width: 110px;
   display: inline-block;
   margin: 5px;
   text-align: center;
   height: 110px;
 }

 .logbookoptions ul li:hover {
   border: 1px solid #f2eeee;
   background: #fbfbfb;
 }

 .logbookoptions ul li:hover a {
   color: #212121;
   position: relative;
   top: auto;
   left: auto;
   background: none;
 }

 .logbookoptions ul li a {
   color: #212121;
   position: relative;
   top: inherit;
   left: inherit;
   text-align: center;
   padding: 0;
   font-size: 14px;
 }

 .logbookoptions ul li a img {
   display: block;
   text-align: center;
   margin: 0 auto;
 }

 .logbookoptions .dropdown:hover .dropdown-content,
 .logbookoptions .dropdown:focus .dropdown-content {
   display: block;
 }

 .logbookoptions a,
 .logbookoptions a:active,
 .logbookoptions a:hover {
   color: #fff;
   position: absolute;
   top: 13px;
   left: 15px;
 }

 .logbookoptions .dropdown-content:after,
 .logbookoptions .dropdown-content:before {
   border-left: 11px solid transparent !important;
   border-right: 11px solid transparent !important;
   border-bottom: 11px solid #fff !important;
   top: 0;
   border-top: 11px solid transparent;
   left: 0;
   right: 0;
   margin: -20px 133px;
 }

 .smallminheight {
   height: 510px;
 }

 .smallminmapheight {
   height: 510px;
 }

 /*------------------dailyrob-----------------------*/

 .dailyrob {
   width: 100%;
   display: block;
   padding: 10px 0;
 }

 .dailyrob h3,
 .dailyrob h4 {
   font-weight: bold;
   font-size: 13px !important;
 }

 /*.dailyrob input {
    width: 100%;
  }*/

 .dailyrob .btn-primary {
   background: #ed9a63;
   border: 1px solid #cd7134;
 }

 .dailyrob .btn-primary {
   background: #ed9a63;
   border: 1px solid #cd7134;
 }

 .dailyrob .btn-primary {
   background: #d77a3d;
   border: 1px solid #d06d2b;
 }

 .tabbg table tr td {
   padding: 15px;
 }

 .tabbg {
   background: #fcfcfc;
   padding: 10px;
   border: 1px solid #eeeeee;
   /*border-bottom: 1px solid #eeeeee;*/
   margin-top: 15px;
 }

 .tabbg h4 {
   font-weight: bold;
   font-size: 14px;
   color: #eee;
 }

 .tabbg>li {
   padding: 0
 }

 .tabbg li a {
   font-size: 13px;
   padding: 6px 15px;
   color: #39a3f4;
   border: none !important;
 }

 .tabbg li a:hover {
   background: #f7f7f7 !important;
 }

 .tabbg>li.active>a,
 .nav-tabs>.active>a,
 .nav-tabs>.active>a:hover {
   background: #39a3f4 !important;
   border: none !important;
   border-radius: 3px;
   padding: 6px 15px;
   color: #fff !important;
   font-size: 13px;
 }

 .tablist {
   display: inline-block;
   /*border-bottom: 1px solid #eeeeee;*/
   width: 100%;
   padding: 8px 0 15px;
 }

 body .ui-dialog .ui-dialog-footer {
   padding: 10px !important;
 }

 /*----------------------------------*/

 .card-signin {
   border: 0;
   border-radius: 6px;
   box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
   background: #fff;
   width: 700px;
   margin: auto;
   min-height: 350px;
   overflow: hidden;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 500px;
 }

 .subbox {
   padding: 15px;
   position: relative;
   overflow: hidden;
   height: 500px;
 }

 .leftbg {
   background: #0078d4;
 }

 .form-control.logininput {
   height: 45px !important;
   font-size: 16px !important;
   padding-left: 30px !important;
 }

 .loglogo {
   margin: 15px 65px;
   display: block;
   /*background: #ffff;*/
   padding: 15px;
   /*border-radius: 126px;
  box-shadow: 1px 5px 3px #1e6eab;*/
   position: absolute;
   z-index: 9;
 }

 .card-signin .card-title {
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 1.5rem;
 }

 .imgbox {
   width: 100%;
   margin-bottom: 10%;
 }

 .imgbox h3 {
   font-weight: bold;
   margin: 0;
   margin-top: 5px;
   color: #313131;
 }

 .imgbox img {
   width: 100%;
 }

 .card-signin .card-body {
   padding: 2rem;
 }

 .form-signin {
   width: 100%;
 }

 .form-signin .btn {
   font-size: 16px;
   border-radius: 0;
   letter-spacing: .1rem;
   font-weight: bold;
   padding: 1rem;
   transition: all 0.2s;
 }

 .form-label-group {
   position: relative;
   margin-bottom: 1rem;
 }

 .form-label-group input {
   height: auto;
   border-radius: 2rem;
 }

 .form-label-group>input,
 .form-label-group>label {
   padding: var(--input-padding-y) var(--input-padding-x);
 }

 .form-label-group>label {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   margin-bottom: 0;
   /* Override default `<label>` margin */
   line-height: 1.5;
   color: #495057;
   border: 1px solid transparent;
   border-radius: .25rem;
   transition: all .1s ease-in-out;
 }

 .form-label-group input:-ms-input-placeholder {
   color: transparent;
 }

 .form-label-group input::-moz-placeholder {
   color: transparent;
 }

 .form-label-group input::placeholder {
   color: transparent;
 }

 .form-label-group input:not(:placeholder-shown) {
   padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
   padding-bottom: calc(var(--input-padding-y) / 3);
 }

 .form-label-group input:not(:placeholder-shown)~label {
   padding-top: calc(var(--input-padding-y) / 3);
   padding-bottom: calc(var(--input-padding-y) / 3);
   font-size: 12px;
   color: #777;
 }

 .btn-google {
   color: white;
   background-color: #ea4335;
 }

 .btn-facebook {
   color: white;
   background-color: #3b5998;
 }

 .mainborderchecklist {
   border: 1px solid #eee;
   padding: 15px 12px;
   display: inline-block;
   width: 100%;
   margin-top: 15px;
   border-radius: 5px;
   min-height: 180px;
   overflow: auto;
 }

 .checboxlist {
   padding-bottom: 5px !important;
   display: block;
 }

 /* Fallback for Edge
-------------------------------------------------- */

 @supports (-ms-ime-align: auto) {
   .form-label-group>label {
     display: none;
   }

   .form-label-group input::-ms-input-placeholder {
     color: #777;
   }
 }

 /* Fallback for IE
-------------------------------------------------- */

 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .form-label-group>label {
     display: none;
   }

   .form-label-group input:-ms-input-placeholder {
     color: #777;
   }
 }

 .reportview,
 .tankdailyinventoryview,
 .auditlogrecordbookview,
 .pscinspectionview,
 .orblogsview {
   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
   border-radius: 6px;
   padding: 15px !important;
   background: #fff;
   display: inline-block;
   width: 100%;
   margin-bottom: 10px;
   height: 100%;
 }

 .ui-dialog .ui-resizable-se {
   background-position: -76px -220px;
 }

 .reportview h4,
 .tankdailyinventoryview h4,
 .auditlogrecordbookview h4,
 .pscinspectionview h4,
 .orblogsview h4 {
   font-weight: bold;
   padding: 0px 15px;
 }

 .reportview .threecommon,
 .tankdailyinventoryview .threecommon,
 .auditlogrecordbookview .threecommon,
 .pscinspectionview .threecommon {
   text-align: right;
   padding-right: 0;
   padding-left: 0;
   float: right;
 }

 .tankdailyinventoryview .threecommon button {
   width: auto;
 }

 .reportview .threecommon button,
 .auditlogrecordbookview .threecommon button,
 .pscinspectionview .threecommon button {
   margin-left: 4px;
   margin-bottom: 15px;
   max-width: 100%;
   width: 31%;
   /* min-width: 100px;*/
 }

 .divShipDetails {
   border-radius: 6px;
   margin: 15px 6px;
   border: 1px solid #bfdcfd;
   padding: 15px;
   color: #004085;
   background-color: #e7eff7;
 }

 .divShipDetails label {
   font-weight: 600;
 }

 .divShipDetails label {
   font-weight: 600;
 }

 .divShipDetailsTable table,
 .activityRecordBookRowViewDiv .ui-table-wrapper {
   min-height: 28px;
   overflow: auto;
 }

 .inventoryLogDiv .ui-table-wrapper {
   min-height: 400px;
   overflow: auto;
   height: 300px;
 }

 /*--search box--*/

 .searchbox {
   position: relative;
   float: right
 }

 /*.serviceview { float:left; margin-right:15px;}*/

 .serviceview button {
   padding: 0;
 }

 .searchbox i {
   position: absolute;
   right: 0;
   padding: 5px;
 }

 .searchbox input {
   width: 100%;
 }

 .userprofile {
   padding-top: 4px;
 }

 .userprofile .userspan {
   /* position: absolute;*/
   padding-left: 5px;
   text-align: left;
   line-height: 14px;
   font-size: 14px;
 }

 /*-----topbar--*/

 .topbox1 {
   width: 250px;
   display: inline-block;
   float: left;
   position: absolute;
 }

 .topbox2 {
   display: block;
   float: left;
   margin-left: 300px;
 }

 .topbox2 table tr td {
   white-space: nowrap;
 }

 .topbox3 {
   width: 18%;
   display: inline-block;
   float: right;
 }

 .logo-navtor-size {
   width: 150px;
   float: right;
 }

 .topnavtorlogo {
   width: 100%;
   padding: 5px;
   display: inline-block;
 }

 .st3 {
   fill: #fff;
 }

 .loginscreen {
   text-align: center;
   margin: 0 auto;
   width: 100%;
   display: block;
   padding: 10%;
 }

 .loginscreen .sub_box_login {
   width: 400px;
   margin: 0 auto;
   text-align: center;
   display: inline-block;
 }

 .loginscreen .darktheme {
   display: none;
 }

 .form-signin {
   width: 100%;
 }

 .loginscreen .labeldiv {
   text-align: left;
   font-size: 14px;
   display: block;
   padding: 5px 0;
   color: #000;
 }

 .showtooltip .p-message-success {
   display: none;
 }

 .p-message-success {
   background: #ffe7e6;
   border: 1px solid #ff5757;
   border-width: 1px 1px 1px 6px;
   color: #000;
   position: absolute;
   z-index: 1;
   margin-left: 103%;
   width: 400px;
   padding: 15px;
   border-radius: 8px;
   text-align: left;
 }

 .loginscreen .form-label-group input {
   border-radius: 0;
 }

 .form-control.logininput {
   height: 45px !important;
   font-size: 16px !important;
   padding-left: 30px !important;
 }

 .form-label-group>label {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   margin-bottom: 0;
   line-height: 1.5;
   color: #495057;
   border: 1px solid transparent;
   border-radius: 0.25rem;
   transition: all .1s ease-in-out;
 }

 .loginscreen .logindescriptionprivacy {
   color: #000;
   padding: 6px 15px;
   width: 100%;
 }

 .loginscreen .logindescriptionprivacybutton {
   color: #000;
   text-decoration: underline;
   cursor: pointer;
 }

 .bottomversiondetails .logindescription {
   text-align: right;
   margin: 0;
   color: #000;
 }

 .bottomversiondetails {
   float: right;
   display: inline-block;
   padding: 15px;
   position: fixed;
   bottom: 20px;
   right: 20px;
 }

 .mainlogin {
   background: url('bg-body-light-gray.ff1636c769aef10cb695.png') #f7f7f7;
   background-position: 0 0;
   background-size: cover;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   overflow: hidden;
   position: absolute;
 }

 .privacy_login {
   padding-left: 25px;
 }

 .privacy_login li {
   list-style-type: disc;
 }

 .privacypolicy_dialogbox .ui-dialog-titlebar span {
   font-size: 35px;
 }

 .privacypolicy_dialogbox h2,
 .privacypolicy_dialogbox h1,
 .privacypolicy_dialogbox h3 {
   font-weight: bold;
   font-size: 18px;
 }

 /*-----------tank tree----------*/

 .option {
   width: 140px;
   float: left;
 }

 .midbox {
   height: 3px;
   background: #880016;
   position: relative;
 }

 .midbox i {
   font-size: 30px;
   position: absolute;
   right: -2px;
   margin-top: -23px;
   color: #880016;
   font-style: normal;
 }

 .commonbox {
   width: 120px;
   display: block;
   margin: 0 auto;
 }

 .topbox {}

 .topbox .line {
   width: 2px;
   height: 25px;
   margin: 0 auto;
   text-align: center;
   background: #880016;
   position: relative;
 }

 .topbox .line i {
   position: absolute;
   left: 0;
   right: 0;
   margin: 5px -5px;
   top: 0
 }

 .tankinfo {
   border: 1px solid #880016
 }

 .bottombox {}

 .bottombox .line {
   width: 2px;
   height: 25px;
   margin: 0 auto;
   text-align: center;
   background: #880016;
   position: relative;
 }

 .bottombox .line i {
   position: absolute;
   left: 0;
   right: 0;
   margin: 5px -5px;
   bottom: 0
 }

 .tankinfo {
   border: 1px solid #880016;
   border-radius: 4px;
   box-shadow: 1px 2px 5px #ccc;
 }

 .tankppipebox {
   text-align: center;
   position: relative;
 }

 .tankpipename {
  float: left;
  position: absolute;
  top: 0;
  margin-left: 40px;
  max-width: 80px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;

  font-size: 13px;
  font-weight: bold;
}

 .tankpipefill {
   height: 40px;
   width: 27px;
   background: url('oil-icon-storagew.c903d66f582b71dfe969.png') scroll no-repeat center;
   margin: 5px;
   overflow: hidden;
   position: relative;
   background-size: 100%;
   border: none;
   border-radius: 0;
   background-color: transparent;
   z-index: 2;
 }

 .tankpipefill p {
   margin: 0 auto;
   display: inline-block;
   padding: 60% 0;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 2;
   font-size: 8px;
   font-weight: bold;
 }

 .countc img {
   display: block;
   text-align: center;
   margin: 0 auto;
   margin-bottom: 2px;
   height: 20px;
 }

 .lodoilpipe {
   height: 38px;
   width: 27px;
   background: #ccc;
   position: absolute;
   z-index: 1;
   bottom: 1px;
   left: 5px;
   max-height: 38px;
 }

 /*.lodoilpipe {
  height: 40px;
  position: absolute;
  bottom: 0;
  width: 80px;
  z-index: -1;
  background: #ccc;
  background: url(images/oil-icon-storagefill.png) scroll center;
  background-size: 27px;
}*/

 .oillimitpipe {
   color: #fff;
   display: block;
   padding: 1px 4px;
   margin: 2px 5px 5px 0;
   background: #efb2bc;
   border-radius: 4px;
   line-height: 20px;
 }

 .option h3 {
   font-size: 18px;
   font-weight: bold;
   color: #212121;
 }

 .optionmain {
   width: auto;
   /*display: inline-block;*/
   clear: both;
   margin: 16px 0
 }

 .multi {}

 .multi .multilevel .topbox .lineleft i {
   margin-top: -10px;
   position: absolute;
 }

 .multi .multilevel .topbox .line {
   height: 50px !important;
 }

 .multi .multilevel .topbox .lineleft {
   width: 74px;
   height: 2px;
   margin: 0 auto;
   text-align: center;
   background: #880016;
   position: absolute;
   left: -74px;
   top: 36px;
 }

 .multi .option {
   margin-top: 25px;
 }

 .multi .option.multilevel {
   margin-top: 0 !important
 }

 .multilevel .topbox.box {
   position: absolute;
   top: 40px;
   left: 145px;
 }

 .multi .multilevel .midbox {
   width: 280px
 }

 .multi .multilevel .bottombox .lineleft i {
   margin-top: -6px;
   position: absolute;
 }

 .multi .multilevel .bottombox .lineleft {
   width: 74px;
   height: 2px;
   margin: 0 auto;
   text-align: center;
   background: #880016;
   position: absolute;
   left: -74px;
   top: 13px;
 }

 .multilevel .bottombox.box {
   position: absolute;
   top: 115px;
   left: 145px;
 }

 .multilevel {
   position: relative;
 }

 .tankpiplinediagram {
   border-radius: 6px;
   border: 1px solid #c6d3dc;
   padding: 15px;
   /*display: block;*/
   margin-bottom: 15px;
   box-shadow: 1px 1px 0px 1px #FFE;
   margin-left: 230px;
   background: #fff;
   height: 100%;
   max-height: calc(100% - 10px);
   overflow: auto;
 }

 .tankpiplinediagram h4 {
   margin: 0 0 5px;
   font-weight: bold;
 }

 .optionmain h5 {
   font-weight: bold;
 }

 /*-------------end--------------*/

 .admin-mainCnt {
   clear: both;
   width: 100%;
   display: block;
 }

 .pscinspectionview .ui-table-wrapper {
   padding: 0;
 }

 .ui-dropdown .ui-dropdown-label {
   text-align: left;
 }

 .formgroups .ui-fileupload-content {
   margin-top: 5px;
 }

 /*----------------datepiker --------------*/

 .mright {
   margin-right: 10px;
   display: block;
 }

 body .ui-datepicker table {
   width: 100%;
   font-size: .9em !important;
   border-collapse: collapse;
   margin: 0 0 .4em !important;
 }

 .ui-calendar .ui-datepicker {
   width: 250px !important;
   min-width: 250px !important;
   /*position:fixed;
 top:50% !important;
 left:50% !important;*/
 }

 .ui-datepicker td a {
   padding: 2px !important;
 }

 body .ui-datepicker.ui-datepicker-timeonly {
   width: 100px !important;
   min-width: 100px !important;
 }

 .ui-timepicker>div {
   margin-left: 0 !important;
 }

 body .ui-datepicker table td {
   padding: 0 !important;
 }

 body .ui-datepicker.ui-datepicker-timeonly .ui-timepicker {
   width: 100px !important;
 }

 /*----------dailyrobdiv ---------------*/

 .dailyrobdiv h4 {
   max-width: 350px;
   word-break: break-all;
   text-align: right;
   width: 200px;
   min-width: 100%;
 }

 .alert span {
   display: block;
   width: auto;
   clear: both;
 }

 .alert {
   font-size: 13px;
   padding: 2px 10px;
   margin: 5px 0 !important;
   max-width: 95%;
   width: 100%;
   min-width: auto;
 }

 /*----- tankDailySoundingDiv -----*/

 .tankDailySoundingDiv {
   max-height: 320px;
   overflow: auto;
 }

 /*----------orblatilong---------*/

 .orblatilong {}

 .orblatilong .latitude,
 .orblatilong .longitude {
   margin-bottom: 5px;
 }

 .orblatilong .latitude label,
 .orblatilong .longitude label {
   font-size: 24px;
   padding-top: 5px;
   margin-left: 0;
 }

 .validation .alert {
   display: inline-block;
   width: 100%;
   max-width: 100%;
   padding: 5px;
 }

 .showhide {
   float: right;
   margin-bottom: 15px;
 }

 /*-----Dialog max height ------*/

 .ui-dialog-resizable .ui-dialog-content {
   overflow: auto;
   max-height: 600px;
 }

 /*Ajay- for placeholder*/

 input:focus::-webkit-input-placeholder {
   color: transparent;
 }

 input:focus:-moz-placeholder {
   color: transparent;
 }

 /* Firefox 18- */

 input:focus::-moz-placeholder {
   color: transparent;
 }

 /* Firefox 19+ */

 input:focus:-ms-input-placeholder {
   color: transparent;
 }

 /* oldIE ;) */

 /*End Ajay- for placeholder*/

 .chartSetting .chartMenu {
   visibility: hidden;
 }

 button+.chartMenu:active,
 button:focus+.chartMenu {
   visibility: visible;
 }

 .chartSetting {
   position: relative;
 }

 .chartSetting ul {
   padding: 0;
 }

 .chartSetting ul li {
   display: block;
   margin-bottom: 10px;
   white-space: nowrap;
   color: #212121;
 }

 .chartSetting .chartMenu {
   visibility: hidden;
   position: absolute;
   background-color: #fff;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
   left: 0;
   top: 40px;
   position: absolute;
   z-index: 1001;
   width: 150px;
   min-height: 60%;
   border-radius: 5px;
   padding: 15px;
   border: 1px solid #eee;
 }

 .chartSetting .menutoparrow {
   margin: 0px 52px;
   position: absolute;
   width: 15px;
 }

 .chartSetting .chartMenu .menutoparrow {
   border-bottom: 11px solid #eee !important;
   border-right: 11px solid transparent !important;
   border-left: 11px solid transparent !important;
   top: -23px;
   border-top: 11px solid transparent;
   left: -29px;
   right: 0;
 }

 .mapSetting .mapMenu {
   visibility: hidden;
 }

 button+.mapMenu:active,
 button:focus+.mapMenu {
   visibility: visible;
 }

 .mapSetting {
   position: relative;
 }

 .mapSetting ul {
   padding: 0;
 }

 .mapSetting ul li {
   display: block;
   margin-bottom: 10px;
   white-space: nowrap;
   color: #212121;
 }

 .mapSetting .mapMenu {
   visibility: hidden;
   position: absolute;
   background-color: #fff;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
   left: -220px;
   top: 32px;
   position: absolute;
   z-index: 1000;
   width: 290px;
   min-height: 60%;
   border-radius: 5px;
   padding: 15px;
   border: 1px solid #eee;
 }

 .mapSetting .menutoparrow {
   margin: 0px 52px;
   position: absolute;
   width: 15px;
 }

 .mapSetting .mapMenu .menutoparrow {
   border-bottom: 11px solid #eee !important;
   border-right: 11px solid transparent !important;
   border-left: 11px solid transparent !important;
   top: -23px;
   border-top: 11px solid transparent;
   left: 195px;
   right: 0;
 }

 .mapSwitchInput {
   float: right;
 }

 body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
   background-color: #4c8bf5;
 }

 .mapSwitchLabel {
   color: #007ad9;
   padding-top: 2px;
   font-size: 14px;
 }

 .activityRecordBookExportMain {
   margin: 5px;
   font-size: 15px;
 }

 .activityRecordBookExportMain label {
   font-weight: bold;
 }

 .activityRecordBookExportMain .shipDetailsForExport label {
   margin: 5px 0px;
   font-size: 15px;
   font-weight: bold;
 }

 .activityRecordBookExportMain table {
   margin: 5px;
 }

 .activityRecordBookExportMain table th {
   padding: 7px 10px;
 }

 .activityRecordBookExportMain table td {
   padding: 7px 10px;
   font-weight: bold;
 }

 .tdBlankCellForExport {
   height: 36px;
 }

 .tdDateFixWidthForExport {
   width: 130px;
 }

 .tdCodeFixWidthForExport {
   width: 110px;
 }

 .tdLineFixWidthForExport {
   width: 110px;
 }

 .divPageNumberForExport {
   margin-bottom: 10px;
 }

 .ui-dialog.activityRecordBookExportHidden .ui-dialog-content {
   /*width:400px !important;
  height: 50px !important;
  overflow: hidden !important;*/
 }

 /*---------common action button --------*/

 .actionbutton {
   position: relative;
 }

 .actionbutton ul {
   padding: 0;
 }

 .actionbutton ul li {
   display: block;
   white-space: nowrap;
   color: #212121;
   padding: 0;
 }

 .actionbutton ul li a {
   display: block;
   padding: 5px;
   border-radius: 3px;
 }

 .actionbutton ul li:hover a {
   background: #0078d4;
   color: #fff;
   padding: 5px;
 }

 .actionbutton .actionbuttonMenu {
   visibility: hidden;
   position: absolute;
   background-color: #fff;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
   right: 3px;
   top: 40px;
   position: absolute;
   z-index: 2;
   width: 150px;
   min-height: 60%;
   border-radius: 5px;
   padding: 5px;
   border: 1px solid #eee;
 }

 .actionbutton .actionbuttontoparrow {
   margin: 0px;
   position: absolute;
   width: 15px;
 }

 .actionbutton .actionbuttonMenu .actionbuttontoparrow {
   border-bottom: 11px solid #eee !important;
   border-right: 11px solid transparent !important;
   border-left: 11px solid transparent !important;
   top: -23px;
   border-top: 11px solid transparent;
   right: 6px;
 }

 .actionbutton .actionbuttonMenu {
   visibility: hidden;
 }

 button+.actionbuttonMenu:active,
 button:focus+.actionbuttonMenu {
   visibility: visible;
 }

 .actionbuttonMenu .btn {
   width: 100%;
 }

 .dailyinvetory {}

 .dailyinvetory .firstdivreport {
   width: 20%;
   float: left;
   margin-right: 15px;
 }

 .dailyinvetory .seconddivreport {
   width: 20%;
   float: left;
   margin-right: 15px;
 }

 .dailyinvetory .thirddivreport {
   width: 56%;
   float: right;
 }

 .reportcomponent {}

 .reportcomponent .firstdivreport {
   width: 20%;
   float: left;
   margin-right: 15px;
 }

 .reportcomponent .seconddivreport {
   width: 45%;
   float: left;
   margin-right: 15px;
 }

 .reportcomponent .seconddivreport table {
   width: 100%;
 }

 .reportcomponent .thirddivreport {
   width: 30%;
   float: right;
 }

 .thirddivreport table {
   width: 100%;
 }

 .fright {
   float: right !important;
   text-align: right;
 }

 .pscinspection {}

 .pscinspection .firstdivreport {
   width: 50%;
   float: left;
   margin-right: 15px;
 }

 .pscinspection .thirddivreport {
   width: 45%;
   float: right;
 }

 .drawpipelineCard {
   position: absolute;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, .125);
   border-radius: .25rem;
 }

 .search {
   width: 160px;
   margin-top: -6px;
   margin-right: 14px;
   margin-bottom: 4px;
 }

 .drawpipelineCard .card-header {
   padding: .75rem 1.25rem;
   margin-bottom: 0;
   cursor: move;
   background-color: rgba(0, 0, 0, .03);
   border-bottom: 1px solid rgba(0, 0, 0, .125);
 }

 .noselect {
   -webkit-touch-callout: none;
   /* iOS Safari */
   -webkit-user-select: none;
   /* Safari */
   /* Konqueror HTML */
   -moz-user-select: none;
   /* Firefox */
   -ms-user-select: none;
   /* Internet Explorer/Edge */
   user-select: none;
   /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
 }

 mydiv {
   position: absolute;
   z-index: 9;
   background-color: #f1f1f1;
   text-align: center;
   border: 1px solid #d3d3d3;
 }

 mydivheader {
   padding: 10px;
   cursor: move;
   z-index: 10;
   background-color: #2196F3;
   color: #fff;
 }

 .arrowLeft {
   width: 0px;
   height: 0px;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   border-right: 10px solid rgb(204, 204, 204);
   position: absolute;
   top: 0px;
   left: -10px;
 }

 .arrowRight {
   width: 0px;
   height: 0px;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   border-left: 10px solid rgb(204, 204, 204);
   position: absolute;
   top: 0px;
   right: -10px;
 }

 body .leader-line-pointer-events {
   pointer-events: auto !important;
 }

 .leader-line-pointer-events:hover g>use:first-of-type {
   stroke: yellow !important;
 }

 .shipDetailsSettingControl {
   padding: 5px;
 }

 .shipDetailsSettingControl label {
   font-weight: bold;
 }

 .left-CMMenu ul li:focus>a {
   color: #fff;
 }

 .columain {
   height: 100%;
   float: right;
   margin-left: 220px;
   position: absolute;
   padding: 0 !important;
   max-height: calc(100% - 123px);
 }

 .column {
   float: left;
   width: 48%;
   padding: 10px;
   height: 100%;
   background: #fff;
   border-radius: 6px;
   border: 1px solid #ccc;
   box-shadow: 1px 2px 5px #999;
   margin-left: 14px;
   max-height: calc(100% - 6px);
 }

 .columnFullScreen {
   float: left;
   width: calc(100% - 30px);
   padding: 10px;
   height: 100%;
   background: #fff;
   border-radius: 6px;
   border: 1px solid #ccc;
   box-shadow: 1px 2px 5px #999;
   margin-left: 14px;
   max-height: calc(100% - 6px);
 }

 .columnFullScreen {
   margin-right: 15px;
 }

 .buttonFullScreen {
   width: 15px;
   height: 15px;
   float: right;
   border: none;
   background: transparent;
 }

 .column .activityRecordBookRowViewDiv {
   padding: 0 10px;
 }

 /*------------tree-------------------*/

 a[_ngcontent-apb-c11]:active img.mouseOverImage[_ngcontent-apb-c11] {
   visibility: visible !important;
 }

 .tree li {
   margin: 0px 0;
   list-style-type: none;
   position: relative;
   padding: 0;
   clear: both;
 }

 .tree li ul {
   padding-top: 0;
   padding-left: 0;
 }

 .tree li ul li::before {
   content: '';
   position: absolute;
   top: 0;
   width: 1px;
   height: 100%;
   right: auto;
   left: 0px;
   border-left: 1px solid #cccccc;
   bottom: 50px;
 }

 .tree li::before:first-child,
 .tree li::after:first-child {
   border: none;
 }

 .tree ul ul::before {
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   width: 0;
   height: 20px;
 }

 .tree li ul li::after {
   content: '';
   position: absolute;
   top: 22px;
   width: 5px;
   height: 100%;
   right: auto;
   left: 0px;
   border-top: 1px solid #ccc;
 }

 /*

.tree li a img {
  border-radius: 50%;
  border: 5px solid rgb(226, 230, 230);
  height: 120px;
  width: 120px;
}

.tree li a:hover img {
  border-radius: 50%;
  border: 5px solid #fff;
}
*/

 .tree li a {
   display: inline-block;
   /*border: 1px solid #ccc;*/
   padding: 6px 8px 6px 35px;
   text-decoration: none;
   color: #666;
   text-align: left;
   margin-left: 0;
 }

 .tree li a:hover {
   background: #c8e4f8;
   color: #000;
   /* border: 1px solid #94a0b4;*/
 }

 /*Remove connectors before root*/

 .tree>ul>li::before,
 .tree>ul>li::after {
   border: 0;
 }

 /*Remove connectors after last child*/

 .tree li:last-child::before {
   height: 23px;
 }

 /*Time for some hover effects*/

 /*We will apply the hover effect the the lineage of the element also*/

 /*, .tree li a:hover + ul li a*/

 .tree li a:hover {
   background: #c8e4f8;
   color: #000;
   /* border: 1px solid #94a0b4;*/
 }

 /*Connector styles on hover*/

 .tree li a:hover+ul li::after,
 .tree li a:hover+ul li::before,
 .tree li a:hover+ul::before,
 .tree li a:hover+ul ul::before {
   border-color: #94a0b4;
 }

 .left-CMMenu ul li a span {
   padding-left: 0;
   text-align: left;
   font-size: 13px;
   word-break: break-word;
   line-height: 22px;
   width: 97%;
 }

 /*----
nav#menu-container-slide {
  position: relative;
  width: 100%;
}

#btn-nav-previous {
  text-align: center;
  color: white;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  left: 0px;
  padding: 0px 5px;
  fill: #FFF;
}

#btn-nav-next {
  text-align: center;
  color: white;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 0px;
  padding: 0 5px;
  fill: #FFF;
}

.menu-inner-box {
  width: 100%;
  white-space: nowrap;
  margin: 0 auto;
  overflow: hidden;
  padding: 0px 24px;
  box-sizing: border-box;
}

.menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: block;
  text-align: center;
}
  .menu ul li {
      float:left;
  }
    .menu ul li a {
      line-height: initial;
      color: #fff;
      padding: 2px 12px;
      cursor:pointer;
    }

  .menu-item {
    height: 100%;
    padding: 0px 25px;
    color: #fff;
    display: inline;
    margin: 0 auto;
    line-height: 57px;
    text-decoration: none;
    text-align: center;
    white-space: no-wrap;
  }

  .menu-item:hover {
    text-decoration: underline;
  }

@media only screen and (max-width: 480px) {
  #btn-nav-previous {
    display: none;
  }

  #btn-nav-next {
    display: none;
  }

  .menu-inner-box {
    width: 100%;
    overflow-x: auto;
  }
}
*/

 .scrollmenutopmain {
   overflow: auto;
   height: 15px;
 }

 div.scrollmenutop {
   overflow: auto;
   white-space: nowrap;
 }

 div.scrollmenutop ul {
   width: 1500px;
   white-space: nowrap;
   display: flex;
   padding: 0 15px;
   max-width: 500px;
 }

 div.scrollmenutop li {
   float: left;
   width: auto;
 }

 div.scrollmenutop li a {
   display: inline-block;
   color: white;
   text-align: center;
   padding: 0 5px;
   text-decoration: none;
   cursor: pointer;
   font-weight: 400;
   line-height: 19px;
 }

 div.scrollmenutop li a:hover,
 div.scrollmenutop li a:focus,
 div.scrollmenutop li.active a {
   background-color: #fffe00;
   color: #000 !important;
   border-radius: 2px;
 }

 .scrollmenu-right {
   color: #fff;
   float: right;
   position: absolute;
   /*background: #0078d4;*/
   background: #39a3f4;
   padding: 1px 8px;
   top: 0;
   right: 0;
 }

 .scrollmenu-right:hover,
 .scrollmenu-left:hover,
 .scrollmenu-right:focus,
 .scrollmenu-left:focus {
   border-radius: 5px;
   padding: 1px 8px;
   color: yellow;
 }

 .scrollmenu-right:hover i,
 .scrollmenu-left:hover i,
 .scrollmenu-right:focus i,
 .scrollmenu-left:focus i {
   font-size: 14px;
   font-weight: bold;
 }

 .scrollmenu-left {
   color: #fff;
   float: left;
   position: absolute;
   /*background: #0078d4;*/
   background: #39a3f4;
   padding: 1px 8px;
   top: 0;
 }

 .topmain {
   /*position: relative;
  width: 100%;
  display: block;*/
 }

 .topmainleft {
   /*margin-right: 270px;
  display: block;*/
 }

 .topmainright {
   /*float: right;
  width: 260px;
  position: absolute;
  right: 0;
  margin-top: 6px;
 */
 }

 .ui-paginator-bottom {
   float: left;
   width: 100%;
 }

 .ui-paginator-bottom .ng-tns-c8-80,
 .ui-paginator-bottom .ui-inputwrapper-filled {
   float: left;
   width: 100px;
 }

 .ui-paginator-bottom .ui-dropdown .ui-dropdown-trigger {
   height: 30px;
 }

 @media only screen and (max-width: 1024px) {
   .Admin-Setup-Wrpr .Admin-setupCont {
     width: calc(100% - 244px);
   }
 }

 body .ui-table .ui-table-thead>tr>th {
   border-bottom: none;
 }

 body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
   background-color: #39a3f4 !important;
 }

 body .ui-fileupload .ui-fileupload-buttonbar {
   clear: both;
   width: 100%;
 }

 body .ui-table .ui-table-thead>tr>th {
   border-bottom: none;
 }

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

 body .pi {
   font-size: 13px !important;
 }

 .ui-dropdown-label-container {
   width: 100%;
 }

 body .ui-dropdown:not(.ui-state-disabled).ui-state-focus,
 body .ui-inputtext:enabled:focus:not(.ui-state-error) {
   box-shadow: 0 0 7px 0 #39a3f4 !important;
   -webkit-box-shadow: 0 0 7px 0 #39a3f4 !important;
   -moz-box-shadow: 0 0 7px 0 #39a3f4 !important;
 }

 body .ui-table .ui-table-thead>tr>th {
   /* border-bottom: none !important; */
   white-space: nowrap;
   font-weight: 500;
   background: #e9e9e9 !important;
  color: #212121 !important;
 }

 body .ui-dialog .ui-dialog-titlebar {
   background: #fff !important;
   border: none !important;
   font-size: 18px !important;
 }

 body .ui-dialog .ui-dialog-content {
   border: none !important;
   padding: 5px 15px !important;
 }

 body .ui-dialog .ui-dialog-footer {
   border: none !important;
   float: left !important;
   left: 0 !important;
   display: block !important;
 }

 .ui-dialog-titlebar-icon:focus {
   box-shadow: none !important;
 }

 /*
.ui-dialog-footer p-footer {
  float: left;
}*/

 /*
body .ui-button.ui-button-text-icon-left .ui-button-text {
  padding: 6px 20px !important;
}*/

 .grbtabcategorycode .ui-g-12 {
   position: relative;
 }

 .grbtabcategorycode .scrollmenu ul {
   width: 2500px;
   white-space: nowrap;
   display: flex;
   padding: 0 15px;
   max-width: 500px;
 }

 .grbtabcategorycode #divTabMenu .arrowbgright {
   top: 26px !important;
   right: 1px !important;
 }

 .grbtabcategorycode #divTabMenu .arrowbgleft {
   left: 1px !important;
 }

 .columain .timezone {
   width: 100%;
 }

 .serviceview ul li a:hover {
   background: #39a3f4 !important;
   color: #fff !important;
 }

 .subdeatils a .pdftemplate {
   width: 25px;
   height: 25px;
   background-image: url('pdf-template-black.58adc79471a3518eec42.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
   float: left;
 }

 .subdeatils a:hover .pdftemplate {
   background-image: url('pdf-template-white.0c4f8ffd8c999ed7a59d.png');
 }

 .subdeatils a .exportonline {
   width: 25px;
   height: 25px;
   background-image: url('export-online-black.402d6b5e03c6c2351c51.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
   float: left;
 }

 .subdeatils a:hover .exportonline {
   background-image: url('export-online-white.096bafeca511cd42b177.png');
 }

 .subdeatils a .exportoffline {
   width: 25px;
   height: 25px;
   background-image: url('export-offline-black.79e13f8399acf0fc647e.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
   float: left;
 }

 .subdeatils a:hover .exportoffline {
   background-image: url('export-offline-white.5dc8deecc07db24539a7.png');
 }

 .subdeatils a .shipsetting {
   width: 25px;
   height: 25px;
   background-image: url('ship-services-black.1122c14f6718b070b970.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
   float: left;
 }

 .subdeatils a:hover .shipsetting {
   background-image: url('ship-services-white.43339b1b6c8ad7b05754.png');
 }

 .subdeatils a .shipkey {
   width: 25px;
   height: 25px;
   background-image: url('ship-key-black.ca13b7046c86fab1acf5.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
   float: left;
 }

 .subdeatils a:hover .shipkey {
   background-image: url('ship-key-white.d10bdcefded8e4616c3f.png');
 }

 .subdeatils a .restoredatabase {
   width: 25px;
   height: 25px;
   background-image: url('restore-database-black.6e9cc738a0818e7e76db.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
   float: left;
 }

 .subdeatils a:hover .restoredatabase {
   background-image: url('restore-database-white.15469d82fe4c9a44e345.png');
 }

 .subdeatils a .resetdatabase {
   width: 25px;
   height: 25px;
   background-image: url('reset-database-black.b3213f6fd30eaa0d0ec4.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
   float: left;
 }

 .subdeatils a:hover .resetdatabase {
   background-image: url('reset-database-white.4de902eb45799ecbd73b.png');
 }

 .subdeatils a .activation {
   width: 25px;
   height: 25px;
   background-image: url('activation-black.e410bcb77a7d529d001f.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
   float: left;
 }

 .subdeatils a:hover .activation {
   background-image: url('activation-white.155902285f3e0ac69606.png');
 }

 .subdeatils a .help {
   width: 25px;
   height: 25px;
   background-image: url('help-black.4d573416381877bca9cf.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
   float: left;
 }

 .subdeatils a:hover .help {
   background-image: url('help-white.a9f6bdea5478ebf65cb2.png');
 }

 .subdeatils a .certificate {
   width: 25px;
   height: 25px;
   background-image: url('certificate-black.9ff5a3f48e975b2d7c32.png');
   background-position: center;
   padding-right: 5px;
   display: inline-block;
   margin-right: 5px;
   float: left;
 }

 .subdeatils a:hover .certificate {
   background-image: url('certificate-white.9dcc8aa5a4b042a70e98.png');
 }

 .menu a .oilrecordlog {
   width: 50px;
   height: 50px;
   background-image: url('OilRecordBook.75fd737fce18472a8077.png');
   background-position: center;
   padding-right: 5px;
   display: block;
   margin: 0 auto;
   background-size: 100%;
   clear: both;
   text-align: center;
 }

 .menu a .garbagelog {
   width: 50px;
   height: 50px;
   background-image: url('garbagelog.e5242864033970a91565.png');
   background-position: center;
   padding-right: 5px;
   display: block;
   margin: 0 auto;
   background-size: 100%;
   clear: both;
   text-align: center;
 }

 .menu a .ballastwaterlog {
   width: 50px;
   height: 50px;
   background-image: url('ballastLog.da9076f1f8ff1bbab3ce.png');
   background-position: center;
   padding-right: 5px;
   display: block;
   margin: 0 auto;
   background-size: 100%;
   clear: both;
   text-align: center;
 }

 .menu a .cargorecordbooklog {
   width: 50px;
   height: 50px;
   background-image: url('chemical-record-book.7a0024fe668e38d6f007.png');
   background-position: center;
   padding-right: 5px;
   display: block;
   margin: 0 auto;
   background-size: 100%;
   clear: both;
   text-align: center;
 }

 .menu a .annexvilog {
   width: 50px;
   height: 50px;
   background-image: url('annexvilog.62ea74eef4477b6e8ca2.png');
   background-position: center;
   padding-right: 5px;
   display: block;
   margin: 0 auto;
   background-size: 100%;
   clear: both;
   text-align: center;
 }

 .primaryOrbButton {
   color: #ffffff !important;
   background-color: #39a3f4 !important;
   border: 1px solid #39a3f4 !important;
   box-shadow: none !important;
   border-radius: 3px;
 }

 .commonbut .primaryOrbButton {
   margin-right: 5px !important
 }

 .primaryOrbButton span:nth-child(2),
 .secondoryOrbButton span:nth-child(2) {
   padding: 6px 15px 6px 25px !important;
 }

 .primaryOrbButton .pi-check,
 .primaryOrbButton .pi-times {
   margin-right: 0.5rem;
 }

 .primaryOrbButton:hover {
   background-color: #0b7ad1 !important;
   color: #ffffff !important;
   border-color: #0b7ad1 !important;
 }

 .secondoryOrbButton {
   background-color: #666 !important;
   color: #fff !important;
   border-color: #666 !important;
   box-shadow: none !important;
   border-radius: 3px;
 }

 .secondoryOrbButton:hover {
   background-color: #c8c8c8;
   color: #333333;
   border-color: #c8c8c8;
 }

 .midcontentlogin {
   font-size: 13px;
 }

 body .ui-dataview .ui-dataview-content {
   border: none !important;
 }

 body .ui-dataview .ui-dataview-header {
   background: none !important;
   border: none !important;
 }

 .dialogbutcommon .primaryOrbButton {
   margin-bottom: 15px;
 }

 body .ui-table .ui-table-tbody>tr>td {
   white-space: normal;
   word-break: break-word !important;
 }

 /*-----------grb----------*/

 .garbagepartmain {
   width: auto;
   clear: both;
   margin: 16px 0 0;
   display: inline-block;
   width: 100%;
   border-radius: 5px;
   padding: 2px 11px;
   height: 152px;
 }

 .garbagepartmain h5 {
   font-weight: bold;
   margin: 2px auto;
 }

 .garbagepartmainbox {
   width: auto;
   display: block;
   margin: 0 auto;
   float: inherit;
   overflow: hidden;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
 }

 .garbagepartmainbox .grblocname {
   text-align: center;
   margin: 0;
 }

 .garbagepartmainbox .grblocname strong {
   padding: 5px 10px;
   color: #fff;
   width: 100%;
   margin-top: 5px;
   display: block;
   border-radius: 16px;
 }

 .garbagepartmainboxsub {
   text-align: center;
   position: relative;
   top: 15px;
   height: 160px;
 }

 .garbagepartmainboxfill {
   height: 55px;
   width: 100px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
   background-size: 55% !important;
   border: none;
   border-radius: 0;
   background-color: transparent;
   z-index: 2;
 }

 .garbagepartmainboxpipe {
   height: 0px;
   width: 50px;
   background: #f1eeee;
   position: absolute;
   z-index: 1;
   bottom: 1px;
   left: 0;
   right: 0;
   margin: 0 auto;
 }

 .garbagepartmainboxfill .count {
   margin: 0 auto;
   display: inline-block;
   padding: 4px;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 2;
   font-size: 13px;
   font-weight: bold;
   bottom: 0;
   text-align: center;
 }

 .metalsmain .garbagepartmainbox .grblocname strong,
 .metalsmain .grabeagetypepercent {
   color: #127980;
 }

 .metalsmain .garbagepartmainboxfill,
 .metalsmain .grabageparttypecoomonimg {
   background: url('garbage-metals-color.b45d2baee21e51a14575.png') scroll no-repeat center;
 }

 .metalsmain .grblocname,
 .metalsmain h5 {
   color: #127980;
 }

 .metalsmain {
   border: 1px solid #127980;
   border-left: 30px solid #127980;
 }

 .metalsmain {
   stroke: #127980;
 }

 .batterymain .garbagepartmainbox .grblocname strong,
 .batterymain .grabeagetypepercent {
   color: #623e6e;
 }

 .batterymain .grblocname,
 .batterymain h5 {
   color: #623e6e;
 }

 .batterymain .garbagepartmainboxfill,
 .batterymain .grabageparttypecoomonimg {
   background: url('garbage-battery-color.0ab29589189040f3ba95.png') scroll no-repeat center;
 }

 .batterymain {
   border: 1px solid #623e6e;
   border-left: 30px solid #623e6e;
 }

 .batterymain {
   stroke: #623e6e;
 }

 .bulbsmain .grblocname,
 .bulbsmain h5 {
   color: #468e38;
 }

 .bulbsmain .garbagepartmainbox .grblocname strong,
 .bulbsmain .grabeagetypepercent {
   color: #468e38;
 }

 .bulbsmain .garbagepartmainboxfill,
 .bulbsmain .grabageparttypecoomonimg {
   background: url('garbage-bulbs-color.85c113cda4134af11311.png') scroll no-repeat center;
 }

 .bulbsmain {
   border: 1px solid #468e38;
   border-left: 30px solid #468e38;
 }

 .bulbsmain {
   stroke: #468e38;
 }

 .ewastemain .grblocname,
 .ewastemain h5 {
   color: #729d2a;
 }

 .ewastemain .garbagepartmainbox .grblocname strong,
 .ewastemain .grabeagetypepercent {
   color: #729d2a;
 }

 .ewastemain .garbagepartmainboxfill,
 .ewastemain .grabageparttypecoomonimg {
   background: url('garbage-e-waste-color.3fded221cd65ecb6e686.png') scroll no-repeat center;
 }

 .ewastemain {
   border: 1px solid #729d2a;
   border-left: 30px solid #729d2a;
 }

 .ewastemain {
   stroke: #729d2a;
 }

 .glassmain .grblocname,
 .glassmain h5 {
   color: #a22729;
 }

 .glassmain .garbagepartmainbox .grblocname strong,
 .glassmain .grabeagetypepercent {
   color: #a22729;
 }

 .glassmain .garbagepartmainboxfill,
 .glassmain .grabageparttypecoomonimg {
   background: url('garbage-glass-color.752f77ceac4e57214bbe.png') scroll no-repeat center;
 }

 .glassmain {
   border: 1px solid #a22729;
   border-left: 30px solid #a22729;
 }

 .glassmain {
   stroke: #a22729;
 }

 .organicmain .grblocname,
 .organicmain h5 {
   color: #585858;
 }

 .organicmain .garbagepartmainbox .grblocname strong,
 .organicmain .grabeagetypepercent {
   color: #585858;
 }

 .organicmain .garbagepartmainboxfill,
 .organicmain .grabageparttypecoomonimg {
   background: url('garbage-organic-color.45f5569ba508c79ea28c.png') scroll no-repeat center;
 }

 .organicmain {
   border: 1px solid #585858;
   border-left: 30px solid #585858;
 }

 .organicmain {
   stroke: #585858;
 }

 .papermain .grblocname,
 .papermain h5 {
   color: #2c6a9d;
 }

 .papermain .garbagepartmainbox .grblocname strong,
 .papermain .grabeagetypepercent {
   color: #2c6a9d;
 }

 .papermain .garbagepartmainboxfill,
 .papermain .grabageparttypecoomonimg {
   background: url('garbage-paper-color.20f82ea67c0c1b61fb40.png') scroll no-repeat center;
 }

 .papermain {
   border: 1px solid #2c6a9d;
   border-left: 30px solid #2c6a9d;
 }

 .papermain {
   stroke: #2c6a9d;
 }

 .plasticmain .grblocname,
 .plasticmain h5 {
   color: #ea8617;
 }

 .plasticmain .garbagepartmainbox .grblocname strong,
 .plasticmain .grabeagetypepercent {
   color: #ea8617;
 }

 .plasticmain .garbagepartmainboxfill,
 .plasticmain .grabageparttypecoomonimg {
   background: url('garbage-plastic-color.b97283c6b7f978909e55.png') scroll no-repeat center;
 }

 .plasticmain {
   border: 1px solid #ea8617;
   border-left: 30px solid #ea8617;
 }

 .plasticmain {
   stroke: #ea8617;
 }

 .medicalmain .grblocname,
 .medicalmain h5 {
   color: #913453;
 }

 .medicalmain .garbagepartmainbox .grblocname strong,
 .medicalmain .grabeagetypepercent {
   color: #913453;
 }

 .medicalmain .garbagepartmainboxfill,
 .medicalmain .grabageparttypecoomonimg {
   background: url('garbage-medical-color.d0411ea14d55f0878041.png') scroll no-repeat center;
 }

 .medicalmain {
   border: 1px solid #913453;
   border-left: 30px solid #913453;
 }

 .medicalmain {
   stroke: #913453;
 }

 .animalcarcassesmain .grblocname,
 .animalcarcassesmain h5 {
   color: #c11523;
 }

 .animalcarcassesmain .garbagepartmainbox .grblocname strong,
 .animalcarcassesmain .grabeagetypepercent {
   color: #c11523;
 }

 .animalcarcassesmain .garbagepartmainboxfill,
 .animalcarcassesmain .grabageparttypecoomonimg {
   background: url('garbage-carcasses-color.4c73bef8993237a5e5ca.png') scroll no-repeat center;
 }

 .animalcarcassesmain {
   border: 1px solid #c11523;
   border-left: 30px solid #c11523;
 }

 .animalcarcassesmain {
   stroke: #c11523;
 }

 .fishgearmain .grblocname,
 .fishgearmain h5 {
   color: #ef3923;
 }

 .fishgearmain .garbagepartmainbox .grblocname strong,
 .fishgearmain .grabeagetypepercent {
   color: #ef3923;
 }

 .fishgearmain .garbagepartmainboxfill,
 .fishgearmain .grabageparttypecoomonimg {
   background: url('garbage-fishgear-color.1e5a109279a08a0feadd.png') scroll no-repeat center;
 }

 .fishgearmain {
   border: 1px solid #ef3923;
   border-left: 30px solid #ef3923;
 }

 .fishgearmain {
   stroke: #ef3923;
 }

 .cookingoilmain .grblocname,
 .cookingoilmain h5 {
   color: #39a3f4;
 }

 .cookingoilmain .garbagepartmainbox .grblocname strong,
 .cookingoilmain .grabeagetypepercent {
   /* background: ##39a3f4;*/
   color: #39a3f4;
 }

 .cookingoilmain .garbagepartmainboxfill,
 .cookingoilmain .grabageparttypecoomonimg {
   background: url('garbage-cookingoil-color.686d6faa44f347cdb03e.png') scroll no-repeat center;
 }

 .cookingoilmain {
   border: 1px solid #39a3f4;
   border-left: 30px solid #39a3f4;
 }

 .cookingoilmain {
   stroke: #39a3f4;
 }

 .ui-fileupload-row>div:nth-child(2) {
   white-space: normal;
   /* text-overflow: ellipsis; */
   word-break: break-word;
   min-width: 105px;
   max-width: 100%;
   width: 100%;
 }

 .garbagetypeprogressbar {
   position: relative
 }

 .garbagetypeprogressbar image {
   x: 30;
   y: 10;
 }

 .garbagetypeprogressbar .grabeagetypepercent {
   position: absolute;
   left: 0;
   right: 0;
   top: 50px;
 }

 .garbagetypeprogressbar i {
   position: absolute;
   top: 25px;
   right: 0;
   left: 0;
   width: 24px;
   height: 24px;
   margin: 0 auto;
 }

 .animalcarcassesmain h5,
 .cookingoilmain h5,
 .bulbsmain h5,
 .organicmain h5,
 .batterymain h5,
 .plasticmain h5,
 .fishgearmain h5,
 .papermain h5,
 .ewastemain h5,
 .medicalmain h5,
 .metalsmain h5 {
   position: absolute;
   top: 165px;
   left: -24px;
   background: none;
   transform-origin: 0 0;
   transform: rotate(-90deg);
   padding: 1px 10px;
   color: #fff;
   height: 19px;
   width: auto;
   text-transform: uppercase;
   font-size: 14px;
 }

 .animalcarcassesmain h5 {
   top: 146px;
 }

 .cookingoilmain h5 {
   top: 127px;
 }

 .bulbsmain h5 {
   top: 145px;
 }

 .organicmain h5 {
   top: 125px;
 }

 .ewastemain h5 {
   top: 165px;
 }

 .plasticmain h5 {
   top: 110px;
 }

 .fishgearmain h5 {
   top: 130px;
 }

 .papermain h5 {
   top: 150px;
 }

 .ewastemain h5 {
   top: 110px;
 }

 .medicalmain h5 {
   top: 139px;
   font-size: 10px;
 }

 .metalsmain h5 {
   top: 160px;
   font-size: 10px;
 }

 .animalcarcassesmain,
 .cookingoilmain,
 .bulbsmain,
 .papermain,
 .fishgearmain,
 .batterymain,
 .garbagepartmain,
 .ewastemain,
 .medicalmain,
 .metalsmain {
   position: relative;
   padding: 10px;
 }

 .nav-tabs>li.active>a:focus {
   background: #39a3f4 !important;
   border: none !important;
   border-radius: 3px !important;
   color: #fff !important;
 }

 .ui-calendar .ui-datepicker {
   z-index: 9999 !important;
 }

 .ui-datepicker {
   z-index: 99999 !important;
   width: 250px !important;
   padding: 2px 0 !important;
   min-width: 15em !important;
 }

 .ui-datepicker .ui-datepicker-title {
   padding-bottom: 5px !important;
 }

 body .ui-datepicker table td>span {
   padding: 0 !important;
 }

 /* .ui-corner-all.primaryOrbButton, .ui-corner-all.secondoryOrbButton {
  border-radius: 3px !important
} */

 .checkbox-formcontrol {
   border-color: transparent !important;
   padding: 0px;
 }

 .loginscreen .logindescription {
   position: absolute;
   bottom: 0;
   color: #4479b9;
   z-index: 2;
   background: #fff;
   border-radius: 15px;
   padding: 6px 15px;
   right: 19px;
 }

 /* .loginscreen .logindescriptionprivacy {
  position: absolute;
  bottom: 0;
  right: 0 !important;
  color: #4479b9;
  padding: 6px 15px;

} */

 .loginscreen .logindescriptionprivacybutton {
   color: #4479b9;
   text-decoration: underline;
 }

 .loginscreen .logscreenimg {
   position: absolute;
   top: 0;
   z-index: 1;
   display: block;
   height: 500px;
   right: 0;
   left: -100px;
 }

 .nav-logo {
   width: 157px !important;
 }

 .changetheme {
   background: #39a3f4;
   display: inline-block;
   padding: 5px 7px 0 !important;
   margin-bottom: 5px;
   color: #fff;
 }

 .changetheme .themeslide {
   float: left;
 }

 .changetheme label {
   float: left;
   font-size: 15px;
   padding-left: 7px;
   padding-top: 2px;
 }

 .buttonFullScreen .pi-window-maximize:before {
   position: relative;
   right: 5px;
   top: 0;
   color: #848484;
   content: "\e93b" !important;
   background: none;
 }

 .unselectable {
   -moz-user-select: -moz-none;
   -webkit-user-select: none;
   -o-user-select: none;
   -ms-user-select: none;
       user-select: none;
 }

 .tab_decklog {
   overflow: hidden;
   /* border: 1px solid #ccc;*/
   /*background-color: #f1f1f1;*/
   height: 100%;
   max-height: calc(100% - 10px);
 }

 .desklog_tab_main {
   width: 100%;
   height: 100%;
 }

 .leftdiv_decklog {
   width: 15%;
   float: left;
   margin-right: 2px;
   border-right: 1px solid #eee;
   height: 100%;
 }

 .rightdiv_decklog {
   margin-left: 17%;
   width: 83%;
 }

 .decklog_vertcal_line {
   /* background: #ccc; */
   height: auto;
   width: 1px;
   position: absolute;
   margin-left: -41px;
   margin-top: -15px;
   min-height: 100%;
 }

 .decklog-runiinglog-activity-title {
   font-weight: bold;
   color: #002050;
   padding-bottom: 5px !important;
   text-decoration: none;
 }

 .tab_content_decklog {
   border-radius: 6px;
   border: 1px solid #c6d3dc;
   padding: 15px;
   /* display: block; */
   margin-bottom: 15px;
   box-shadow: 1px 1px 0px 1px #ffe;
   background: #fff;
   height: 100%;
   max-height: calc(100% - 95px);
   overflow: hidden;
   width: 100%;
 }

 .tab_decklog ul {
   margin-bottom: 2px;
   margin-left: 15px;
 }

 .tab_decklog li.tablinks {
   padding: 15px ​15px 0px 15px;
   margin-right: 0;
 }

 .tab_decklog .tabbutton {
   border-right: 1px solid #c6d3dc;
   padding: 15px 16px 25px;
   background: #fff;
 }

 .tab_decklog .tabbutton span {
   padding-left: 15px;
   font-weight: bold;
 }

 .tab_decklog .tabbutton img {
   height: 30px;
   width: 30px;
 }

 .tab_decklog .tabbutton.active {
   background: #fff;
   border-top: 7px solid #ffcc02;
   border-right: 1px solid #c6d3dc;
   border-left: 1px solid #c6d3dc;
 }

 .decklog_rowview {
  border-radius: 6px;
  background: #F4F8FB;
  height: 100%;
  width: calc(100% - 35px);
  display: inline-block;
  padding: 10px 15px 0px 15px !important;
  border: 1px solid #d8e0e6;
  margin-bottom: 10px;
  /* font-family: 'Inter', ; */
}

 .decklog_rowview .lable_datetime {
    color: #3a6b96;
    font-size: 16px;
  }

 .decklog_rowview  label{
  font-weight: bold;
}

 .decklog_rowview_divider {
  height: 1px;
  background: #eeebee;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 5px;
}

 .decklog_rowview_overflow {
   overflow: auto;
   height: calc(100vh - 485px);
   overflow-x: hidden;

 }

 /* Style the buttons inside the tab */

 .tab_decklog .tabbutton {
   background-color: inherit;
   float: left;
   border: none;
   outline: none;
   cursor: pointer;
   padding: 14px 16px;
   transition: 0.3s;
   font-size: 16px;
   border-top: 7px solid transparent;
   height: 65px;
   border-right: 1px solid transparent;
   border-left: 1px solid transparent;
 }

 /*.tab_decklog button.active>.tab_decklog_bhide {
    background: red;
    height:2px;
  }*/

 /* Change background color of buttons on hover */

 .tab_decklog button:hover {
   /*background-color: #ddd;*/
 }

 /* Create an active/current tablink class */

 /* .tab_decklog button.active {
      background-color: #ccc;
    }*/

 /* Style the tab content */

 /*.tabcontent_decklog {
  display: block;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}*/

 .decklogullist {
   margin-left: 0 !important;

 }

 .deckloglist a:hover {
   background: #39a3f4 !important;
   color: #fff !important;
 }

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

 .deckloglist a img {
   width: 25px;
   height: 25px;
   float: left;
   position: absolute;
   top: 5px;
   left: 5px;
   margin-right: 10px;
 }

 .deckloglist a span {
   padding-left: 0;
   text-align: left;
   font-size: 13px;
   word-break: break-word;
   line-height: 22px;
   width: 97%;
   font-size: 15px;
 }

 .decklog-activityrecordbook-history th {
   font-size: 11px;
 }

 .decklog-activityrecordbook-history label {
   font-size: 11px;
 }

 .decklog-activityrecordbook-parent-div {
   padding-right: 15px !important;
   max-height: 110px;
 }

 .decklog-sounding-daily-inventory {
   position: relative;
 }

 .decklog-sounding-daily-inventory .scrollmenu ul li a {
   color: #39a3f4;
 }

 .decklog-sounding-daily-inventory .scrollmenu ul li {
   clear: right
 }

 .decklog-sounding-daily-inventory .arrowbgright {
   top: 67px;
   right: 2px;
 }

 .decklog-sounding-daily-inventory .arrowbgleft {
   left: 2px;
 }

 .decklog-divImgSignature {
   overflow: hidden;
   float: left;
   height: 40px;
   margin: -10px 0px -10px 0px;
 }

 .decklog-imgSignature {
   /*height: 20px;
  margin: 0px 5px 0px 5px;*/
   height: 25px;
   margin: 0px 0 -25px 0;
 }

 .decklog-signature-text {
   color: #637794;
   font-size: 13px;
 }

 .enginescrollbar {
   height: 600px;
   display: block;
   overflow: scroll;
 }

 .ui-treetable-wrapper th,
 td {
   border: 1px 0px 1px 0px solid #ccc;
 }

 .engineLogBook {
   background: #fff;
   height: 100%;
   max-height: calc(100% - 10px);
   overflow: auto;
 }

 .enginelog-divImgSignature {
   overflow: hidden;
   float: left;
   height: 40px;
   margin: -10px 0px -10px 0px;
 }

 .enginelog-imgSignature {
   /*height: 20px;
  margin: 0px 5px 0px 5px;*/
   height: 25px;
 }

 .enginelog-signature-text {
   color: #637794;
   font-size: 13px;
 }

 .imgSignature {
   height: 95%;
   margin: 3px;
   max-height: 45px;
 }

 .enginelog-utc-local-label {
   font-weight: normal;
   padding-top: 5px;
 }

 .reportTemplateLevelTableCell {
   text-align: center;
   height: 30px;

 }

 .reportTemplateValueStrikeout label {
   text-decoration: line-through;
 }

 .reportTemplateValueMissedEntry label {
   font-style: italic;
 }

 .reportTemplateLevelTableCell label {
   font-weight: bold;
 }

 .reportTemplateTableCellVertical {
   /* IE 9 */
   transform: rotate(270deg);
 }

 .reportTemplateTableCellVertical label {
   font-weight: bold;
 }

 .reportTemplateLevelValueTableCell {
   text-align: center;
   height: 30px;
 }

 .reportTemplateTableCellLeftAlignment {
   text-align: left;
 }

 .reportTemplateTableCellCenterAlignment {
   text-align: center;
 }

 .reportTemplateTableCellRightAlignment {
   text-align: right;
 }

 .reportTemplateCanvas table {
   width: 100%;
   border-collapse: collapse;
 }

 .reportTemplateCanvas td,
 th {
   border: 1px solid gray;
   padding: 2px 11px 2px 11px;
   font-size: 14px;
 }

 .reportTemplateCanvas td,
 th {
   border: 1px solid gray;
   padding: 2px 10px 2px 10px;
   font-size: 14px;
 }

 .reportTemplateCanvas label {
   font-size: 13px;
   word-break: break-word;
 }

 .reportTemplateSignatureImgDiv {
   overflow: hidden;
   float: left;
   height: 27px;
   margin: -2px 0px -2px 0px;
 }

 .reportTemplateSignatureImg {
   height: 35px;
   /*23px;*/
   /*float: left;*/
 }

 .reportTemplateSignatureLabel {
   float: left;
 }

 /*.reportTemplateSignatureLabel {
  float: left;
}*/

 .generateReportTemplateCanvas {
   background: #fff;
   display: inline-table;
 }

 /*.reportTemplateSignatureLabel {
  float: left;
}*/

 .generateReportTemplateCanvasPaginator {
   border: 0px !important;
   background: #fff !important;
 }

 .decklog-preview-fieldset {
   border: 1px solid #ccc;
   box-sizing: border-box;
   grid-area: 1 / 1;
   padding: 0px 10px 10px 10px !important;
   margin-bottom: 10px;
 }

 .decklog-preview-legend {
   padding: 0 4px;
   width: auto;
   border: 0;
   margin: 0;
   font-weight: bold;
   font-size: 13px;
 }

 .reportTemplateCanvasPagerButton {
   background: none;
   border: none;
   float: left;
   margin-top: 4px !important;
 }

 .reportTemplateCanvasPagerButton i {
   color: #a3a9af
 }

 .new-elivery-initial-entry {
   position: relative;
 }

 .new-elivery-initial-entry .scrollmenu ul {
   width: 1000px;
 }

 .new-elivery-initial-entry .arrowbgright {
   right: 1px;
   top: 36px;
   width: 25px;
 }

 .new-elivery-initial-entry .arrowbgleft {
   width: 25px;
   left: 1px;
 }

 /*---------------------decklog dashboard start-----------------*/

 /*body{background:#edf3f5;font-family: 'Roboto', ;}*/

 .decklog .main-body .page-wrapper {
    padding: 5px;
    transition: all ease-in 0.3s;
}

 .decklog .main-header{margin-bottom:5px;}

 .decklog .main-header button{ float:right;    border-radius: 36px;font-size: 13px;padding: 3px;width: 110px;}

 .decklog .main-middle .card{
	position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
	border-radius: 5px;
    box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
    border: none;
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out;
	}

 .decklog .main-middle .blue{border-left: 5px solid #78a6f4;
    min-height: 120px;
    width: 100%;
    float: left;
    margin-right: 15px;}

 .decklog .main-middle .purpal {
   border-left: 5px solid #a752ff;
   min-height: 120px;
   width: 100%;
   float: left;
   margin-right: 15px;
 }

 .decklog .main-middle .pink {
   border-left: 5px solid #f80e87;
   min-height: 120px;
   width: 100%;
   float: left;
   margin-right: 15px;
 }

 .decklog .main-middle .seeblue {
   border-left: 5px solid #0ecff8;
   min-height: 120px;
   width: 100%;
   float: left;
 }

 .decklog .main-middle .seeblue table tr td,
 .pink table tr td,
 .purpal table tr td {
   width: 155px;
   border-right: 1px solid #eee;
   vertical-align: top;
 }

 .decklog .main-middle .seeblue table tr td:last-child,
 .pink table tr td:last-child,
 .purpal table tr td:last-child {
   border: none;
 }

 .decklog .main-middle .main-box {
   padding: 10px;
 }

 .decklog .main-middle .main-box h6 {
   margin: 5px 0 13px 36px;
   font-size: 1rem;
   margin-bottom: .5rem;
   font-family: inherit;
   font-weight: bold;
   line-height: 1.2;
   color: inherit;
 }

 .top-section h6,
 .decklog .main-middle .top-box-section .box h6 {
   font-size: 1rem;
   margin-bottom: .5rem;
   font-family: inherit;
   font-weight: bold;
   line-height: 1.2;
   color: inherit;
 }

 .decklog .main-middle .main-box p {
   font-size: 13px;
   color: #78909c;
 }

 .decklog .main-middle .iconbg-blue {
   background: #78a6f4;
 }

 .decklog .main-middle .iconbg-org {
   background: #ffb452;
 }

 .decklog .main-middle .iconbg-purpal {
   background: #a752ff;
 }

 .decklog .main-middle .iconbg-pink {
   background: #f80e87;
 }

 .decklog .main-middle .iconbg-seeblue {
   background: #0ecff8;
 }

 .decklog .main-middle .iconbg {
   border-radius: 100%;
   height: 30px;
   width: 30px;
   float: left;
 }

 .decklog .main-middle .iconbg img {
   margin: 7px;
   text-align: center;
 }

 .decklog .main-middle .topsection,
 .decklog .main-middle .middlesection {
   clear: both;
   width: 100%;
 }

 .decklog .main-middle .middlesection table tr td:first-child {
   width: 50%;
 }

 .decklog .main-middle .top-box-section {
   padding: 10px !important;
 }

 .decklog .main-middle .top-box-section .box {
   border-radius: 6px;
   border: 1px solid #eee;
   padding: 6px 14px;
   float: left;
   margin-right: 9px;
   height: 72px;
   width: 100%;
 }

 .decklog .boxClass {
   padding-right: 10px !important;
 }

 .decklog .main-middle .top-box-section .box:last-child {
   margin-right: 0;
 }

 .decklog .main-middle .top-box-section .box h6,
 .top-box-section .box p {
   margin-bottom: 0px;
 }

 .decklog .main-middle .top-box-section .box p {
   font-size: 13px;
   color: #78909c;
 }

 .decklog .main-middle .counter {
   float: left;
 }

 .decklog .main-middle .middlesection .card:last-child {
   margin-right: 0;
 }

 .decklog .main-middle .mapheight {
   min-height: 565px;
   height: 100%
 }

 .decklog .main-middle .listheight {
   min-height: 275px;
   height: 100%
 }

 .decklog .main-middle .mid-box-section {
   padding: 10px;
 }

 .decklog .main-middle .top-section {
   padding: 15px;
 }

 .decklog .main-middle .mid-section {
   padding: 5px 0;
 }

 .decklog .main-middle .mid-section table {
   width: 100%;
   overflow: scroll;
   height: 250px;
 }

 .decklog .main-middle .mid-section table tr td {
   padding: 5px;
   font-size: 14px;
   border-bottom: 1px solid #eee
 }

 .decklog .main-middle .mid-section table tr td.bnone {
   border-bottom: none;
 }

 .decklog .main-middle .scrollminheight {
   height: 200px;
   overflow: hidden;
   border-radius: 6px;
   border: 1px solid #eee
 }

 .decklog .main-middle .scrollminheight ul {
   height: 200px;
   overflow: auto;
 }

 .decklog .main-middle .scrollminheight ul li {
   padding: 9px 10px;
   font-size: 13px;
   border-radius: 0 !important;
   border-left: none;
   border-right: none;
   border-bottom: 1px solid #eee;
 }

 .decklog .main-middle .scrollminheight ul li img {
   margin-right: 5px;
 }

 .decklog .main-middle .scrollminheight ul li:first-child {
   border-top: none;
 }

 .decklog .main-middle .scrollminheight ul li:hover {
   background: #edf3f5
 }

 /*.footer{ background:#dadcdf;}
.footer p{ text-align:center; color:#000; font-size:13px; padding:5px;}*/

 /*-------------------decklog---------------*/

 .map-theme {}

 .progress-spinner {
   position: fixed;
   z-index: 999;
   height: 2em;
   width: 50px;
   overflow: visible;
   margin: auto;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
 }

 /* Transparent Overlay */

 .progress-spinner:before {
   content: '';
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.53);
 }

 .pipelineConnectionDiv {
   padding: 5px 10px;
   background-color: #f4f4f4;
   width: 150px;
   margin: 20px;
   border: 1px solid lightgray;
   cursor: default;
 }

 .pipelineConnectionOneWay {
   width: 10px;
   height: 6px;
   background-color: #FF7F50;
   float: left;
   margin-top: 6px;
   margin-right: 5px;
 }

 .pipelineConnectionBidirectional {
   width: 10px;
   height: 6px;
   background-color: #39A3F4;
   float: left;
   margin-top: 6px;
   margin-right: 5px;
 }

 .main-homenav {
   /*width: 370px;*/
   width: 40%;
   float: right;
   position: relative;
   top: 35px;
   margin-top: -30px;
   right: 20px;
 }

 .homenav a {
   margin-right: 15px;
   display: inline-block;
   border-bottom: 2px solid transparent;
   color: #212121;
   font-weight: normal;
 }

 .homenav a.active {
   color: #007ad9;
   font-weight: bold;
   border-bottom: 2px solid #007ad9;
 }

 body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
   box-shadow: none !important;
 }

 body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
   background-color: #c5e2f9 !important;
   color: #000 !important;
   width: 80%;
 }

 /* Engine log and decklog new design */

 [data-theme="light"] {
   --gl-primary-color: #fff;
   --gl-secondary-color: #58A1EE;
   --gl-primary-text-color: #000000;
   --gl-secondary-text-color: #07131F;
   /* --gl-card-bg-color: #e7e3e3; */
 }

 .d-flex {
   display: flex;
 }

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

 .justify-content-between {
   justify-content: space-between;
 }

 .justify-content-end {
   justify-content: flex-end !important;
 }

 .w-100 {
   width: 100%;
 }

 .secondary-btn {
   box-shadow: 0px 5px 20px #00000029;
   border: 1.5px solid #2b2e30;
   font-weight: 400;
   font-size: 0.875rem;
   color: #000000;
   padding: 5px 10px;
   cursor: pointer;
 }

 .me-2 {
   margin-right: 5px;
 }

 .secondary-text-color {
   color: #707070;
 }

 .primary-text-color {
   color: #07131F;
 }

 .f-12 {
   font-size: 0.75rem;
 }

 .f-14 {
   font-size: 0.875rem;
 }

 .f-16 {
   font-size: 1rem;
 }

 .f-18 {
   font-size: 1.125rem;
 }

 .font-normal {
   font-weight: 400;
 }

 .font-medium {
   font-weight: 500;
 }

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

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

 .pr-30 {
   padding-right: 30px;
 }

 .px-30 {
   padding-left: 30px;
   padding-right: 30px;
 }

 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }

 .pl-2 {
   padding-left: 0.5rem;
 }

 .pr-2 {
   padding-right: 0.5rem;
 }

 .px-3 {
   padding-left: 1rem;
   padding-right: 1rem;
 }

 .pt-3 {
   padding-top: 1rem;
 }

 .py-3 {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }

 .mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
 }

 .mr-3 {
   margin-right: 1rem;
 }

 .mt-2 {
   margin-top: 0.5rem;
 }

 .mb-2 {
   margin-bottom: 0.5rem;
 }

 .mb-3 {
   margin-bottom: 1rem;
 }

 #my_dialog .ui-dialog .ui-dialog-titlebar {
   display: none !important;
 }

 .ui-dialog-content.ui-widget-content.ng-tns-c92-4 {
   padding: 0px !important;
 }

 .d-block {
   display: block;
 }

 .flex-revert {
   flex-direction: revert !important;
 }

 .cursor-pointer {
   cursor: pointer;
 }

 .breadcrumbs {
   font-weight: bold;
   color: #000000;
   padding: 3px 0 6px 0px;
   border-bottom: 1px solid #a3a3a34d;
 }

 .ui-progressbar {
   background-color: white !important;
 }

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

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

 .top-tabview-custom.ui-tabview.ui-tabview-top {
   border: 0;
   padding: 15px 0 0 0;
 }

 .top-tabview-custom.ui-tabview.ui-tabview-top .ui-tabview-nav {

   background: #ffffff !important;
 }

 .top-tabview-custom.ui-tabview.ui-tabview-top .ui-tabview-nav li {
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: 0;
 }

 .top-tabview-custom.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active,
 .top-tabview-custom.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:focus {
   border: 1px solid #39a3f4;
   background: #39a3f4 !important;
   box-shadow: none !important;
 }

 .top-tabview-custom.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover {
   border: 1px solid #007ad9;
   background: #007ad9 !important;
 }

 .top-tabview-custom.ui-tabview.ui-tabview-top .ui-tabview-nav li a {
   font-size: 0.875rem;
   font-weight: normal;
   color: #000000;
 }

 .top-tabview-custom.ui-tabview .ui-tabview-panels {
   border: 0;
   padding: 0;
 }

 .side-accordion-custom.ui-accordion .ui-accordion-header {
   margin-bottom: -2px !important;
   margin-top: -2px !important;
 }

 .side-accordion-custom.ui-accordion .ui-accordion-header a,
 .side-accordion-btn {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   background-color: transparent;
   border: 1px solid transparent;
   border-bottom: 1px solid #a3a3a34d;
   border-radius: 0;
   padding: 8px 5px 8px 10px;
   font-weight: bold;
   font-size: 0.875rem;
   color: #000000;
   box-shadow: 0 0 0 0;
 }

 .side-accordion-custom.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a,
 .side-accordion-custom.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a {
   background-color: #FFFFFF;
   border: 1px solid transparent;
   color: #000000;
   box-shadow: 0 0 0 0;
 }

 .side-accordion-custom.ui-accordion .ui-accordion-header a:focus {
   box-shadow: 0 0 0 0;
 }

 .side-accordion-custom.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a .ui-accordion-toggle-icon,
 .side-accordion-custom.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a .ui-accordion-toggle-icon {
   color: #000000;
 }

 .side-accordion-custom.ui-accordion .ui-accordion-content {
   padding: 0.571em 0;
   border-left: 0;
   border-right: 0;
   background-color: #FFFFFF;
 }

 .p-button-tabs.ui-button {
   background-color: transparent;
   border: 1px solid transparent;
   color: #000000;
   font-size: 14px;
   font-weight: 400;
   width: 100%;
   text-align: left;
   border-radius: 0;
   padding: 0 20px;
 }

 .p-button-tabs.ui-button-text-only .ui-button-text {
   padding: 0.429em 0 !important;
 }

 .p-button-tabs.ui-button:enabled:hover,
 .active .p-button-tabs.ui-button {
   background-color: #D2E2F8;
   border-color: #D2E2F8;
   border: none;
   color: #000000;
   box-shadow: 0 0 0 0 !important;
 }

 /*.active .p-button-tabs.ui-button {*/

 /*margin-left: 15px;
  padding-left: 8px;*/

 /*background-color: #D2E2F8;
}*/

 .side-accordion-btn {
   padding-left: 20px !important;
 }

 /*body .ui-table .ui-table-tbody > tr > td {
  padding: 0.20em 0.20em;
}*/

 /*
body .ui-paginator {
  padding: 20px 0px 10px 0;
  background-color: transparent;
  border: 0;
}*/

 .primary-btn.ui-button {
   background-color: #58A1EE;
   border-radius: 0;
   border: 1px solid #58A1EE;
   color: #fff;
 }

 .secondary1-btn.ui-button {
   background-color: transparent;
   border-radius: 0;
   border: 1px solid #2B2E30;
   color: #000;
 }

 .warning-btn.ui-button {
   background-color: #E22C38;
   border-radius: 0;
   border: 1px solid #E22C38;
   color: #fff;
 }

 .primary-btn.ui-button .ui-button-icon-left,
 .secondary1-btn.ui-button .ui-button-icon-left {
   font-size: 14px;
 }

 .log-custom-table.ui-table .ui-table-thead>tr>th {
   padding: 5px 8px;
   border: 1px solid #699ee82b;
   font-weight: 700;
   color: #333333;
   background-color: #d3e4f8;
   height: 50px;
 }

 .log-custom-table.ui-table .ui-table-tbody>tr>td {
   padding: 5px 8px;
   border-left: 1px solid #699ee82b;
   border-right: 1px solid #699ee82b;
   border-top: 0;
   border-bottom: 0;
 }

 .log-custom-table.ui-table .ui-table-tbody>tr:last-child>td {
   border-bottom: 1px solid #699ee82b;
 }

 .log-custom-table-pagintor.ui-paginator {
   position: relative;
 }

 .log-custom-table-pagintor.ui-paginator .ui-dropdown {
   margin-left: 0.5em;
   height: 2.286em;
   min-width: auto;
   position: absolute;
   left: 0;
   border: 1px solid #00000029;
   bottom: 10px;
 }

 .custom-timepicker .ui-calendar.ui-calendar-timeonly .ui-inputtext {
   border: 0;
   font-size: 12px;
   width: 70px;
 }

 .custom-timepicker .ui-inputtext:enabled:focus:not(.ui-state-error) {
   box-shadow: none;
   border-color: transparent;
 }

 .custom-timepicker .ui-datepicker.ui-datepicker-timeonly .ui-timepicker {
   padding: 5px;
 }

 .custom-timepicker .ui-timepicker>div {
   margin-left: 0;
 }

 .custom-timepicker .ui-datepicker .ui-timepicker span {
   font-size: 1rem;
 }

 .custom-sidepanel .ui-dialog {
   padding: 0;
   width: 60vw;
   margin: 0;
   max-height: 100%;
 }

 .custom-sidepanel .ui-dialog .ui-dialog-content {
   padding: 0;
 }

 .sliderDateRanage.ui-button.ui-button-text-only .ui-button-text {
   padding: 3px 5px;
 }

 .confirmation-modal.ui-dialog .ui-dialog-titlebar {
   font-size: 1.5rem;
   font-weight: 700;
   background-color: #58A1EE;
   border: 1px solid #58A1EE;
   color: #fff;
   padding: 10px;
 }

 .warning-modal.ui-dialog .ui-dialog-titlebar {
   font-size: 1.5rem;
   font-weight: 700;
   background-color: #E22C38;
   border: 1px solid #E22C38;
   color: #fff;
   padding: 10px;
 }

 .secondary1-btn.ui-button:enabled:hover {
   background-color: transparent;
   border: 1px solid #2B2E30;
   color: #000;
 }

 .side-panel-header {
   background: #58A1EE;
   height: 50px;
   width: 60vw;
   right: 0;
   color: #ffffff;
   position: fixed;
   z-index: 2;
 }

 .side-panel-container {
   height: 100%;
   /*calc(100vh - 102px);*/
   margin: 20px 0;
   overflow-y: auto;
 }

 .side-panel-footer {
   position: fixed;
   bottom: 0;
   background-color: #fff;
   width: 60vw;
   right: 0;
   height: 50px;
 }

 .sidepanel-datepicker {
   display: flex;
   flex-direction: row-reverse;
 }

 .sidepanel-datepicker.ui-calendar.ui-calendar-w-btn .ui-inputtext {
   background-color: transparent;
   border: 0;
   width: 80px;
   color: #ffffff;
   padding: 0;
   font-size: 12px;
 }

 .sidepanel-datepicker.ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
   width: 25px;
   background-color: transparent;
   border: 0;
 }

 .sidepanel-datepicker.ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button .pi-calendar {
   font-size: 0.8rem;
 }

 .sidepanel-datepicker .ui-inputtext:enabled:focus:not(.ui-state-error),
 .sidepanel-datepicker .ui-button:enabled:focus {
   box-shadow: none;
   border-color: transparent;
 }

 .details {
   background-color: #ffffff;
   padding: 15px;
   border: 1px solid #eee;
 }

 .details-heading {
   font-weight: bold;
   font-size: 1.125rem;
   color: #07131f;
 }

 .stepper-details {
   width: 35%;
   padding-top: 8px;
 }

 .status-steps {
   display: block;
   border-top: 1px dotted;
   width: 70%;
   margin: 0 auto;
   position: relative;
 }

 .status-steps::before {
   content: "";
   position: absolute;
   left: -5px;
   top: -5px;
   background-color: #000;
   width: 10px;
   height: 10px;
   border-radius: 50%;
 }

 .status-steps.statusStarted::after {
   content: "";
   position: absolute;
   right: -5px;
   top: -3px;
   background-color: #000;
   width: 8px;
   height: 8px;
   border-radius: 50%;
 }

 .status-steps .selected {
   border-top: 2px solid #58A1EE;
   width: 14%;
   display: block;
   position: absolute;
   top: -1px;
 }

 .status-steps .selected::before {
   content: "";
   position: absolute;
   background-color: #58A1EE;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   top: -6px;
   left: -6px;
 }

 .status-steps .selected.step4::after {
   content: "";
   position: absolute;
   background-color: #58A1EE;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   top: -6px;
   right: -6px;
   z-index: 1;
 }

 .status-steps .selected.step2 {
   width: 50%;
 }

 .status-steps .selected.step3 {
   width: 80%;
 }

 .status-steps .selected.step4 {
   width: 100%;
 }

 .border-left {
   border-left: 1px dotted #000;
 }

 .border-right {
   border-right: 1px dotted #000;
 }

 .h-50 {
   height: 50px;
 }

 .table-tab {
   padding: 5px 0px;
   /*  margin-left: 230px;*/
   background-color: #FFFFFF;
 }

 .side-tab {
   width: 230px;
   box-shadow: 0px 2px 6px #00000029;
   padding: 5px 0;
   height: calc(100vh - 140px);
   position: absolute;
   overflow-y: auto;
   background-color: #FFFFFF;
   margin-top: 6px;
 }

 .vertical-report .progressbar-container {
   background-color: #f4f4f4;
   box-shadow: 0px 3px 6px #00000029;
 }

 .vertical-report .grayHeading {
   background: #f4f4f4;
   padding: 10px 0px 10px 10px !important;
 }

 .vertical-report .whiteHeading {
   background: #ffffff;
   padding: 1rem 1.5rem;
 }

 .vertical-report .grayHeadingForChecklist {
   /*background: #f4f4f4;
  padding: 1rem 1.5rem 1rem 0.6rem;*/
 }

 .vertical-report .whiteHeadingForChecklist {
   background: #ffffff;
   padding: 10px 0px 10px 10px !important;
 }

 .vertical-report .card-table {
   height: auto;
   min-height: 32px;
   /* background: #fff;*/
   margin-right: 5px;
   margin-bottom: 5px;
   padding-left: 10px;
   width: 100%;
   /* display: flex;*/
   align-items: center;
   padding-top: 5px;
   padding-right: 5px;
 }

 .vertical-report .labelDiv {
   background: transparent;
   text-align: right;
   height: auto;
 }

 .vertical-report .valueDiv {
   background: #fff;
 }

 .vertical-report .labelDivForChecklist {
   background: transparent;
   text-align: left;
   width: 70%;
   height: auto;
 }

 .vertical-report .valueDivForChecklist {
   background: #fff;
   width: 30%;
 }

 .vertical-report .valueDivForDecklogChecklist {
   padding-left: 0px;
 }

 .vertical-report .card-table:last-child {
   margin-right: 0;
 }

 .vertical-report .inpt {
   border: none !important;
   width: 95%;
   outline: none;
 }

 .vertical-report .clock {
   height: 14px;
   width: 14px;
 }

 .vertical-report .span2 {
   font-size: 12px;
   font-weight: bold;
   background: #ffffff40;
   color: white;
   padding: 5px 8px;
 }

 .vertical-report hr {
   border-color: #70707066;
   border-bottom: 0;
   margin-top: 0.3rem;
   margin-bottom: 0.7rem;
 }

 .vertical-report-margin {
   margin-right: 0px;
 }

 .statusPercentProgressBar .ui-progressbar-determinate {
   background-color: #E8E8E8 !important;
 }

 .mainGrayHeading {}

 /**.taskhistory {
  font-family: Roboto;
}**/

 .taskhistory th {
   background-color: #d1e2f8 !important;
   /** font-family: Roboto;**/
   height: 45px;
   border-color: #d1e2f8 !important
 }

 .taskhistory td {
   /** font-family: Roboto;**/
   height: 40px;
   border-color: #d1e2f8 !important
 }

 /*End of Engine log and deck log new design*/

 .generatekey {
   width: 150px;
   font-size: 16px;
   padding: 6px;
   float: right;
   margin-bottom: 10px;
 }

 .thHeaderShipDetailHistory {
   width: 150px;
   text-wrap: wrap !important;
 }

 body .leftaccording .ui-accordion .ui-accordion-header a {
   background: transparent;
   border: none;
   border: 1px solid #edecec !important;
   border-radius: 0;
   box-shadow: none !important;
   border-top: 1px solid transparent !important;
   border-left: 0px solid transparent !important;
   border-right: 0px solid transparent !important;
 }

 .leftaccording ul {
   overflow: auto;
   max-height: 300px;
 }

 .orbleft-CMMenu ul {
   margin: 0;
 }

 body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a {
   background-color: #d4e2f7 !important;
   /* border: 1px solid #d6e2f6 !important; */
   color: #000 !important;
 }

 body .leftaccording .ui-accordion .ui-accordion-header {
   margin-bottom: 0;
   margin-top: 0;
 }

 body .ui-accordion .ui-accordion-content {
   padding: 0.571em 1em;
   border: 1px solid #c8c8c8;
   background-color: #ffffff;
   color: #333333;
   padding: 0.571em 1em;
 }

 .pdfValidation {
   /* color: #ce8f22;
   background-color: #fffcee;*/
   padding: 9px 19px 9px 15px !important;
   border-radius: 3px 3px 3px 3px;
   border: 1px solid #F0DBB4;
 }

 /* body .ui-table .ui-table-thead > tr > th{
  text-overflow: ellipsis;
  overflow: hidden;
 } */

 .scrollingDiv {
   max-height: 350px;
   overflow-y: scroll;
   height: auto;
 }

 .side-accordion-custom.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a,
 .side-accordion-custom.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a {
   background-color: #39a3f4;
   border: 1px solid #39a3f4;
   color: #fff !important;
 }

 .side-accordion-custom.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a .ui-accordion-toggle-icon,
 .side-accordion-custom.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a .ui-accordion-toggle-icon {
   color: #fff !important;
 }

 .summaryPageUserlabel {
   float: left;
   text-decoration: underline;
 }

 .summaryPageUser {
   background: url('user-with-sign.98c29340ec7c92eedbce.svg') scroll no-repeat center;
   width: 24px;
   height: 24px;
   display: block;
   float: left;
   background-size: 20px;
   margin-left: 7px;
   margin-top: -2px;
 }

 .showtooltip {}

 .showtooltip:hover .showdiv {
   display: block;
   position: absolute;
   background: #eee;
   left: 107px;
   padding: 10px;
   width: 230px;
   z-index: 1;
   top: -8px;
   border-radius: 9px;
   word-break: auto-phrase;
 }

 .showtooltip .showdiv {
   display: none
 }

 .showtooltip:hover .arrowToRightSide {
   width: 0;
   height: 0;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-right: 10px solid #333;
 }

 .showtooltip .arrowToRightSide {
   display: none
 }

 .enginelogPageUser {
   background: url('user-with-sign.98c29340ec7c92eedbce.svg') scroll no-repeat center;
   width: 36px;
   height: 24px;
   display: block;
   float: right;
   background-size: 20px;
 }

 .editicon {
   width: 16px;
   height: 20px;
   background: transparent;
   cursor: pointer;
   background: url('icon-edit-dark.398f09b2482e68e5f91f.svg');
 }

 .exportRadioBox {
   display: block;
   float: left;
   margin-right: 15px;
   max-width: 100px;
 }

 .tagSection {}

 .tagSection input,
 .tagSection textarea {
   border-radius: 2px;
   border: 1px solid #ced4da !important;
   width: 100%;
   padding: 20px 10px !important;
   margin-bottom: 10px;
 }

 .iconspace {
   float: left;
   width: 24px;
   height: 24px;
   margin: 0 3px;
   display: flex;
 }

 .saveicon {
   width: 18px;
   height: 19px;
   margin-left: 5px;
   cursor: pointer;
   background: url('icon-save-dark.00b07954634e977a3753.svg');
 }

 .tagSection {}

 .tagSection input,
 .tagSection textarea {
   border-radius: 2px;
   border: 1px solid #ced4da !important;
   width: 100%;
   padding: 20px 10px !important;
   margin-bottom: 10px;
 }

 .activitydetails {
   height: 400px;
   overflow: hidden;
 }

 .activitydetails .leftpanel {
   max-width: 300px;
   display: block;
   height: calc(100vh - 40vh);
   float: left;
   border: 1px solid #BFBEBE;
   padding: 12px;
   background: #EFEFEF;
   width: 100%;
 }

 .activitydetails label {
   width: 100%;
   display: block;
 }

 .activitydetails ul li {
   padding: 5px;
   margin-bottom: 2px;
   display: inline-block;
   width: 100%;
 }

 .activitydetails ul li a {
   margin-left: 5px;
   width: 200px;
   display: block;
   float: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .activeVariableLabelActive a {
   color: #fff !important;
 }

 .activitydetails ul {
   list-style-type: none;
   margin-top: 5px;
   height: calc(100vh - 270px);
   overflow: auto;
 }

 .activitydetails .rightpanel {
   display: block;
   margin-left: 315px;
   border: 1px solid #BFBEBE;
   padding: 12px 0 12px 12px;
   background: #fff;
   height: 400px;
   background: #EFEFEF;
 }

 .activitydetails ul li span:nth-child(1) {
   float: left;
 }

 .activeVariableLabelActive {
   background: #3775dd;
   color: #fff;
   padding: 5px;
   margin-bottom: 2px;
 }

 .commonscroll {
   height: calc(100% - 0px);
   overflow: hidden;
   overflow-y: auto;
   padding-right: 10px;
 }

 .activitydetails .activityfromgroups,
 .activityfromgroups {
   width: 100%;
   display: block;
   border: 1px solid #121213;
   background-color: #212f3c;
   max-height: 100%;
   margin-bottom: 15px;
   position: relative;
   padding: 5px;
   height: 100px;
 }

 .activitydetails .commonscroll .ui-g-12:first-child .activityfromgroups,
 .activityfromgroupsmin {
   height: 40px !important;
 }

 .activityfromgroupssub {
   height: 88px;
   overflow: hidden;
   overflow-y: auto;
 }

 .activitydetails .activityfromgroups label {
   padding: 5px;
   margin-right: 100px;
   width: 84%;
 }

 .iconspace {
   float: left;
   width: 24px;
   height: 24px;
   margin: 0 3px;
   display: flex;
 }

 .saveicon {
   width: 18px;
   height: 19px;
   margin-left: 5px;
   cursor: pointer;
   background: url('icon-save-light.b5278bee289a8e6e2675.svg');
 }

 .activitydetails .activityfromgroups {
   width: 100%;
   display: block;
   background-color: #fff;
   border: 1px solid #ced4da;
   height: 50px;
   margin-bottom: 15px;
   position: relative;
   padding: 5px;
   overflow: hidden;
   overflow-y: auto;
   height: 100px;
 }

 .validationmessage {

   padding: 5px;
   margin-bottom: 10px;
   background: #fff0c3;
   border: 1px solid #ebddb1;
   color: #000;
 }

 .userverfiedicon {
   background-image: url('user-verfied.56495a74faf376bc1938.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
 }

 .usernotverfiedicon {
   background-image: url('user-not-verfied.c25f100b84315fbe35f8.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
 }

 .exportRadioBox {
   display: block;
   float: left;
   margin-right: 15px;
   max-width: 100px;
 }

 .systemconfigurationdetails {}

 .systemconfigurationdetails .subboxsystem {
   border-radius: 10px;
   border: 1px solid #eee;
   background: #f4f4f4;
   width: 32%;
   height: 250px;
   float: left;
   margin: 6px;
 }

 .subboxsystem .subboxsystemoverflow {
   height: 195px;
   overflow: hidden;
   overflow-y: auto;
 }

 .systemconfigurationdetails .subboxsystem h4 {
   color: #000;
   font-family: Inter;
   font-size: 11px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;
   padding: 3px 10px 8px;
   border-bottom: 1px solid #eee;
 }

 .systemconfigurationdetails .subboxsystem .rowlevel {
   display: inline-block;
   margin-bottom: 10px;
   width: 100%;
 }

 .systemconfigurationdetails .subboxsystem .rowlevel .labeltitle {
    color: #666;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; /* 200% */
    text-transform: capitalize;
    display: block;
    padding: 0 10px;
  }

 .systemconfigurationdetails .subboxsystem .labeldescription {
  color: #000;
  font-family: 'Roboto';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; /* 171.429% */
  text-transform: capitalize;
  display: block;
  padding: 0 10px;
}

 .leaflet-bottom {
   display: none !important;
 }

 .switch {
   position: relative;
   display: block;
   vertical-align: top;
   width: 125px;
   height: 30px;
   padding: 0;
   margin: 0;
   background: var(--gl-input-bg-color);
   border: 1px solid var(--gl-input-border-color);
   border-radius: 2px;
   /*box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
   cursor: pointer;
   box-sizing: content-box;
   overflow: hidden;
 }

 .switch-input {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   box-sizing: content-box;
 }

 .switch-label {
   position: relative;
   display: block;
   height: inherit;
   font-size: 14px;
   text-transform: uppercase;
   background: var(--gl-input-bg-color);
   border-radius: inherit;
   /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);*/
   box-sizing: content-box;
   margin-top: 0;
 }

 .switch-label:before,
 .switch-label:after {
   position: absolute;
   top: 50%;
   margin-top: -.5em;
   line-height: 1;
   transition: inherit;
   box-sizing: content-box;
 }

 .switch-label:before {
   content: attr(data-off);
   right: 24px;
   color: var(--gl-body-text-color);
   text-shadow: 0 1px rgba(255, 255, 255, 0.5);
 }

 .grb-switch-label .switch-label:before {
   content: attr(data-off);
   right: 15px;
   color: var(--gl-body-text-color);
   text-shadow: 0 1px rgba(255, 255, 255, 0.5);
 }

 .switch-label:after {
   content: attr(data-on);
   left: 11px;
   color: var(--gl-body-text-color);
   text-shadow: 0 1px rgba(0, 0, 0, 0.2);
   opacity: 0;
 }

 .switch-input:checked~.switch-label {
   background: var(--gl-input-bg-color);
   /*  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);*/
   margin-top: 0px;
 }

 .voyageCommonDiv .switch-label {
   margin-top: -18px;
 }

 .voyageCommonDiv .switch-input:checked~.switch-label {
   margin-top: -18px;
 }

 .switch-input:checked~.switch-label:before {
   opacity: 0;
 }

 .switch-input:checked~.switch-label:after {
   opacity: 1;
 }

 .switch-handle {
   position: absolute;
   top: 3px;
   left: 4px;
   width: 24px;
   height: 24px;
   background: var(--gl-primary-button-color);
   /* background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);*/
   border-radius: 100%;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
 }

 .switch-handle:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -6px 0 0 -6px;
   width: 12px;
   height: 12px;
   background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
   background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
   border-radius: 6px;
   box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
 }

 .switch-input:checked~.switch-handle {
   left: 95px;
   box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
 }

 /* Transition
========================== */

 .switch-label,
 .switch-handle {
   transition: All 0.3s ease;
   -webkit-transition: All 0.3s ease;
   -moz-transition: All 0.3s ease;
   -o-transition: All 0.3s ease;
 }

 .servicesbutton {
   width: 30px !important;
   height: 30px !important;
   padding: 0 !important
 }

 .actionbutton {
   position: relative
 }

 .actionbutton ul {
   padding: 0
 }

 .actionbutton ul li {
   display: block;
   white-space: nowrap;
   color: #212121;
   padding: 0
 }

 .actionbutton ul li a {
   display: block;
   padding: 5px;
   border-radius: 3px
 }

 .actionbutton ul li:hover a {
   background: #0078d4;
   color: #fff;
   padding: 5px
 }

 .actionbutton .actionbuttonMenu {
   background-color: #fff;
   box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
   z-index: 1;
   right: 3px;
   top: 40px;
   position: absolute;
   z-index: 2;
   width: 150px;
   min-height: 60%;
   border-radius: 5px;
   padding: 5px;
   border: 1px solid #eee
 }

 .actionbutton .actionbuttontoparrow {
   margin: 0;
   position: absolute;
   width: 15px
 }

 .actionbutton .actionbuttonMenu .actionbuttontoparrow {
   border-bottom: 11px solid #eee !important;
   border-right: 11px solid transparent !important;
   border-left: 11px solid transparent !important;
   top: -23px;
   border-top: 11px solid transparent;
   right: 6px
 }

 .actionbutton .actionbuttonMenu {
   visibility: visible;
 }

 .actionbutton .actionbuttonMenu {
   visibility: hidden;
 }

 button+.actionbuttonMenu:active,
 button:focus+.actionbuttonMenu {
   visibility: visible
 }

 .actionbuttonMenu .btn {
   width: 100%
 }

 /* .primaryButton, .confirmation button:nth-child(1) {
  color: var(--gl-white-color) !important;
  background: var(--gl-primary-button-color) !important;
  border: 1px solid var(--gl-primary-button-border-color) !important;
  padding: 6px 16px;
  margin: 5px;
  width: 90px;
  box-shadow: none !important;
} */

 .commonbut .primaryButton {
   margin-right: 5px !important
 }

 .primaryButton span:nth-child(2),
 .secondoryButton span:nth-child(2) {
   padding: 6px 15px 6px 25px !important;
 }

 .primaryButton .pi-check,
 .primaryButton .pi-times {
   margin-right: 0.5rem;
 }

 .primaryButton:hover,
 .primaryButtonfocus {
   background-color: var(--gl-primary-hover-button-color) !important;
   color: var(--gl-white-color) !important;
   border-color: var(--gl-primary-button-border-color) !important;

 }

 .primaryButton.active {
   background-color: var(--gl-primary-hover-button-color) !important;
   color: var(--gl-white-color) !important;
   border-color: var(--gl-primary-button-border-color) !important;
 }

 .body .ui-dialog .ui-dialog-footer button.primaryButton,
 body .ui-dialog .ui-dialog-footer button {
   width: 90px;
 }

 .activityRecordBookFile {
   padding: 0px 0 30px !important;
   display: block;
 }

 .activityRecordBookFile table {
   border: 1px solid #eee;
   margin-bottom: -1px;
 }

 .activityRecordBookFile .bgBrderNone {
   background: none;
   border: none;
 }

 .activityRecordBookFile .comoonTitle {
   font-weight: 600;
   font-size: 14px;
   text-transform: capitalize;
 }

 .activityRecordBookFile table tr th {
   background-color: #e9e9e9;
   border: 1px solid #c8c8c8;
   padding: 5px;
 }

 .activityRecordBookFile table tr td i {
   color: #848484;
   cursor: pointer;
 }

 .activityRecordBookFile table tr td {
   border: 1px solid #ccc;
   padding: 5px;
 }

 .activityRecordBookFile:last-child {
   border: none !important;
 }

 body .ui-tooltip {
   z-index: 9999 !important;
   overflow: auto;
   max-height: 800px;
   max-width: 400px;
   width: auto;
   border-radius: 6px;
 }

 .previewicon {
   background-image: url('icon-ballast-preview.8e7f0ea8797a7fa17348.svg');
   width: 24px;
   height: 19px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
 }

 .warningIcon {
   background-image: url('icon-alert-24×24-dark.cc5b37903b1df38a3985.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;

   background-position: center;
   background-repeat: no-repeat;
 }

 /* Ballast water RB */

 .balsastTabMain {
   border-top: 1px solid #ced4da;
   margin: 0 -15px;
   height: calc(100vh - 113px);
   overflow: hidden;
   border-bottom: 1px solid #ced4da;
 }

 .leftPanelTab {
   background: #f7f7f7;
   color: var(--gl-black-color);
   height: calc(100vh - 115px);
   float: left;
   padding: 5px 0;
   border-right: 1px solid #ced4da;
   overflow: auto;
   position: -webkit-sticky;
   position: sticky;
 }

 .leftPanelTab ul li {

   vertical-align: middle;
   cursor: pointer;
   padding-left: 0;
 }

 .leftPanelTab ul li button {
   background: none;
   padding: 12px 15px;
   line-height: 16px;
   width: 100%;
   border: none;
   text-align: left;
   color: #000;
   font-size: 14px;
 }

 .leftPanelTab ul li:hover {
   background: #D2E2F8;
   color: #000;
 }

 .leftPanelTab ul li.active>button,
 .leftPanelTab ul li:focus>button,
 .leftPanelTab ul li button.active,
 .leftPanelTab ul li button.active:hover {
   background: #3975d3;
   color: #fff;
 }

 .leftPanelTab ul {
   padding-left: 0;
 }

 .rightPanelTab {
   margin-left: 230px;
   padding: 0px 20px;
   height: calc(100vh - 111px);
   overflow: auto
 }

 .commonBorderRight {
   border-right: 1px solid #ced4da;
   height: 320px;
   padding: 10px !important;
 }

 .volumnTitle {
   position: absolute;
   right: 0;
   height: 30px;
   border: 1px solid #ced4da !important;
   border-radius: 0;
 }

 .commonBorderBottom {
   margin-bottom: 0px;
   /* border-bottom: 1px solid var(--gl-calender-header-dropdown-border);*/
   padding-bottom: 0 !important;
   display: block;
   margin-top: 0px;
 }

 .commonBorderBottom .formgroups {
   padding: 6px !important;
 }

 .commonBorderBottom label:first-child {
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: normal;
   line-height: 18px;
   color: var(--gl-black-color);
 }

 .commonBorderBottom label:last-child {
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 18px;
   color: var(--gl-black-color);
   margin-bottom: 12px;
 }

 .commonBorderBottom h5 {
   color: #000;
   font-weight: 600;
 }

 .commonHeader {
   color: #000;

   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 16px;
 }

 #target1,
 #target2,
 target13,
 #target {
   scroll-behavior: smooth;
   margin-top: 10px;
 }

 .commonBorderBottom:last-child {

   border: none;
 }

 .commonCheckBox .ui-chkbox {
   float: left;
   padding-right: 26px;
 }

 html {
   scroll-behavior: smooth;
 }

 .commonBorderBottom .formgroups label {
   padding: 0 !important;
   padding-bottom: 6px !important;
   font-size: 13px !important;
   font-style: normal;
   font-weight: 400 !important;
   line-height: 18px;
 }

 .commonBallastFormDiv .formgroups p-radiobutton .ui-radiobutton {
   float: left;
   padding-right: 25px;
 }

 .commonBallastFormDiv .formgroups p-radiobutton label {
   float: left
 }

 .commondividerborder {
   width: 100%;
   height: 1px;
   background: #eee;
   display: inline-block;
   margin: 15px 0;
 }

 .commonBorderBottom h4 {
   color: #000;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 16px;
 }

 .commonBorderBottom h5 {

   font-style: normal;
   font-weight: 600;
   line-height: 18px;
 }

 .ballastwaterTable table tr th {
   word-wrap: break-word;
   text-align: center;
 }

 .ballastwaterTable table tr th {
   word-wrap: break-word;
   text-align: center;
 }

 .disabled td label {
   opacity: 0.5;
 }

 body .ballastwaterTable .ui-inputswitch .ui-inputswitch-slider {
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 30px;
   background: #e7e7e8;
 }

 body .ballastwaterTable .ui-inputswitch .ui-inputswitch-slider:before {
   background-color: #9e9e9e;
 }

 body .ballastwaterTable .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
   background-color: #8FB5F0 !important;
 }

 body .ballastwaterTable .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
   background-color: #3975D3;
 }

 /*.ballastValidationAlert {
  color: #000;
  background: #f2d8d8;
  padding: 2px 5px;
  border: 1px solid #c17777;
  border-radius: 4px;
  display: block;
  width: 100%;
  margin-top: 5px !important;

}
.infoBallastIcon {
  background-image: url('../../assets/images/home/info-icon-gray.svg');
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  display:inline-block;
}*/

 body .ui-tooltip {
   z-index: 9999 !important;

 }

 .mBottom {
   margin-bottom: 6px;
 }

 body .hoverRemove .ui-table .ui-table-tbody>tr:hover {
   background: none !important;
 }

 .allBallastWaterReportAppendix tr th {
   text-align: center;
 }

 .ballastStiky {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   left: 0;
   outline: 1px solid #c8c8c8 !important;
   z-index: 99;
 }

 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
   color: #1D4ED8;
   background: #EFF6FF;
 }

 .ballastTable {}

 .ballastTable h4 {
   color: #000;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 16px;
 }

 .ballastTable table tr td {
   padding: 5px;
   border: 1px solid #ced4da;
 }

 .borderNone tr td {
   border: none !important
 }

 .reportType {
   padding: 5px;
   margin-top: 15px;
 }

 .reportType label,
 .reportType {
   color: var(--gl-body-text-color);
 }

 .sftpPasswordClass .resetPasswordForm .input-group label,
 .nasPasswordClass .resetPasswordForm .input-group label {
   padding: 0px 10px !important;
 }

 .shipIconBallast {
   background-image: url('ballast.3226c68829a0626142bc.png');
   width: 25px;
   height: 25px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: flex;
   position: absolute;
   z-index: 1;
   padding: 16px;
 }

 .ballastWaterReporting button {
   text-transform: uppercase;
   width: 100% !important;
   margin: 0 !important;
   box-shadow: none !important;
 }

 .ballastWaterReporting button span {
   font-weight: bold;
   text-transform: uppercase;
   margin-left: 10px !important;
 }

 body .ballastwaterManagement .ui-dialog .ui-dialog-content {
   overflow-y: hidden;
 }

 .loading-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.3);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9999;
 }

 .fileUploading {
   min-height: 220px;
 }

 .fileUploading .selectFileBox {
   border-radius: 2px;
   border: 1px solid #c8c8c8;
   background: #e9e9e9;
   padding: 10px;
   display: inline-block;
   width: 100%;
 }

 .fileUplodBoxList {
   padding: 10px;
   display: inline-block;
   border-bottom: 1px solid #c8c8c8;
   width: 100%;
   height: 60px;
   vertical-align: middle;
 }

 .fileUplodBoxList:last-child {
   border: none !important;
 }

 .fileUplodBoxList label {
   padding: 0;
   margin: 0;
   line-height: 30px;
 }

 .fileUplodBoxList label span {
   display: block;
   /*color: var(--gl-body-text-color);*/

   width: 100%;
   white-space: normal;
   line-height: 16px;
   word-break: break-all;
 }

 .fileUplodBoxList label .labelSize {
   color: #acacac;
   line-height: 20px;
 }

 .fileUplodBoxList .fileUploadButton {
   position: relative;
   width: 40%;
   float: right;
 }

 .fileUploadButton span {
   position: absolute;
   color: #fff;
   background: #3975d3;
   border: 1px solid #121213;
   right: 0;
   padding: 5px 18px;
   font-size: 14px;
 }

 .fileUploadButton input {
   position: absolute;
   right: 0;
   width: 112px;
   opacity: 0;
   padding: 5px 12px;
   height: 30px;
   border: none;
   display: block;
 }

 .fileUploadingIcon {
   background-image: url('file-uploading-icon-gray.0dc603224c3da7664785.svg');
   width: 26px;
   height: 30px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
 }

 .fileUploadingPreviewIcon {
   background-image: url('preview-Icon-gray.3217e36d38a35074a189.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
 }

 .fileUploadingDownloadIcon {
   background-image: url('download-Icon-gray.00a435acef4b9e907d45.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
 }

 .fileUploadingDeleteIcon {
   background-image: url('delete-Icon-gray.4f50658f448584769943.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
 }

 .fileuploadingsuccessmessage {
   border-radius: 2px;
   background: #289D0F;
   color: #fff;
   padding: 3px 5px;
   margin-bottom: 5px;
 }

 .fileuploadingerrormessage {
   border-radius: 2px;
   color: #FF6969;
   border: 1px solid #FF6969;
   padding: 3px 5px;
   margin-bottom: 2px;
 }

 .fileuploadingsuccessmessage i {
   width: 20px;
   height: 20px;
   border-radius: 30px;
   background: #fff;
   padding: 3px;
   color: #399c1a !important;
 }

 .fileuploadingsuccessmessage label {
   color: #fff;
 }

 .fileUploadingDeleteIcon {
   background-image: url('delete-Icon-gray.4f50658f448584769943.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
 }

 .fileuploadingsuccessmessage {
   border-radius: 2px;
   background: #289D0F;
   color: #fff;
   padding: 3px 5px;
   margin-bottom: 5px;
 }

 .fileuploadingsuccessmessage i {
   width: 20px;
   height: 20px;
   border-radius: 30px;
   background: #fff;
   padding: 3px;
   color: #399c1a !important;
 }

 .fileuploadingsuccessmessage label {
   color: #fff;
 }

 .otpMessageIcon {
   background-image: url('icon-otp-message-blue.e4121653257fe9de96fe.svg');
   background-position: center;
   background-repeat: no-repeat;
   height: 85px;
   width: 85px;
   margin: 0 auto;
   background-size: 80%;
   margin-bottom: 15px;
 }

 .otpSecurityIcon {
   background-image: url('icon-otp-security-blue.eb5114edc2949500570c.svg');
   background-position: center;
   background-repeat: no-repeat;
   height: 85px;
   width: 85px;
   margin: 0 auto;
   background-size: 80%;
 }

 .otpSuccessIcon {
   background-image: url('icon-otp-security-green.7e3f4898996d6989e6d6.svg');
   background-position: center;
   background-repeat: no-repeat;
   height: 85px;
   width: 85px;
   margin: 0 auto;
   background-size: 80%;
   margin-bottom: 15px;
 }

 .otpFieldsMini {
   height: 60px !important;
   border-radius: 10px;
   width: 50px !important;
   margin-left: 5px;
 }

 .optMain .otpMainBody .lastChild {
   color: var(--gl-primary-button-color);
   display: block;
   width: 100%;
   font-weight: 600;
 }

 .otpMain .otpMainBody {
   padding: 15px 0;
 }

 .otpMain .otpMainBody span {
   display: block;
   width: 100%;
   font-weight: 400;
 }

 .otpMain .errorMessage {
   color: red;
   width: 100%;
   display: block;
   white-space: nowrap;
   text-align: center;
   font-size: 13px;
 }

 .otpButton {
   width: 130px !important;
   height: 40px !important;
 }

 .otpButton i {
   float: left;
   position: absolute;
   left: 15px;
   font-size: 20px !important;
   top: 13px;
 }

 /* Onboarding  */

 .green .checkMarkSign i,
 .green .dividerLine,
 .green .dividerLeftLine,
 .green .dividerLeftTopLine,
 .green .dividerLeftBottomLine {
   background: #289D0F !important;
 }

 .gray {
   background: #9BA0B9
 }

 .shipOnboardingMain {
   border-top: 1px solid #ced4da;
   margin: 0 -15px;
   height: calc(100vh - 100px);
   overflow: hidden;
   border-bottom: 1px solid #ced4da;

 }

 .shipOnboardingMain .leftPanel {
   background: #f7f7f7;
   color: #000;
   height: calc(100vh - 100px);
   float: left;
   padding: 10px;
   border-right: 1px solid #ced4da;
   overflow: auto;
   position: -webkit-sticky;
   position: sticky;
   width: 240px;
 }

 .shipOnboardingMain .rightPanel {
   margin-left: 240px;
   padding: 0;
   height: calc(100vh - 100px);
   overflow: auto;


 }

 .shipOnboardingMain ul {
   padding: 0;
 }

 .shipOnboardingMain .shipFlowList {
   width: 100%;
   display: block;
   height: 80px;
   padding: 0;
   position: relative;

 }

 .shipOnboardingMain .shipFlowList:last-child .dividerLine {
   display: none;
 }

 .shipOnboardingMain .labelSign {
   float: left;
   padding: 10px 0px;
   margin-left: 8px;
   font-size: 16px;
   font-weight: bold;
   width: 114px;
   white-space: nowrap;

 }

 .shipOnboardingMain .checkMarkSign {
   width: 100%;
   display: block;
   height: 40px;
 }

 .shipOnboardingMain .checkMarkSign i {
   font-size: 18px !important;
   width: 35px;
   height: 35px;
   border-radius: 30px;
   /* border: 1px solid #000; */
   background: #9BA0B9;
   text-align: center;
   padding: 8px;
   float: left;
   color: #fff;
 }

 .shipOnboardingMain .dividerLine {
   height: 32px;
   width: 3px;
   background-color: #9BA0B9;
   margin: 0 15px;
 }

 .shipOnboardingMain .dividerLeftLine {
   width: 14px;
   height: 3px;
   background: #9ca0b8;
   position: absolute;
   left: -14px;
   top: 15px;
 }

 .shipOnboardingMain .dividerLeftTopLine {
   width: 3px;
   height: 40px;
   background: #9ca0b8;
   position: absolute;
   left: -14px;
   top: -25px;
 }

 .shipOnboardingMain .dividerLeftBottomLine {
   width: 3px;
   height: 40px;
   background: #9ca0b8;
   position: absolute;
   left: -14px;
   top: 15px;
 }

 .shipOnboardingMain .shipFlowList:last-child .dividerLeftBottomLine {
   display: none;
 }

 .shipOnboardingMain .submenu {
   padding-left: 15px;
   float: left;
   margin-left: 14px;
   padding-top: 22px;
 }

 .shipOnboardingMain .submenu .shipFlowList {
   height: 80px;
 }

 .topHeader {
   width: 100%;
   display: inline-block;
   border-bottom: 1px solid #ccc;
   padding: 0;
 }

 .topHeader h4 {
   font-size: 16px;
   font-weight: bold;
 }

 .uploadButton {
   margin-top: 15px !important;
   width: 120px;
 }

 .backButton {
   float: left;
   width: 110px !important;

 }

 .nextButton {
   float: right;
   width: 110px !important;
 }

 .validationMessageOnboarding {
   background: #289D0F;
   padding: 5px;
   width: 98%;
   color: #fff;
   font-size: 14px;
   border-radius: 2px;
   margin-bottom: 10px !important;
   margin: 2px 9px !important;
   border: 1px solid #143d07;
   height: auto;
 }

 .errorMessageOnboarding {
   background: #f75555;
   padding: 5px;
   width: 98%;
   color: #fff;
   font-size: 14px;
   border-radius: 2px;
   margin-bottom: 10px !important;
   margin: 2px 9px !important;
   border: 1px solid #e12b28;
   height: auto;
 }

 .errorMessageOnboarding .info-icon {
   background-image: url('close-Error-Icon.172f0ecc3e6082cfc94a.svg');
   height: 16px;
   width: 16px;
   display: block;
   float: left;
   margin-right: 10px;
   margin-top: 2px;
 }

 .validationMessageOnboarding .info-icon {
   background-image: url('success_info_icon.02f57cd5afc2757a1aef.svg');
   height: 20px;
   width: 20px;
   display: block;
   float: left;
   margin-right: 10px;
 }

 .fileUploadingMainBG {
   background: #E6E8F2;
   padding: 10px;
   display: inline-block;
   width: 98%;
   height: 545px;
   margin: 8px;
   height: calc(100vh - 211px);
   overflow: auto;
 }

 body .fileUploadingMainBG .ui-fileupload .ui-fileupload-buttonbar .ui-button {
   /* width: 80px; */
   float: right;
   top: -32px;
   background-color: #6c757d;
   border-color: #6c757d;
   border-radius: 0 !important;
   height: 30px;
   margin-right: -13px !important;
   vertical-align: middle;
   padding: 2px;
   border-radius: 2px !important;
   display: block;
 }

 .imoSearchMain {
   width: 100%;
   display: inline-block;
   border-bottom: 1px solid #ccc;
   padding: 10px;
 }

 .imoSearchMain input {
   float: left;
   width: 100%;
   height: 30px;
   margin-right: 15px;
   padding: 0 10px;
 }

 .imoSearchMain .ui-button {
   margin-left: 15px;
   /* height: 30px; */
   width: 100px;
   border-radius: 2px !important;
 }

 .shipDetailsMain {
   width: 100%;
   display: inline-block;
   /* border-bottom: 1px solid #ccc; */
   padding: 10px;
   height: calc(100vh - 38vh);

 }

 .shipOnboardingDialog .ui-dialog-content {
   overflow: hidden !important;
 }

 .shipOnboardingDialog .form-group label {
   font-size: 13px;
   ;
 }

 /* body .shipOnboardingDialog .ui-dialog-footer button{
  margin:0 !important;
} */

 .shipOnboardingDialog .shipDetailsSettingControl {
   margin: 5px 30px 5px 0;
   padding-left: 0;
 }

 .logList {}

 .logList button {
   width: 100%;
   height: 40px;
   padding: 20px;
   align-items: center;
   align-content: center;
   border-radius: 4px !important;
   border: 1px solid #A6A0A0 !important;
   background: #DFE2F2 !important;
   line-height: 24px;
   padding: 5px !important;
   color: #000 !important;
   text-align: left;
 }

 .logList button span:first-child {
   line-height: 24px;
   padding: 1px;
   display: inline-block;
   border-radius: 30px;
   text-align: center;
   height: 26px;
   width: 26px;
   vertical-align: middle;
   font-size: 16px !important;
   top: 35% !important;
 }

 .logList button span:last-child {
   margin-left: 15px;
   color: #000;
   font-size: 16px;
   font-style: normal;
   /* font-weight: 600; */
   line-height: normal;
 }

 .logList button .green {
   padding: 0px !important;
   background-color: #289D0F;
   color: #fff;
   border: 1px solid #388228
 }

 .logList button .red {
   background-color: #EB4C3C;
   color: #fff;
   border: 1px solid #BC3022
 }

 .logCheckboxList {
   width: 100%;
   display: inline-block;
   border-top: 1px solid #ccc;
   padding: 10px;
   margin-top: 10px;
   overflow: auto;
   height: calc(100vh - 70vh);
 }

 .checkBoxLabel {
   width: 60%;
   float: left;
 }

 .checkBoxLabel span {
   float: left;
   font-weight: bold;
   color: #000;
   padding-left: 5px;
   font-size: 14px;
 }

 .shipOnboardingDialog .checkBoxLabel input[type=checkbox]:checked {
   width: 20px;
   height: 20px;
   border-radius: 2px;
   /* Add other styles as needed */
 }

 .shipOnboardingDialog .checkBoxLabel input[type="checkbox"] {
   width: 20px;
   height: 20px;
   margin-top: 0;
 }

 .shipOnboardingDialog .tree {
   color: #369;
   margin: 0 0 0 0;
   /* indentation */
   padding: 0;
   list-style: none;
   position: relative;
 }

 .shipOnboardingDialog .tree ul {
   margin: 0 0 0 1em;
   /* indentation */
   padding: 0;
   list-style: none;
   position: relative;
 }

 .shipOnboardingDialog .tree ul {
   margin-left: .5em
 }

 /* (indentation/2) */

 .shipOnboardingDialog .tree ul:before {
   content: "";
   display: block;
   width: 0;
   position: absolute;
   top: 21px;
   bottom: 0;
   left: 0;
   border-left: 1px solid #ccc;
 }

 .shipOnboardingDialog .tree li {
   margin: 0;
   padding: 0 1.5em;
   /* indentation + .5em */
   line-height: 2em;
   /* default list item's `line-height` */
   font-weight: bold;
   position: relative;
 }

 .shipOnboardingDialog .tree::before,
 .shipOnboardingDialog .tree li:before {
   content: "";
   display: block;
   width: 10px;
   /* same with indentation */
   height: 0;
   /* border-top:1px solid; */
   margin-top: -1px;
   /* border top width */
   position: absolute;
   top: 1em;
   /* (line-height/2) */
   left: 0;
 }

 .shipOnboardingDialog .tree li ul li::after {
   content: '';
   position: absolute;
   top: 8px;
   width: 15px;
   height: 100%;
   right: auto;
   left: 0px;
   border-top: 1px solid #ccc;
 }

 .shipOnboardingDialog .tree li:last-child::before {
   height: auto;
 }

 .activityTag {
   font-style: italic;
   color: #acacac;
 }

 .commonMainView {}

 .commonMainView .topsection {
   width: 100%;
   display: inline-block;
   /* border-bottom: 1px solid #ccc; */
   padding: 5px 10px 0;
 }

 .commonMainView input[type=text] {

   box-sizing: border-box;
   border: 1px solid #ccc !important;
   border-radius: 0;
   font-size: 14px;
   background-color: white !important;
   background-image: url('searchicon.37d6c742255819264e6f.png');
   background-position: 5px center;
   background-repeat: no-repeat;
   padding: 12px 20px 12px 30px !important;
   background-size: 16px;
   width: 200px;
   margin-right: 15px;
   height: 30px !important;
 }

 .commonMainView input[type="radio"],
 .commonMainView input[type="checkbox"] {
   width: 18px;
   height: 18px;
   margin: 5px;

 }

 .setupTank .ui-dialog-maximized,
 .equipmentDialogWidth .ui-dialog-maximized,
 .storageLocation .ui-dialog-maximized {
   width: 500px !important;
 }

 .mainTable {
   /* height: calc(100vh - 200px); */
   overflow: hidden;
   overflow-y: auto;
 }

 .commonMainView .mainTable tr th {
   padding: 5px;
   border: 1px solid #c8c8c8;
   font-weight: 700;
   color: #333333;
   background-color: #e9e9e9;
   position: -webkit-sticky;
   position: sticky;

 }

 .commonMainView .mainTable tr td {
   background-color: inherit;
   border: 1px solid #c8c8c8;
   transition: box-shadow 0.2s;
   padding: 5px;
   white-space: normal;
   word-break: break-all;
   border-right: 0;
   border-left: 0;
   height: 45px;
 }

 .commonMainView .mainTable tr tr {
   height: 53px;
   background: #fff !important;
   border-bottom: 1px solid #c8c8c8 !important;
 }

 .shipOnboardingDialog .ui-button.ui-button-text-only .ui-button-text {
   padding: 5px 6px !important;
 }

 .configurationPanel {
   width: 100%;
   display: inline-block;
   /* border-bottom: 1px solid #ccc; */
   padding: 10px;
   height: calc(100vh - 330px);
   overflow: auto;
 }

 .configurationPanel .configurationPanelBox {
   background: #E6E8F2;
   padding: 10px;
   border: 1px solid #ccc;
   border-radius: 4px;
   display: inline-block;
   width: 100%;
   max-height: 125px;
 }

 .configurationPanel .configurationPanelBox .falseBox {
   background: #9a9db5;
   border: 1px solid #9a9db5;
   transition: All .3s ease;

 }

 .configurationPanel .configurationPanelBox .trueBox {
   background: #388E3C;
   border: 1px solid #666;
   transition: All .3s ease;

 }

 .configurationPanel .configurationPanelBox .trueBox span:first-child {
   position: absolute;
   top: 5px;
   left: 5px;
   width: 30px;
   height: 30px;
   background: #ffffff;
   border-radius: 100%;
   box-shadow: 1px 1px 5px #0003;
   padding: 4px;
   float: left;
   color: #388E3C;
   font-size: 20px !important;
   -webkit-transition: All .3s ease;
   -moz-transition: All .3s ease;
   -o-transition: All .3s ease;
 }

 .configurationPanel .configurationPanelBox .trueBox span:last-child {
   position: relative;
   display: block;
   height: inherit;
   font-size: 16px;
   text-transform: uppercase;
   background: transparent;
   border-radius: inherit;
   box-sizing: content-box;
   margin-top: 10px;
   font-weight: bold;
   margin-left: 5px;
   float: left;
   padding-left: 25px !important;
   -webkit-transition: All .3s ease;
   -moz-transition: All .3s ease;
   -o-transition: All .3s ease;
 }

 .configurationPanel .configurationPanelBox .falseBox span:first-child {
   position: relative;
   display: block;
   height: inherit;
   font-size: 16px;
   text-transform: uppercase;
   background: transparent;
   border-radius: inherit;
   box-sizing: content-box;
   margin-top: 10px;
   font-weight: bold;
   margin-left: 5px;
   float: left;
   padding-right: 25px !important;
   color: #ffff;
   -webkit-transition: All .3s ease;
   -moz-transition: All .3s ease;
   -o-transition: All .3s ease;
 }

 .configurationPanel .configurationPanelBox .falseBox span:last-child {
   position: absolute;
   top: 5px;
   right: 5px;
   width: 30px;
   height: 30px;
   background: #fff;
   border-radius: 100%;
   box-shadow: 1px 1px 5px #0003;
   padding: 4px;
   float: left;
   color: #9a9db5;
   font-size: 20px !important;
   -webkit-transition: All .3s ease;
   -moz-transition: All .3s ease;
   -o-transition: All .3s ease;
 }

 .configurationPanel .configurationPanelBox .falseBox i {
   color: #9a9db5;
 }

 .configurationPanel .configurationPanelBox .trueBox i {
   color: #388E3C;
 }

 .configurationPanel .switch {
   position: relative;
   display: block;
   vertical-align: top;
   width: 115px;
   height: 40px;
   padding: 0;
   margin: 0;

   border-radius: 30px;
   cursor: pointer;
   color: #fff;
   overflow: hidden;
 }

 .configurationPanel .switch,
 .switch-input {
   box-sizing: content-box
 }

 .configurationPanel .switch-input {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0
 }

 .configurationPanel .switch-label {
   position: relative;
   display: block;
   height: inherit;
   font-size: 16px;
   text-transform: uppercase;
   background: transparent;
   border-radius: inherit;
   box-sizing: content-box;
   margin-top: 10px;
   font-weight: bold;
   margin-left: 5px;
 }

 .configurationPanel .switch-label {
   position: relative;
   display: block;
   height: inherit;
   font-size: 16px;
   text-transform: uppercase;
   background: var(--gl-input-bg-color);
   border-radius: inherit;
   box-sizing: content-box;
   margin-top: 10px;
   font-weight: bold;
   margin-left: 5px;
 }

 .configurationPanel .switch-label:after,
 .configurationPanel .switch-label:before {
   position: absolute;
   top: 50%;
   margin-top: -.5em;
   line-height: 1;
   transition: inherit;
   box-sizing: content-box
 }

 .configurationPanel .switch-label:before {
   content: '';
   right: 24px;
   color: var(--gl-body-text-color);
   text-shadow: 0 1px hsla(0, 0%, 100%, .5)
 }

 .configurationPanel .switch-label:after {
   content: '';
   left: 11px;
   color: var(--gl-body-text-color);
   text-shadow: 0 1px rgba(0, 0, 0, .2);
   opacity: 0
 }

 .configurationPanel .switch-input:checked~.switch-label {
   background: var(--gl-input-bg-color);
   margin-top: 10px;
   text-align: left;
   margin-left: 18px;
 }

 .configurationPanel .switch-input:checked~.check {
   color: #388e3c;
   display: block
 }

 .configurationPanel .switch-input:checked~.times {
   display: none;
 }

 .configurationPanel .switch-input~.times {
   color: red;
   display: block;
 }

 .configurationPanel .switch-input~.check {
   display: none;
 }

 .configurationPanel .switch-handle {
   position: absolute;
   top: 5px;
   left: 5px;
   width: 30px;
   height: 30px;
   background: #ffffff;
   border-radius: 100%;
   box-shadow: 1px 1px 5px #0003;
   padding: 4px;
 }

 .configurationPanel .switch-handle i {
   font-size: 20px !important;

 }

 .configurationPanel .checkbox {
   position: relative;
   display: inline-block;

 }

 .configurationPanel .checkbox:before {
   content: '\f00c';
   position: relative;
   left: 35px;
   bottom: 15px;
   color: #fff;
   z-index: 1;
 }

 .configurationPanel .checkbox:after,
 .configurationPanel .checkbox:before {
   font-family: FontAwesome;
   font-feature-settings: normal;
   -webkit-font-kerning: auto;
   font-kerning: auto;
   font-language-override: normal;
   font-stretch: normal;
   font-style: normal;
   font-synthesis: weight style;
   font-variant: normal;
   font-weight: normal;
   text-rendering: auto;
 }

 .configurationPanel .checkbox input {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 5;
   opacity: 0;
   cursor: pointer;
 }

 .fromOverflowAuto {
   height: calc(100vh - 20vh);
   overflow: auto;
   margin-bottom: 15px;
 }

 /* company Name */

 .dragdroptablecommon {
   margin: 5px 15px;
   box-shadow: 1px 2px 8px #ccc;
   border-radius: 15px;
   border: 1px solid #c8c8c8;
 }

 .dragdroptablecommon label {
   font-size: 14px;
 }

 .dragdroptablecommon table tr th {
   background: #569FD7;
   padding: .571em .857em;
   color: #fff;
   position: -webkit-sticky;
   position: sticky;
   top: -1px;
   z-index: 1;
   border: 1px solid transparent;
   text-transform: uppercase;
   border-right: 1px solid #fff;
   font-weight: normal;

 }

 .dragdroptablecommon table tr {
   background: #fff !important;
   color: #333 !important
 }

 .dragdroptablecommon table tr:focus,
 .dragdroptablecommon table tr:hover {
   background: #E0EFFA !important;
   color: #333 !important
 }

 .showaction {
   visibility: hidden
 }

 .dragdroptablecommon table tr:hover td .showaction {
   visibility: visible
 }

 .dragdroptablecommon table tr>td {
   border-left: 0 solid #c8c8c8 !important;
   padding: 3px;
   min-height: 40px;
   border-bottom: 1px solid #c8c8c8 !important;
   border-right: 0 solid #c8c8c8 !important
 }

 .dragdroptablecommon a {
   color: #000;
 }

 .dragdroptablecommon a:hover {
   text-decoration: underline;
 }

 .dragdroptablecommon label {
   padding: 0;
   float: left;
   margin-left: 4px;
   font-weight: normal;
   margin-bottom: 0;
   margin-top: 5px;
 }

 .dragdroptablecommon .tootltip {
   padding-top: 10px;
   float: right;
   margin-left: 0;
   position: absolute
 }

 .dragdroptablecommon .dragdot {
   width: 1px;
   height: 1px;
   display: block;
   position: absolute;
   top: 10px;
   left: 5px;
   right: 0
 }

 .dragdroptablecommon .ui-multiselect {
   height: calc(1.5em + .2rem + 2px) !important;
   width: 100%
 }

 .dragdroptablecommon .ui-multiselect .ui-multiselect-label {
   padding: 3px 7px
 }

 .dragdroptablecommon .dragdot i {
   width: 1px;
   height: 1px;
   display: block
 }

 .aroowshow {
   float: left;
   width: 5px;
   height: 5px;
   margin-right: 15px;
   margin-top: 6px;
   display: inline-block
 }

 .iconspace {
   float: left;
   width: 24px;
   height: 24px;
   margin: 0 3px;
   display: flex
 }

 .commonleft {
   float: left;
   width: 48% !important;
   margin: 1%
 }

 body .dragdroptablecommon .ui-overlaypanel .ui-overlaypanel-content {
   padding: 10px
 }

 .officesynchomeovelay>div,
 body .ui-overlaypanel {
   border: 1px solid #eee;
   background-color: #fff;
   color: #000;
 }

 body .ui-overlaypanel:after {
   border-color: rgba(255, 255, 255, 0);
   border-bottom-color: #fff;
 }

 body .ui-overlaypanel:before {
   border-color: rgba(200, 200, 200, 0);
   border-bottom-color: #eee;
 }

 body .ui-overlaypanel {
   z-index: 99999 !important;
 }

 .orbOverlayPanel {
   max-width: 300px;
   max-height: 150px;
 }

 .redUncheck i {
   background: #EB4C3C;
   text-align: center;
   margin: 0 auto;
   width: 20px;
   height: 20px;
   display: block;
   padding: 4px;
   border-radius: 30px;
   color: #fff;
   font-size: 12px !important;
 }

 .greenCheck i {
   background: #289D0F;
   text-align: center;
   margin: 0 auto;
   width: 20px;
   height: 20px;
   display: block;
   padding: 4px;
   border-radius: 30px;
   color: #fff;
   font-size: 12px !important;
 }

 .companyServicesIcon {
   float: right;
   width: 24px;
   height: 24px;
   cursor: pointer;
   background: url('company-icon-services-dark.4e2d23c1661082acddff.svg');
 }

 .companyExcelFileDownloadIcon {
   float: right;
   width: 24px;
   height: 24px;
   cursor: pointer;
   background: url('company-download-gray.6c10d8d86cbc4fcc4528.svg');
 }

 .companyGreenCheckMarkIcon {
   float: right;
   width: 24px;
   height: 24px;
   cursor: pointer;
   background: url('company-icon-services-dark.4e2d23c1661082acddff.svg');
 }

 .companyAddUserIcon {
   float: right;
   width: 24px;
   height: 24px;
   cursor: pointer;
   background: url('company-icon-adduser-dark.066125fc16474a6a71a2.svg');
 }

 .companyAddIcon {
   float: right;
   width: 24px;
   height: 24px;
   cursor: pointer;
   background: url('company-icon-add-dark.4d06b889195c093afeb0.svg');
 }

 .companyEditIcon {
   background: url('company-icon-edit-dark.165e7f3df530ec3a8eb7.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
 }

 .companySaveIcon {
   width: 18px;
   height: 19px;
   margin-left: 5px;
   cursor: pointer;
   background: url('company-icon-save-dark.00b07954634e977a3753.svg');
 }

 .companyCloseIcon {
   width: 24px;
   height: 24px;
   cursor: pointer;
   background: url('company-icon-close-dark.77cfe692a2030dd9b389.svg');
   background-repeat: no-repeat;
 }

 .companyDeleteIcon {
   width: 24px;
   height: 24px;
   cursor: pointer;
   background: url('company-icon-delete-dark.1b786efb1e50d0363f1c.svg');
   background-repeat: no-repeat;
   display: block;
 }

 .topSubMainTopbar input[type=text] {
   box-sizing: border-box;
   border: 1px solid #ccc !important;
   border-radius: 0;
   font-size: 14px;
   background-color: white !important;
   background-image: url('searchicon.37d6c742255819264e6f.png');
   background-position: 5px center;
   background-repeat: no-repeat;
   padding: 12px 20px 12px 30px !important;
   background-size: 16px;
   width: 200px;
   margin-right: 15px;
   height: 30px !important;
 }

 .actionOnboardingAction {
   padding: 5px;
   display: inline-block;
 }

 .actionOnboardingAction .actionOnboardingActionList {
   width: 118px;
   display: block;
   float: left;
   height: 70px;
   border: 1px solid #A1A1A2;
   background: #EEEEEF;
   margin: 6px;
   text-align: center;
   padding: 5px;
   border-radius: 3px;
 }

 .actionOnboardingAction .actionOnboardingActionList:hover label {
   color: #fff;
 }

 .actionOnboardingAction .actionOnboardingActionList:hover {
   background: #3975D3;
   border: 1px solid #112d6d;
 }

 .actionOnboardingAction .actionOnboardingActionList i {
   margin: 0 auto;
   text-align: center;
 }

 .actionOnboardingAction .actionOnboardingActionList label {
   text-align: center;
   color: #000;
   font-size: 14px;
   margin-top: 6px;
 }

 .actionOnboardingAction .actionOnboardingActionList .companyonboardingIcon {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background: url('company-VesselOnboarding-Gray.c34b5cc2ce716eb0237c.svg');
   background-repeat: no-repeat;
   display: block;
 }

 .actionOnboardingAction .actionOnboardingActionList .companydatabaseIcon {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background: url('company-Database-Gray.dba1a00eaffc36625c3d.svg');
   background-repeat: no-repeat;
   display: block;
 }

 .actionOnboardingAction .actionOnboardingActionList .companyOfflineImport {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background: url('company-FileImport-Gray.a1d15774dbee867b480e.svg');
   background-repeat: no-repeat;
   display: block;
 }

 .actionOnboardingAction .actionOnboardingActionList .companyLicenseIcon {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background: url('company-License-Gray.6e1e1db2b6dea3c8c1a3.svg');
   background-repeat: no-repeat;
   display: block;
 }

 .actionOnboardingAction .actionOnboardingActionList .comapnySystemDetailsicon {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background: url('company-SystemDetails-Gray.902a1227a362eaac4640.svg');
   background-repeat: no-repeat;
   display: block;
 }

 .actionOnboardingAction .actionOnboardingActionList .comapnyLogsIcon {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background: url('company-Log-Gray.6a50c09666da466cd5a4.svg');
   background-repeat: no-repeat;
   display: block;
 }

 .actionOnboardingAction .actionOnboardingActionList .comapnyUploadExcelIcon {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background: url('company-file-upload-gray.7561e9c7a951623ce3ba.svg');
   background-repeat: no-repeat;
   display: block;
 }

 .actionOnboardingAction .actionOnboardingActionList .companyMissDataIcon {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background: url('company-Miss-Data-Gray-Icon.c11f4a3a7b37dc11a2fe.svg');
   background-repeat: no-repeat;
   display: block;
 }

 .actionOnboardingAction .actionOnboardingActionList .companyGenerateScriptIcon {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background-repeat: no-repeat;
   display: block;
   background: url('company-generateScript-Gray.e4806818713512ce98b8.svg');

 }

 .companyShipStatus {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background-repeat: no-repeat;
   display: block;
   background: url('company-ship-status-Gray-Icon.1a796bc2c626abeef25f.svg');
   display: block;
   text-align: center;
   margin: 0 auto;

 }

 .actionOnboardingAction .actionOnboardingActionList:hover .companyMissDataIcon {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background: url('company-Miss-Data-White-Icon.1bfe6826d0864ad55381.svg');
   background-repeat: no-repeat;
   display: block;
 }

 .actionOnboardingAction .actionOnboardingActionList:hover .companyGenerateScriptIcon {
   background: url('company-generateScript-White.55595bce282c3f3535cf.svg') !important;

 }

 .actionOnboardingAction .actionOnboardingActionList:hover .companyonboardingIcon {
   background: url('company-VesselOnboarding-White.5b087c1f87c9c799f7a7.svg') !important;

 }

 .actionOnboardingAction .actionOnboardingActionList:hover .companydatabaseIcon {
   background: url('company-Database-White.a6ee036c699fb3f287f9.svg') !important;
 }

 .actionOnboardingAction .actionOnboardingActionList:hover .companyOfflineImport {
   background: url('company-FileImport-White.885a7a7eccbae0f54a2f.svg') !important;
 }

 .actionOnboardingAction .actionOnboardingActionList:hover .companyLicenseIcon {
   background: url('company-License-White.afd6b7ead28b1645411b.svg') !important;
 }

 .actionOnboardingAction .actionOnboardingActionList:hover .comapnySystemDetailsicon {
   background: url('company-SystemDetails-White.bd96dd5480bcbe69cd21.svg') !important;
 }

 .actionOnboardingAction .actionOnboardingActionList:hover .comapnyLogsIcon {
   background: url('company-Log-White.a5b6c0ad2e4b0a57c656.svg') !important;
 }

 .actionOnboardingAction .actionOnboardingActionList:hover .comapnyUploadExcelIcon {
   background: url('company-file-upload-white.afca01e8fc1279ac7056.svg') !important;
 }

 /*----*/

 .userMainBox {}

 .userMainBox .topHeader {
   width: 100%;
   display: inline-block;
   border-bottom: 1px solid #ccc;
   padding: 0;
 }

 .topHeader h4 {
   font-size: 16px;
   font-weight: bold;
 }

 .formGroupsAddUser .formGroupsBoxUserList {
   padding: 5px 12px !important;
   margin-bottom: 10px;
 }

 .formGroupsAddUser .formGroupsBoxUserList h5 {
   font-weight: bold;
   font-size: 13px;
   margin: 0;
 }

 .formGroupsAddUser .formGroupsBoxUserList input[type="text"] {
   height: 26px !important;
 }

 .shipMapingTree {
   background: #f7f7f7;
   margin: -13px -15px;
   height: 100%;
 }

 .shipMapingTree .leftPanel ul li:last-child {
   border: none;
 }

 .shipMapingTree .leftPanel {

   color: #000;
   height: 400px;
   float: left;
   border-right: 1px solid #ccc;
   overflow: auto;
   padding: 10px;
   width: 100%;
 }

 body .shipMapingTree .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:focus {
   box-shadow: none;
 }

 .shipMapingTree .leftPanel ul li {
   color: #000;
   padding: 0px !important;
   cursor: pointer;
 }

 body .shipMapingTree .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
   width: 100%;
 }

 body .shipMapingTree .ui-tree .ui-tree-container {
   padding: 0 !important
 }

 body .shipMapingTree .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
   border-bottom: 1px solid #ccc;
   word-wrap: break-word;
   white-space: nowrap;
   text-overflow: ellipsis;
   width: auto;
   display: block;
   padding: 5px;
   border-radius: 0;
 }

 /* body .shipMapingTree  .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
    background: transparent !important;
    color: #fff;
  } */

 body .shipMapingTree .ui-tree .ui-tree-container {
   overflow: hidden;
 }

 body .shipMapingTree .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
   background: transparent !important;
 }

 body .shipMapingTree .ui-tree {
   width: 100%
 }

 body .shipMapingTree .ui-tree .ui-tree-toggler {
   padding-right: 10px;
 }

 body .shipMapingTree .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:hover,
 body .shipMapingTree .ui-tree-container .ui-treenode .ui-treenode-content-selected {
   background: #f9f9f9;

   border-radius: 0;
 }

 /* body .shipMapingTree  .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:hover .ui-tree-toggler{ color: #fff;} */

 /*validation for activity */

 .companyActivitydialo {
   position: relative;
 }

 .companyActivitydialo .menu {
   visibility: visible;
   z-index: 1;
   right: 0;
   top: 10px;
   left: 0;
   position: absolute;
   width: 200px;
   min-height: 100%;
   border-radius: 5px;
   background: #fff0c3;
   border: 1px solid #ebddb1;
   color: #000;
 }

 .activitydialosave .menu .pi-info-circle {
   color: #000;
 }

 .menuvalidationarrow {
   border-left: 11px solid transparent !important;
   border-right: 11px solid transparent !important;
   border-bottom: 11px solid #f5df9c !important;
   top: -22px;
   border-top: 11px solid transparent;
   left: 0;
   right: 0;
   margin: 0px 30px;
   position: absolute;
   width: 15px;
 }

 .menuvalidationarrowborder {
   border-left: 11px solid transparent !important;
   border-right: 11px solid transparent !important;
   border-bottom: 11px solid #fff3cd !important;
   top: -9px;
   border-top: 11px solid transparent;
   margin: 0px -11px;
   position: absolute;
   width: 15px;
 }

 /* Orb Logs */

 .arbLogNewPanel {
   background: var(--gl-new-decklog-bg-color);
   height: 100%
 }

 .arbLogNewPanel {
   margin: -11px 0 0;
 }

 .arbLogNewPanel .rightPanelForARB {
   background: #f7f7f7;
   height: calc(100vh - 116px);
   margin-left: 221px;
   padding-right: 0
 }

 .arbLogNewPanel .leftPanelForARB {
   margin-left: -10px
 }

 .arbLogNewPanel .leftPanel {
   background: #fff;
   color: #212121;
   height: calc(100vh - 103px);
   width: 230px;
   float: left;
   padding: 5px 0;
   border-right: 1px solid #ced4da;
   overflow: auto
 }

 body .decklogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:focus,
 body .enginelogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:focus,
 body .arbLogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:focus {
   box-shadow: none;
 }

 .decklogNewPanel .leftPanel ul li,
 .enginelogNewPanel .leftPanel ul li,
 .arbLogNewPanel .leftPanel ul li {
   color: var(--gl-new-decklog-menu-text-color);
   padding: 0px !important;
   cursor: pointer;
 }

 body .decklogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label,
 body .enginelogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label,
 body .arbLogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
   width: 100%;
 }

 body .decklogNewPanel .ui-tree .ui-tree-container,
 body .enginelogNewPanel .ui-tree .ui-tree-container,
 body .arbLogNewPanel .ui-tree .ui-tree-container,
 body .ui-tree .ui-tree-container {
   padding: 0 !important
 }

 body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content,
 body .decklogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content,
 body .enginelogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content,
 body .arbLogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
   border-bottom: 1px solid var(--gl-new-decklog-menu-border-opacity-color);
   word-wrap: break-word;
   white-space: nowrap;
   text-overflow: ellipsis;
   width: auto;
   display: block;
 }

 body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
   background: transparent !important;
   color: var(--gl-white-color) !important;
 }

 body .decklogNewPanel .ui-tree .ui-tree-container,
 body .enginelogNewPanel .ui-tree .ui-tree-container,
 body .arbLogNewPanel .ui-tree .ui-tree-container {
   overflow: hidden;
 }

 body .decklogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:focus,
 body .decklogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.active,
 body .enginelogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:focus,
 body .enginelogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:active,
 body .arbLogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:focus,
 body .arbLogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:active {
   background: var(--gl-primary-button-color);
   color: var(--gl-white-color);
   /* padding-left: 20%;*/
 }

 .enginelogNewPanel .formTopSection table tr td {
   padding: 5px;
   text-align: center;

 }

 body .enginelogNewPanel .ui-treenode-content-selected,
 body .enginelogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
   background: var(--gl-primary-button-color) !important;
   color: var(--gl-white-color) !important;
   border-bottom: 1px solid var(--gl-primary-button-color) !important;
   /* padding-left: 20%;*/
 }

 body .decklogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:hover,
 body .enginelogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:hover,
 body .arbLogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:hover {
   background: var(--gl-primary-button-color);
   color: var(--gl-white-color);
 }

 body .decklogNewPanel .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight,
 body .enginelogNewPanel .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight,
 body .arbLogNewPanel .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
   background: var(--gl-primary-button-color);
   color: var(--gl-white-color);
 }

 body .decklogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:hover .ui-tree-toggler,
 body .enginelogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:hover .ui-tree-toggler,
 body .arbLogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:hover .ui-tree-toggler {
   color: var(--gl-white-color);
 }

 /*body .decklogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
  padding-left: 20%;

}
body p-tree > ul > p-treenode > li > div .ui-treenode-label {
  padding-left: 0 !important;
}
body .decklogNewPanel .ui-tree .ui-tree-container, body .decklogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
  padding: 2px 0
}*/

 /*body .decklogNewPanel .ui-tree .ui-treenode-children {
  overflow: auto;
  max-height: 500px;
}*/

 /*body .decklogNewPanel .leftPanel ul li > div {
  padding-left: 5px !important;

}

body .decklogNewPanel .leftPanel ul li  {
   margin-left: 20px ;
}*/

 /*body .decklogNewPanel .leftPanel ul li div[aria-expanded="true"] .ui-treenode-label,
  .decklogNewPanel .leftPanel ul li div[aria-expanded="false"] .ui-treenode-label  {
    padding-left: 3% !important;
  }*/

 body .decklogNewPanel .leftPanel ul li div[aria-expanded="true"],
 body .enginelogNewPanel .leftPanel ul li div[aria-expanded="true"],
 body .arbLogNewPanel .leftPanel ul li div[aria-expanded="true"] {
   border-top: 1px solid var(--gl-new-decklog-menu-active-selection-border-color);
   background: var(--gl-new-decklog-menu-active-selection-bg-color);
   border-radius: 0 !important;
   cursor: pointer;
   white-space: normal;
   color: var(--gl-new-decklog-menu-active-selection-text-color);
   /*padding-left:20px !important;
   ,body .enginelogNewPanel .leftPanel ul li div[aria-expanded="true"]
  */
 }

 body .decklogNewPanel .leftPanel ul li div[aria-expanded="true"] .ui-tree-toggler {
   color: #fff;
 }

 .decklogNewPanel .leftPanel ul li div[aria-expanded="false"],
 .enginelogNewPanel .leftPanel ul li div[aria-expanded="false"],
 .arbLogNewPanel .leftPanel ul li div[aria-expanded="false"] {
   border-top: 1px solid var(--gl-new-decklog-menu-active-selection-border-color);
   background: transparent;
   border-radius: 0 !important;
   cursor: pointer;
   white-space: normal;
   color: var(--gl-new-decklog-menu-text-color);
   /*padding-left:20px !important;*/
 }

 body .decklogNewPanel .leftPanel ul li ul li div[aria-expanded="true"],
 body .enginelogNewPanel .leftPanel ul li ul li div[aria-expanded="true"],
 body .arbLogNewPanel .leftPanel ul li ul li div[aria-expanded="true"] {
   border-top: 1px solid transparent;
   background: transparent;
   border-radius: 0;
   cursor: pointer;
   white-space: normal;
   color: var(--gl-new-decklog-menu-text-color)
 }

 body .ui-tree {
   background: var(--gl-new-decklog-menu-bg-color);
   padding: 0;
 }

 body .decklogNewPanel .ui-tree,
 body .enginelogNewPanel .ui-tree,
 body .arbLogNewPanel .ui-tree {
   width: 100%;
   padding: 0;
 }

 body .enginelogNewPanel .ui-tree {
   max-height: calc(100vh - 116px);
 }

 body .decklogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler,
 body .arbLogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler,
 body .enginelogNewPanel .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
   color: var(--gl-new-decklog-menu-active-selection-arrow-color);
 }

 .decklogNewPanel .rightPanel,
 .enginelogNewPanel .rightPanel {
   background: var(--gl-body-bg-color);
   height: calc(100vh - 116px);
   margin-left: 230px;
 }

 .arbLogNewPanel .rightPanel {
   background: var(--gl-body-bg-color);
   height: calc(100vh - 116px);
   margin-left: 221px;
   padding-right: 0;
 }

 .rightPanelPadding {
   padding: 5px 8px 0;
   display: inline-block;
   width: 100%;
 }

 .decklogNewPanel .previewInfoActivityDetails, .arbLogNewPanel .previewInfoActivityDetails, .enginelogNewPanel .previewInfoActivityDetails {
  background: var(--gl-white-color);
  height: calc(100vh - 96px);
  padding: 15px;
  border-left: 1px solid var(--gl-new-decklog-border-preview-color);
  overflow: auto;
}

 .checkbox,
 body .arblogActivityRecordbookMain .checkBox,
 body .decklogActivityRecordbookMain .checkBox,
 body .enginelogActivityRecordbookMain .checkBox,
 input[type=checkbox]:before {
   border-radius: 2px !important
 }

 body .arblogActivityRecordbookMain .ui-chkbox .ui-chkbox-box.ui-state-active,
 body .arblogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box.ui-state-active,
 body .decklogActivityRecordbookMain .ui-chkbox .ui-chkbox-box.ui-state-active,
 body .decklogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box.ui-state-active,
 body .enginelogActivityRecordbookMain .ui-chkbox .ui-chkbox-box.ui-state-active,
 body .enginelogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box.ui-state-active,
 body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
   background: var(--gl-link-color) !important;
   color: var(--gl-body-text-color)
 }

 body .decklogActivityRecordbookMain .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon,
 body .enginelogActivityRecordbookMain .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon,
 body .arblogActivityRecordbookMain .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
   border: 1px solid var(--gl-link-color) !important
 }

 .decklogActivityRecordbookMain .checkMarkSign,
 .enginelogActivityRecordbookMain .checkMarkSign,
 .arblogActivityRecordbookMain .checkMarkSign {
   background-image: url('Icon-tick-green-18×18.748449735c98276a0ab1.svg');
   background-position: center;
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
   display: block;
 }

 .decklogActivityRecordbookMain .grayOutSign,
.enginelogActivityRecordbookMain .grayOutSign,
.arblogActivityRecordbookMain .grayOutSign {
 background-image: url('Icon-close-gray-18×18.c761b7ae7716c78a871e.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  margin: 0 auto;
}

 .decklogActivityRecordbookMain .uncheckMarkSign {
  background-image: url('Icon-close-red-18×18.42c9aa3620a8160331cb.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
}

 .enginelogActivityRecordbookMain .uncheckMarkSign,
.arblogActivityRecordbookMain .uncheckMarkSign {
  background-image: url('amber-hour-glass.42934302ffa0125e3a69.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
}

 .arblogActivityRecordbookMain .uncheckMarkSignGreyedOut {
   background-image: url('gray-cross-icon.c761b7ae7716c78a871e.svg');
   background-position: 50%;
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
   display: block;
   text-align: center;
   margin: 0 auto
 }

 .arblogActivityRecordbookMain .dateFormatDecklog span,
 .decklogActivityRecordbookMain .dateFormatDecklog span,
 .enginelogActivityRecordbookMain .dateFormatDecklog span {
   font-weight: 700;
   font-size: 16px;
   color: var(--gl-body-text-color)
 }

 .arblogActivityRecordbookMain .dateUTCDateDecklog,
 .decklogActivityRecordbookMain .dateUTCDateDecklog,
 .enginelogActivityRecordbookMain .dateUTCDateDecklog {
   position: relative
 }

 .arblogActivityRecordbookMain .dateUTCDateDecklog p-checkbox,
 .decklogActivityRecordbookMain .dateUTCDateDecklog p-checkbox,
 .enginelogActivityRecordbookMain .dateUTCDateDecklog p-checkbox {
   float: left;
   margin: 18px 0
 }

 .arblogActivityRecordbookMain .dateUTCDateDecklog .entryDataTimeDispaly,
 .decklogActivityRecordbookMain .dateUTCDateDecklog .entryDataTimeDispaly,
 .enginelogActivityRecordbookMain .dateUTCDateDecklog .entryDataTimeDispaly {
   float: left;
   margin-left: 40px;
   position: absolute
 }

 body .arblogActivityRecordbookMain .entryDateDisplayTable .firstLable,
 body .decklogActivityRecordbookMain .entryDateDisplayTable .firstLable,
 body .enginelogActivityRecordbookMain .entryDateDisplayTable .firstLable {
   font-weight: 400;
   color: var(--gl-body-text-color) !important;
   width: 100%;
   display: block;
   word-wrap: break-word;
   white-space: normal
 }

 body .arblogActivityRecordbookMain .entryDateDisplayTable .lastLable,
 body .decklogActivityRecordbookMain .entryDateDisplayTable .lastLable,
 body .enginelogActivityRecordbookMain .entryDateDisplayTable .lastLable {
   margin: 0;
   color: #959595;
 }

 body .decklogActivityRecordbookMain .entryDateDisplayTable,
 body .decklogActivityRecordbookMain .entryDateDisplayTablePreview,
 body .enginelogActivityRecordbookMain .entryDateDisplayTable,
 body .enginelogActivityRecordbookMain .entryDateDisplayTablePreview,
 body .arblogActivityRecordbookMain .entryDateDisplayTable,
 body .arblogActivityRecordbookMain .entryDateDisplayTablePreview {
   width: 100%;
   border: 1px solid var(--gl-table-border-color);
 }

 .decklogActivityRecordbookMain .entryDateDisplayTablePreview td .valueLabelClass,
 .enginelogActivityRecordbookMain .entryDateDisplayTablePreview td .valueLabelClass,
 .arblogActivityRecordbookMain .entryDateDisplayTablePreview td .valueLabelClass {
   color: var(--gl-black-color);
   text-align: justify;
   /*  max-height: 200px;
  overflow: auto;*/
 }

 .decklogActivityRecordbookMain .entryDateDisplayTablePreview tr,
 .enginelogActivityRecordbookMain .entryDateDisplayTablePreview tr,
 .arblogActivityRecordbookMain .entryDateDisplayTablePreview tr {
   height: 32px;
   background: var(--gl-table-td-bg-color) !important;
   border-bottom: 1px solid var(--gl-table-td-border-color);
 }

 .decklogActivityRecordbookMain .entryDateDisplayTablePreview td,
 .enginelogActivityRecordbookMain .entryDateDisplayTablePreview td,
 .arblogActivityRecordbookMain .entryDateDisplayTablePreview td {
   padding: 2px 16px;
 }

 .enginelogActivityRecordbookMain .entryDateDisplayTablePreview td:first-child,
 .arblogActivityRecordbookMain .entryDateDisplayTablePreview td:first-child {
   color: var(--gl-table-td-text-light-color);
   width: 50%;
   font-weight: 500;
   vertical-align: top;
 }

 .decklogActivityRecordbookMain .entryDateDisplayTablePreview td:first-child {
   color: var(--gl-table-td-text-light-color);
   width: 50%;
   font-weight: 500;
 }

 .decklogActivityRecordbookMain .entryDateDisplayTablePreview td:last-child,
 .enginelogActivityRecordbookMain .entryDateDisplayTablePreview td:last-child,
 .arblogActivityRecordbookMain .entryDateDisplayTablePreview td:last-child {
   color: var(--gl-table-td-text-light-color);
 }

 .decklogActivityRecordbookMain .entryDateDisplayTablePreview td:last-child label:first-child,
 .enginelogActivityRecordbookMain .entryDateDisplayTablePreview td:last-child label:first-child,
 .arblogActivityRecordbookMain .entryDateDisplayTablePreview td:last-child label:first-child {
   color: var(--gl-table-td-text-light-color);
   width: 50%;
   font-weight: 500;
   vertical-align: top;
 }

 .decklogActivityRecordbookMain .entryDateDisplayTablePreview td:last-child label:last-child,
 .enginelogActivityRecordbookMain .entryDateDisplayTablePreview td:last-child label:last-child,
 .arblogActivityRecordbookMain .entryDateDisplayTablePreview td:last-child label:last-child {
   color: var(--gl-table-td-text-light-color);
 }

 body .decklogActivityRecordbookMain .entryDateDisplayTablePreview tr>th,
 body .enginelogActivityRecordbookMain .entryDateDisplayTablePreview tr>th,
 body .arblogActivityRecordbookMain .entryDateDisplayTablePreview tr>th {
   border: none !important;
   border-right: 1px solid var(--gl-table-th-border-color) !important;
   text-transform: uppercase;
   padding: 2px 16px;
   background: var(--gl-table-th-bg-color) !important;
   color: var(--gl-table-th-text-color) !important;
 }

 body .decklogActivityRecordbookMain .entryDateDisplayTable tr th,
 body .decklogActivityRecordbookMain .ui-table .ui-table-thead>tr>th {
   border: none !important;
   border-right: 1px solid var(--gl-table-border-color) !important;
   text-transform: uppercase;
   padding: 6px 10px;
   background: var(--gl-table-th-bg-color) !important;
   color: var(--gl-table-th-text-color) !important;
   font-size: 12px;
 }

 body .enginelogActivityRecordbookMain .entryDateDisplayTable tr th,
 body .enginelogActivityRecordbookMain .ui-table .ui-table-thead>tr>th {
   /*  border: none !important;
  border-right: 1px solid var(--gl-table-border-color) !important;*/
   text-transform: uppercase;
   padding: 6px 10px;
   background: var(--gl-table-th-bg-color) !important;
   color: var(--gl-table-th-text-color) !important;
   font-size: 12px;
 }

 body .arblogActivityRecordbookMain .entryDateDisplayTable tr th,
 body .arblogActivityRecordbookMain .entryDateDisplayTable .ui-table .ui-table-thead>tr>th {
   border: none !important;
   border-right: 1px solid var(--gl-table-border-color) !important;
   text-transform: uppercase;
   padding: 6px 10px;
   background: var(--gl-table-th-bg-color) !important;
   color: var(--gl-table-th-text-color) !important;
   font-size: 14px;
 }

 body .decklogActivityRecordbookMain .entryDateDisplayTable .ui-table .ui-table-thead>tr>th:last-child,
 body .decklogActivityRecordbookMain .entryDateDisplayTable .ui-table .ui-table-tbody>tr>td:last-child,
 body .arblogActivityRecordbookMain .entryDateDisplayTable .ui-table .ui-table-thead>tr>th:last-child,
 body .arblogActivityRecordbookMain .entryDateDisplayTable .ui-table .ui-table-tbody>tr>td:last-child {
   border: none !important;
 }

 body .decklogActivityRecordbookMain .entryDateDisplayTable tr td,
 body .decklogActivityRecordbookMain .entryDateDisplayTable .ui-table .ui-table-tbody>tr>td,
 body .enginelogActivityRecordbookMain .entryDateDisplayTable tr td,
 body .enginelogActivityRecordbookMain .entryDateDisplayTable .ui-table .ui-table-tbody>tr>td,
 body .arblogActivityRecordbookMain .entryDateDisplayTable tr td,
 body .arblogActivityRecordbookMain .entryDateDisplayTable .ui-table .ui-table-tbody>tr>td {
   vertical-align: middle;
   padding: 6px 10px;
   border: none !important;
   word-break: break-word;
   white-space: nowrap;
 }

 body .arblogActivityRecordbookMain .ui-table .ui-table-thead>tr>th {
   border: 1px solid #c8c8c8 !important;
   text-transform: uppercase;
   padding: 6px 10px;
   background: #e9e9e9 !important;
   color: #212121 !important;
   font-size: 14px;
   font-weight: 500;
   font-family: 'Roboto';
   outline: 1px solid #c8c8c8 !important;
   white-space: unset;
   word-break: break-word;
   text-overflow: unset;

 }

 .arblogActivityRecordbookMain .entryDateDisplayTable tr:hover {
   height: 53px;
   background: var(--gl-table-tr-bg-hover-color) !important
 }

 body .arblogActivityRecordbookMain .ui-table .ui-table-tbody>tr,
 body .decklogActivityRecordbookMain .ui-table .ui-table-tbody>tr {
   height: 53px;
   background: #fff !important;
   border-bottom: 1px solid #c8c8c8;
 }

 .arblogActivityRecordbookMain .entryDateDisplayTable .ui-table .ui-table-tbody>tr>td {
   border: none !important
 }

 .arblogActivityRecordbookMain .orbScrollTable .ui-table .ui-table-thead>tr>th {
   text-transform: none
 }

 .arblogActivityRecordbookMain .orbScrollTable .ui-table .ui-table-tbody>tr {
   height: auto
 }

 .arblogActivityRecordbookMain .orbScrollTable .ui-table .ui-table-tbody>tr>td {
   border: 1px solid var(--gl-orb-table-border) !important
 }

 body .arblogActivityRecordbookMain .entryDateDisplayTable .ui-table .ui-table-tbody>tr>td {
   vertical-align: middle;
   padding: 6px 10px;
   border: none !important;
   word-break: break-word;
   white-space: nowrap
 }

 body .decklogActivityRecordbookMain .ui-table-scrollable-body {
   max-height: calc(100vh - 298px) !important;
 }

 body .arblogActivityRecordbookMain .ui-table-scrollable-body {
   max-height: calc(100vh - 260px) !important
 }

 body .arblogActivityRecordbookMain .GRB2 .ui-table-scrollable-body {
   max-height: calc(100vh - 430px) !important
 }

 body .arblogActivityRecordbookMain .GRB1 .ui-table-scrollable-body {
   max-height: calc(100vh - 430px) !important
 }

 .grbActivityRecordBookDataTable .ui-table-scrollable-body {
   max-height: 67vh !important
 }

 body .arblogActivityRecordbookMain p-treenode li div.ui-treenode-content:first-child span:nth-child(2),
 body .decklogActivityRecordbookMain p-treenode li div.ui-treenode-content:first-child span:nth-child(2),
 body .enginelogActivityRecordbookMain p-treenode li div.ui-treenode-content:first-child span:nth-child(2) {
   text-transform: uppercase;
   padding-left: 0 !important;
   font-weight: 500
 }

 body .arblogActivityRecordbookMain p-treenode li div.ui-treenode-content:first-child span:nth-child(2) ul p-treenode li div.ui-treenode-content:first-child span:nth-child(2),
 body .decklogActivityRecordbookMain p-treenode li div.ui-treenode-content:first-child span:nth-child(2) ul p-treenode li div.ui-treenode-content:first-child span:nth-child(2),
 body .enginelogActivityRecordbookMain p-treenode li div.ui-treenode-content:first-child span:nth-child(2) ul p-treenode li div.ui-treenode-content:first-child span:nth-child(2) {
   text-transform: none
 }

 body .decklogActivityRecordbookMain .form-control:focus,
 input[type="text"]:focus,
 body .enginelogActivityRecordbookMain .form-control:focus,
 input[type="text"]:focus,
 body .arblogActivityRecordbookMain .form-control:focus,
 input[type="text"]:focus {
   box-shadow: none !important;
 }

 body .arblogActivityRecordbookMain .ui-table .ui-table-tbody>tr.active {
   cursor: default;
   background-color: var(--gl-table-tr-bg-hover-color) !important;
   color: var(--gl-table-th-text-color) !important
 }

 body .arblogActivityRecordbookMain .ui-table .ui-table-tbody>tr {
   color: var(--gl-body-text-color)
 }

 /*
.commonDialogBoxRight {
    position: absolute;
    z-index: 1;
    width: 35%;
    right: 0;
       height: calc(100vh - 95px);
    top: 70px;
    background: #d9d9d9;
} */

 .commonDialogBoxRight {
   position: fixed;
   z-index: 1;
   background: #d9d9d9;
   width: 49% !important;
   height: calc(100vh - 95px);
   top: 70px;
   right: 0%;
   /* start hidden */

   -webkit-animation: slideInBounce 0.8s ease-out forwards;

           animation: slideInBounce 0.8s ease-out forwards;
 }

 /* Keyframes */

 @-webkit-keyframes slideInBounce {
   0% {
     transform: translateX(100%);
     /* start offscreen */
   }

   70% {
     transform: translateX(0);
     /* slide fully in */
   }

   85% {
     transform: translateX(-20px);
     /* overshoot left */
   }

   100% {
     transform: translateX(0%);
     /* settle in place */
   }
 }

 @keyframes slideInBounce {
   0% {
     transform: translateX(100%);
     /* start offscreen */
   }

   70% {
     transform: translateX(0);
     /* slide fully in */
   }

   85% {
     transform: translateX(-20px);
     /* overshoot left */
   }

   100% {
     transform: translateX(0%);
     /* settle in place */
   }
 }

 .commonHeader {
   color: #000;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 18px;
 }

 .commonDialogBoxRight .activityRecordbooxTableScrollView table tr.firstLevel th,
 .fixed-header table tr.firstLevel th {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   background: #fff;
   color: #212121;
   white-space: nowrap;
   border: none !important;
   outline: 1px solid #c8c8c8 !important;
   transform: none;
   text-transform: none;
 }

 .commonDialogBoxRight .activityRecordbooxTableScrollView table tr.secondLevel th,
 .fixed-header table tr.secondLevel th {
   position: -webkit-sticky;
   position: sticky;
   top: 32px;
   background: #e9e9e9;
   color: #212121;
   font-size: 14px;
   padding: 5px 10px !important;
   outline: 1px solid #c8c8c8 !important
 }

 .commonDialogBoxRight .activityRecordbooxTableScrollView .commonDialogBoxRight table tr th {
   background: #ccc
 }

 .commonHeader .commonClose {
   float: right;
   padding: 10px;
   font-size: 25px;
   background: none;
   border: none;
   color: #969daa
 }

 .commonHeader h5 {
   border: none;
   font-size: 18px;
   width: 80%;
   float: left;
   padding: 10px;
   font-weight: 700;
   top: 92px;
   color: #212121;
 }

 .commonFooter,
 .commonMiddle {
   padding: 0 10px
 }

 .commonFooter {
   position: fixed;
   bottom: 30px;
   width: 100%
 }

 .rightSider {
   position: absolute;
   height: 130px;
   width: 29px;
   border-radius: 55px 0 0 55px;
   background: #d9d9d9;
   left: -20px;
   top: 40%;
   padding: 56px 7px
 }

 .rightSider i {
   color: #000;
 }

 .hide {
   visibility: hidden
 }

 .show {
   visibility: visible
 }

 .notExpandedPreviewDialog {
   /*  width: 45% !important;*/
 }

 .expandedPreviewDialog {
   width: 89% !important;
   transform: translateX(0%) !important;
 }

 .wrongEntryCell {
   text-decoration: line-through
 }

 .inActivePreviewRecords {
   opacity: .7
 }

 .activePreviewRecords {
   font-weight: 400;
   color: var(--gl-white-color)
 }

 .activity-record-book-overflow .reportviewSub .arrowPreviewButton,
 .arblogActivityRecordbookMain .reportviewSub .arrowPreviewButton {
   top: -30px;
   right: 15px;
   width: 30px;
   margin: 0;
   padding: 4px 0
 }

 .commonLogsTitle {
   color: #212121;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 18px;
 }

 .rightNavMenulist {
   float: right;
   padding-top: 5px;
 }

 .arblogActivityRecordbookMain .searchBoxMain {
   position: relative;
   width: 90%;
   float: right;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #9ba0b9;
   margin: 4px 0 0;

 }

 .arblogActivityRecordbookMain .searchBoxMain input {
   height: 30px !important;
   background: transparent;
   border: transparent !important;
   width: 70%;
   margin-left: 0;
   float: left;
   text-overflow: ellipsis;
   overflow: hidden;
 }

 .searchForm {
   --searchButtonWidth: 30px;
   max-width: 320px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
 }

 .searchInput {
   border: 0;
   margin: 0;
   padding: 0.5rem calc(var(--searchButtonWidth) + 0.5rem) 0.5rem 0.5rem;
   border-radius: 0px;
   width: 100%;
   background: #ddd;
   -webkit-appearance: none;
   font-size: 13px;
 }

 .searchInput:focus {
   outline: 0;
   background: white;
 }

 .searchInput:not(:placeholder-shown)~.searchButtonClik {
   transform: translateX(calc(-1 * var(--searchButtonWidth)));
 }

 .searchButtonClik {
   border: 0;
   padding: 5px;
   border-radius: 0px;
   position: absolute;
   top: 0;
   left: 100%;
   width: var(--searchButtonWidth);
   transition: 0.2s;
   color: var(--gl-white-color) !important;
   background: var(--gl-primary-button-color) !important;
   border: 1px solid var(--gl-primary-button-border-color) !important;
   font-size: 13px;
   height: 100%;
 }

 .searchButtonClik:focus {
   outline: 0;
   background: #222;
 }

 body .arblogActivityRecordbookMain .entryDateDisplayTable .ui-table .ui-table-thead>tr>th,
 body .arblogActivityRecordbookMain .entryDateDisplayTable tr th {
   border: none !important;
   border-right: 1px solid #c8c8c8 !important;
   text-transform: uppercase;
   padding: 6px 10px;
   background: #e9e9e9 !important;
   color: #212121 !important;
   font-size: 14px;
 }

 .decklogActivityRecordbookMain .entryDateDisplayTable tr,
 body .decklogActivityRecordbookMain .ui-table .ui-table-tbody>tr,
 .enginelogActivityRecordbookMain .entryDateDisplayTable tr,
 body .enginelogActivityRecordbookMain .ui-table .ui-table-tbody>tr,
 .arblogActivityRecordbookMain .entryDateDisplayTable tr,
 body .arblogActivityRecordbookMain .ui-table .ui-table-tbody>tr {
   height: 53px;
   background: var(--gl-table-td-bg-color) !important;
   border-bottom: 1px solid var(--gl-table-td-border-color);
 }

 body .arblogActivityRecordbookMain .entryDateDisplayTable .firstLable {
   color: #212121 !important;
   width: 100%;
   display: block;
   word-wrap: break-word;
   white-space: normal;
   font-weight: normal;
   padding: 2px 0;
 }

 .pagesignbox {
   border-radius: 18px;
   text-align: center;
   padding: 3px 5px;
   font-size: 13px;
 }

 .orbRed {
   width: 135px;
   border: 1px solid red;
   color: red;
 }

 .orbGreen {
   width: 100px;
   border: 1px solid #289d0f;
   color: #289d0f;
 }

 .orbYellow {
   width: 122px;
   border: 1px solid #e1940d;
   color: #e1940d;
 }

 .arblogActivityRecordbookMain .dateFormatARBLog span {
   font-weight: 700;
   font-size: 16px;
   color: #212121;
 }

 body .arblogActivityRecordbookMain input[type=checkbox] {
   width: 18px !important;
   height: 18px !important;
   background: transparent !important;
   border: 1px solid #9ba0b9 !important;
   margin: 0;
 }

 .arblogActivityRecordbookMain .uncheckMarkSignGreyedOut {
   background-image: url('gray-cross-icon.c761b7ae7716c78a871e.svg');
   background-position: 50%;
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;

}

 .voyageDetailsIcon {
background-image: url('icon-latlong-24×24-dark.7daf306e3ae35ef3bb29.svg');
 width: 24px;
 height: 24px;
 cursor: pointer;
 background-position: center;
 background-repeat: no-repeat;
 cursor: pointer;
}

 .enginelogActivityRecordbookMain .checkMarkSign,
.arblogActivityRecordbookMain .checkMarkSign {
   background-image: url('Icon-tick-green-18×18.748449735c98276a0ab1.svg');
   background-position: 50%;
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
   display: block;
 }

 .widthAuto {
   width: auto !important;
 }

 body .arblogActivityRecordbookMain .entryDateDisplayTable .lastLable {
   margin: 0;
   color: #959595;
 }

 body .commonMiddle .ui-table .ui-table-tbody>tr>td {
   padding: 5px 12px;
   background: #fff;
   color: #212121;
 }

 .commonDialogBoxRight .activityRecordbooxTableScrollView table tr.firstLevel th,
 .fixed-header table tr.firstLevel th {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   background: #e9e9e9;
   color: #212121;
   white-space: nowrap;
   border: none !important;
   outline: 1px solid #c8c8c8 !important;
   z-index: 1;
 }

 .commonDialogBoxRight .activityRecordbooxTableScrollView table tr.secondLevel th,
 .fixed-header table tr.secondLevel th {
   position: -webkit-sticky;
   position: sticky;
   top: 32px;
   background: #e9e9e9;
   color: #212121;
   font-size: 14px;
   padding: 5px 10px !important;
   outline: 1px solid #c8c8c8 !important;
   z-index: 1;
 }

 .activityRecordbooxTableScrollView {
   position: relative;
   width: 100%;
   height: calc(100vh - 150px);
   overflow: hidden;
   overflow-y: scroll;
   background: #fff;
 }

 .decklogActivityRecordbookMain .primaryButton,
 .arblogActivityRecordbookMain .primaryButton,
 .enginelogActivityRecordbookMain .primaryButton,
 .primaryButton {
   color: var(--gl-white-color) !important;
   background: var(--gl-primary-button-color) !important;
   border: 1px solid var(--gl-primary-button-border-color) !important;
   padding: 6px 16px;
   width: 90px;
   margin: 5px;
   box-shadow: none !important;
 }

 body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
   color: var(--gl-white-color) !important;
   background: var(--gl-primary-button-color) !important;
   border: 1px solid var(--gl-primary-button-border-color) !important;
   padding: 1px 0;
   width: auto;
   margin: 5px;
   box-shadow: none !important;
 }

 .arblogActivityRecordbookMain .primaryButton span {
   padding: 3px 15px;
 }

 .decklogActivityRecordbookMain .primaryButton span,
 .enginelogActivityRecordbookMain .primaryButton span,
 .arblogActivityRecordbookMain .primaryButton span,
 .primaryButton span,
 .decklogActivityRecordbookMain .secondoryButton span,
 .enginelogActivityRecordbookMain .secondoryButton span,
 .arblogActivityRecordbookMain .secondoryButton span,
 .secondoryButton span {
   padding: 0 !important
 }

 .arblogActivityRecordbookMain .secondoryButton {
   color: #fff !important;
   background: #576375 !important;
   border: 1px solid #121213 !important;
   padding: 0 6px;
   width: 90px;
   margin: 5px;
   box-shadow: none !important
 }

 .activityRecordbookInfoRight {
   background-image: url('orb_Info-Dark-icon.25929b45262e3ef069f5.svg');
   width: 18px;
   height: 18px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
 }

 .arblogActivityRecordbookMain .checkMarkSign {
   background-image: url('Icon-tick-green-18×18.748449735c98276a0ab1.svg');
   background-position: center;
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
   display: block;
 }

 .arblogActivityRecordbookMain .grayOutSign {
  background-image: url('gray-cross-icon.c761b7ae7716c78a871e.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  margin: 0 auto;
}

 .arblogActivityRecordbookMain .uncheckMarkSign {
   background-image: url('Icon-close-red-18×18.42c9aa3620a8160331cb.svg');
   background-position: center;
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
   display: block;
 }

 .arblogActivityRecordbookMain .uncheckMarkSignGreyedOut,.enginelogActivityRecordbookMain .uncheckMarkSignGreyedOut{
  background-image: url('Icon-close-gray-18×18.c761b7ae7716c78a871e.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
}

 .no-margin {
  width: calc(100vh - 0);
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

 .with-margin {
   width: calc(100vh - 100px);
   word-wrap: break-word;
   word-break: break-all;
   white-space: normal;
 }

 .commonInfoRight i {
   float: right;
   margin-top: 1px;
   margin-right: 5px;
   right: 5px;
   position: absolute;
 }

 body .ui-tooltip,
 .ui-tooltip {
   z-index: 12000 !important;
   width: auto;
 }

 .OrbRemarkIcon {
   background-image: url('orb-remarks-icon.67a984296fa04594007d.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   margin: 0 auto;
 }

 .OrbAlertIcon {
   background-image: url('orb-alert-yellow-icon.b18a9b45a92109256df7.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   margin: 0 auto;
 }

 .orbPreviewIcon {
   background-image: url('preview-Icon-gray.3217e36d38a35074a189.svg');
   width: 24px;
   height: 19px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
 }

 .orbDeleteIcon {
   background-image: url('delete-Icon-gray.4f50658f448584769943.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
 }

 .orbDownloadIcon {
   background-image: url('download-Icon-gray.00a435acef4b9e907d45.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
 }

 body .ui-table .ui-table-tbody>tr:hover,
 .decklogActivityRecordbookMain .entryDateDisplayTablePreview .ui-table .ui-table-tbody>tr:hover,
 body .decklogActivityRecordbookMain .ui-table .ui-table-tbody>tr.active,
 .enginelogActivityRecordbookMain .entryDateDisplayTablePreview .ui-table .ui-table-tbody>tr:hover,
 body .enginelogActivityRecordbookMain .ui-table .ui-table-tbody>tr.active,
 .arblogActivityRecordbookMain .entryDateDisplayTablePreview .ui-table .ui-table-tbody>tr:hover,
 body .arblogActivityRecordbookMain .ui-table .ui-table-tbody>tr.active {
   cursor: default;
   background-color: var(--gl-table-tr-bg-hover-color) !important;
   color: var(--gl-table-th-text-color) !important;
 }

 body .arblogActivityRecordbookMain .rowHeightAuto .ui-table .ui-table-tbody>tr {
   height: auto;
 }

 body .arblogActivityRecordbookMain p-treenode li div.ui-treenode-content:first-child span:nth-child(2) {
   text-transform: uppercase;
   padding-left: 0 !important;
   font-weight: 700;
 }

 body .arblogActivityRecordbookMain p-treenode li div.ui-treenode-content:first-child span:nth-child(2) ul p-treenode li div.ui-treenode-content:first-child span:nth-child(2) {
   text-transform: none;
 }

 body .arblogActivityRecordbookMain .form-control:focus,
 input[type="text"]:focus {
   box-shadow: none !important;
 }

 .wrapped-label {
   white-space: normal;
   word-wrap: break-word;
   overflow-wrap: break-word;
   max-width: 200px;
   line-height: 1.4;
 }

 body .arblogActivityRecordbookMain .rowHeightAuto .ui-table-scrollable-body {
   max-height: calc(100vh - 380px) !important;
 }

 body .arblogActivityRecordbookMain .ui-table-scrollable-body {
   max-height: calc(100vh - 260px) !important;
 }

 .arblogActivityRecordbookMain .orbScrollTable .ui-paginator {
   margin-top: 0px;
 }

 .ui-table .ui-paginator {
   background-color: #f4f4f4;
   border: none;
   padding: 50px 0;
 }

 .ui-table .ui-paginator-bottom {
   padding: 10px;
   background: none !important;
   float: right;
 }

 .divPageNumberWrapper {
   margin-top: 90px;
   margin-bottom: 20px;
   display: inline-block;
   width: 100%;
   clear: both;
 }

 .arblogActivityRecordbookMain .orbScrollTable .divPageNumberWrapper {
   margin-top: 80px;
 }

 .commonArrowEC {
   margin-top: 15px;
   cursor: pointer;
   width: 15px;
   height: 15px;
   margin-right: 15px;
   line-height: 34px;
   display: inline-block;
   position: absolute;
   margin-left: 8px;
   float: left;
 }

 .greyed-out {
   color: gray;
   opacity: 0.2;
   /* optional for a more "disabled" effect */
   pointer-events: none;
   /* optional to make it non-interactive */
 }

 .attachmentcountforarblogs {
   position: absolute;
   top: -4px;
   right: -15px;
   width: 18px;
   height: 18px;
   background-color: #f4b23d;
   border-radius: 50%;
   color: black;
   font-size: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1;
 }

 .orbOverlayPanel {
   max-width: 300px;
   max-height: 150px;
 }

 .orbOverflowTitlePanel {
   font-weight: 600;
   color: #212121;
   margin-bottom: 5px;
 }

 .orbOverflowPanel {
   overflow: auto;
   max-height: 100px;
   margin-bottom: 10px;
   color: #212121;
 }

 .homeExpandCollapse .arrowPreviewButton {
   right: 11px;
 }

 .arrowPreviewButton {
   float: right;
   height: 23px;
   width: 25px !important;
   text-align: center !important;
   margin: 0 auto !important;
   margin-bottom: 5px !important;
   margin-right: 5px !important;
   position: absolute !important;
   right: 20px;
   z-index: 999;
   padding: 3px 5px !important;
   top: -15px;
 }

 .arrowPreviewButton span {
   display: none;
 }

 .attachmentDialogbox .attachmentDialogboxList table tr td {
   padding: 10px;
   width: 100%;
   color: #000;
   background: #fff;
   border-right: 0;
   border-left: 0;
 }

 .attachmentDialogbox .attachmentDialogboxList table {
   border: 1px solid #c8c8c8;
 }

 .exportmenuOptions li {
   padding: 0;
 }

 .greyed-out {
   color: gray;
   opacity: 0.2;
   /* optional for a more "disabled" effect */
   pointer-events: none;
   /* optional to make it non-interactive */
 }

 .attachmentcountforarblogs {
   position: absolute;
   top: -4px;
   right: -15px;
   width: 18px;
   height: 18px;
   background-color: #f4b23d;
   border-radius: 50%;
   color: black;
   font-size: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1;
 }

 .orbOverlayPanel {
   max-width: 300px;
   max-height: 150px;
 }

 .orbOverflowTitlePanel {
   font-weight: 600;
   color: #212121;
   margin-bottom: 5px;
 }

 .orbOverflowPanel {
   overflow: auto;
   max-height: 100px;
   margin-bottom: 10px;
   color: #212121;
 }

 .homeExpandCollapse .arrowPreviewButton {
   right: 10px;
 }

 .arrowPreviewButton {
   float: right;
   height: 23px;
   width: 25px !important;
   text-align: center !important;
   margin: 0 auto !important;
   margin-bottom: 5px !important;
   margin-right: 5px !important;
   position: absolute !important;
   right: 20px;
   z-index: 999;
   padding: 3px 5px !important;
   top: -15px;
 }

 .arrowPreviewButton span {
   display: none;
 }

 .attachmentDialogbox .attachmentDialogboxList table tr td {
   padding: 10px;
   width: 100%;
   color: #000;
   background: #fff;
   border-right: 0;
   border-left: 0;
 }

 .attachmentDialogbox .attachmentDialogboxList table {
   border: 1px solid #c8c8c8;
 }

 .exportmenuOptions li {
   padding: 0;
 }

 /* multyRemarkBox */

 .multyRemarkBox {}

 .multyRemarkBox table tr th {
   background-color: #e9e9e9;
   border: 1px solid #c8c8c8;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   padding: 5px;
 }

 .multyRemarkBox table tr td {
   border: 1px solid #c8c8c8;
   word-wrap: break-word;
   word-break: break-all;
 }

 .multyRemarkBox table tr td input {
   float: left;
   border: 1px solid #ccc !important;
   margin: 5px;
   width: 97%;
   height: 30px;
   padding: 5px;
 }

 .multiSelectRemarkDataMapping table {
   table-layout: auto !important;
 }

 .multyRemarkBox textarea {
   height: auto;
   padding-left: 8px !important;
   padding-top: 5px !important;
   border: 1px solid #ccc;
   width: 100%;
   height: 50px !important;
   resize: none;
   line-height: normal;
 }

 .secondoryButton,
 .confirmation button:nth-child(2) {
   background: #576375 !important;
   color: #fff !important;
   border-color: #596374 !important;
   box-shadow: none !important;
   border-radius: 3px;
 }

 .waterMarkMainBox {
   position: relative;
   text-align: center;
 }

 .waterMarkSubBox {
   position: absolute;
   top: -4px;
   left: -390px;
   border: 2px solid #FF6969;
   border-radius: 6px;
   transform: rotate(0deg);
   padding: 0 3px;
   width: 365px;
   z-index: 0;
   color: #FF6969;
   font-size: 10px;
   text-align: left;
 }

 .dragdroptablecommon table {
   table-layout: fixed;
 }

 .dragdroptablecommon table tr th:first-child {
   border-radius: 15px 0 0 0;
 }

 .dragdroptablecommon table tr th:last-child {
   border-radius: 0 15px 0 0
 }

 .iconCompany {
   background-image: url('iconCompanyPNG.de81ce10de0a7f5a0230.png');
   width: 36px;
   height: 36px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   display: block;
   float: left;
   margin-left: 34px;
   margin-top: 5px;
 }

 .iconCompanyFleet {
   background-image: url('icon-Fleet.6d38364e9a5da3606e5e.svg');
   width: 36px;
   height: 36px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   display: block;
   float: left;
   margin-left: 34px;
   margin-top: 5px;
   margin-right: 5px;
 }

 .iconCompanyVessel {
   background-image: url('icon-vessel.fd6e737d462aa803ced8.svg');
   width: 36px;
   height: 36px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   display: block;
   float: left;
   margin-left: 34px;
   margin-top: 5px;
   margin-right: 5px;
 }

 .body .ui-overlaypanel,
 .ui-widget.ui-overlaypanel,
 .body .ui-overlaypanel,
 .ui-widget.ui-overlaypanel:hover {
   border: 1px solid #c8c8c8 !important;
 }

 .greyedoutOB {
   color: gray;
   opacity: 0.5;
   /* optional for a more "disabled" effect */
   pointer-events: none;
   /* optional to make it non-interactive */
 }

 .greenCheckGifload {
   background-image: url('orb-checkmark-green.067d7499286471e8a32a.gif');
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
   width: 30px;
   height: 30px;
   background-size: 100%;
 }

 .greenCheckGifComplate {
   background-image: url('orb-checkmark-green.14f4add35ce4a3e9d4d7.svg');
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
   width: 30px;
   height: 30px;
   background-size: 60%;
 }

 .redcloseGifComplate {
   background-image: url('orb-close-red.ad1fb24c2cbebdba1492.svg');
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
   width: 30px;
   height: 30px;
   background-size: 60%;
 }

 .exportPdftable {}

 .exportPdftable tr td label {
   margin-bottom: 0;
 }

 .exportPdftable tr td {
   /* border-bottom: 1px solid #efefef; */
   padding: 2px;
 }

 body .ui-progressbar .ui-progressbar-label {
   color: #000
 }

 .frame {
   height: 90%;
   position: absolute;
   width: 90%;
   z-index: 100;
   top: 0;
   margin-top: 10px;
   overflow: hidden;
   overflow-y: auto;
   overflow-x: hidden;
 }

 .item {
   padding: 0px;
   margin: 0px;

 }

 .quickButtonEllipsis span {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   color: #fff;
 }

 .arblogActivityRecordbookMain input[type=text],
 .decklogActivityRecordbookMain input[type=text],
 .enginelogActivityRecordbookMain input[type=text] {
   height: 30px !important;
 }

 .summary-card {
   margin: 15px 0 15px 15px;
   /*  padding: 10px !important;*/
   border-radius: 12px;
   background: white;
   width: 23%;
   box-sizing: border-box;
   float: left;
   border: 1px solid #E2DEDE;
 }

 .summary-card h4 {
   font-size: 16px;
   font-weight: 400;
   padding: 0px 8px;
 }

 .summary-top-row {
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 20px 14px;
 }

 .summary-avatar {
   width: 64px;
   height: 64px;
   border-radius: 50%;
   background: #eeefef;
   flex: 0 0 auto;
   display: grid;
   place-items: center;
   font-weight: 600;
   font-size: 24px;
   color: var(--muted);
   letter-spacing: .5px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
 }

 .summary-age {
   font-size: 28px;
   font-weight: 500;
   line-height: 1;
   padding-left: 5px;
 }

 .summary-age small {
   font-size: 20px;
   font-weight: 600;
   color: var(--muted);
 }

 .summary-divider {
   height: 1px;
   background: #d1d5db;
   margin: 14px 0 10px;
 }

 .summary-bottom-row {
   font-size: 15px;
   line-height: 1.5;
   color: var(--text);
   padding: 5px 14px;
   border-top: 1px solid #E2DEDE;
 }

 body .commonMiddle .ui-table table {
   table-layout: auto;
 }

 .activityRecordbooxTableScrollView table tr th,
 .fixed-header {
   display: display-flex;
   position: -webkit-sticky;
   position: sticky;
   z-index: 1;
   top: 0;
   border-color: #acb3bb;
   color: #212121;
   padding-top: 5px !important;
 }

 body .arblogActivityRecordbookMain .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
   margin-top: -30px !important;
 }

 body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
   color: #848484 !important
 }

 .summary-card {
   margin: 10px !important;
   padding: 10px !important;
   border-radius: 10px;
   background: white;
   width: 23%;
   box-sizing: border-box;
   float: left;
 }

 /* Top row: circle + age */

 .storageLight {
   background: #E3ECFB
 }

 .storageLight .rightPanel {
   background: transparent !important;
 }

 .summary-top-row {
   display: flex;
   align-items: center;
   gap: 16px;
 }

 .summary-avatar {
   width: 64px;
   height: 64px;
   border-radius: 50%;
   background: #eeefef;
   flex: 0 0 auto;
   display: grid;
   place-items: center;
   font-weight: 600;
   font-size: 24px;
   color: var(--muted);
   letter-spacing: .5px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
 }

 .summary-age {
   font-size: 28px;
   font-weight: 800;
   line-height: 1;
 }

 .summary-age small {
   font-size: 20px;
   font-weight: 600;
   color: var(--muted);
 }

 /* Divider */

 .summary-divider {
   height: 1px;
   background: #d1d5db;
   /* simple solid line */
   margin: 14px 0 10px;
 }

 /* Bottom row: text */

 .summary-bottom-row {
   font-size: 15px;
   line-height: 1.5;
   color: var(--text);
 }

 .commonScrollHide .ui-dialog-content {
   overflow: unset !important;
 }

 body .ui-radiobutton-label {
   margin: 0 !important;
 }

 .drawPipelineHeight {
   height: 80vh;
   max-height: 80vh;
 }

 .resetPasswordForm .input-group {
   display: inline-block;
   border: 1px solid #ccc;
   height: calc(1.5em + .2rem + 2px) !important;
   overflow: hidden;
   background: #fff;
 }

 .resetPasswordForm .input-group table tr td {
   vertical-align: top;
 }

 .passWordfield .lockIcon {
   width: 10px;
 }

 .resetPasswordForm .input-group input {
   box-shadow: none !important;
   border: none !important;
   height: calc(1.5em + .2rem + 2px) !important;
   font-size: 13px !important;
   padding-left: 5px !important;
 }

 .resetPasswordForm .input-group .input-group-text {
   font-size: 13px;
 }

 .passWordfield .lockIcon label {
   padding: 13px;
   width: 10px;
   line-height: 24px;
 }

 .resetPasswordForm .input-group label {
   padding: 0 14px 0 8px !important;
 }

 .resetPasswordForm .input-group .input-group-text i {
   margin: 6px 0;
 }

 .divBlock span {
   display: block
 }

 body .arblogActivityRecordbookMain .entryDateDisplayTable {
   margin-left: -2px;
 }

 .decklogNewPanel,
 .enginelogNewPanel {
   background: var(--gl-new-decklog-bg-color);
   margin: -13px -15px;
   height: 100%;
 }

 .decklogNewPanel .leftPanel,
 .enginelogNewPanel .leftPanel,
 .arbLogNewPanel .leftPanel {
   background: var(--gl-new-decklog-menu-bg-color);
   color: var(--gl-new-decklog-menu-text-color);
   height: calc(100vh - 96px);
   width: 230px;
   float: left;
   padding: 5px 0;
   border-right: 1px solid var(--gl-calender-header-dropdown-border);
   overflow: auto;
 }

 .decklogactivityrecordbookmain .card-table:last-child {
   margin: 3px 0;
 }

 .decklogactivityrecordbookmain .etaspeed .speedleft {
   float: left;
   width: 48%;
   margin-right: 5px;
 }

 .decklogactivityrecordbookmain .etaspeed .speedright {
   float: left;
   width: 50%
 }

 .decklogactivityrecordbookmain .box .etaspeed .speedleft,
 .decklogactivityrecordbookmain .box .etaspeed .speedright {
   width: 100%;
   float: none;
 }

 .decklogActivityRecordBookEntryDividerBox .activityChecklistHeight .decklogactivityrecordbookmain {
   max-height: calc(100vh - 40vh) !important;
 }

 .ui-calendar {
   width: 100%;
 }

 .decklogActivityRecordBookEntryDividerBox .dividerBox {
   border: 1px solid #C8C8C8;
   background: #F1F1F1;
   overflow: auto;
   padding: 5px;
   height: calc(100vh - 38vh);
   margin-right: 10px;
 }

 body .dateTimeCalender .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
   border: none;
   background-image: url('Icon-calendar-24×24.88e58572bee5645ef9ff.svg') !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   /*  var(--gl-calender-icon-bg)*/
   color: #848484 !important;
   float: right !important;
   margin-top: -30px !important;
   position: absolute !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   height: 28px;
   width: 30px;
   right: 2px !important;
 }

 body .dateTimeUtcCalender .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
   border: none;
   background-image: url('Icon-clock-24×24.2cc490e924dc652ce7e8.svg') !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   color: #848484 !important;
   float: right !important;
   margin-top: -29px !important;
   position: absolute !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   height: 28px;
   width: 30px;

   right: 3px !important;
 }

 body .dateTimeUtcCalender button span,
 body .dateTimeCalender button span {
   display: none;
 }

 .decklogactivityrecordbookmain {
   overflow: auto;
   max-height: calc(100vh - 56vh);
 }

 .decklogActivityRecordbookMain .searchBoxMain,
 .enginelogActivityRecordbookMain .searchBoxMain,
 .arblogActivityRecordbookMain .searchBoxMain {
   position: relative;
   width: 90%;
   float: right;
   background-color: var(--gl-white-color);
   background-clip: padding-box;
   border: 1px solid var(--gl-search-border-color);
   margin: 4px 0 0;
 }

 .decklogActivityRecordbookMain .searchBoxMain input,
 .enginelogActivityRecordbookMain .searchBoxMain input,
 .arblogActivityRecordbookMain .searchBoxMain input {
   height: 30px !important;
   background: transparent;
   border: transparent !important;
   width: 70%;
   margin-left: 24px;
   float: left;
   text-overflow: ellipsis;
   overflow: hidden;
 }

 .decklogActivityRecordbookMain .searchBoxMain .searchIcon,
 .enginelogActivityRecordbookMain .searchBoxMain .searchIcon,
 .arblogActivityRecordbookMain .searchBoxMain .searchIcon {
   background: var(--gl-search);
   background-position: center;
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
   display: block;
   float: left;
   position: absolute;
   padding: 15px;
 }

 body .arblogActivityRecordbookMain .entryDateDisplayTable {
   margin-left: -2px;
 }

 .decklogTitle {
   color: var(--gl-body-text-color);
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 18px;
 }

 .decklogActivityRecordbookMain .secondoryButton,
 .enginelogActivityRecordbookMain .secondoryButton,
 .arblogActivityRecordbookMain .secondoryButton,
 .secondoryButton {
   color: var(--gl-white-color) !important;
   background: var(--gl-secondory-button-color) !important;
   border: 1px solid var(--gl-secondory-button-border-color) !important;
   padding: 6px 16px;
   width: 90px;
   margin: 5px;
   box-shadow: none !important;
 }

 .decklogActivityRecordbookMain .searchBoxMain,
 .enginelogActivityRecordbookMain .searchBoxMain,
 .arblogActivityRecordbookMain .searchBoxMain {
   position: relative;
   width: 90%;
   float: right;
   background-color: var(--gl-white-color);
   background-clip: padding-box;
   border: 1px solid var(--gl-search-border-color);
   margin: 4px 0 0;
 }

 .decklogActivityRecordbookMain .searchBoxMain input,
 .enginelogActivityRecordbookMain .searchBoxMain input,
 .arblogActivityRecordbookMain .searchBoxMain input {
   height: 30px !important;
   background: transparent;
   border: transparent !important;
   width: 70%;
   margin-left: 24px;
   float: left;
   text-overflow: ellipsis;
   overflow: hidden;
 }

 .decklogActivityRecordbookMain .searchBoxMain .searchIcon,
 .enginelogActivityRecordbookMain .searchBoxMain .searchIcon,
 .arblogActivityRecordbookMain .searchBoxMain .searchIcon {
   background: var(--gl-search);
   background-position: center;
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
   display: block;
   float: left;
   position: absolute;
   padding: 15px;
 }

 .decklogActivityRecordbookMain input[type="text"],
 .enginelogActivityRecordbookMain input[type="text"],
 .arblogActivityRecordbookMain input[type="text"] {
   height: 30px !important
 }

 .decklogActivityRecordbookMain .homenav a,
 .enginelogActivityRecordbookMain .homenav a,
 .arblogActivityRecordbookMain .homenav a {
   font-weight: normal;
 }

 .decklogActivityRecordbookMain .homenav a.active,
 .enginelogActivityRecordbookMain .homenav a.active,
 .arblogActivityRecordbookMain .homenav a.active {
   color: var(--gl-link-color);
   font-weight: normal;
   border-bottom: 3px solid var(--gl-link-color);
 }

 body .decklogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon,
 body .enginelogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon,
 body .arblogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon,
 body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
   width: 8px !important;
   height: 8px !important;
   margin: -4px !important;
 }

 body .decklogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon,
 body .enginelogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon,
 body .arblogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon,
 body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
   background: var(--gl-white-color) !important;
 }

 body .decklogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box,
 body .decklogActivityRecordbookMain input[type=checkbox],
 body .ui-radiobutton .ui-radiobutton-box,
 body .enginelogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box,
 body .enginelogActivityRecordbookMain input[type=checkbox],
 body .ui-radiobutton .ui-radiobutton-box,
 body .arblogActivityRecordbookMain .ui-radiobutton .ui-radiobutton-box,
 body .arblogActivityRecordbookMain input[type=checkbox],
 body .ui-radiobutton .ui-radiobutton-box,
 body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
   width: 18px !important;
   height: 18px !important;
   background: transparent !important;
   border: 1px solid var(--gl-radio-border-color) !important;
   margin: -2px;
 }

 .voyageDetailsBox {
   background: var(--gl-voyage-bg-color);
   padding: 5px 2px;
   text-align: center;
   position: absolute;
   bottom: 0;
   right: 0;
   height: 85px;
   overflow: hidden;
   overflow-x: auto;
 }

 .voyageDetailsBox .positionLeft {
   float: left;
 }

 .anchoreColorCode {
   color: var(--gl-voyage-anchore-color);
 }

 .decklogEditIcon {
   background-image: url('decklogEditDark.57b97e8039d06466db07.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
 }

 .deletIcon {
   background-image: url('icon-trash-light.d8af55a5608a3275d3e7.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
 }

 .deleticon {
   background-image: url('icon-trash-light.d8af55a5608a3275d3e7.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
 }

 .voyageDetailsBox:hover .arrowHoverBg {
   /* color: var(--gl-white-color);
  background: var(--gl-primary-button-color);
  border: 1px solid var(--gl-primary-button-border-color);*/
 }

 .ui-calendar button {
   background: transparent !important;
   border: none !important;
 }

 .primaryButton.ui-button,
 .secondoryButton.ui-button {
   padding: 6px 16px;
 }

 .attachmentIcon {

   background-image: url('orb-attachment-active-icon.0d56c9fd53e991723a8a.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
 }

 .previewInfoActivityDetails .ui-virtualscroller .ui-virtualscroller-content{
  border:none;
}

 .enginelogActivityRecordbookMain .ui-table-scrollable-body {
 max-height: calc(100vh - 324px) !important;
}

 body .ui-button.ui-state-default.ui-button-danger, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
    color: #ffffff;
    background-color: #e91224;
    border: 1px solid #e91224;
}

 .specialZoneCheckbox .ui-chkbox-label{
      margin: -4px 0 0 0.5em;
}

 /* body .enginelogActivityRecordbookMain .ui-table .ui-table-thead > tr > th,
  body .enginelogActivityRecordbookMain .ui-table .ui-table-thead > tr > td,
  body .enginlogs .ui-table tr td{ text-align: center;} */

 body .ui-table .ui-table-thead > tr > th input {
    width: 100% !important;
    max-width: 200px;
}

 .enginelogActivityRecordbookMain .breadcrumbs {
    padding: 10px 0 9px 0px !important;
}

 body .enginelogActivityRecordbookMain .ui-table .ui-table-tbody > tr > td {
    padding:0.875em 0.857em !important;
}

 .enginelogActivityRecordbookMain .rightPanelPadding{ padding: 8px 8px;}

 /* .enginelogActivityRecordbookMain .voyageDetailsBox{bottom: 25px !important;} */

 body .ui-dropdown .ui-inputtext, body .ui-autocomplete .ui-inputtext{
      line-height: 20px !important;
}

 /* .ui-dropdown-panel .ui-dropdown-items-wrapper{ max-height: 215px !important; } */

 body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item{    padding: 5px !important;}

 body .ui-table .ui-table-tbody > tr > td{ border-top:none !important;word-break: break-all;}

 .enginlogs table tr th,.enginlogs table tr td{ text-align: center ;}

 body .enginelogNewPanel .ui-tree .ui-tree-container li div.active {
    line-height: inherit;
    background: var(--gl-primary-button-color) !important;
    color: var(--gl-white-color);
    clear: both;
    margin: -5px 0 -5px -47px;
    padding: 5px 0px 5px 47px;
    display: block;
    width: 220px !important;
}

 .checklistReportTableAnchore a{color:#000;}

 .checklistReportTableAnchore a:hover{color:var(--gl-link-color);}

 .helperText {
  font-size: 13px;
  color: #10799f;
  background-color: #cbebfb;
  margin-top: 4px;
  border: 1px solid #8dc7d6;
  padding: 0px 5px;
  border-radius: 1px;
  width: 100%;
  line-height: 24px;
}

 /*.homeExpandCollapse .arrowPreviewButton {
  right: 20px;
}

.homeMainDialog .homeExpandCollapse .arrowPreviewButton {
  right: 12px;
}
*/

 .userGuideImg {
   background-image: url('user-guide-light-icon.401265def98674dbf356.svg');
   width: 35px;
   height: 32px;
   display: block;
   margin-left: 5px;
   margin-top: 2px;
 }

 body .ui-table .ui-table-tbody > tr.signBgNoneHover:hover {
  background: transparent !important;
}

 body .ui-table .ui-table-tbody > tr.signBgNoneHover {
  background: transparent !important;
}

 body .ui-table .ui-table-tbody > tr.signBgNoneHover td {
  border:none !important;}

 .passworPolicy {
}

 .passworPolicy .switch {
    width: 80px;
  }

 .passworPolicy .switch .switch-input:checked ~ .switch-handle {
      left: 50px !important;
    }

 .passworPolicy .switch-input:checked ~ .switch-label {
    margin-top: 0px;
  }

 .passworPolicy .switch-label {
    margin-top: 0px;
  }

 .passworPolicy .switch-label:before {
      right: 16px;
    }

 .switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(180deg, #eee, #fff);
    background-image: -webkit-linear-gradient(top, #eee, #fff);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, .02);
}

 .italicPreview i {
    float: none;
    position: unset;
    right: unset;
}

 .preConfiguredValue{
    margin:0 auto;
}

 .preConfiguredValue .switch {
  width: 75px;
  border-radius: 25px;
}

 .preConfiguredValue .switch-label {
    margin-top: 0px !important;
    background: transparent;
  }

 .preConfiguredValue .switch-input:checked ~ .switch-handle {
  left: 45px;
}

 .preConfiguredValue .switch-label:before {
    right: 15px;
  }

 .preConfiguredValue .switch-left-right {
    background-color: #e3e0e0;
    /*    border: 1px solid #c8c8c8;*/
  }

 .preConfiguredValue .switch-right-left {
    background-color: #fff;
    /*    border: 1px solid #c8c8c8;*/
  }

 .form-control[disabled], fieldset[disabled], select[disabled], textarea[disabled]{
    opacity: 0.5;    border: 1px solid #ccc !important;
  }

 .preConfiguredValue .switch-input:checked ~ .switch-label {
  background: transparent;
}

 .unitConfigParameters {
  width: 220px !important;
  height: 31px;
  text-align: right;
}

 body .unitConfigParameters span.ui-button-text.ui-clickable {
  padding: 0px 8px 4px 0px !important;
}

 .unitConfigParametersMain table tr td.variableLevelConfigBackground, .unitConfigParametersMain table tr th.variableLevelConfigBackground {
  border: 1px solid var(--gl-table-border-color);
  text-transform: uppercase;
  padding: 6px 15px;
  background: var(--gl-table-th-bg-color);
  color: var(--gl-table-th-text-color);
  font-size: 12px;
  height: 40px;
  font-weight: 700;
}

 .enginelogActivityRecordbookMain .pageLevelList .entryDateDisplayTablePreview tr td td {
    border-bottom: 1px solid var(--gl-table-td-border-color);
    font-size: 13px;
}

 .enginelogActivityRecordbookMain .pageLevelList .entryDateDisplayTablePreview tr {
    border-bottom: none !important;
}

 .unitVerticalConfigParametersMain table tr td, .unitChecklistConfigParametersMain table tr td {
  height: 40px;
  padding: 6px 15px;
}

 .unitVerticalConfigParametersMain table tr th, .unitChecklistConfigParametersMain table tr th {
  text-transform: uppercase;
  padding: 6px 15px;
  background: none;
  border: none;
  color: var(--gl-table-th-text-color);
  font-size: 12px;
  height: 40px;
  font-weight: 700;
}

 .unitVerticalConfigParametersMain .unitValueColumn {
  padding: 2px 5px;
  border: none;
}

 .unitConfigParametersMain table {
  border: 1px solid var(--gl-table-border-color);
}

 .unitConfigParametersMain table .preConfiguredValue, .unitVerticalConfigParametersMain table .preConfiguredValue, .unitChecklistConfigParametersMain table .preConfiguredValue {
    text-align: center;
    display: inline-flex;
  }

 .unitValueColumn {
  padding: 2px 5px;
  border: none;
  border-bottom: 1px solid var(--gl-table-border-color);
}

 .unitValueColumn:first-child, .unitVerticalConfigParametersMain .unitValueColumn:first-child {
    text-align: center;
  }

 /*.unitCommonDropdown input {
 border-right:none !important;}*/

 body .unitCommonDropdown .ui-dropdown .ui-inputtext {
  background-color: #E7E7E7 !important;
}

 .pageLevelHeader {
    background-color: #d3d3d3;
    border: 1px solid var(--gl-table-border-color);
    font-size: 15px;
    font-weight: bold;
    padding: 5px !important;

}

 .enginelogActivityRecordbookMain .pageLevelList .subLevelTitle {
    width: 100%;
    background-color: rgb(233, 233, 233);
    padding-left: 5px;
    border-bottom: 1px solid rgb(200, 200, 200);
    height: 30px;
}

 .enginelogActivityRecordbookMain .pageLevelList .subLevelTitle {
  width: 100%;
  background-color: #E9E9E9;
  padding-left: 5px;
  border-bottom: 1px solid var(--gl-table-border-color);
  height: 30px;
}

 .enginelogActivityRecordbookMain .pageLevelList .subLevelTitle label {
    font-weight: 500;
    margin-bottom: 0;
  }

 .enginelogActivityRecordbookMain .pageLevelList .pageLevelListMargin {
    margin-bottom: 10px;
}

 .pageLevelList {
    border: 1px solid #c8c8c8;
    padding: 10px !important;
    margin-bottom:10px;
}

 body .ui-virtualscroller .ui-virtualscroller-content .ui-virtualscroller-list .ui-virtualscroller-item {
    border: none !important;
}

 .engineLogOverlayPanel {
  max-width: 500px;
  max-height: 150px;
}

 .contracMasterMain {}

 .contracMasterSubBox {
   display: flex;
 }

 .contracMasterSubBox .RightBox {
   float: right;
   width: 350px;
 }

 .top-header-row {
   display: inline-flex !important;
   justify-content: flex-end !important;
   align-items: center !important;
   flex-direction: row !important;
   align-content: flex-end !important;
   width: 100% !important;
 }

 .top-header-row button {
   margin-left: 10px !important;
 }

 .ui-toast .ui-toast-icon {
   top: 1.6em !important;
 }

 app-contract-form .contract-form-div .ui-dialog-content {
   min-height: 340px !important;
   max-height: 70% !important;
   overflow-y: scroll !important;
 }

 app-contract-access-form .form-div {
   min-height: 340px !important;
   overflow-y: scroll !important;
 }

 app-contract-form .ui-multiselect,
 app-contract-access-form .ui-multiselect,
 app-ship-product-form-bulk .ui-multiselect {
   display: block !important;
   position: relative;
   width: 100%;
 }

 app-contract-master p-autocomplete.form-control {
   padding: 0px !important;
   border: none !important;
 }

 app-contract-master span.ui-autocomplete.ui-widget {
   width: 100% !important;
 }

 app-contract-master .ui-table-caption.ui-widget-header,
 app-ship-product .ui-table-caption.ui-widget-header {
   background: none !important;
   border: none !important;
 }

 app-contract-list .new-table-css .ui-table-thead>tr>th,
 app-contract-list .new-table-css .ui-table-tbody>tr>td,
 app-billing-list .new-table-css .ui-table-thead>tr>th,
 app-billing-list .new-table-css .ui-table-tbody>tr>td,
 app-billing-list .new-table-css .ui-table-tfoot>tr>td,
 app-product-list .new-table-css .ui-table-thead>tr>th,
 app-product-list .new-table-css .ui-table-tbody>tr>td,
 app-ship-product-form-bulk .new-table-css .ui-table-thead>tr>th,
 app-ship-product-form-bulk .new-table-css .ui-table-tbody>tr>td ,
 app-contract-access-list .new-table-css .ui-table-thead>tr>th,
 app-contract-access-list .new-table-css .ui-table-tbody>tr>td {
   border: none !important;
   border-top: 1px solid #ddd !important;
   text-align: left !important;
 }

 .new-table-css .ui-table-tbody,
 .new-table-css .ui-table-tfoot {
   border-bottom: 1px solid #ddd !important;
 }

 .new-table-css .ui-table-thead tr:first-child th {
    background: #e9e9e9 !important;
    color: #000000 !important;
    font-size: 14px;
    font-weight: 600;
}

 app-ship-product-form-bulk .new-table-css .ui-table-thead tr:first-child th {
      border: 1px solid #ddd !important;
  }

 app-ship-product-form-bulk .new-table-css tbody tr td{
    border: 1px solid #ddd !important;
  }

 .new-table-css .ui-table .ui-table-tbody>tr {
   background-color: #fff !important;
   border-bottom: 1px solid #ddd !important;
 }

 /* app-contract-master .ui-button, */

 app-contract-master .ui-state-active,
 app-contract-master .btn-primary,
 app-ship-product .ui-button,
 app-ship-product .ui-state-active,
 app-ship-product .btn-primary {
   background-color: #51aef5 !important;
   border: 1px solid #51aef5 !important;
   color: #fff !important
 }

 app-contract-master .ui-button:disabled,
 app-contract-master .ui-state-active:disabled,
 app-contract-master .btn-primary:disabled,
 app-ship-product .ui-button:disabled,
 app-ship-product .ui-state-active:disabled,
 app-ship-product .btn-primary:disabled {
   opacity: 0.5 !important;
 }

 app-contract-master .ui-button:hover {
   background-color: #268ad7 !important;
   border: 1px solid #268ad7 !important;
   color: #fff !important
 }

 app-contract-master .ui-tabview-panels {
   background: none !important;
   border: none !important;
   padding: 0px !important;
 }

 app-contract-master ul.ui-tabview-nav {
  border-bottom: 1px solid #ddd !important;
  display: inline-flex;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
 }

 app-contract-master li.ui-state-default.ui-corner-top {
    border: 1px solid #fff !important;
    margin-bottom: 5px !important;
 }

 app-contract-master .greenCheck i,
 app-contract-master .redUncheck i {
   margin: 0px !important;
 }

 .actions {
   width: 7% !important;
 }

 .ui-table-thead .actions button,
 .ui-table-tbody .actions button {
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s ease;
 }

 .ui-table-tbhead tr:hover .actions button,
 .ui-table-tbody tr:hover .actions button {
   opacity: 1;
   visibility: visible;
 }

 body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button span.ui-button-icon-left.ui-clickable.pi.pi-calendar {
   color: #848484;
 }

 body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button span.ui-button-icon-left.ui-clickable.pi.pi-calendar {
   color: #848484 !important;
 }

 .textAreaContainer {
   height: auto !important;
 }

 .textOutput {
   white-space: pre-wrap;
 }

 .signatureButton {
   width: 25px;
   height: 25px;
   background: url('sign-Edit-Icon.567d6fe0afbb7a5f7885.svg');
 }

 .product-card {
   padding: 10px !important;
   text-align: center;
   border-radius: 8px;
   border: 1px solid #d5d5d5;
   word-break: break-word;
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   margin: 5px !important;
 }

 .product-card span {
   font-size: 14px;
   font-weight: 500;
 }

 .product-card i {
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s ease;
   font-size: 18px !important;
   margin-left: 20px;
 }

 .product-card:hover i {
   opacity: 1;
   visibility: visible;
 }

 .registered {
   background-color: #C4F0A4;
   border: 1px solid #797979;
 }

 .data-gathering {
   background-color: #FFCC80;
   border: 1px solid #797979;
 }

 .installed {
   background-color: #90CAF9;
   border: 1px solid #797979;
 }

 .activation {
   background-color: #F48FB1;
   border: 1px solid #797979;
 }

 .free-trial {
   background-color: #A3CCDA;
   border: 1px solid #797979;
 }

 .paid-trial {
   background-color: #ffe192;
   border: 1px solid #797979;
 }

 .reset {
   background-color: #E6E6E6;
   border: 1px solid #797979;
 }

 .live {
   background-color: #BDE3C3;
   border: 1px solid #797979;
 }

 .stopped {
   background-color: #f36363;
   border: 1px solid #797979;
 }

 .archived {
   background-color: #a9a9a9;
   border: 1px solid #797979;
   opacity: 1;
 }

 .horizontal-list {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
 }

 .horizontal-list li {
   margin-right: 15px;
   display: inline-flex;
   align-items: center;
   flex-direction: column;
 }

 .horizontal-list div {
   width: 30px;
   height: 20px;
 }

 table.detail-table {
   width: 350px;
 }

 .detail-table>tr>td {
   border: 1px solid #000 !important;
   text-align: left !important;
   padding: 5px;
 }

 .detail-table>tr>th {
   background-color: #ddd !important;
   font-weight: 600;
   border: 1px solid #000 !important;
   text-align: left !important;
   padding: 5px;
 }

 .detail-table .heading {
   width: 35% !important;
 }

 app-ship-product-form .contract-form-div .ui-dialog-content {
   min-height: 340px !important;
   max-height: 70% !important;
   overflow-y: scroll !important;
 }

 .ui-paginator .ui-dropdown {
   height: auto !important;
 }

 .ui-multiselect.ui-widget.ui-state-default {
   height: 26px !important;
 }

 span.ui-multiselect-label.ui-corner-all {
   padding: 3px !important;
 }

 app-product-form span.ui-autocomplete.ui-widget {
   width: 100% !important;
 }

 app-ship-product-form-bulk .ship-product-bulk-form {
   min-height: 600px;
 }

 app-ship-product-form-bulk .ui-multiselect.ui-widget.ui-state-default {
   height: 30px !important;
 }

 app-contract-master .ui-tabview-selected.ui-state-active {
    border-radius: 25px !important;
    background: #51aef5 !important;
  }

 .apply-all-div {
      border: 1px solid #ddd;
      margin-bottom: 2%;
      display: inline-flex;
      width: 100%;
      flex-direction: column;
  }

 .apply-all-div .ui-g-12.heading {
      border-bottom: 1px solid #ddd;
      margin-bottom: 10px;
      font-weight: 600;
      font-size: 14px;
      background: #e9e9e9;
      padding: 10px !important;
  }

 .apply-all-fields {
      display: inline-flex;
      -moz-column-gap: 10px;
      column-gap: 10px;
      padding: 0% 1% 1% !important;
  }

 app-billing-list i.pi.pi-check {
      color: green;
      font-size: 14px !important;
  }

 app-billing-list i.pi.pi-times {
      color: red;
      font-size: 14px !important;
  }

 .actionOnboardingAction .actionOnboardingActionList .shipProductIcon {
   width: 30px;
   height: 30px;
   cursor: pointer;
   background: url('ShipProductIcon.d6521f8e0fc9303b73cd.svg');
   background-repeat: no-repeat;
   display: block;
   background-size: 100%;
 }

 /* End of CSS for contract master and ship product forms */

 .enginelogActivityRecordbookMain .entryDateDisplayTablePreview table tr td:first-child > label {
    color: var(--gl-table-td-text-light-color);
    font-weight: 500;
    font-size: 13px;  width: 100% !important;
}

 .enginelogActivityRecordbookMain .pageLevelList .mainLevelTile {
    border-bottom: 1px solid #c8c8c8 !important;
}

 .templateCanvasDownloadIcon {
   background-image: url('download.b315f8ab9c42878851b6.svg');
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
 }

 .shipDetailsHistory .ui-table table{
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed !important;
}

 .ui-fileupload-content .ui-messages .ui-messages-icon {
    display: none !important;
}

 /* tank details */

 /* ── Tank Type Overlay Panel ─────────────────────────────────── */

 .tank-type-overlay .p-overlaypanel-content {
  padding: 0;
}

 .tank-type-panel {
  width: 280px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

 .tank-type-header {
  padding: 10px 14px 6px;
  font-weight: 600;
  font-size: 14px;
  color: #212121;
/*  border-bottom: 1px solid #e9ecef;*/
}

 .tank-type-search {
  display: flex;
  align-items: center;
  padding: 0px 10px 0 3px;
  border: 1px solid #e9ecef;
  gap: 6px;
}

 .tank-search-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 13px;
  color: #495057;
  background: transparent;
}

 .tank-type-search .pi-search {
  color: #9ba0b9;
}

 .tank-type-list {
  max-height: 280px;
  overflow-y: auto;
  padding: 4px 0;
}

 .tank-select-all-row {
  padding: 6px 14px;
  border-bottom: 1px solid #e9ecef;
}

 .tank-parent-row {
  display: flex;
  align-items: center;
  padding: 6px 14px;
  gap: 4px;
  border-bottom: 1px solid #f0f0f0;
}

 .tank-expand-icon {
  width: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: #6c757d;
}

 .tank-expand-spacer {
  display: inline-block;
  width: 16px;
}

 .tank-child-row {
  display: flex;
  align-items: center;
  padding: 6px 14px 6px 40px;
  border-bottom: 1px solid #f0f0f0;
}

 .tank-type-footer {
  display: flex;
  justify-content: flex-end;
  padding: 8px 12px;
/*  border-top: 1px solid #e9ecef;*/
}

 .tank-clear-btn {
  background: #5c6bbf !important;
  border-color: #5c6bbf !important;
  font-size: 13px;
  padding: 5px 18px !important;
}

 .tank-section {
  border-radius: 6px;
  border: 1px solid #D9D9E1;
  background: #ECEBF0;
  box-shadow: -1px 4px 24px 0 rgba(126, 126, 126, 0.25);
  margin-bottom:50px;
}

 .tank-header, .section-header-title {
  border: 1px solid #E4E3EA;
  background: var(--header, linear-gradient(90deg, #F5F4F7 0%, #F3F2F6 100%));
  display: flex;
  height: 50px;
  padding: 10px 15px;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  align-self: stretch;
}

 .shipDataMainForms {
  padding: 7px 0;
  clear: both;
  display: flex;
}

 .testShipMainBox {
  padding: 10px;
  clear: both;
  display: flex;
}

 .testshipBox {
border-radius: 10px;
  border: 1px solid #C8C8C8;
  background: #FFF;
  display: flex;
  width: 1299px;
  padding: 7px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  float:left;
}

 .testshipBox h3 {
    color: #0A0A0A;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0;
    margin: 0;
  }

 .testshipBox p {
    color: #0A0A0A;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 100% */
    padding: 0;
    margin: 0;
    line-height: 10px !important;
  }

 .toolbar-right {
 float:right;}

 .tank-parent-row {
position:relative;}

 .tank-parent-row .ui-chkbox {
  float: left;
  position: absolute;
}

 .tank-parent-row .ui-chkbox-label {
  margin-left: 26px;
}

 body .rob-detail-dialog {
  max-height: 100%;
}

 .removeResize.ui-dialog-resizable .ui-dialog-content {
  max-height: 100vh;
}

 .tank-type-trigger {
  background: #fff;
  border: 1px solid #ced4da;
  color: #495057;
}

 .tank-subheader-row:hover {
  background-color: #e2e8f0;
}

 .tank-toggle-icon {
  color: #475569;
}

 .tank-subheader-row {
  background-color: #f1f5f9;
}

 .commonCheckBox p-checkbox {
  position: relative
}

 .commonCheckBox p-checkbox .ui-chkbox {
    position: absolute;
    float: left;
  }

 .commonCheckBox p-checkbox .ui-chkbox-label {
    margin-left: 26px;
    float: left;
  }

 .section-header-content {
  color: #555;
  background-color: #fff;border:1px solid #E4E3EA;
  border-top: none;
}

 .section-headers {
  border: none;
}

 .section-header-item {
 border:none;
}

 tank-type-overlay:hover, .tank-type-overlay.ui-widget.ui-widget-content:hover {
  border: 1px solid transparent !important;
}

 .section-header-title {
  background-color: #f4f6f9;
}

 .section-header-title {
  color: #3c4560;
}

 .tank-subheader-name {
	  color: #1e293b;
}

 .month-header {
  background-color: #e9e9e9;
  border: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8 !important;
}

 .month-title {
  color: #1f2937;
}

 .calendar-table td.tank-title-cell {
  border: 1px solid #C8C8C8;
  background-color: #e9e9e9;
  color: #333;
}

 .tank-title-cell .tank-expand-icon {
  color: #6b7280;
}

 .calendar-table td.tank-name-cell {
  border: 1px solid #C8C8C8;
  background-color: #ccf5f0;
  color: #0f766e;
}

 .month-header .pi {
  color: #6b7280;
}

 .calendar-table td.metric-name {
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  color: #4b5563;
}

 .calendar-table {
  background: #fff;
}

 .calendar-table td.metric-value {
    border: 1px solid #e5e7eb;
    color: #1f2937;
  }

 .calendar-table th.date-column {
    background-color: #DFE6F3;
    color: #0F1B2F;
  }

 .calendar-table th {
    border: 1px solid #C8C8C8;
  }

 .calendar-table th.metric-column {
      background-color: #DFE6F3;
    }

 .calendar-table tbody tr.tank-row {
    background-color: #f0fdfa;
  }

 .calendar-table tbody tr.metric-row:hover {
  background-color: #fafafa;
}

 .month-section {
  border-bottom: 1px solid #c8c8c8;
}

 .ui-table-scrollable-header-box {
  padding-right: 0px !important;
}

 .p-datatable-gridlines .ui-table-scrollable-body {
  max-height: 38vh !important;
}

 .ui-dialog-resizable .ui-dialog-content {
  max-height: 100% !important;
}

 @media screen and (min-width: 1024px) and (max-width: 1440px) {
   .widthnextLine {
   width: 100%;
   display: block;
   line-height: 20px;
 }
   .testshipBox:first-child {
   width: 35% !important
 }
 .p-datatable-gridlines .ui-table-scrollable-body {
   max-height: calc(100vh - 232px) !important;
 }
}
@charset "UTF-8";
:root {
  --layer-0: #ffffff;
  --layer-1: #f4f4f4;
  --layer-2: #eaeaea;
  --text-color: #333333;
  --text-color-secondary: #848484;
  --primary-color: #007ad9;
  --primary-color-text: #ffffff;
}
/* open-sans-300 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url('open-sans-v15-latin-300.2aeabc9e8ed0aef227d7.eot');
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url('open-sans-v15-latin-300.2aeabc9e8ed0aef227d7.eot?#iefix') format("embedded-opentype"), url('open-sans-v15-latin-300.f2ebdee8c2343f558a02.woff2') format("woff2"), url('open-sans-v15-latin-300.df17d4e30091735253a8.woff') format("woff"), url('open-sans-v15-latin-300.252a41f69d4c320154a1.ttf') format("truetype"), url('open-sans-v15-latin-300.bb3b405a4608d51ddb13.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url('open-sans-v15-latin-regular.a356e361ee6765f3d6d4.eot');
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url('open-sans-v15-latin-regular.a356e361ee6765f3d6d4.eot?#iefix') format("embedded-opentype"), url('open-sans-v15-latin-regular.ec806460121999bcfb12.woff2') format("woff2"), url('open-sans-v15-latin-regular.87a454b233bedae23f8d.woff') format("woff"), url('open-sans-v15-latin-regular.61747992dd9a412e601e.ttf') format("truetype"), url('open-sans-v15-latin-regular.1d0d8b66fa1da76d69b9.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url('open-sans-v15-latin-700.75e0e55bdb3e82dcacf8.eot');
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url('open-sans-v15-latin-700.75e0e55bdb3e82dcacf8.eot?#iefix') format("embedded-opentype"), url('open-sans-v15-latin-700.7435e6c2064f36f48626.woff2') format("woff2"), url('open-sans-v15-latin-700.2509c35b0cfc629f81e5.woff') format("woff"), url('open-sans-v15-latin-700.ec32d6be7329ece0789c.ttf') format("truetype"), url('open-sans-v15-latin-700.926388f043fc8117b35b.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
* {
  box-sizing: border-box;
}
body .ui-widget {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  text-decoration: none;
}
body .ui-widget-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}
body .ui-widget-content p {
  line-height: 1.5;
  margin: 0;
}
body .ui-corner-all {
  border-radius: 3px;
}
body .ui-corner-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
body .ui-corner-bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .ui-corner-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .ui-corner-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body a {
  color: #007ad9;
  text-decoration: none;
}
body a:hover {
  color: #116fbf;
}
body a:active {
  color: #005b9f;
}
body .ui-helper-reset {
  line-height: normal;
}
body .ui-state-disabled, body .ui-widget:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
body .pi {
  font-size: 1.25em;
}
body .ui-link {
  font-size: 14px;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  border-radius: 3px;
}
body .ui-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body ::-webkit-input-placeholder {
  color: #666666;
}
body :-moz-placeholder {
  color: #666666;
}
body ::-moz-placeholder {
  color: #666666;
}
body :-ms-input-placeholder {
  color: #666666;
}
body .ui-autocomplete .ui-autocomplete-input {
  padding: 0.429em;
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
  padding: 0.2145em 0.429em;
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
  border-color: #212121;
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
  border-color: #007ad9;
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
  margin: 0;
  padding: 0.2145em 0;
  color: #333333;
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0;
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
  font-size: 14px;
  padding: 0.2145em 0.429em;
  margin: 0 0.286em 0 0;
  background: #007ad9;
  color: #ffffff;
}
body .ui-autocomplete-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-autocomplete-panel .ui-autocomplete-items {
  padding: 0;
}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  border-radius: 0;
}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item.ui-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
  padding: 0.429em 0.857em;
  background-color: #d8dae2;
  color: #333333;
}
body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  width: 2.357em;
}
body .ui-fluid .ui-autocomplete.ui-autocomplete-multiple.ui-autocomplete-dd .ui-autocomplete-multiple-container {
  border-right: 0 none;
  width: calc(100% - 2.357em);
}
body .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-inputtext {
  border-right: 0 none;
  width: calc(100% - 2.357em);
}
body p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext {
  border: 1px solid #a80000;
}
body .ui-datepicker {
  padding: 0.857em;
  min-width: 20em;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #a6a6a6;
}
body .ui-datepicker:not(.ui-datepicker-inline) {
  border: 1px solid #c8c8c8;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover,
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover {
  color: #007ad9;
}
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:focus,
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover {
  background-color: #eaeaea;
}
body .ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover {
  background-color: #eaeaea;
}
body .ui-datepicker .ui-datepicker-header {
  padding: 0.429em 0.857em 0.429em 0.857em;
  background-color: #ffffff;
  color: #333333;
  border-radius: 0;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  top: 0;
  color: #a6a6a6;
  transition: color 0.2s, box-shadow 0.2s;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  margin-top: -0.35em;
  margin-bottom: 0;
  transition: color 0.2s, box-shadow 0.2s;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-datepicker table {
  font-size: 14px;
  margin: 0.857em 0 0 0;
}
body .ui-datepicker table th {
  padding: 0.5em;
}
body .ui-datepicker table th.ui-datepicker-weekheader {
  border-right: 1px solid #a6a6a6;
}
body .ui-datepicker table td {
  padding: 0.5em;
}
body .ui-datepicker table td > a, body .ui-datepicker table td > span {
  display: block;
  text-align: center;
  color: #333333;
  padding: 0.5em;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}
body .ui-datepicker table td > a.ui-state-active, body .ui-datepicker table td > span.ui-state-active {
  color: #ffffff;
  background-color: #007ad9;
}
body .ui-datepicker table td > a {
  cursor: pointer;
}
body .ui-datepicker table td > a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-datepicker table td.ui-datepicker-today > a, body .ui-datepicker table td.ui-datepicker-today > span {
  background-color: #d0d0d0;
  color: #333333;
}
body .ui-datepicker table td.ui-datepicker-today > a.ui-state-active, body .ui-datepicker table td.ui-datepicker-today > span.ui-state-active {
  color: #ffffff;
  background-color: #007ad9;
}
body .ui-datepicker table td.ui-datepicker-weeknumber {
  border-right: 1px solid #a6a6a6;
}
body .ui-datepicker .ui-datepicker-buttonbar {
  border-top: 1px solid #d8dae2;
}
body .ui-datepicker .ui-timepicker {
  border: 0 none;
  border-top: 1px solid #d8dae2;
  padding: 0.857em;
}
body .ui-datepicker .ui-timepicker a {
  color: #333333;
  font-size: 1.286em;
}
body .ui-datepicker .ui-timepicker a:hover {
  color: #007ad9;
}
body .ui-datepicker .ui-timepicker span {
  font-size: 1.286em;
}
body .ui-datepicker .ui-monthpicker .ui-monthpicker-month {
  color: #333333;
}
body .ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
  color: #ffffff;
  background-color: #007ad9;
}
body .ui-datepicker.ui-datepicker-timeonly {
  padding: 0;
}
body .ui-datepicker.ui-datepicker-timeonly .ui-timepicker {
  border-top: 0 none;
}
body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group {
  border-right: 1px solid #d8dae2;
  padding-right: 0.857em;
  padding-left: 0.857em;
  padding-top: 0;
  padding-bottom: 0;
}
body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:first-child {
  padding-left: 0;
}
body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:last-child {
  padding-right: 0;
  border-right: 0 none;
}
body .ui-calendar.ui-calendar-w-btn .ui-inputtext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}
body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:hover:not(.ui-state-error), body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:focus:not(.ui-state-error) {
  border-right: 0 none;
}
body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
  width: 2.357em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body .ui-fluid .ui-calendar.ui-calendar-w-btn input.ui-inputtext {
  width: calc(100% - 2.357em);
}
body p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext {
  border: 1px solid #a80000;
}
body .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 20px;
  height: 20px;
}
body .ui-chkbox .ui-chkbox-box {
  border: 1px solid #a6a6a6;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 3px;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
  border-color: #212121;
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
  border-color: #007ad9;
}
body .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
  border-color: #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  overflow: hidden;
  position: relative;
  font-size: 18px;
}
body .ui-chkbox-label {
  margin: 0 0 0 0.5em;
}
body p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box {
  border: 1px solid #a80000;
}
body .ui-chips > ul.ui-inputtext {
  padding: 0.2145em 0.429em;
  display: inline-block;
}
body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled):hover {
  border-color: #212121;
}
body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
  border-color: #007ad9;
}
body .ui-chips > ul.ui-inputtext .ui-chips-input-token {
  padding: 0.2145em 0;
}
body .ui-chips > ul.ui-inputtext .ui-chips-input-token input {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0;
  color: #333333;
}
body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:hover {
  border: 0 none;
}
body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:focus {
  border: 0 none;
}
body .ui-chips > ul.ui-inputtext .ui-chips-token {
  font-size: 14px;
  padding: 0.2145em 0.429em;
  margin: 0 0.286em 0 0;
  background: #007ad9;
  color: #ffffff;
}
body p-chips.ng-dirty.ng-invalid > .ui-inputtext {
  border: 1px solid #a80000;
}
body .ui-dropdown {
  background: #ffffff;
  border: 1px solid #a6a6a6;
  transition: border-color 0.2s, box-shadow 0.2s;
}
body .ui-dropdown:not(.ui-state-disabled):hover {
  border-color: #212121;
}
body .ui-dropdown:not(.ui-state-disabled).ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
  border-color: #007ad9;
}
body .ui-dropdown .ui-dropdown-label {
  padding-right: 2em;
}
body .ui-dropdown .ui-dropdown-label .ui-placeholder {
  color: #666666;
}
body .ui-dropdown .ui-dropdown-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #848484;
}
body .ui-dropdown .ui-dropdown-clear-icon {
  color: #848484;
}
body .ui-dropdown.ui-dropdown-clearable .ui-dropdown-label {
  padding-right: 4em;
}
body .ui-dropdown-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-dropdown-panel .ui-dropdown-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}
body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
  width: 100%;
  padding-right: 2em;
}
body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  right: 1.357em;
  color: #007ad9;
}
body .ui-dropdown-panel .ui-dropdown-items {
  padding: 0;
}
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  border-radius: 0;
}
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}
body p-dropdown.ng-dirty.ng-invalid > .ui-dropdown {
  border: 1px solid #a80000;
}
body .ui-editor-container .ui-editor-toolbar {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
}
body .ui-editor-container .ui-editor-content {
  border: 1px solid #c8c8c8;
}
body .ui-editor-container .ui-editor-content .ql-editor {
  background-color: #ffffff;
  color: #333333;
}
body .ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
  color: #333333;
}
body .ui-editor-container .ql-stroke {
  stroke: #333333;
}
body .ui-editor-container .ql-picker-label {
  color: #333333;
}
body .ui-editor-container .ql-snow.ql-toolbar button:hover,
body .ui-editor-container .ql-snow .ql-toolbar button:hover,
body .ui-editor-container .ql-snow.ql-toolbar button.ql-active,
body .ui-editor-container .ql-snow .ql-toolbar button.ql-active,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #007ad9;
}
body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #007ad9;
}
body .ui-inputgroup .ui-inputgroup-addon {
  border-color: #a6a6a6;
  background-color: #eaeaea;
  color: #848484;
  padding: 0.429em;
  min-width: 2em;
}
body .ui-inputgroup .ui-inputgroup-addon:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .ui-inputgroup .ui-inputgroup-addon:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox {
  position: relative;
}
body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox .ui-chkbox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}
body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton {
  position: relative;
}
body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton .ui-radiobutton {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}
body .ui-inputgroup .ui-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .ui-inputgroup .ui-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .ui-fluid .ui-inputgroup .ui-button {
  width: auto;
}
body .ui-fluid .ui-inputgroup .ui-button.ui-button-icon-only {
  width: 2.357em;
}
body .ui-inputswitch {
  width: 3em;
  height: 1.75em;
}
body .ui-inputswitch .ui-inputswitch-slider {
  transition: background-color 0.2s, box-shadow 0.2s;
  border-radius: 30px;
  background: #cccccc;
}
body .ui-inputswitch .ui-inputswitch-slider:before {
  background-color: #ffffff;
  height: 1.25em;
  width: 1.25em;
  left: 0.25em;
  bottom: 0.25em;
  border-radius: 50%;
  transition: 0.2s;
}
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
  transform: translateX(1.25em);
}
body .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
  background: #b7b7b7;
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #b7b7b7;
}
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
  background-color: #007ad9;
}
body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #116fbf;
}
body .ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider {
  background: #005b9f;
}
body p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch {
  border: 1px solid #a80000;
}
body .ui-inputtext {
  font-size: 14px;
  color: #333333;
  background: #ffffff;
  padding: 0.429em;
  border: 1px solid #a6a6a6;
  transition: border-color 0.2s, box-shadow 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body .ui-inputtext.ng-dirty.ng-invalid {
  border: 1px solid #a80000;
}
body .ui-inputtext:enabled:hover:not(.ui-state-error) {
  border-color: #212121;
}
body .ui-inputtext:enabled:focus:not(.ui-state-error) {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
  border-color: #007ad9;
}
body p-inputmask.ng-dirty.ng-invalid > .ui-inputtext {
  border: 1px solid #a80000;
}
body .ui-listbox {
  padding: 0;
  min-width: 12em;
  background: #ffffff;
  border: 1px solid #a6a6a6;
}
body .ui-listbox .ui-chkbox {
  margin: 0 0.5em 0 0;
}
body .ui-listbox .ui-listbox-header {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}
body .ui-listbox .ui-listbox-header .ui-listbox-filter-container {
  width: calc(100% - (0.857em + 0.857em + 0.5em));
}
body .ui-listbox .ui-listbox-header .ui-listbox-filter-container input {
  padding: 0.429em;
  padding-right: 2em;
}
body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
  top: 50%;
  left: auto;
  margin-top: -0.5em;
  right: 0.5em;
  color: #007ad9;
}
body .ui-listbox .ui-listbox-list {
  background-color: #ffffff;
}
body .ui-listbox .ui-listbox-list .ui-listbox-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  transition: background-color 0.2s, box-shadow 0.2s;
  border-radius: 0;
}
body .ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}
body .ui-listbox .ui-listbox-list .ui-listbox-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-listbox .ui-listbox-list .ui-listbox-item .ui-chkbox {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}
body .ui-listbox .ui-listbox-list .ui-listbox-item label {
  display: inline-block;
  vertical-align: middle;
}
body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}
body .ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border: 1px solid #a6a6a6;
}
body .ui-listbox .ui-listbox-footer {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-top: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
}
body p-listbox.ng-dirty.ng-invalid .ui-inputtext {
  border: 1px solid #a80000;
}
body .ui-multiselect {
  background: #ffffff;
  border: 1px solid #a6a6a6;
  transition: border-color 0.2s, box-shadow 0.2s;
}
body .ui-multiselect:not(.ui-state-disabled):hover {
  border-color: #212121;
}
body .ui-multiselect:not(.ui-state-disabled).ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
  border-color: #007ad9;
}
body .ui-multiselect .ui-multiselect-label {
  padding: 0.429em;
  padding-right: 2em;
  color: #333333;
}
body .ui-multiselect .ui-multiselect-label .ui-placeholder {
  color: #666666;
}
body .ui-multiselect .ui-multiselect-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #848484;
}
body .ui-multiselect-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-multiselect-panel .ui-multiselect-header {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container {
  float: none;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext {
  padding: 0.429em;
  padding-right: 2em;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
  color: #007ad9;
  top: 50%;
  margin-top: -0.5em;
  right: 0.5em;
  left: auto;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-chkbox {
  margin-right: 0.5em;
  float: none;
  vertical-align: middle;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close {
  color: #848484;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1;
  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
  color: #333333;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-multiselect-panel .ui-multiselect-items {
  padding: 0;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  transition: background-color 0.2s, box-shadow 0.2s;
  border-radius: 0;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box {
  cursor: auto;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box:hover {
  border: 1px solid #a6a6a6;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box.ui-state-active:hover {
  border-color: #007ad9;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label {
  display: inline-block;
  vertical-align: middle;
}
body p-multiselect.ng-dirty.ng-invalid > .ui-multiselect {
  border: 1px solid #a80000;
}
body .ui-password-panel {
  padding: 12px;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-radiobutton {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 20px;
  height: 20px;
}
body .ui-radiobutton .ui-radiobutton-box {
  border: 1px solid #a6a6a6;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  position: relative;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}
body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #212121;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
  border-color: #007ad9;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
  background-color: #ffffff;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover {
  border-color: #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  background: transparent;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  transition: background-color 0.2s;
  border-radius: 50%;
}
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
  display: none;
}
body .ui-radiobutton-label {
  margin: 0 0 0 0.5em;
}
body p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box {
  border: 1px solid #a80000;
}
body .ui-rating a {
  text-align: center;
  display: inline-block;
  color: #333333;
  border-radius: 3px;
  line-height: 1;
  transition: color 0.2s, box-shadow 0.2s;
}
body .ui-rating a.ui-rating-cancel {
  color: #e4018d;
}
body .ui-rating a .ui-rating-icon {
  font-size: 20px;
}
body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:hover {
  color: #007ad9;
}
body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a.ui-rating-cancel:hover {
  color: #b5019f;
}
body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-selectbutton .ui-button {
  background-color: #dadada;
  border: 1px solid #dadada;
  color: #333333;
  overflow: hidden;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-selectbutton .ui-button .ui-button-icon-left {
  color: #666666;
}
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
}
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
  color: #212121;
}
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  box-shadow: 0 0 0 0.2em #8dcdff;
  z-index: 1;
}
body .ui-selectbutton .ui-button.ui-state-active {
  background-color: #007ad9;
  border-color: #007ad9;
  color: #ffffff;
}
body .ui-selectbutton .ui-button.ui-state-active .ui-button-icon-left {
  color: #ffffff;
}
body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover {
  background-color: #116fbf;
  border-color: #116fbf;
  color: #ffffff;
}
body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-button-icon-left {
  color: #ffffff;
}
body .ui-selectbutton .ui-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .ui-selectbutton .ui-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body p-selectbutton.ng-dirty.ng-invalid .ui-button {
  border: 1px solid #a80000;
}
body .ui-slider {
  background-color: #c8c8c8;
  border: 0 none;
}
body .ui-slider.ui-slider-horizontal {
  height: 0.286em;
}
body .ui-slider.ui-slider-horizontal .ui-slider-handle {
  top: 50%;
  margin-top: -0.5715em;
}
body .ui-slider.ui-slider-vertical {
  width: 0.286em;
}
body .ui-slider.ui-slider-vertical .ui-slider-handle {
  left: 50%;
  margin-left: -0.5715em;
}
body .ui-slider .ui-slider-handle {
  height: 1.143em;
  width: 1.143em;
  background-color: #ffffff;
  border: 2px solid #666666;
  border-radius: 100%;
  transition: box-shadow 0.2s;
}
body .ui-slider .ui-slider-handle:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-slider .ui-slider-range {
  background-color: #007ad9;
}
body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
  background-color: 2px solid #666666;
  border: 2px solid #007ad9;
}
body .ui-slider.ui-slider-animate .ui-slider-handle {
  transition: box-shadow 0.2s, left 0.2s;
}
body .ui-spinner .ui-spinner-input {
  padding-right: 2.429em;
}
body .ui-spinner .ui-spinner-button {
  width: 2em;
}
body .ui-spinner .ui-spinner-button.ui-spinner-up {
  border-top-right-radius: 3px;
}
body .ui-spinner .ui-spinner-button.ui-spinner-down {
  border-bottom-right-radius: 3px;
}
body .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
}
body .ui-fluid .ui-spinner .ui-spinner-input {
  padding-right: 2.429em;
}
body .ui-fluid .ui-spinner .ui-spinner-button {
  width: 2em;
}
body .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  left: 50%;
}
body p-spinner.ng-dirty.ng-invalid > .ui-inputtext {
  border: 1px solid #a80000;
}
body .ui-togglebutton {
  background-color: #dadada;
  border: 1px solid #dadada;
  color: #333333;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-togglebutton .ui-button-icon-left {
  color: #666666;
}
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
}
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
  color: #212121;
}
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-togglebutton.ui-state-active {
  background-color: #007ad9;
  border-color: #007ad9;
  color: #ffffff;
}
body .ui-togglebutton.ui-state-active .ui-button-icon-left {
  color: #ffffff;
}
body .ui-togglebutton.ui-state-active:hover {
  background-color: #116fbf;
  border-color: #116fbf;
  color: #ffffff;
}
body .ui-togglebutton.ui-state-active:hover .ui-button-icon-left {
  color: #ffffff;
}
body p-togglebutton.ng-dirty.ng-invalid .ui-button {
  border: 1px solid #a80000;
}
body .ui-button {
  margin: 0;
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
  font-size: 14px;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-button:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}
body .ui-button:enabled:focus {
  outline: 0 none;
  outline-offset: 0px;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-button:enabled:active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}
body .ui-button.ui-button-text-only .ui-button-text {
  padding: 0.429em 1em;
}
body .ui-button.ui-button-text-icon-left .ui-button-text {
  padding: 0.429em 1em 0.429em 2em;
}
body .ui-button.ui-button-text-icon-right .ui-button-text {
  padding: 0.429em 2em 0.429em 1em;
}
body .ui-button.ui-button-icon-only {
  width: 2.357em;
}
body .ui-button.ui-button-icon-only .ui-button-text {
  padding: 0.429em;
}
body .ui-button.ui-button-raised {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}
body .ui-button.ui-button-rounded {
  border-radius: 15px;
}
body .ui-fluid .ui-button-icon-only {
  width: 2.357em;
}
@media (max-width: 640px) {
  body .ui-buttonset:not(.ui-splitbutton) .ui-button {
    margin-bottom: 1px;
    border-radius: 3px;
  }
}
body .ui-splitbutton.ui-buttonset .ui-button {
  border: 1px solid transparent;
}
body .ui-splitbutton.ui-buttonset .ui-menu {
  min-width: 100%;
}
body .ui-button.ui-state-default.ui-button-secondary, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
  color: #333333;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
}
body .ui-button.ui-state-default.ui-button-secondary:enabled:hover, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover {
  background-color: #c8c8c8;
  color: #333333;
  border-color: #c8c8c8;
}
body .ui-button.ui-state-default.ui-button-secondary:enabled:focus, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-button.ui-state-default.ui-button-secondary:enabled:active, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:active {
  background-color: #a0a0a0;
  color: #333333;
  border-color: #a0a0a0;
}
body .ui-button.ui-state-default.ui-button-info, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
}
body .ui-button.ui-state-default.ui-button-info:enabled:hover, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}
body .ui-button.ui-state-default.ui-button-info:enabled:focus, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-button.ui-state-default.ui-button-info:enabled:active, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}
body .ui-button.ui-state-default.ui-button-success, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #34A835;
  border: 1px solid #34A835;
}
body .ui-button.ui-state-default.ui-button-success:enabled:hover, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover {
  background-color: #107D11;
  color: #ffffff;
  border-color: #107D11;
}
body .ui-button.ui-state-default.ui-button-success:enabled:focus, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #aae5aa;
}
body .ui-button.ui-state-default.ui-button-success:enabled:active, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:active {
  background-color: #0C6B0D;
  color: #ffffff;
  border-color: #0C6B0D;
}
body .ui-button.ui-state-default.ui-button-warning, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
  color: #333333;
  background-color: #ffba01;
  border: 1px solid #ffba01;
}
body .ui-button.ui-state-default.ui-button-warning:enabled:hover, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover {
  background-color: #ED990B;
  color: #333333;
  border-color: #ED990B;
}
body .ui-button.ui-state-default.ui-button-warning:enabled:focus, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #ffeab4;
}
body .ui-button.ui-state-default.ui-button-warning:enabled:active, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:active {
  background-color: #D38B10;
  color: #333333;
  border-color: #D38B10;
}
body .ui-button.ui-state-default.ui-button-danger, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #e91224;
  border: 1px solid #e91224;
}
body .ui-button.ui-state-default.ui-button-danger:enabled:hover, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover {
  background-color: #c01120;
  color: #ffffff;
  border-color: #c01120;
}
body .ui-button.ui-state-default.ui-button-danger:enabled:focus, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #f9b4ba;
}
body .ui-button.ui-state-default.ui-button-danger:enabled:active, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:active {
  background-color: #a90000;
  color: #ffffff;
  border-color: #a90000;
}
body .ui-splitbutton.ui-buttonset .ui-button {
  border: 1px solid transparent;
}
body .ui-splitbutton.ui-buttonset .ui-menu {
  min-width: 100%;
}
body .ui-carousel .ui-carousel-content .ui-carousel-prev,
body .ui-carousel .ui-carousel-content .ui-carousel-next {
  background-color: #ffffff;
  border: solid 1px rgba(178, 193, 205, 0.64);
  border-radius: 50%;
  margin: 0.2em;
  color: #333333;
  transition: color 0.2s;
}
body .ui-carousel .ui-carousel-content .ui-carousel-prev:not(.ui-state-disabled):hover,
body .ui-carousel .ui-carousel-content .ui-carousel-next:not(.ui-state-disabled):hover {
  background-color: #ffffff;
  color: #007ad9;
  border-color: solid 1px rgba(178, 193, 205, 0.64);
}
body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item > .ui-button {
  border-color: transparent;
  background-color: transparent;
}
body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item .ui-carousel-dot-icon {
  width: 20px;
  height: 6px;
  background-color: #b2c1cd;
  margin: 0 0.2em;
}
body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item .ui-carousel-dot-icon::before {
  content: " ";
}
body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon {
  background-color: #007ad9;
}
body .ui-dataview .ui-dataview-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}
body .ui-dataview .ui-dataview-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
body .ui-dataview .ui-dataview-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}
body .ui-dataview .ui-dataview-layout-options .ui-button {
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-dataview .ui-dataview-layout-options .ui-button:focus {
  outline: 0 none;
  outline-offset: 0px;
  box-shadow: 0 0 0 0.2em #8dcdff;
  z-index: 1;
}
body .fc th {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  color: #333333;
  padding: 0.571em 1em;
}
body .fc td.ui-widget-content {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  color: #333333;
}
body .fc td.fc-head-container {
  border: 1px solid #c8c8c8;
}
body .fc .fc-row {
  border-right: 1px solid #c8c8c8;
}
body .fc .fc-event {
  background-color: #116fbf;
  border: 1px solid #116fbf;
  color: #ffffff;
  transition: box-shadow 0.2s;
}
body .fc .fc-event:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .fc .fc-toolbar .fc-button {
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
  font-size: 14px;
  transition: background-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}
body .fc .fc-toolbar .fc-button:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}
body .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
}
body .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "";
}
body .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
}
body .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "";
}
body .fc .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0px;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .fc .fc-toolbar .fc-button-group .fc-button {
  border-radius: 0;
}
body .fc .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .fc .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .fc .fc-divider {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
}
body .ui-fluid .fc .fc-toolbar .fc-button {
  width: auto;
}
body .ui-orderlist .ui-orderlist-controls {
  padding: 0.571em 1em;
}
body .ui-orderlist .ui-orderlist-controls button {
  font-size: 16px;
}
body .ui-orderlist .ui-orderlist-caption {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
body .ui-orderlist .ui-orderlist-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  border-bottom: 0 none;
}
body .ui-orderlist .ui-orderlist-filter-container input.ui-inputtext {
  width: 100%;
  padding-right: 2em;
  text-indent: 0;
}
body .ui-orderlist .ui-orderlist-filter-container .ui-orderlist-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  left: auto;
  right: 1.357em;
  color: #007ad9;
}
body .ui-orderlist .ui-orderlist-list {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}
body .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
  padding: 0.429em 0.857em;
  margin: 0;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-orderlist .ui-orderlist-list .ui-orderlist-item:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-orderlist .ui-orderlist-list .ui-orderlist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-orderlist .ui-orderlist-list .ui-orderlist-droppoint-highlight {
  background-color: #007ad9;
}
body .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight .ui-node-toggler i {
  color: #00325a;
}
body .ui-organizationchart .ui-organizationchart-line-down {
  background-color: #c8c8c8;
}
body .ui-organizationchart .ui-organizationchart-line-left {
  border-right: 1px solid #c8c8c8;
  border-color: #c8c8c8;
}
body .ui-organizationchart .ui-organizationchart-line-top {
  border-top: 1px solid #c8c8c8;
  border-color: #c8c8c8;
}
body .ui-organizationchart .ui-organizationchart-node-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  bottom: -0.7em;
  margin-left: -0.46em;
  color: #848484;
  overflow: hidden;
  line-height: 1;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}
body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-paginator {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  padding: 0;
}
body .ui-paginator .ui-paginator-first,
body .ui-paginator .ui-paginator-prev,
body .ui-paginator .ui-paginator-next,
body .ui-paginator .ui-paginator-last {
  color: #848484;
  height: 2.286em;
  min-width: 2.286em;
  border: 0 none;
  line-height: 2.286em;
  padding: 0;
  margin: 0;
  vertical-align: top;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
body .ui-paginator .ui-paginator-first:not(.ui-state-disabled):not(.ui-state-active):hover,
body .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):not(.ui-state-active):hover,
body .ui-paginator .ui-paginator-next:not(.ui-state-disabled):not(.ui-state-active):hover,
body .ui-paginator .ui-paginator-last:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #e0e0e0;
  color: #333333;
}
body .ui-paginator .ui-paginator-first:focus,
body .ui-paginator .ui-paginator-prev:focus,
body .ui-paginator .ui-paginator-next:focus,
body .ui-paginator .ui-paginator-last:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-paginator .ui-paginator-current {
  color: #333333;
  height: 2.286em;
  min-width: 2.286em;
  line-height: 2.286em;
}
body .ui-paginator .ui-dropdown {
  border: 0 none;
}
body .ui-paginator .ui-dropdown .ui-dropdown-trigger, body .ui-paginator .ui-dropdown .ui-dropdown-label {
  color: #848484;
}
body .ui-paginator .ui-dropdown:hover .ui-dropdown-trigger, body .ui-paginator .ui-dropdown:hover .ui-dropdown-label {
  color: #333333;
}
body .ui-paginator .ui-paginator-first:before {
  position: relative;
  top: 1px;
}
body .ui-paginator .ui-paginator-prev:before {
  position: relative;
}
body .ui-paginator .ui-paginator-next:before {
  position: relative;
  top: 1px;
}
body .ui-paginator .ui-paginator-last:before {
  position: relative;
  top: 1px;
}
body .ui-paginator .ui-paginator-pages {
  vertical-align: top;
  display: inline-block;
  padding: 0;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page {
  color: #848484;
  height: 2.286em;
  min-width: 2.286em;
  border: 0 none;
  line-height: 2.286em;
  padding: 0;
  margin: 0;
  vertical-align: top;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover {
  background-color: #e0e0e0;
  color: #333333;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-paginator .ui-dropdown {
  margin-left: 0.5em;
  height: 2.286em;
  min-width: auto;
}
body .ui-picklist .ui-picklist-buttons button {
  font-size: 16px;
}
body .ui-picklist .ui-picklist-caption {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
body .ui-picklist .ui-picklist-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  border-bottom: 0 none;
}
body .ui-picklist .ui-picklist-filter-container input.ui-picklist-filter {
  width: 100%;
  padding-right: 2em;
  text-indent: 0;
}
body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  left: auto;
  right: 1.357em;
  color: #007ad9;
}
body .ui-picklist .ui-picklist-buttons {
  padding: 0.571em 1em;
}
body .ui-picklist .ui-picklist-list {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}
body .ui-picklist .ui-picklist-list .ui-picklist-item {
  padding: 0.429em 0.857em;
  margin: 0;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-picklist .ui-picklist-list .ui-picklist-item:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-picklist .ui-picklist-list .ui-picklist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-picklist .ui-picklist-list .ui-picklist-droppoint-highlight {
  background-color: #007ad9;
}
@media (max-width: 40em) {
  body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
    padding: 0.571em 1em;
  }
}
body .ui-table .ui-table-caption,
body .ui-table .ui-table-summary {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  text-align: center;
}
body .ui-table .ui-table-caption {
  border-bottom: 0 none;
  font-weight: 700;
}
body .ui-table .ui-table-summary {
  border-top: 0 none;
  font-weight: 700;
}
body .ui-table .ui-table-thead > tr > th {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #f4f4f4;
}
body .ui-table .ui-table-tbody > tr > td {
  padding: 0.571em 0.857em;
}
body .ui-table .ui-table-tfoot > tr > td {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #ffffff;
}
body .ui-table .ui-sortable-column {
  transition: box-shadow 0.2s;
}
body .ui-table .ui-sortable-column:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-table .ui-sortable-column .ui-sortable-column-icon {
  color: #848484;
}
body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #e0e0e0;
  color: #333333;
}
body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  color: #333333;
}
body .ui-table .ui-sortable-column.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}
body .ui-table .ui-editable-column input {
  font-size: 14px;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
}
body .ui-table .ui-editable-column input:focus {
  outline: 1px solid #007ad9;
  outline-offset: 2px;
}
body .ui-table .ui-table-tbody > tr {
  background-color: #ffffff;
  color: #333333;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-table .ui-table-tbody > tr > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
  transition: box-shadow 0.2s;
}
body .ui-table .ui-table-tbody > tr.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-table .ui-table-tbody > tr.ui-state-highlight a {
  color: #ffffff;
}
body .ui-table .ui-table-tbody > tr.ui-table-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 #007ad9;
}
body .ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #007ad9;
}
body .ui-table .ui-table-tbody > tr:focus {
  outline: none;
}
body .ui-table .ui-table-tbody > tr:focus + tr > td {
  box-shadow: 0 -0.2em 0 0 #8dcdff;
}
body .ui-table .ui-table-tbody > tr:focus > td {
  box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff;
}
body .ui-table .ui-table-tbody > tr:focus > td:first-child {
  box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, -0.1em -0.1em 0 0.1em #8dcdff;
}
body .ui-table .ui-table-tbody > tr:focus > td:last-child {
  box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, 0.1em -0.1em 0 0.1em #8dcdff;
}
body .ui-table .ui-table-tbody > tr:nth-child(even) {
  background-color: #f9f9f9;
}
body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight a {
  color: #ffffff;
}
body .ui-table .ui-table-virtual-scrollable-body .ui-table-tbody > tr:nth-child(even) {
  background-color: #ffffff;
}
body .ui-table .ui-table-virtual-scrollable-body .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-table .ui-table-virtual-scrollable-body .ui-table-tbody > tr:nth-child(even).ui-state-highlight a {
  color: #ffffff;
}
body .ui-table.ui-table-hoverable-rows .ui-table-tbody > tr.ui-selectable-row:not(.ui-state-highlight):hover {
  cursor: pointer;
  background-color: #eaeaea;
  color: #333333;
}
body .ui-table .ui-column-resizer-helper {
  background-color: #007ad9;
}
@media screen and (max-width: 40em) {
  body .ui-table.ui-table-responsive .ui-paginator-top {
    border-bottom: 1px solid #c8c8c8;
  }
  body .ui-table.ui-table-responsive .ui-paginator-bottom {
    border-top: 1px solid #c8c8c8;
  }
  body .ui-table.ui-table-responsive .ui-table-tbody > tr td {
    border: 0 none;
  }
  body .ui-table.ui-table-responsive .ui-table-tbody > tr:focus + tr > td {
    box-shadow: none;
  }
  body .ui-table.ui-table-responsive .ui-table-tbody > tr:focus > td {
    box-shadow: none;
  }
  body .ui-table.ui-table-responsive .ui-table-tbody > tr:focus > td:first-child {
    box-shadow: none;
  }
  body .ui-table.ui-table-responsive .ui-table-tbody > tr:focus > td:last-child {
    box-shadow: none;
  }
}
body .ui-tree {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
body .ui-tree .ui-tree-container {
  padding: 0.286em;
  margin: 0;
}
body .ui-tree .ui-tree-container .ui-treenode {
  padding: 0.143em 0;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
  padding: 0;
  border: 1px solid transparent;
  transition: background-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
  vertical-align: middle;
  display: inline-block;
  float: none;
  margin: 0 0.143em 0 0;
  color: #848484;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
  vertical-align: middle;
  display: inline-block;
  margin: 0 0.143em 0 0;
  color: #848484;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  padding: 0.286em;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
  margin: 0 0.5em 0 0;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-chkbox-icon {
  margin: 1px 0 0 0;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content > span {
  line-height: inherit;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-dragover {
  background-color: #eaeaea;
  color: #333333;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-tree .ui-tree-container .ui-treenode-droppoint.ui-treenode-droppoint-active {
  background-color: #007ad9;
}
body .ui-tree.ui-tree-horizontal {
  padding-left: 0;
  padding-right: 0;
}
body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon {
  color: #007ad9;
}
body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: inherit;
  color: inherit;
}
body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-tree .ui-tree-filter-container .ui-tree-filter {
  width: 100%;
  padding-right: 2em;
}
body .ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
  top: 50%;
  left: auto;
  margin-top: -0.5em;
  right: 0.8em;
  color: #007ad9;
}
body .ui-treetable .ui-treetable-caption,
body .ui-treetable .ui-treetable-summary {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  text-align: center;
}
body .ui-treetable .ui-treetable-caption {
  border-bottom: 0 none;
  font-weight: 700;
}
body .ui-treetable .ui-treetable-summary {
  border-top: 0 none;
  font-weight: 700;
}
body .ui-treetable .ui-treetable-thead > tr > th {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #f4f4f4;
}
body .ui-treetable .ui-treetable-tbody > tr > td {
  padding: 0.571em 0.857em;
}
body .ui-treetable .ui-treetable-tfoot > tr > td {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #ffffff;
}
body .ui-treetable .ui-sortable-column {
  transition: box-shadow 0.2s;
}
body .ui-treetable .ui-sortable-column:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-treetable .ui-sortable-column .ui-sortable-column-icon {
  color: #848484;
}
body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #e0e0e0;
  color: #333333;
}
body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  color: #333333;
}
body .ui-treetable .ui-sortable-column.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}
body .ui-treetable .ui-editable-column input {
  font-size: 14px;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
}
body .ui-treetable .ui-editable-column input:focus {
  outline: 1px solid #007ad9;
  outline-offset: 2px;
}
body .ui-treetable .ui-treetable-tbody > tr {
  background-color: #ffffff;
  color: #333333;
}
body .ui-treetable .ui-treetable-tbody > tr > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
  transition: box-shadow 0.2s;
}
body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler {
  color: #848484;
  vertical-align: middle;
}
body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-chkbox {
  vertical-align: middle;
  margin-right: 0.5em;
}
body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
}
body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td .ui-treetable-toggler {
  color: #ffffff;
}
body .ui-treetable .ui-treetable-tbody > tr:focus {
  outline: none;
}
body .ui-treetable .ui-treetable-tbody > tr:focus + tr > td {
  box-shadow: 0 -0.2em 0 0 #8dcdff;
}
body .ui-treetable .ui-treetable-tbody > tr:focus > td {
  box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff;
}
body .ui-treetable .ui-treetable-tbody > tr:focus > td:first-child {
  box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, -0.1em -0.1em 0 0.1em #8dcdff;
}
body .ui-treetable .ui-treetable-tbody > tr:focus > td:last-child {
  box-shadow: 0 -0.2em 0 0 #8dcdff, 0 0.2em 0 0 #8dcdff, 0.1em -0.1em 0 0.1em #8dcdff;
}
body .ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody > tr:not(.ui-state-highlight):hover {
  cursor: pointer;
  background-color: #eaeaea;
  color: #333333;
}
body .ui-treetable .ui-column-resizer-helper {
  background-color: #007ad9;
}
body .ui-virtualscroller .ui-virtualscroller-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}
body .ui-virtualscroller .ui-virtualscroller-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
}
body .ui-virtualscroller .ui-virtualscroller-content .ui-virtualscroller-list .ui-virtualscroller-item {
  border-bottom: 1px solid #d8dae2;
}
body .ui-virtualscroller .ui-virtualscroller-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}
body .ui-accordion .ui-accordion-header {
  margin-bottom: 2px;
}
body .ui-accordion .ui-accordion-header a {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #f4f4f4;
  color: #333333;
  font-weight: 700;
  border-radius: 3px;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-accordion .ui-accordion-header a .ui-accordion-toggle-icon {
  color: #848484;
}
body .ui-accordion .ui-accordion-header a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #333333;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a .ui-accordion-toggle-icon {
  color: #333333;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a {
  background-color: #007ad9;
  border: 1px solid #007ad9;
  color: #ffffff;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a .ui-accordion-toggle-icon {
  color: #ffffff;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a {
  border: 1px solid #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a .ui-accordion-toggle-icon {
  color: #ffffff;
}
body .ui-accordion .ui-accordion-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
body .ui-card {
  background-color: #ffffff;
  color: #333333;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body .ui-fieldset {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
}
body .ui-fieldset .ui-fieldset-legend a {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #f4f4f4;
  border-radius: 3px;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-toggler {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  color: #848484;
}
body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-legend-text {
  padding: 0;
}
body .ui-fieldset .ui-fieldset-legend a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #333333;
}
body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover .ui-fieldset-toggler {
  color: #333333;
}
body .ui-fieldset .ui-fieldset-content {
  padding: 0;
}
body .ui-panel {
  padding: 0;
  border: 0 none;
}
body .ui-panel .ui-panel-titlebar {
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  background-color: #f4f4f4;
  color: #333333;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body .ui-panel .ui-panel-titlebar .ui-panel-title {
  vertical-align: middle;
  font-weight: 700;
}
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
  margin: 0;
  position: relative;
  font-size: 14px;
  color: #848484;
  border: 1px solid transparent;
  line-height: 1;
  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
  color: #333333;
}
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-panel .ui-panel-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  border-top: 0 none;
}
body .ui-panel .ui-panel-footer {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  border-top: 0 none;
  margin: 0;
}
body .ui-tabview.ui-tabview-top, body .ui-tabview.ui-tabview-bottom, body .ui-tabview.ui-tabview-left, body .ui-tabview.ui-tabview-right {
  border: 0 none;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav, body .ui-tabview.ui-tabview-left .ui-tabview-nav, body .ui-tabview.ui-tabview-right .ui-tabview-nav {
  padding: 0;
  background: transparent;
  border: 0 none;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li, body .ui-tabview.ui-tabview-left .ui-tabview-nav li, body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a {
  float: none;
  display: inline-block;
  color: #333333;
  padding: 0.571em 1em;
  font-weight: 700;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-left-icon {
  margin-right: 0.5em;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-right-icon {
  margin-left: 0.5em;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-tabview-close {
  color: #848484;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-tabview-close:focus, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-tabview-close:focus, body .ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-tabview-close:focus, body .ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-tabview-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
  color: #333333;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close {
  color: #333333;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {
  background-color: #007ad9;
  border: 1px solid #007ad9;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a {
  color: #ffffff;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active .ui-tabview-close, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active .ui-tabview-close, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active .ui-tabview-close, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active .ui-tabview-close {
  color: #ffffff;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover {
  border: 1px solid #005b9f;
  background-color: #005b9f;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a {
  color: #ffffff;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon {
  color: #ffffff;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-tabview-selected a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-tabview-selected a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-tabview-selected a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-tabview-selected a {
  cursor: pointer;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li:focus, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:focus, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:focus, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav {
  margin-bottom: -1px;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li {
  margin-right: 2px;
}
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav {
  margin-top: -1px;
}
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li {
  margin-right: 2px;
}
body .ui-tabview.ui-tabview-left .ui-tabview-nav {
  margin-right: -px;
}
body .ui-tabview.ui-tabview-left .ui-tabview-nav li {
  margin-bottom: 2px;
}
body .ui-tabview.ui-tabview-right .ui-tabview-nav {
  margin-right: -1px;
}
body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
  margin-bottom: 2px;
}
body .ui-tabview .ui-tabview-panels {
  background-color: #ffffff;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
}
body .ui-tabview .ui-tabview-panels .ui-tabview-panel {
  padding: 0;
}
body .ui-toolbar {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}
body .ui-toolbar button {
  vertical-align: middle;
}
body .ui-toolbar .ui-toolbar-separator {
  vertical-align: middle;
  color: #848484;
  margin: 0 0.5em;
}
body .ui-dialog {
  padding: 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-dialog .ui-dialog-titlebar {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: #333333;
  padding: 1em;
  font-weight: 700;
  border-bottom: 0 none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
  float: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  color: #848484;
  border: 0 none;
  padding: 0;
  margin-left: 0.5em;
  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon span {
  width: auto;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
  color: #333333;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-dialog .ui-dialog-content {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}
body .ui-dialog .ui-dialog-footer {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  margin: 0;
  text-align: right;
  position: relative;
  border-top: 0 none;
}
body .ui-dialog .ui-dialog-footer button {
  margin: 0 0.5em 0 0;
  width: auto;
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content {
  padding: 1.5em;
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span {
  float: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  margin: 0;
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon {
  margin-right: 0.35em;
  font-size: 16px;
}
body .ui-lightbox {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-lightbox .ui-lightbox-caption {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.571em 1em;
  font-weight: 700;
}
body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
  color: #333333;
  margin: 0;
}
body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
  padding: 0;
  color: #848484;
  overflow: hidden;
  line-height: 1;
  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
  color: #333333;
}
body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-lightbox .ui-lightbox-content-wrapper {
  overflow: hidden;
  background-color: #ffffff;
  color: #333333;
  border: 0 none;
  padding: 0;
  border-radius: 0;
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left, body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
  transition: all 0.2s;
  font-size: 3em;
  color: #ffffff;
  margin-top: -0.5em;
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover, body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
  transform: scale(1.2);
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading ~ a {
  display: none;
}
body .ui-overlaypanel {
  background-color: #ffffff;
  color: #333333;
  padding: 0;
  border: 1px solid #c8c8c8;
  border-radius: 0;
}
body .ui-overlaypanel .ui-overlaypanel-content {
  padding: 0.571em 1em;
}
body .ui-overlaypanel .ui-overlaypanel-close {
  background-color: #007ad9;
  color: #ffffff;
  width: 1.538em;
  height: 1.538em;
  line-height: 1.538em;
  text-align: center;
  position: absolute;
  top: -0.769em;
  right: -0.769em;
  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .ui-overlaypanel .ui-overlaypanel-close .ui-overlaypanel-close-icon {
  line-height: inherit;
}
body .ui-overlaypanel .ui-overlaypanel-close:hover {
  background-color: #005b9f;
  color: #ffffff;
}
body .ui-overlaypanel .ui-overlaypanel-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-overlaypanel:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}
body .ui-overlaypanel:before {
  border-color: rgba(200, 200, 200, 0);
  border-bottom-color: #c8c8c8;
}
body .ui-overlaypanel.ui-overlaypanel-flipped:after {
  border-top-color: #ffffff;
}
body .ui-overlaypanel.ui-overlaypanel-flipped:before {
  border-top-color: #c8c8c8;
}
body .ui-sidebar {
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-sidebar .ui-sidebar-close {
  color: #848484;
}
body .ui-sidebar .ui-sidebar-close:hover {
  color: #333333;
}
body .ui-tooltip .ui-tooltip-text {
  background-color: #333333;
  color: #ffffff;
  padding: 0.429em;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: #333333;
}
body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: #333333;
}
body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
  border-top-color: #333333;
}
body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
  border-bottom-color: #333333;
}
body .ui-fileupload .ui-fileupload-buttonbar {
  background-color: #f4f4f4;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
  border-bottom: 0 none;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
  margin-right: 8px;
}
body .ui-fileupload .ui-fileupload-content {
  background-color: #ffffff;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
}
body .ui-fileupload .ui-progressbar {
  top: 0;
}
body .ui-fileupload-choose:not(.ui-state-disabled):hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}
body .ui-fileupload-choose:not(.ui-state-disabled):active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}
body .ui-fileupload-choose.ui-state-focus {
  outline: 0 none;
  outline-offset: 0px;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-breadcrumb {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}
body .ui-breadcrumb ul li .ui-menuitem-link {
  color: #333333;
  margin: 0;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}
body .ui-breadcrumb ul li .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-breadcrumb ul li.ui-breadcrumb-chevron {
  margin: 0 0.5em 0 0.5em;
  color: #848484;
}
body .ui-breadcrumb ul li:first-child a {
  color: #848484;
  margin: 0;
}
body .ui-breadcrumb ul li .ui-menuitem-icon {
  color: #848484;
}
body .ui-contextmenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-contextmenu .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
  font-weight: normal;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body .ui-contextmenu .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-contextmenu .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
  margin-right: 0.5em;
}
body .ui-contextmenu .ui-menuitem-link:not(.ui-state-disabled):hover {
  background-color: #eaeaea;
}
body .ui-contextmenu .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-text {
  color: #333333;
}
body .ui-contextmenu .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-icon {
  color: #333333;
}
body .ui-contextmenu .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-contextmenu .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-text {
  color: #007ad9;
}
body .ui-contextmenu .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-icon {
  color: #007ad9;
}
body .ui-contextmenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-contextmenu .ui-menuitem {
  margin: 0;
}
body .ui-contextmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
body .ui-contextmenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}
body .ui-megamenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
body .ui-megamenu .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
  font-weight: normal;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body .ui-megamenu .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-megamenu .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
  margin-right: 0.5em;
}
body .ui-megamenu .ui-menuitem-link:not(.ui-state-disabled):hover {
  background-color: #eaeaea;
}
body .ui-megamenu .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-text {
  color: #333333;
}
body .ui-megamenu .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-icon {
  color: #333333;
}
body .ui-megamenu .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-megamenu .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-text {
  color: #007ad9;
}
body .ui-megamenu .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-icon {
  color: #007ad9;
}
body .ui-megamenu .ui-megamenu-submenu-header {
  margin: 0;
  padding: 0.571em 1em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}
body .ui-megamenu .ui-megamenu-panel {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-megamenu .ui-menuitem {
  margin: 0;
}
body .ui-megamenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
body .ui-megamenu.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  right: 0.429em;
}
body .ui-menu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
body .ui-menu .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
  font-weight: normal;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body .ui-menu .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-menu .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
  margin-right: 0.5em;
}
body .ui-menu .ui-menuitem-link:not(.ui-state-disabled):hover {
  background-color: #eaeaea;
}
body .ui-menu .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-text {
  color: #333333;
}
body .ui-menu .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-icon {
  color: #333333;
}
body .ui-menu .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-menu .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-text {
  color: #007ad9;
}
body .ui-menu .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-icon {
  color: #007ad9;
}
body .ui-menu .ui-menuitem {
  margin: 0;
}
body .ui-menu.ui-shadow {
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-menu .ui-submenu-header {
  margin: 0;
  padding: 0.714em 0.857em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}
body .ui-menu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}
body .ui-menubar {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
body .ui-menubar .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
  font-weight: normal;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body .ui-menubar .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-menubar .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
  margin-right: 0.5em;
}
body .ui-menubar .ui-menuitem-link:not(.ui-state-disabled):hover {
  background-color: #eaeaea;
}
body .ui-menubar .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-text {
  color: #333333;
}
body .ui-menubar .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-icon {
  color: #333333;
}
body .ui-menubar .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-menubar .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-text {
  color: #007ad9;
}
body .ui-menubar .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-icon {
  color: #007ad9;
}
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
  padding: 0.714em 0.857em;
}
body .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 0 0 0 1px;
}
body .ui-menubar .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-menubar .ui-submenu-list .ui-menuitem {
  margin: 0;
}
body .ui-menubar .ui-submenu-list .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}
body .ui-menubar .ui-menuitem {
  margin: 0;
}
body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
body .ui-panelmenu .ui-icon {
  position: static;
}
body .ui-panelmenu .ui-panelmenu-header {
  padding: 0;
}
body .ui-panelmenu .ui-panelmenu-header > a {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.714em 0.857em;
  font-weight: 700;
  position: static;
  font-size: 14px;
  border-radius: 3px;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-panelmenu .ui-panelmenu-header > a .ui-panelmenu-icon {
  color: #848484;
}
body .ui-panelmenu .ui-panelmenu-header > a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover {
  outline: 0 none;
  border: 1px solid #dbdbdb;
  background-color: #dbdbdb;
  color: #333333;
}
body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover .ui-panelmenu-icon {
  color: #333333;
}
body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a {
  border: 1px solid #007ad9;
  background-color: #007ad9;
  color: #ffffff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a .ui-panelmenu-icon {
  color: #ffffff;
}
body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover {
  outline: 0 none;
  border: 1px solid #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}
body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover .ui-panelmenu-icon {
  color: #ffffff;
}
body .ui-panelmenu .ui-panelmenu-panel {
  margin-top: 2px;
}
body .ui-panelmenu .ui-panelmenu-panel:first-child {
  margin-top: 0;
}
body .ui-panelmenu .ui-panelmenu-content {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  margin-top: 0;
  position: static;
  border-top: 0 none;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem {
  margin: 0;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
  font-weight: normal;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
  margin-right: 0.5em;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:not(.ui-state-disabled):hover {
  background-color: #eaeaea;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-text {
  color: #333333;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-icon {
  color: #333333;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-text {
  color: #007ad9;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-icon {
  color: #007ad9;
}
body .ui-slidemenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
body .ui-slidemenu .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
  font-weight: normal;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body .ui-slidemenu .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-slidemenu .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
  margin-right: 0.5em;
}
body .ui-slidemenu .ui-menuitem-link:not(.ui-state-disabled):hover {
  background-color: #eaeaea;
}
body .ui-slidemenu .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-text {
  color: #333333;
}
body .ui-slidemenu .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-icon {
  color: #333333;
}
body .ui-slidemenu .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-slidemenu .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-text {
  color: #007ad9;
}
body .ui-slidemenu .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-icon {
  color: #007ad9;
}
body .ui-slidemenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 0 none;
}
body .ui-slidemenu .ui-menuitem {
  margin: 0;
}
body .ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
body .ui-slidemenu .ui-slidemenu-backward {
  margin: 0;
  padding: 0.571em 1em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}
body .ui-slidemenu .ui-slidemenu-backward:hover {
  background-color: #dbdbdb;
  color: #333333;
}
body .ui-slidemenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}
body .ui-steps {
  position: relative;
}
body .ui-steps .ui-steps-item {
  background-color: transparent;
  text-align: center;
}
body .ui-steps .ui-steps-item .ui-menuitem-link {
  display: inline-block;
  text-align: center;
  background-color: transparent;
  overflow: hidden;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}
body .ui-steps .ui-steps-item .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
  border-radius: 50%;
  display: inline-block;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  position: relative;
  top: 16px;
  margin-bottom: 14px;
  width: 28px;
  height: 28px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
  display: block;
  margin-top: 6px;
  color: #848484;
}
body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
  background: #007ad9;
  color: #ffffff;
}
body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
  font-weight: 700;
  color: #333333;
}
body .ui-steps:before {
  content: " ";
  border-top: 1px solid #c8c8c8;
  width: 100%;
  top: 45%;
  left: 0;
  display: block;
  position: absolute;
}
body .ui-tabmenu {
  border: 0 none;
}
body .ui-tabmenu .ui-tabmenu-nav {
  padding: 0;
  background: transparent;
  border-bottom: 1px solid #c8c8c8;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  position: static;
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  margin-right: 2px;
  margin-bottom: -1px;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
  color: #333333;
  padding: 0.571em 1em;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
  margin-right: 0.5em;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon {
  color: #848484;
  margin-right: 0.5em;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
  background-color: #007ad9;
  border: 1px solid #007ad9;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-text {
  color: #ffffff;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-icon {
  color: #ffffff;
}
body .ui-tieredmenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
body .ui-tieredmenu .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
  font-weight: normal;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
  margin-right: 0.5em;
}
body .ui-tieredmenu .ui-menuitem-link:not(.ui-state-disabled):hover {
  background-color: #eaeaea;
}
body .ui-tieredmenu .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-text {
  color: #333333;
}
body .ui-tieredmenu .ui-menuitem-link:not(.ui-state-disabled):hover .ui-menuitem-icon {
  color: #333333;
}
body .ui-tieredmenu .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2em #8dcdff;
}
body .ui-tieredmenu .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-text {
  color: #007ad9;
}
body .ui-tieredmenu .ui-menuitem-link.ui-menuitem-link-active .ui-menuitem-icon {
  color: #007ad9;
}
body .ui-tieredmenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
body .ui-tieredmenu .ui-menuitem {
  margin: 0;
}
body .ui-tieredmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
body .ui-tieredmenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}
body .ui-message {
  padding: 0.429em;
  margin: 0;
}
body .ui-message.ui-message-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}
body .ui-message.ui-message-info .ui-message-icon {
  color: #212121;
}
body .ui-message.ui-message-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}
body .ui-message.ui-message-success .ui-message-icon {
  color: #212121;
}
body .ui-message.ui-message-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}
body .ui-message.ui-message-warn .ui-message-icon {
  color: #212121;
}
body .ui-message.ui-message-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}
body .ui-message.ui-message-error .ui-message-icon {
  color: #212121;
}
body .ui-message .ui-message-icon {
  font-size: 1.25em;
}
body .ui-message .ui-message-text {
  font-size: 1em;
}
body .ui-messages {
  padding: 1em;
  margin: 1em 0;
}
body .ui-messages.ui-messages-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}
body .ui-messages.ui-messages-info .ui-messages-icon {
  color: #212121;
}
body .ui-messages.ui-messages-info .ui-messages-close {
  color: #212121;
}
body .ui-messages.ui-messages-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}
body .ui-messages.ui-messages-success .ui-messages-icon {
  color: #212121;
}
body .ui-messages.ui-messages-success .ui-messages-close {
  color: #212121;
}
body .ui-messages.ui-messages-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}
body .ui-messages.ui-messages-warn .ui-messages-icon {
  color: #212121;
}
body .ui-messages.ui-messages-warn .ui-messages-close {
  color: #212121;
}
body .ui-messages.ui-messages-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}
body .ui-messages.ui-messages-error .ui-messages-icon {
  color: #212121;
}
body .ui-messages.ui-messages-error .ui-messages-close {
  color: #212121;
}
body .ui-messages .ui-messages-close {
  top: 0.25em;
  right: 0.5em;
  font-size: 1.5em;
  overflow: hidden;
  line-height: 1;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}
body .ui-messages .ui-messages-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-messages .ui-messages-icon {
  font-size: 2em;
}
body .ui-toast .ui-toast-message {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  margin: 0 0 1em 0;
}
body .ui-toast .ui-toast-message.ui-toast-message-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}
body .ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-close-icon {
  color: #212121;
}
body .ui-toast .ui-toast-message.ui-toast-message-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}
body .ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-close-icon {
  color: #212121;
}
body .ui-toast .ui-toast-message.ui-toast-message-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}
body .ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-close-icon {
  color: #212121;
}
body .ui-toast .ui-toast-message.ui-toast-message-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}
body .ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-close-icon {
  color: #212121;
}
body .ui-galleria .ui-galleria-close {
  margin: 0.5rem;
  background: transparent;
  color: #ebedef;
  width: 4rem;
  height: 4rem;
  transition: background-color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}
body .ui-galleria .ui-galleria-close .ui-galleria-close-icon {
  font-size: 2rem;
}
body .ui-galleria .ui-galleria-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ebedef;
}
body .ui-galleria .ui-galleria-item-nav {
  background: rgba(0, 0, 0, 0.2);
  color: #aeb6bf;
  width: 4rem;
  height: 4rem;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon,
body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon {
  font-size: 2rem;
}
body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover {
  background: rgba(0, 0, 0, 0.3);
  color: #ebedef;
}
body .ui-galleria .ui-galleria-caption {
  background: rgba(0, 0, 0, 0.5);
  color: #ebedef;
  padding: 1rem;
}
body .ui-galleria .ui-galleria-indicators {
  padding: 1rem;
}
body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button {
  background-color: #f4f4f4;
  width: 1rem;
  height: 1rem;
  transition: background-color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}
body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover {
  background: #eaeaea;
}
body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button {
  background: #007ad9;
  color: #ffffff;
}
body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator {
  margin-right: 0.5em;
}
body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator {
  margin-bottom: 0.5em;
}
body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators {
  background: rgba(0, 0, 0, 0.5);
}
body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button {
  background: rgba(255, 255, 255, 0.4);
}
body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover {
  background: rgba(255, 255, 255, 0.6);
}
body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button {
  background: #007ad9;
  color: #ffffff;
}
body .ui-galleria .ui-galleria-thumbnail-container {
  background: rgba(0, 0, 0, 0.9);
  padding: 1rem 0.25rem;
}
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next {
  margin: 0.5em;
  background-color: transparent;
  color: #aeb6bf;
  width: 2rem;
  height: 2rem;
  transition: background-color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #aeb6bf;
}
body .ui-galleria-mask {
  background: rgba(0, 0, 0, 0.9);
}
body .ui-inplace {
  min-height: 2.357em;
}
body .ui-inplace .ui-inplace-display {
  padding: 0.429em;
  border-radius: 3px;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body .ui-inplace .ui-inplace-display:not(.ui-state-disabled):hover {
  background-color: #eaeaea;
  color: #333333;
}
body .ui-inplace .ui-inplace-display:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
body .ui-fluid .ui-inplace.ui-inplace-closable .ui-inplace-content > :first-child {
  display: inline-block;
  width: calc(100% - 2.357em);
}
body .ui-progressbar {
  border: 0 none;
  height: 24px;
  background-color: #eaeaea;
}
body .ui-progressbar .ui-progressbar-value {
  border: 0 none;
  margin: 0;
  background: #007ad9;
}
body .ui-progressbar .ui-progressbar-label {
  margin-top: 0;
  color: #333333;
  line-height: 24px;
}
body .ui-terminal {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}
body .ui-terminal .ui-terminal-input {
  font-size: 14px;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  height: 16px;
}
body .ui-terminal .ui-terminal-command {
  height: 16px;
}
/* Add your customizations of theme here */

.ui-widget,.ui-widget *{box-sizing:border-box}.ui-helper-hidden{display:none !important}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-hidden-accessible input,.ui-helper-hidden-accessible select{transform:scale(0)}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix::before,.ui-helper-clearfix::after{content:"";display:table}.ui-helper-clearfix::after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default !important}.ui-state-disabled a{cursor:default !important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,0.3)}.ui-unselectable-text{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.ui-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}.ui-overflow-hidden{overflow:hidden}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.ui-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.ui-accordion{width:100%}.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px}.ui-accordion .ui-accordion-header a{display:block;padding:.5em}.ui-accordion .ui-accordion-toggle-icon,.ui-accordion .ui-accordion-header-text{vertical-align:middle}.ui-accordion .ui-accordion-content{padding:1em;border-top:0;overflow:visible}.ui-accordion .ui-accordion-header.ui-state-disabled,.ui-accordion .ui-accordion-header.ui-state-disabled a{cursor:default}.ui-accordion-content-wrapper-overflown{overflow:hidden}.ui-rtl .ui-accordion .ui-accordion-header a{padding:.5em 2em .5em .5em}.ui-rtl .ui-accordion .ui-accordion-toggle-icon{left:initial;right:.5em}.ui-rtl .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before{content:'\e904'}.ui-autocomplete{width:auto;cursor:pointer;box-shadow:none;position:relative;display:inline-block}.ui-autocomplete .ui-autocomplete-dropdown{height:100%;width:2em;margin-right:0;vertical-align:top}.ui-autocomplete .ui-autocomplete-input{padding-right:1.5em}.ui-autocomplete-loader{position:absolute;right:.25em;top:50%;margin-top:-.5em}.ui-autocomplete-query{font-weight:bold}.ui-autocomplete .ui-autocomplete-panel{min-width:100%}.ui-autocomplete-panel{position:absolute;overflow:auto}.ui-autocomplete-panel .ui-autocomplete-list{padding:.4em;border:0 none}.ui-autocomplete-panel .ui-autocomplete-list-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:.186em .313em;text-align:left}.ui-autocomplete .ui-button-icon-only,.ui-autocomplete .ui-button-icon-only:enabled:hover,.ui-autocomplete .ui-button-icon-only:enabled:focus,.ui-autocomplete .ui-button-icon-only:enabled:active{border-left:0 none}.ui-autocomplete-multiple-container{display:inline-block;vertical-align:middle}.ui-autocomplete-multiple-container.ui-inputtext{clear:left;cursor:text;list-style-type:none;margin:0;overflow:hidden;padding:0 1.5em 0 .25em}.ui-autocomplete-token{cursor:default;display:inline-block;vertical-align:middle;overflow:hidden;padding:.125em .5em;white-space:nowrap;position:relative;margin-right:.125em;border:0 none;font-size:.9em}.ui-autocomplete-token-label{display:block;margin-right:2em}.ui-autocomplete-token-icon{margin-top:-.5em;position:absolute;right:.2em;top:50%;cursor:pointer}.ui-autocomplete-input-token{display:inline-block;vertical-align:middle;list-style-type:none;margin:0 0 0 .125em;padding:.25em .25em .25em 0}.ui-autocomplete-input-token input{border:0 none;width:10em;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0}.ui-autocomplete-dd .ui-autocomplete-loader{right:2.25em}.ui-autocomplete-dd input.ui-corner-all,.ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all{border-top-right-radius:0;border-bottom-right-radius:0}.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all{border-top-left-radius:0;border-bottom-left-radius:0}.ui-fluid p-autocomplete,.ui-fluid .ui-autocomplete,.ui-fluid .ui-autocomplete-input{width:100%}.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container{width:calc(100% - 2em)}.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button{width:2em}.ui-blockui{position:absolute;top:0;left:0;width:100%;height:100%}.ui-blockui-document{position:fixed}.ui-breadcrumb{margin:0;padding:0;padding:.5em}.ui-breadcrumb ul{margin:0;padding:0}.ui-breadcrumb ul li{display:inline-block;margin:0 .25em}.ui-breadcrumb-chevron,.ui-breadcrumb-home{vertical-align:middle}.ui-breadcrumb ul li .ui-menuitem-link{text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-breadcrumb .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-breadcrumb .ui-menuitem-text{vertical-align:middle}.ui-button{display:inline-block;position:relative;padding:0;text-decoration:none !important;cursor:pointer;text-align:center;overflow:visible}p-button{display:inline-block}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.25em 1em}.ui-button-icon-only .ui-button-text,.ui-button-text-empty .ui-button-text{padding:.25em;text-indent:-9999999px;visibility:hidden}.ui-button-text-icon-left .ui-button-text{padding:.25em 1em .25em 2.1em}.ui-button-text-icon-right .ui-button-text{padding:.25em 2.1em .25em 1em}.ui-button-icon-only .ui-button-icon-left,.ui-button-text-icon-left .ui-button-icon-left,.ui-button-text-icon-right .ui-button-icon-right{position:absolute;top:50%;margin-top:-.5em;height:1em}.ui-button-icon-only .ui-button-icon-left{top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;width:1em;height:1em}.ui-button-icon-left{left:.5em}.ui-button-icon-right{right:.5em}.ui-buttonset .ui-button{margin-left:0;margin-right:0}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-fluid .ui-button{width:100%}.ui-fluid .ui-button-text-icon-left .ui-button-text,.ui-fluid .ui-button-text-icon-right .ui-button-text{padding-left:1em;padding-right:1em}.ui-fluid .ui-buttonset{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button{width:50%}.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button{width:33.3%}.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button{width:25%}.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button{width:20%}.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:16.6%}@media(max-width:640px){.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:100%}}.ui-calendar{position:relative;display:inline-block}.ui-calendar .ui-calendar-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0;width:2em;border-left:0 none}.ui-calendar .ui-calendar-button:enabled:hover,.ui-calendar .ui-calendar-button:focus{border-left:0 none}.ui-calendar .ui-datepicker{min-width:100%}.ui-fluid .ui-calendar{width:100%}.ui-fluid .ui-calendar-button{width:2em}.ui-fluid .ui-datepicker-buttonbar button{width:auto}.ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext{width:calc(100% - 2em)}.ui-datepicker{width:auto;padding:.2em;position:absolute}.ui-datepicker.ui-datepicker-inline{display:inline-block;position:static}.ui-datepicker .ui-datepicker-group{border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:0}.ui-datepicker .ui-datepicker-header{position:relative;padding:.5em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:.5em;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev{left:.125em}.ui-datepicker .ui-datepicker-next{right:.125em}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;top:50%;margin-top:-.5em;margin-left:-.5em}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:.125em 0;vertical-align:middle}.ui-datepicker select.ui-datepicker-month{margin-right:.25em}.ui-datepicker span.ui-datepicker-year{margin-left:.25em}.ui-datepicker-multiple-month .ui-datepicker-group{display:table-cell;border-left-width:0;border-top-width:0;border-bottom-width:0;border-right-width:1px}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.5em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:0}.ui-datepicker td>span,.ui-datepicker td>a{display:block;padding:.5em;text-decoration:none;border:0 none;text-align:center}.ui-datepicker .ui-datepicker-buttonbar{border-left:0 none;border-right:0 none;border-bottom:0 none;padding:.5em;display:flex;justify-content:space-between}.ui-calendar.ui-calendar-w-btn input{border-top-right-radius:0;border-bottom-right-radius:0}.ui-monthpicker{margin:.857em 0 0 0}.ui-monthpicker .ui-monthpicker-month{width:33.3%;display:inline-block;text-align:center;padding:.5em;cursor:pointer}.ui-monthpicker-month.ui-state-disabled{pointer-events:none}.ui-datepicker-monthpicker select.ui-datepicker-year{width:auto}.ui-timepicker{text-align:center;padding:.5em 0}.ui-timepicker>div{display:inline-block;margin-left:.5em;min-width:1.5em}.ui-timepicker>.ui-minute-picker,.ui-timepicker>.ui-second-picker{margin-left:0}.ui-timepicker>.ui-separator{margin-left:0;min-width:.75em}.ui-timepicker>.ui-separator a{visibility:hidden}.ui-timepicker>div a{display:block;opacity:.7;filter:Alpha(Opacity=70);cursor:pointer}.ui-timepicker>div a:last-child{margin-top:.3em}.ui-timepicker>div a:hover{display:block;opacity:1;filter:Alpha(Opacity=100)}input[type=text]::-ms-clear{display:none}.ui-datepicker-touch-ui,.ui-calendar .ui-datepicker-touch-ui{position:fixed;top:50%;left:50%;min-width:80vw}.ui-datepicker-touch-ui.ui-datepicker th{padding:2em 0}.ui-datepicker-touch-ui.ui-datepicker td{padding:0}.ui-datepicker-touch-ui.ui-datepicker td>span,.ui-datepicker-touch-ui.ui-datepicker td>a{padding:2em 0}.ui-datepicker-touch-ui .ui-timepicker{padding:1em 0}.ui-datepicker-touch-ui .ui-timepicker>div a{font-size:2em}.ui-datepicker-mask{position:fixed;width:100%;height:100%}@media screen and (max-width:40em){.ui-datepicker-multiple-month{width:17em;overflow:auto}.ui-datepicker-touch-ui.ui-datepicker th{padding:1em 0}.ui-datepicker-touch-ui.ui-datepicker td span,.ui-datepicker-touch-ui.ui-datepicker td a{padding:1em 0}}.ui-card-header img{width:100%}.ui-card-body{padding:1em}.ui-card-title{font-size:1.5em;font-weight:bold;margin-bottom:.5em}.ui-card-subtitle{opacity:.7;margin-bottom:.5em;margin-top:-.25em;font-weight:bold}.ui-card-footer{padding-top:1em}.ui-carousel{display:flex;flex-direction:column;width:100%}.ui-carousel-content{display:flex;flex-direction:column;flex-wrap:nowrap;overflow:auto;padding:0 .5em}.ui-carousel-prev,.ui-carousel-next{align-self:center;text-align:center;flex-grow:0;flex-shrink:0;width:2.5em;height:2.5em;position:relative}.ui-carousel-prev span,.ui-carousel-next span{width:100%;display:flex;justify-content:center;align-items:center}.ui-carousel-container{display:flex;flex-direction:row;padding:0 .1em}.ui-carousel-header,.ui-carousel-footer{padding:.5em;z-index:1}.ui-carousel-items-content{overflow:hidden;width:100%}.ui-carousel-items-container{display:flex;flex-wrap:nowrap;flex-direction:row}.ui-carousel-items-container .ui-carousel-item{width:100%;box-sizing:border-box;overflow:auto}.ui-carousel-dots-container{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin:.5em}.ui-carousel-vertical .ui-carousel-container{flex-direction:column;width:100%}.ui-carousel-vertical .ui-carousel-items-container{flex-direction:column;height:100%}.ui-carousel-vertical .ui-carousel-dots-container{margin:.75em 0}.ui-chkbox{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em;-ms-user-select:none;user-select:none;-moz-user-select:none;-webkit-user-select:none}.ui-chkbox .ui-chkbox-box{width:1.125em;height:1.125em;line-height:1.125em;border-radius:2px;text-align:center}.ui-chkbox .ui-chkbox-icon{display:block}.ui-chkbox-label{vertical-align:middle}.ui-chkbox-readonly{cursor:default}.ui-chips{display:inline-block}.ui-chips>ul.ui-inputtext{clear:left;cursor:text;list-style-type:none;margin:0;overflow:hidden;padding:0 .25em}.ui-chips-token{cursor:default;display:inline-block;vertical-align:middle;overflow:hidden;padding:.125em .5em;white-space:nowrap;position:relative;margin-right:.125em;border:0 none;font-size:.9em}.ui-chips-token .ui-chips-token-label{display:block;margin-right:2em}.ui-chips>.ui-state-disabled .ui-chips-token-label{margin-right:0}.ui-chips-token .ui-chips-token-icon{margin-top:-.5em;position:absolute;right:.2em;top:50%;cursor:pointer}.ui-chips-input-token{display:inline-block;vertical-align:middle;list-style-type:none;margin:0 0 0 .125em;padding:.25em .25em .25em 0}.ui-chips-input-token input{border:0 none;width:10em;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0}.ui-fluid .ui-chips{display:block}.ui-colorpicker{display:inline-block}.ui-colorpicker-dragging{cursor:pointer}.ui-colorpicker-overlay{position:relative}.ui-colorpicker-panel{position:relative;width:193px;height:166px;background-color:#323232;border-color:#191919}.ui-colorpicker-overlay-panel{position:absolute}.ui-colorpicker-preview{width:2em;cursor:pointer}.ui-colorpicker-panel .ui-colorpicker-content{position:relative}.ui-colorpicker-panel .ui-colorpicker-color-selector{width:150px;height:150px;top:8px;left:8px;position:absolute}.ui-colorpicker-panel .ui-colorpicker-color{width:150px;height:150px;background:transparent url('color.6441e63a57ccc5105bad.png') no-repeat left top}.ui-colorpicker-panel .ui-colorpicker-color-handle{position:absolute;top:0;left:150px;border-radius:100%;width:10px;height:10px;border:1px solid #fff;margin:-5px 0 0 -5px;cursor:pointer}.ui-colorpicker-panel .ui-colorpicker-hue{background:transparent url('hue.f8505bd4d6f3e3aa435b.png') no-repeat left top;width:17px;height:150px;top:8px;left:167px;position:absolute;opacity:.85}.ui-colorpicker-panel .ui-colorpicker-hue-handle{position:absolute;top:150px;left:0;width:21px;margin-left:-2px;margin-top:-5px;height:10px;border:2px solid #fff;opacity:.85;cursor:pointer}.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle,.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle{opacity:.5}.ui-contextmenu{width:12.5em;padding:.25em;position:absolute;display:none}.ui-contextmenu .ui-menu-separator{border-width:1px 0 0 0}.ui-contextmenu ul{list-style:none;margin:0;padding:0}.ui-contextmenu .ui-submenu-list{display:none;position:absolute;width:12.5em;padding:.25em}.ui-contextmenu .ui-menuitem-link{padding:.25em;display:block;position:relative;cursor:pointer}.ui-contextmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-contextmenu .ui-menuitem-text{vertical-align:middle}.ui-contextmenu .ui-menuitem{position:relative}.ui-contextmenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-contextmenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block !important}.ui-dataview{position:relative}.ui-dataview .ui-paginator{text-align:center}.ui-dataview-column{padding:.25em}.ui-dataview-content-empty{padding:.25em .625em}.ui-dataview .ui-dataview-header,.ui-dataview .ui-dataview-footer{padding:.5em .75em}.ui-dataview .ui-dataview-header{border-bottom:0 none}.ui-dataview .ui-dataview-footer{border-top:0 none}.ui-dataview .ui-paginator-top{border-bottom:0 none}.ui-dataview .ui-paginator-bottom{border-top:0 none}.ui-dataview .ui-dataview-emptymessage{padding:.5em .75em}.ui-dataview-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-dataview-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}.ui-dataview-loading-icon{font-size:2em}.ui-dialog-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:none;pointer-events:none}.ui-dialog-mask.ui-widget-overlay{pointer-events:auto}.ui-dialog-visible{display:flex;justify-content:center;align-items:center}.ui-dialog{padding:0;pointer-events:auto;display:flex;flex-direction:column;max-height:90%;position:relative}.ui-dialog .ui-dialog-titlebar{padding:.5em .75em;position:relative;border:0;flex-shrink:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em .75em;background:0;overflow-y:auto}.ui-dialog-maximized{transition:none;transform:none;width:100vw !important;max-height:100%;height:100%;left:0 !important;top:0 !important}.ui-dialog-maximized .ui-dialog-content{flex-grow:1}.ui-dialog-resizable .ui-dialog-content{overflow:auto}.ui-dialog-breakpoint{left:0;width:100%}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px;position:absolute;font-size:.1px;display:block;cursor:se-resize}.ui-dialog-draggable .ui-dialog-titlebar{cursor:move}.ui-dialog .ui-dialog-titlebar-icons{float:right}.ui-dialog .ui-dialog-titlebar-icons:after{content:"";display:table;clear:both}.ui-dialog .ui-dialog-titlebar-icon{text-decoration:none;padding:.125em;cursor:pointer;display:inline-block;vertical-align:middle;border:1px solid transparent}.ui-dialog .ui-dialog-titlebar-icon span{display:block;margin:0}.ui-dialog-footer{padding:1em;border-width:1px 0 0 0;text-align:right;flex-shrink:0}.ui-dialog-top .ui-dialog,.ui-dialog-bottom .ui-dialog,.ui-dialog-left .ui-dialog,.ui-dialog-right .ui-dialog,.ui-dialog-topleft .ui-dialog,.ui-dialog-topright .ui-dialog,.ui-dialog-bottomleft .ui-dialog,.ui-dialog-bottomright .ui-dialog{margin:.75em;position:relative}.ui-dialog-left{justify-content:flex-start}.ui-dialog-right{justify-content:flex-end}.ui-dialog-top{align-items:flex-start}.ui-dialog-topleft{justify-content:flex-start;align-items:flex-start}.ui-dialog-topright{justify-content:flex-end;align-items:flex-start}.ui-dialog-bottom{align-items:flex-end}.ui-dialog-bottomleft{justify-content:flex-start;align-items:flex-end}.ui-dialog-bottomright{justify-content:flex-end;align-items:flex-end}.ui-confirmdialog{width:30em}.ui-confirmdialog.ui-dialog .ui-dialog-content{padding:1em 2em}.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon{font-size:1.5em;margin-right:.5em;position:relative;top:.2em}.ui-dialog-footer .ui-button{margin-right:.25em}.ui-fluid .ui-dialog-footer .ui-button{width:auto}.ui-rtl .ui-dialog .ui-dialog-titlebar-close{float:left}.ui-rtl .ui-dialog .ui-dialog-buttonpane button{text-align:right}@media screen and (max-width:40em){.ui-confirmdialog{width:90%}}.ui-dropdown{display:inline-flex;position:relative;cursor:pointer;min-width:12.5em}.ui-dropdown .ui-dropdown-hidden-select{bottom:0;clip:auto}.ui-dropdown .ui-dropdown-hidden-select select{transform:none;height:1px;position:absolute;top:0;clip:rect(0,0,0,0);pointer-events:none}.ui-dropdown .ui-dropdown-clear-icon{position:absolute;right:2em;top:50%;font-size:1em;height:1em;margin-top:-.5em}.ui-dropdown .ui-dropdown-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:1.5em;height:100%;position:absolute;right:0;top:0;padding:0 .25em}.ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon{top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;position:absolute}.ui-dropdown .ui-dropdown-label{display:block;border:0;white-space:nowrap;overflow:hidden;font-weight:normal;width:100%;padding-right:2.5em;font-weight:normal}.ui-dropdown-item-empty,.ui-dropdown-label-empty{text-indent:-9999px;overflow:hidden}.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,.ui-dropdown.ui-state-disabled .ui-dropdown-label{cursor:default}.ui-dropdown label.ui-dropdown-label{cursor:pointer}.ui-dropdown input.ui-dropdown-label{cursor:default}.ui-dropdown .ui-dropdown-panel{min-width:100%}.ui-dropdown-panel{position:absolute;height:auto}.ui-dropdown-panel .ui-dropdown-items-wrapper{overflow:auto}.ui-dropdown-panel .ui-dropdown-item{font-weight:normal;border:0 none;cursor:pointer;margin:1px 0;padding:.125em .25em;text-align:left}.ui-dropdown-panel .ui-dropdown-empty-message{padding:.5em}.ui-dropdown-panel .ui-dropdown-item-group{font-weight:bold;cursor:default}.ui-dropdown-panel .ui-dropdown-list{padding:.4em;border:0 none}.ui-dropdown-panel .ui-dropdown-filter{width:100%;box-sizing:border-box;padding-right:1.5em}.ui-dropdown-panel .ui-dropdown-filter-container{position:relative;margin:0;padding:.4em;display:inline-block;width:100%}.ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon{position:absolute;top:.8em;right:1em}.ui-fluid .ui-dropdown,.ui-fluid p-dropdown{width:100%}.ui-fieldset,.ui-fieldset .ui-fieldset-legend{padding:.5em 1em}.ui-fieldset-toggleable .ui-fieldset-legend{padding:0}.ui-fieldset-toggleable .ui-fieldset-legend a{padding:.5em 1em;cursor:pointer;white-space:nowrap;display:block}.ui-fieldset .ui-fieldset-toggler{margin-right:.1em;display:inline-block;vertical-align:middle}.ui-fieldset .ui-fieldset-legend-text{vertical-align:middle}.ui-fieldset .ui-fieldset-content-wrapper-overflown{overflow:hidden}.ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input{cursor:default}.ui-fileupload-buttonbar{padding:.5em;border-bottom:0 none}.ui-fileupload-buttonbar .ui-button{vertical-align:middle;margin-right:.25em}.ui-fileupload-content{padding:1em;position:relative;transition:border-color .3s}.ui-fileupload-content.ui-fileupload-highlight{border-color:#156090}.ui-fileupload-files img{border:0}.ui-fileupload-files{display:table}.ui-fileupload-row{display:table-row}.ui-fileupload-row>div{display:table-cell;padding:.5em 1em;vertical-align:middle}.ui-fileupload-content .ui-progressbar{width:100%;position:absolute;top:1px;left:0;height:.25em;border:0 none}.ui-fileupload-content .ui-progressbar-value{border-radius:0;border:0 none}.ui-fileupload-choose{position:relative;overflow:hidden}.ui-fileupload-choose input[type=file]{position:absolute;top:0;right:0;margin:0;opacity:0;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);direction:ltr;cursor:pointer;z-index:1}.ui-fileupload-choose.ui-fileupload-choose-selected input[type=file]{display:none}.ui-fluid .ui-fileupload .ui-button{width:auto}.ui-fluid .ui-fileupload-content .ui-button-icon-only{width:2em}@media(max-width:40em){.ui-fileupload-buttonbar .ui-button{display:block;width:100%;margin-right:0;margin-bottom:.25em}.ui-fileupload-buttonbar .ui-button:last-child{margin-bottom:0}.ui-fileupload-row>div{display:block}}.ui-fluid .fc .ui-button{width:auto}.ui-galleria-content{display:flex;flex-direction:column}.ui-galleria-item-wrapper{display:flex;flex-direction:column;position:relative}.ui-galleria-item-container{position:relative;display:flex;height:100%}.ui-galleria-item-nav{position:absolute;top:50%;margin-top:-.5rem;display:inline-flex;justify-content:center;align-items:center}.ui-galleria-item-prev{left:0;border-top-left-radius:0;border-bottom-left-radius:0}.ui-galleria-item-next{right:0;border-top-right-radius:0;border-bottom-right-radius:0}.ui-galleria-item{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.ui-galleria-item-nav-onhover .ui-galleria-item-nav{pointer-events:none;opacity:0;transition:opacity .2s ease-in-out}.ui-galleria-item-nav-onhover .ui-galleria-item-wrapper:hover .ui-galleria-item-nav{pointer-events:all;opacity:1}.ui-galleria-item-nav-onhover .ui-galleria-item-wrapper:hover .ui-galleria-item-nav.ui-state-disabled{pointer-events:none}.ui-galleria-caption{position:absolute;bottom:0;left:0;width:100%}.ui-galleria-thumbnail-wrapper{display:flex;flex-direction:column;overflow:auto;flex-shrink:0}.ui-galleria-thumbnail-prev,.ui-galleria-thumbnail-next{align-self:center;flex:0 0 auto;display:flex;justify-content:center;align-items:center}.ui-galleria-thumbnail-prev span,.ui-galleria-thumbnail-next span{display:flex;justify-content:center;align-items:center}.ui-galleria-thumbnail-container{display:flex;flex-direction:row}.ui-galleria-thumbnail-items-container{overflow:hidden}.ui-galleria-thumbnail-items{display:flex}.ui-galleria-thumbnail-item{overflow:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5;transition:opacity .3s}.ui-galleria-thumbnail-item:hover,.ui-galleria-thumbnail-item-current{opacity:1}.ui-galleria-thumbnails-left .ui-galleria-content,.ui-galleria-thumbnails-right .ui-galleria-content{flex-direction:row}.ui-galleria-thumbnails-left .ui-galleria-item-wrapper,.ui-galleria-thumbnails-right .ui-galleria-item-wrapper{flex-direction:row}.ui-galleria-thumbnails-left .ui-galleria-item-wrapper,.ui-galleria-thumbnails-top .ui-galleria-item-wrapper{order:2}.ui-galleria-thumbnails-left .ui-galleria-thumbnail-wrapper,.ui-galleria-thumbnails-top .ui-galleria-thumbnail-wrapper{order:1}.ui-galleria-thumbnails-left .ui-galleria-thumbnail-wrapper,.ui-galleria-thumbnails-right .ui-galleria-thumbnail-wrapper{height:100%}.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container,.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container{flex-direction:column;flex-grow:1}.ui-galleria-thumbnails-left .ui-galleria-thumbnail-items,.ui-galleria-thumbnails-right .ui-galleria-thumbnail-items{flex-direction:column;height:100%}.ui-galleria-indicators{display:flex;align-items:center;justify-content:center}.ui-galleria-indicator>button{display:inline-flex;align-items:center}.ui-galleria-indicators-left .ui-galleria-item-wrapper,.ui-galleria-indicators-right .ui-galleria-item-wrapper{flex-direction:row;align-items:center}.ui-galleria-indicators-left .ui-galleria-item-container,.ui-galleria-indicators-top .ui-galleria-item-container{order:2}.ui-galleria-indicators-left .ui-galleria-indicators,.ui-galleria-indicators-top .ui-galleria-indicators{order:1}.ui-galleria-indicators-left .ui-galleria-indicators,.ui-galleria-indicators-right .ui-galleria-indicators{flex-direction:column}.ui-galleria-indicator-onitem .ui-galleria-indicators{position:absolute;display:flex}.ui-galleria-indicator-onitem.ui-galleria-indicators-top .ui-galleria-indicators{top:0;left:0;width:100%;align-items:flex-start}.ui-galleria-indicator-onitem.ui-galleria-indicators-right .ui-galleria-indicators{right:0;top:0;height:100%;align-items:flex-end}.ui-galleria-indicator-onitem.ui-galleria-indicators-bottom .ui-galleria-indicators{bottom:0;left:0;width:100%;align-items:flex-end}.ui-galleria-indicator-onitem.ui-galleria-indicators-left .ui-galleria-indicators{left:0;top:0;height:100%;align-items:flex-start}.ui-galleria-mask{display:flex;align-items:center;justify-content:center;position:fixed}.ui-galleria-close{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center}.ui-galleria-mask .ui-galleria-item-nav{position:fixed;top:50%;margin-top:-.5rem}.ui-items-hidden .ui-galleria-thumbnail-item{visibility:hidden}.ui-items-hidden .ui-galleria-thumbnail-item.ui-galleria-thumbnail-item-active{visibility:visible}@@ -1,776+0,0 @@ .ui-grid{clear:both;padding:0;margin:0}.ui-grid::before,.ui-grid::after{content:"";display:table}.ui-grid::after{clear:both}.ui-grid .ui-grid-row{display:flex;clear:both}.ui-grid-row::after{clear:both;content:"";display:table}.ui-grid-col-1,.ui-grid-col-2,.ui-grid-col-3,.ui-grid-col-4,.ui-grid-col-5,.ui-grid-col-6,.ui-grid-col-7,.ui-grid-col-8,.ui-grid-col-9,.ui-grid-col-10,.ui-grid-col-11,.ui-grid-col-12{float:left;box-sizing:border-box}.ui-grid-col-1{width:8.33333%}.ui-grid-col-2{width:16.66666%}.ui-grid-col-3{width:25%}.ui-grid-col-4{width:33.33333%}.ui-grid-col-5{width:41.66666%}.ui-grid-col-6{width:50%}.ui-grid-col-7{width:58.33333%}.ui-grid-col-8{width:66.66666%}.ui-grid-col-9{width:75%}.ui-grid-col-10{width:83.33333%}.ui-grid-col-11{width:91.66666%}.ui-grid-col-12{width:100%}@media(min-width:480px){.ui-grid-fixed{width:480px}}@media(min-width:768px){.ui-grid-fixed{width:768px}}@media(min-width:960px){.ui-grid-fixed{width:960px}}@media(min-width:1024px){.ui-grid-fixed{width:1024px}}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-grid.ui-grid-pad>.ui-grid-row>div{padding:.25em .5em}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-g{display:flex;flex-wrap:wrap;box-sizing:border-box}.ui-g::after{clear:both;content:"";display:table;box-sizing:border-box}.ui-g-1,.ui-g-2,.ui-g-3,.ui-g-4,.ui-g-5,.ui-g-6,.ui-g-7,.ui-g-8,.ui-g-9,.ui-g-10,.ui-g-11,.ui-g-12{float:left;box-sizing:border-box;padding:.5em}.ui-g-1{width:8.3333%}.ui-g-2{width:16.6667%}.ui-g-3{width:25%}.ui-g-4{width:33.3333%}.ui-g-5{width:41.6667%}.ui-g-6{width:50%}.ui-g-7{width:58.3333%}.ui-g-8{width:66.6667%}.ui-g-9{width:75%}.ui-g-10{width:83.3333%}.ui-g-11{width:91.6667%}.ui-g-12{width:100%}.ui-g-offset-12{margin-left:100%}.ui-g-offset-11{margin-left:91.66666667%}.ui-g-offset-10{margin-left:83.33333333%}.ui-g-offset-9{margin-left:75%}.ui-g-offset-8{margin-left:66.66666667%}.ui-g-offset-7{margin-left:58.33333333%}.ui-g-offset-6{margin-left:50%}.ui-g-offset-5{margin-left:41.66666667%}.ui-g-offset-4{margin-left:33.33333333%}.ui-g-offset-3{margin-left:25%}.ui-g-offset-2{margin-left:16.66666667%}.ui-g-offset-1{margin-left:8.33333333%}.ui-g-offset-0{margin-left:0}@media screen and (max-width:40em){.ui-sm-1,.ui-sm-2,.ui-sm-3,.ui-sm-4,.ui-sm-5,.ui-sm-6,.ui-sm-7,.ui-sm-8,.ui-sm-9,.ui-sm-10,.ui-sm-11,.ui-sm-12{padding:.5em}.ui-sm-1{width:8.3333%}.ui-sm-2{width:16.6667%}.ui-sm-3{width:25%}.ui-sm-4{width:33.3333%}.ui-sm-5{width:41.6667%}.ui-sm-6{width:50%}.ui-sm-7{width:58.3333%}.ui-sm-8{width:66.6667%}.ui-sm-9{width:75%}.ui-sm-10{width:83.3333%}.ui-sm-11{width:91.6667%}.ui-sm-12{width:100%}.ui-sm-offset-12{margin-left:100%}.ui-sm-offset-11{margin-left:91.66666667%}.ui-sm-offset-10{margin-left:83.33333333%}.ui-sm-offset-9{margin-left:75%}.ui-sm-offset-8{margin-left:66.66666667%}.ui-sm-offset-7{margin-left:58.33333333%}.ui-sm-offset-6{margin-left:50%}.ui-sm-offset-5{margin-left:41.66666667%}.ui-sm-offset-4{margin-left:33.33333333%}.ui-sm-offset-3{margin-left:25%}.ui-sm-offset-2{margin-left:16.66666667%}.ui-sm-offset-1{margin-left:8.33333333%}.ui-sm-offset-0{margin-left:0}}@media screen and (min-width:40.063em){.ui-md-1,.ui-md-2,.ui-md-3,.ui-md-4,.ui-md-5,.ui-md-6,.ui-md-7,.ui-md-8,.ui-md-9,.ui-md-10,.ui-md-11,.ui-md-12{padding:.5em}.ui-md-1{width:8.3333%}.ui-md-2{width:16.6667%}.ui-md-3{width:25%}.ui-md-4{width:33.3333%}.ui-md-5{width:41.6667%}.ui-md-6{width:50%}.ui-md-7{width:58.3333%}.ui-md-8{width:66.6667%}.ui-md-9{width:75%}.ui-md-10{width:83.3333%}.ui-md-11{width:91.6667%}.ui-md-12{width:100%}.ui-md-offset-12{margin-left:100%}.ui-md-offset-11{margin-left:91.66666667%}.ui-md-offset-10{margin-left:83.33333333%}.ui-md-offset-9{margin-left:75%}.ui-md-offset-8{margin-left:66.66666667%}.ui-md-offset-7{margin-left:58.33333333%}.ui-md-offset-6{margin-left:50%}.ui-md-offset-5{margin-left:41.66666667%}.ui-md-offset-4{margin-left:33.33333333%}.ui-md-offset-3{margin-left:25%}.ui-md-offset-2{margin-left:16.66666667%}.ui-md-offset-1{margin-left:8.33333333%}.ui-md-offset-0{margin-left:0}}@media screen and (min-width:64.063em){.ui-lg-1,.ui-lg-2,.ui-lg-3,.ui-lg-4,.ui-lg-5,.ui-lg-6,.ui-lg-7,.ui-lg-8,.ui-lg-9,.ui-lg-10,.ui-lg-11,.ui-lg-12{padding:.5em}.ui-lg-1{width:8.3333%}.ui-lg-2{width:16.6667%}.ui-lg-3{width:25%}.ui-lg-4{width:33.3333%}.ui-lg-5{width:41.6667%}.ui-lg-6{width:50%}.ui-lg-7{width:58.3333%}.ui-lg-8{width:66.6667%}.ui-lg-9{width:75%}.ui-lg-10{width:83.3333%}.ui-lg-11{width:91.6667%}.ui-lg-12{width:100%}.ui-lg-offset-12{margin-left:100%}.ui-lg-offset-11{margin-left:91.66666667%}.ui-lg-offset-10{margin-left:83.33333333%}.ui-lg-offset-9{margin-left:75%}.ui-lg-offset-8{margin-left:66.66666667%}.ui-lg-offset-7{margin-left:58.33333333%}.ui-lg-offset-6{margin-left:50%}.ui-lg-offset-5{margin-left:41.66666667%}.ui-lg-offset-4{margin-left:33.33333333%}.ui-lg-offset-3{margin-left:25%}.ui-lg-offset-2{margin-left:16.66666667%}.ui-lg-offset-1{margin-left:8.33333333%}.ui-lg-offset-0{margin-left:0}}@media screen and (min-width:90.063em){.ui-xl-1,.ui-xl-2,.ui-xl-3,.ui-xl-4,.ui-xl-5,.ui-xl-6,.ui-xl-7,.ui-xl-8,.ui-xl-9,.ui-xl-10,.ui-xl-11,.ui-xl-12{padding:.5em}.ui-xl-1{width:8.3333%}.ui-xl-2{width:16.6667%}.ui-xl-3{width:25%}.ui-xl-4{width:33.3333%}.ui-xl-5{width:41.6667%}.ui-xl-6{width:50%}.ui-xl-7{width:58.3333%}.ui-xl-8{width:66.6667%}.ui-xl-9{width:75%}.ui-xl-10{width:83.3333%}.ui-xl-11{width:91.6667%}.ui-xl-12{width:100%}.ui-xl-offset-12{margin-left:100%}.ui-xl-offset-11{margin-left:91.66666667%}.ui-xl-offset-10{margin-left:83.33333333%}.ui-xl-offset-9{margin-left:75%}.ui-xl-offset-8{margin-left:66.66666667%}.ui-xl-offset-7{margin-left:58.33333333%}.ui-xl-offset-6{margin-left:50%}.ui-xl-offset-5{margin-left:41.66666667%}.ui-xl-offset-4{margin-left:33.33333333%}.ui-xl-offset-3{margin-left:25%}.ui-xl-offset-2{margin-left:16.66666667%}.ui-xl-offset-1{margin-left:8.33333333%}.ui-xl-offset-0{margin-left:0}}.ui-g-nopad{padding:0}.ui-inplace .ui-inplace-display{display:inline;cursor:pointer;border:0 none;padding:.25em;font-weight:normal}.ui-inplace .ui-inplace-content{display:inline}.ui-fluid .ui-inputgroup p-inputmask{flex:1 1 auto}.ui-inputgroup p-inputmask:not(:first-child) .ui-inputtext{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0 none}.ui-inputgroup p-inputmask:not(:last-child) .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}.ui-inputnumber{display:inline-flex}.ui-inputnumber-button{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.ui-inputnumber-buttons-stacked .ui-inputnumber-button .ui-button-text,.ui-inputnumber-buttons-horizontal .ui-inputnumber-button .ui-button-text{display:none}.ui-inputnumber-buttons-stacked .ui-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0}.ui-inputnumber-buttons-stacked .ui-inputnumber-input{border-top-right-radius:0;border-bottom-right-radius:0}.ui-inputnumber-buttons-stacked .ui-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;padding:0}.ui-inputnumber-buttons-stacked .ui-inputnumber-button-group{display:flex;flex-direction:column}.ui-inputnumber-buttons-stacked .ui-inputnumber-button-group .ui-inputnumber-button{flex:1 1 auto}.ui-inputnumber-buttons-horizontal .ui-inputnumber-button-up{order:3;border-top-left-radius:0;border-bottom-left-radius:0}.ui-inputnumber-buttons-horizontal .ui-inputnumber-input{order:2;border-radius:0}.ui-inputnumber-buttons-horizontal .ui-inputnumber-button-down{order:1;border-top-right-radius:0;border-bottom-right-radius:0}.ui-inputnumber-buttons-vertical{flex-direction:column}.ui-inputnumber-buttons-vertical .ui-inputnumber-button-up.ui-button-icon-only{order:1;border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%}.ui-inputnumber-buttons-vertical .ui-inputnumber-input{order:2;border-radius:0;text-align:center}.ui-inputnumber-buttons-vertical .ui-inputnumber-button-down.ui-button-icon-only{order:3;border-top-left-radius:0;border-top-right-radius:0;width:100%}.ui-inputnumber-input{flex:1 1 auto}.ui-fluid .ui-inputnumber{width:100%}.ui-fluid .ui-inputnumber .ui-inputnumber-input{width:1%}.ui-fluid .ui-inputnumber-buttons-vertical .ui-inputnumber-input{width:100%}.ui-inputswitch{position:relative;display:inline-block;width:3em;height:1.75em}.ui-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.3s;border-radius:30px}.ui-inputswitch-slider:before{position:absolute;content:"";height:1.250em;width:1.250em;left:.25em;bottom:.25em;border-radius:50%;transition:.3s}.ui-inputswitch-checked .ui-inputswitch-slider:before{transform:translateX(1.250em)}.ui-inputswitch.ui-state-disabled .ui-inputswitch-slider,.ui-inputswitch-readonly .ui-inputswitch-slider{cursor:default}.ui-inputtext{margin:0;outline:medium none;padding:.25em;font-weight:normal}.ui-widget-header .ui-inputtext,.ui-widget-content .ui-inputtext{font-weight:normal}.ui-fluid .ui-inputtext{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-inputgroup{display:flex}.ui-inputgroup .ui-inputgroup-addon{display:inline-block;text-align:center;min-width:1.5em;padding:.25em;border-width:1px;border-style:solid}.ui-inputgroup .ui-inputgroup-addon+.ui-inputgroup-addon{border-left:0 none}.ui-inputgroup .ui-inputtext{padding-left:.5em}.ui-inputgroup .ui-inputtext:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.ui-inputgroup .ui-inputtext:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.ui-inputgroup .ui-button{margin-right:0;border-radius:0}.ui-fluid .ui-inputgroup .ui-button{width:auto}.ui-inputgroup>p-button:not(:first-child)>.ui-button{border-top-left-radius:0;border-bottom-left-radius:0}.ui-inputgroup>p-button:not(:last-child)>.ui-button{border-top-right-radius:0;border-bottom-right-radius:0}.ui-fluid .ui-inputgroup .ui-inputtext{flex:1 1 auto}.ui-inputgroup .ui-chkbox,.ui-inputgroup .ui-radiobutton{margin-right:0;vertical-align:bottom}.ui-float-label{display:block;position:relative}.ui-float-label>label{font-weight:normal;position:absolute;pointer-events:none;left:.25em;top:50%;margin-top:-.5em;transition:.3s ease all;-moz-transition:.3s ease all;-webkit-transition:.3s ease all;color:#898989;line-height:1}.ui-fluid .ui-inputgroup .ui-float-label{width:100%}.ui-inputgroup .ui-float-label .ui-inputtext{height:100%}.ui-inputgroup .ui-float-label:last-child .ui-inputtext{border-top-right-radius:3px;border-bottom-right-radius:3px;border-right-width:1px}.ui-inputgroup .ui-float-label:not(:first-child) .ui-inputtext{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.ui-float-label>input:-webkit-autofill ~ label{top:-.75em;font-size:12px}.ui-float-label>input:focus ~ label,.ui-float-label>input.ui-state-filled ~ label,.ui-float-label>.ui-inputwrapper-focus ~ label,.ui-float-label>.ui-inputwrapper-filled ~ label{top:-.75em;font-size:12px}.ui-inputtextarea-resizable{overflow:hidden;resize:none}.ui-fluid .ui-inputtextarea{width:100%}.ui-float-label>textarea ~ label{left:.25em;top:.75em}.ui-float-label textarea:-webkit-autofill ~ label{top:-.75em;font-size:12px}.ui-float-label textarea:focus ~ label,.ui-float-label textarea.ui-state-filled ~ label{top:-.75em;font-size:12px}.ui-lightbox{position:fixed;display:none;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.ui-lightbox-content-wrapper{position:relative}.ui-lightbox-content{position:relative;margin:0;padding:0;background-color:#000}.ui-lightbox-nav-right,.ui-lightbox-nav-left{position:absolute;top:50%;cursor:pointer}.ui-lightbox-nav-left{left:0}.ui-lightbox-nav-right{right:0}.ui-lightbox-loading .ui-lightbox-content{background:url('loading.9347db5956a89b0bab38.gif') #000 center center no-repeat}.ui-lightbox-caption{padding:.2em .4em;display:none}.ui-lightbox-caption-text{margin:.3em 0 .1em 0;float:left}.ui-lightbox-close{float:right;margin:0;padding:.125em}.ui-lightbox-close.ui-state-hover{padding:0}.ui-lightbox-nav-left,.ui-lightbox-nav-right{opacity:.5}.ui-lightbox-nav-left:hover,.ui-lightbox-nav-right:hover{opacity:1}.ui-listbox{padding:.25em;width:10em}.ui-listbox .ui-listbox-list-wrapper{overflow:auto}.ui-listbox .ui-listbox-list{list-style-type:none;margin:0;padding:0}.ui-listbox .ui-listbox-item{padding:.25em;border:0 none;cursor:pointer;font-weight:normal;margin-bottom:1px}.ui-listbox .ui-listbox-item>span{vertical-align:middle}.ui-listbox .ui-listbox-item:last-child{margin-bottom:0}.ui-listbox.ui-state-disabled .ui-listbox-item{cursor:default}.ui-listbox-header{margin-bottom:.3em;padding:.125em .2em;position:relative}.ui-listbox-header .ui-chkbox{display:inline-block;vertical-align:middle;cursor:pointer}.ui-listbox-header .ui-listbox-filter-container{display:inline-block;vertical-align:middle;position:relative;width:100%}.ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container{width:calc(100% - 2em)}.ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon{position:absolute;top:.25em;left:.25em}.ui-listbox-header .ui-inputtext{padding:.125em .125em .125em 1.25em;width:100%}.ui-listbox-footer{padding:.125em .2em}.ui-megamenu{padding:.25em}.ui-megamenu-root-list{margin:0;padding:0;list-style:none}.ui-megamenu-root-list>.ui-menuitem{position:relative}.ui-megamenu .ui-menuitem-link{padding:.25em;display:block;text-decoration:none}.ui-megamenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-megamenu .ui-menuitem-text{vertical-align:middle}.ui-megamenu-panel{display:none;position:absolute;width:auto}.ui-megamenu-root-list>.ui-menuitem-active>.ui-megamenu-panel{display:block}.ui-megamenu-panel .ui-menuitem{margin:.125em 0}.ui-megamenu-submenu{margin:0;padding:0;list-style:none;width:12.5em}.ui-megamenu-submenu-header{padding:.25em}.ui-megamenu-horizontal .ui-megamenu-root-list>.ui-menuitem{display:inline-block}.ui-megamenu-horizontal .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon{vertical-align:middle;margin-left:.25em}.ui-megamenu-vertical{width:12.5em}.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem{display:block}.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link{position:relative}.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon{position:absolute;width:1em;height:1em;top:50%;right:0;margin-top:-.5em}.ui-megamenu-grid{display:flex}.ui-megamenu-col-2,.ui-megamenu-col-3,.ui-megamenu-col-4,.ui-megamenu-col-6,.ui-megamenu-col-12{flex:0 0 auto;padding:.5em}.ui-megamenu-col-2{width:16.6667%}.ui-megamenu-col-3{width:25%}.ui-megamenu-col-4{width:33.3333%}.ui-megamenu-col-6{width:50%}.ui-megamenu-col-12{width:100%}.ui-menu{width:12.5em;padding:.25em}.ui-menu.ui-menu-dynamic{position:absolute}.ui-menu .ui-menu-separator{border-width:1px 0 0 0}.ui-menu ul{list-style:none;margin:0;padding:0}.ui-menu .ui-submenu-header{padding:.25em .5em;margin:.125em 0}.ui-menu .ui-menuitem{margin:.125em 0}.ui-menu .ui-menuitem-link{cursor:pointer;padding:.25em;display:block;text-decoration:none}.ui-menu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-menu .ui-menuitem-text{vertical-align:middle}.ui-menubar{padding:.25em}.ui-menubar:after{content:"";clear:both;display:table}.ui-menubar ul{margin:0;padding:0;list-style:none}.ui-menubar .ui-menuitem-link{display:block;padding:.25em;position:relative;cursor:pointer;text-decoration:none}.ui-menubar .ui-menuitem-icon{margin-right:.25em}.ui-menubar .ui-menubar-root-list{display:inline-block}.ui-menubar .ui-menubar-root-list>.ui-menuitem{display:inline-block;position:relative}.ui-menubar .ui-menubar-root-list>.ui-menuitem>.ui-menuitem-link{padding:.5em}.ui-menubar .ui-menubar-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon{vertical-align:middle;margin-left:.25em}.ui-menubar .ui-menubar-root-list>li ul{display:none}.ui-menubar .ui-menubar-root-list>.ui-menu-separator{display:inline-block;vertical-align:middle;height:1.5em}.ui-menubar .ui-submenu-list{display:none;position:absolute;min-width:12.5em;padding:.25em}.ui-menubar .ui-submenu-list .ui-menuitem{margin:.125em 0;position:relative}.ui-menubar .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-menubar .ui-menuitem-text{vertical-align:middle}.ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-menubar .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}.ui-menubar .ui-menubar-custom{float:right;padding:.25em}.ui-message{border:1px solid;margin:0 .25em;padding:.25em .5em;display:inline-block;vertical-align:top}.ui-message .ui-message-icon,.ui-message .ui-message-text{vertical-align:middle}.ui-fluid .ui-message{display:block}.ui-messages{border:1px solid;margin:.5em 0;padding:1em 1em 1em .5em;position:relative;display:flex}.ui-messages .ui-messages-icon{display:inline-block;padding:0;vertical-align:middle;font-size:2em}.ui-messages .ui-messages-summary{font-weight:bold;margin-left:.25em}.ui-messages .ui-messages-detail{margin-left:.25em}.ui-messages ul{margin:0;padding:0;list-style-type:none;display:inline-block;vertical-align:middle;display:flex;flex-direction:column}.ui-messages ul>li{padding:.25em}.ui-messages.ui-messages-noicon ul{margin:0 1.5em 0 0}.ui-messages .ui-messages-close{cursor:pointer;position:absolute;top:5px;right:5px}.ui-multiselect{display:inline-flex;position:relative;width:auto;cursor:pointer}.ui-multiselect .ui-multiselect-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:1.5em;height:100%;position:absolute;right:0;top:0;padding:0 .25em}.ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon{top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;position:absolute}.ui-multiselect .ui-multiselect-label-container{overflow:hidden}.ui-multiselect .ui-multiselect-label{display:block;padding:.25em 2em .25em .25em;width:auto;border:0;cursor:pointer;text-overflow:ellipsis;overflow:hidden;font-weight:normal;white-space:nowrap}.ui-multiselect.ui-state-disabled .ui-multiselect-trigger,.ui-multiselect.ui-state-disabled .ui-multiselect-label{cursor:auto}.ui-multiselect-panel{padding:.2em;position:absolute;min-width:12em}.ui-multiselect .ui-multiselect-panel{min-width:100%}.ui-multiselect-panel .ui-multiselect-items-wrapper{overflow:auto;position:relative;padding:.2em 0}.ui-multiselect-panel .ui-multiselect-list{border:0 none}.ui-multiselect-panel .ui-multiselect-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:.125em .25em;text-align:left;white-space:nowrap;display:block;position:relative}.ui-multiselect-panel .ui-multiselect-empty-message{padding:.5em}.ui-multiselect-panel .ui-multiselect-item .ui-chkbox{display:inline-block;vertical-align:middle}.ui-multiselect-panel .ui-multiselect-item span{display:inline-block;vertical-align:middle}.ui-multiselect-header{margin-bottom:.3em;padding:.25em;position:relative;text-align:left;min-height:2em}.ui-multiselect-header .ui-chkbox{display:inline-block;vertical-align:middle;cursor:pointer}.ui-multiselect-header .ui-multiselect-filter-container{position:relative;display:inline-block;vertical-align:middle;width:65%}.ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container{width:85%}.ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon{position:absolute;top:.25em;left:.125em}.ui-multiselect-header .ui-inputtext{padding:.125em .125em .125em 1.25em;width:100%}.ui-multiselect-header .ui-multiselect-close{position:absolute;right:.375em;top:.375em;display:block;border:0 none;cursor:pointer}.ui-multiselect-header a.ui-multiselect-all,.ui-multiselect-header a.ui-multiselect-none{float:left;margin-right:10px;display:block}.ui-multiselect-footer{padding:.25em}.ui-fluid .ui-multiselect{width:100%;box-sizing:border-box}.ui-orderlist{display:flex;flex-wrap:wrap}.ui-orderlist-controls-left{flex-direction:row}.ui-orderlist-controls-right{flex-direction:row-reverse}.ui-orderlist-controls,.ui-orderlist-list-container{flex:0 0 auto}.ui-orderlist-controls{padding:0 .25em;width:16.66666%;align-self:center}.ui-orderlist-controls .ui-button.ui-button-icon-only{display:block;margin-bottom:.25em;width:100%}.ui-orderlist-list-container{width:83.33333%}.ui-orderlist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:12.5em}.ui-orderlist-caption{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-orderlist-item{margin:1px;padding:.125em;cursor:pointer;border:0 none;font-weight:inherit}.ui-orderlist-filter-container{position:relative;width:100%;padding:.5em .6em;border-bottom:0 none}.ui-orderlist-filter-container .ui-inputtext{text-indent:1.1em;width:100%}.ui-orderlist-filter-container .ui-orderlist-filter-icon{position:absolute;top:50%;left:1em;margin-top:-.6em}.ui-orderlist.ui-state-disabled .ui-orderlist-item,.ui-orderlist.ui-state-disabled .ui-button{cursor:default}.ui-orderlist.ui-state-disabled .ui-orderlist-list{overflow:hidden}.ui-orderlist .ui-orderlist-droppoint{height:6px;list-style-type:none}@media(max-width:767px){.ui-orderlist-controls{width:100%;text-align:center}.ui-orderlist .ui-orderlist-list-container{width:100%}.ui-orderlist .ui-orderlist-controls .ui-button.ui-button.ui-button-icon-only{display:inline-block;width:20%;margin-right:.25em}}.ui-organizationchart .ui-organizationchart-table{border-spacing:0;border-collapse:separate;margin:0 auto}.ui-organizationchart .ui-organizationchart-table>tr>td{text-align:center;vertical-align:top;padding:0;padding:0 .75em}.ui-organizationchart .ui-organizationchart-node-content{padding:.5em .75em;display:inline-block;position:relative}.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler{position:absolute;bottom:-9px;margin-left:-8px;z-index:2;left:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-organizationchart .ui-organizationchart-line-down{margin:0 auto;height:20px;width:1px;float:none}.ui-organizationchart .ui-organizationchart-line-right{float:none;border-radius:0}.ui-organizationchart .ui-organizationchart-line-left{float:none;border-radius:0}.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node{cursor:pointer}.ui-organizationchart .ui-organizationchart-node-hidden{display:none}.ui-organizationchart-preservespace .ui-organizationchart-node-hidden{visibility:hidden;display:inherit}.ui-overlaypanel{padding:0;margin:0;position:absolute;margin-top:10px}.ui-overlaypanel-flipped{margin-top:0;margin-bottom:10px}.ui-overlaypanel-content{padding:.5em 1em}.ui-overlaypanel-close{position:absolute;top:-1em;right:-1em;width:2em;height:2em;line-height:2em;text-align:center;border-radius:100%;cursor:pointer}.ui-overlaypanel-close-icon{line-height:inherit}.ui-overlaypanel:after,.ui-overlaypanel:before{bottom:100%;left:1.25em;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ui-overlaypanel:after{border-width:8px;margin-left:-8px}.ui-overlaypanel:before{border-width:10px;margin-left:-10px}.ui-overlaypanel-shifted:after,.ui-overlaypanel-shifted:before{left:auto;right:1.25em;margin-left:auto}.ui-overlaypanel-shifted:after{margin-right:-8px}.ui-overlaypanel:before{margin-right:-10px}.ui-overlaypanel-flipped:after,.ui-overlaypanel-flipped:before{bottom:auto;top:100%}.ui-overlaypanel.ui-overlaypanel-flipped:after{border-bottom-color:transparent}.ui-overlaypanel.ui-overlaypanel-flipped:before{border-bottom-color:transparent}.ui-paginator{margin:0;text-align:center;padding:.125em}.ui-paginator .ui-paginator-top{border-bottom:0 none}.ui-paginator .ui-paginator-bottom{border-top:0 none}.ui-paginator .ui-paginator-left-content{float:left}.ui-paginator .ui-paginator-right-content{float:right}.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-pages,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev,.ui-paginator .ui-paginator-current{display:inline-block;min-width:1.5em;height:1.5em;line-height:1.5em;margin-left:.063em;margin-right:.063em;text-decoration:none;vertical-align:middle;text-align:center;position:relative}.ui-paginator .ui-paginator-pages{width:auto;line-height:1}.ui-paginator .ui-paginator-icon{display:block;position:absolute;left:50%;top:50%;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em}.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev{cursor:pointer}.ui-paginator .ui-paginator-current,.ui-paginator .ui-paginator-rpp-options{margin-left:1em;margin-right:1em;background-image:none}.ui-paginator .ui-paginator-jtp-select option,.ui-paginator .ui-paginator-rpp-options option{background-image:none;border:0 none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.ui-paginator a.ui-state-disabled{outline:0 none}.ui-paginator .ui-dropdown{min-width:4em;margin-left:.375em}.ui-fluid .ui-paginator .ui-dropdown{width:auto}.ui-panelmenu{width:auto}.ui-panelmenu .ui-menu-separator{border-width:1px 0 0 0}.ui-panelmenu .ui-panelmenu-content-wrapper{overflow:hidden}.ui-panelmenu .ui-panelmenu-header{margin:-1px 0 0 0}.ui-panelmenu .ui-panelmenu-header-link{padding:.5em;display:block;text-decoration:none;cursor:pointer}.ui-panelmenu .ui-panelmenu-icon{vertical-align:middle}.ui-panelmenu .ui-menuitem-text{vertical-align:middle}.ui-panelmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-panelmenu .ui-panelmenu-content{padding:.25em;border-top:0;margin-bottom:1px}.ui-panelmenu .ui-submenu-list{margin:0;padding:0;list-style:none;margin-left:1.5em}.ui-panelmenu .ui-panelmenu-content>.ui-panelmenu-root-submenu>.ui-submenu-list{margin-left:0}.ui-panelmenu .ui-menuitem{overflow:hidden;margin:.125em 0}.ui-panelmenu .ui-menuitem-link{padding:.25em;display:block;text-decoration:none;cursor:pointer}.ui-panel{padding:.2em}.ui-panel .ui-panel-titlebar{padding:.5em .75em}.ui-panel .ui-panel-titlebar.ui-panel-titlebar-clickable{cursor:pointer}.ui-panel .ui-panel-titlebar-icon{float:right;cursor:pointer}.ui-panel .ui-panel-titlebar-icon{margin-left:.2em;margin-top:-0.1em}.ui-panel .ui-panel-content{border:0;background:0;padding:.5em .75em}.ui-panel .ui-panel-footer{border-width:1px 0 0;padding:.25em .5em;text-align:left}.ui-panel-content-wrapper-overflown{overflow:hidden}.ui-password-panel{padding:.25em .5em;position:absolute}.ui-password-panel .ui-password-meter{height:10px;background:transparent url('password-meter.eea288d50533d7995ec1.png') no-repeat left top;padding:0;margin:0}.ui-password-info{margin-top:.25em}.ui-password-panel{transform:translateY(5%);opacity:0;transition:transform .3s,opacity .3s}.ui-password-panel-visible{transform:translateY(0);opacity:1}.ui-password-panel-hidden{opacity:0;transform:translateY(5%);transition:transform .3s,opacity .15s}.ui-picklist>div{float:left}.ui-picklist .ui-picklist-buttons{height:12.5em;padding:0 .25em}.ui-picklist .ui-picklist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:12.5em;width:12.5em}.ui-picklist .ui-picklist-list li{margin:1px;padding:.125em}.ui-picklist .ui-button{display:block;margin-bottom:.25em}.ui-picklist .ui-button-text-icon-left{width:100%}.ui-picklist .ui-picklist-item{cursor:pointer;border:0 none;font-weight:inherit}.ui-picklist .ui-picklist-caption{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-picklist table{width:100%;border-collapse:collapse}.ui-picklist .ui-picklist-filter-container{position:relative;width:100%;padding:.5em .6em;border-bottom:0 none}.ui-picklist .ui-picklist-filter-container .ui-picklist-filter{text-indent:1.1em;width:100%}.ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon{position:absolute;top:50%;left:1em;margin-top:-.6em}.ui-picklist{display:table}.ui-picklist>div{float:none;display:table-cell;vertical-align:top}.ui-picklist .ui-picklist-buttons{vertical-align:middle}.ui-picklist.ui-picklist-vertical{display:table}.ui-picklist.ui-picklist-vertical>div{float:none;display:table-row;vertical-align:top}.ui-picklist.ui-picklist-vertical .ui-picklist-buttons{text-align:center;height:auto}.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button{display:inline-block}.ui-picklist.ui-picklist-vertical .ui-button{margin-top:.25em}.ui-picklist-outline{outline:1px dotted black;z-index:1}.ui-picklist .ui-picklist-droppoint{height:6px;list-style-type:none}.ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty{height:100%;list-style-type:none}.ui-picklist-list.ui-picklist-source,.ui-picklist-list.ui-picklist-target{outline:0}.ui-picklist.ui-picklist-responsive *{box-sizing:border-box}.ui-picklist.ui-picklist-responsive{width:100%}.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper{width:35%}.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols{width:45%}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{width:10%}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{width:100%}.ui-picklist.ui-picklist-responsive .ui-picklist-list{width:auto}@media(max-width:40em){.ui-picklist.ui-picklist-responsive{display:block}.ui-picklist.ui-picklist-responsive>div{display:block;width:100% !important}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{text-align:center;height:auto;padding:.4em 0}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{display:inline-block;width:20%;margin-bottom:0;margin-right:.25em}.ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons{padding-bottom:.4em}.ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons{padding-top:.4em}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right::before{content:"\e930"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right::before{content:"\e92c"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left::before{content:"\e933"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left::before{content:"\e92f"}}.ui-progressbar{height:1.2em;text-align:left;position:relative;overflow:hidden}.ui-progressbar-determinate .ui-progressbar-value{height:100%;width:0;position:absolute;display:none;border:0 none}.ui-progressbar-determinate .ui-progressbar-value-animate{transition:width 1s ease-in-out}.ui-progressbar-determinate .ui-progressbar-label{text-align:center;height:100%;width:100%;position:absolute;display:none;font-weight:bold}.ui-progressbar-indeterminate{height:.5em}.ui-progressbar-indeterminate .ui-progressbar-value{border:0 none}.ui-progressbar-indeterminate .ui-progressbar-value::before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite;animation:ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite}.ui-progressbar-indeterminate .ui-progressbar-value::after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;animation:ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes ui-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes ui-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes ui-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes ui-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.ui-progress-spinner{position:relative;margin:0 auto;width:100px;height:100px;display:inline-block}.ui-progress-spinner::before{content:'';display:block;padding-top:100%}.ui-progress-spinner-svg{-webkit-animation:ui-progress-spinner-rotate 2s linear infinite;animation:ui-progress-spinner-rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.ui-progress-spinner-circle{stroke-dasharray:89,200;stroke-dashoffset:0;stroke:#d62d20;-webkit-animation:ui-progress-spinner-dash 1.5s ease-in-out infinite,ui-progress-spinner-color 6s ease-in-out infinite;animation:ui-progress-spinner-dash 1.5s ease-in-out infinite,ui-progress-spinner-color 6s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes ui-progress-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes ui-progress-spinner-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes ui-progress-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes ui-progress-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-webkit-keyframes ui-progress-spinner-color{100%,0%{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}@keyframes ui-progress-spinner-color{100%,0%{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}.ui-radiobutton{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em;-ms-user-select:none;user-select:none;-moz-user-select:none;-webkit-user-select:none}.ui-radiobutton-box{width:1.125em;height:1.125em;line-height:1.125em;border-radius:100%;text-align:center;position:relative}.ui-radiobutton-icon{display:block;position:absolute;left:50%;top:50%;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em}.ui-radiobutton{vertical-align:middle}.ui-rating{font-size:1.25em}.ui-scrollpanel-wrapper{overflow:hidden;width:100%;height:100%;position:relative;z-index:1;float:left}.ui-scrollpanel-content{height:calc(100% + 18px);width:calc(100% + 18px);padding:0 18px 18px 0;position:relative;overflow:auto;box-sizing:border-box}.ui-scrollpanel-bar{position:relative;background:#c1c1c1;border-radius:3px;z-index:2;cursor:pointer;opacity:0;transition:opacity .25s linear}.ui-scrollpanel-bar-y{width:9px;top:0}.ui-scrollpanel-bar-x{height:9px;bottom:0}.ui-scrollpanel-hidden{visibility:hidden}.ui-scrollpanel:hover .ui-scrollpanel-bar,.ui-scrollpanel:active .ui-scrollpanel-bar{opacity:1}.ui-scrollpanel-grabbed{-o-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.ui-selectbutton{display:inline-block}.ui-selectbutton.ui-state-error{padding:0}.ui-selectbutton .ui-button.ui-state-focus{outline:0}.ui-sidebar{position:fixed;padding:.5em 1em;transition:transform .3s}.ui-sidebar-left{top:0;left:0;width:20em;height:100%;transform:translateX(-100%)}.ui-sidebar-right{top:0;right:0;width:20em;height:100%;transform:translateX(100%)}.ui-sidebar-top{top:0;left:0;width:100%;height:10em;transform:translateY(-100%)}.ui-sidebar-bottom{bottom:0;left:0;width:100%;height:10em;transform:translateY(100%)}.ui-sidebar-full{width:100%;height:100%;left:0;transition:transform 0s}.ui-sidebar-left.ui-sidebar-active,.ui-sidebar-right.ui-sidebar-active{transform:translateX(0)}.ui-sidebar-left.ui-sidebar-sm,.ui-sidebar-right.ui-sidebar-sm{width:20em}.ui-sidebar-left.ui-sidebar-md,.ui-sidebar-right.ui-sidebar-md{width:40em}.ui-sidebar-left.ui-sidebar-lg,.ui-sidebar-right.ui-sidebar-lg{width:60em}.ui-sidebar-top.ui-sidebar-active,.ui-sidebar-bottom.ui-sidebar-active{transform:translateY(0)}.ui-sidebar-top.ui-sidebar-sm,.ui-sidebar-bottom.ui-sidebar-sm{height:10em}.ui-sidebar-top.ui-sidebar-md,.ui-sidebar-bottom.ui-sidebar-md{height:20em}.ui-sidebar-top.ui-sidebar-lg,.ui-sidebar-bottom.ui-sidebar-lg{height:30em}.ui-sidebar-mask{position:fixed;width:100%;height:100%}.ui-sidebar-close{float:right}.ui-sidebar-close{cursor:pointer}@media screen and (max-width:64em){.ui-sidebar-left.ui-sidebar-lg,.ui-sidebar-left.ui-sidebar-md,.ui-sidebar-right.ui-sidebar-lg,.ui-sidebar-right.ui-sidebar-md{width:20em}}.ui-slidemenu{width:12.5em;padding:.25em}.ui-slidemenu.ui-slidemenu-dynamic{position:absolute}.ui-slidemenu .ui-menu-separator{border-width:1px 0 0 0}.ui-slidemenu ul{list-style:none;margin:0;padding:0}.ui-slidemenu .ui-slidemenu-rootlist{position:absolute;top:0}.ui-slidemenu .ui-submenu-list{display:none;position:absolute;top:0;width:12.5em;padding:.25em}.ui-slidemenu .ui-menuitem-link{padding:.25em;display:block;position:relative;text-decoration:none;cursor:pointer}.ui-slidemenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-slidemenu .ui-menuitem-text{vertical-align:middle}.ui-slidemenu .ui-menuitem{position:relative;margin:.125em 0}.ui-slidemenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-slidemenu .ui-slidemenu-wrapper{position:relative}.ui-slidemenu .ui-slidemenu-content{overflow-x:hidden;overflow-y:auto;position:relative}.ui-slidemenu-backward{position:absolute;bottom:0;width:100%;padding:.25em;cursor:pointer;display:none}.ui-slidemenu-backward .ui-slidemenu-backward-icon{vertical-align:middle}.ui-slidemenu-backward span{vertical-align:middle}.ui-slidemenu .ui-menuitem-active{position:static}.ui-slidemenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}.ui-slidemenu ul:not(.ui-active-submenu)>.ui-menuitem:not(.ui-menuitem-active),.ui-slidemenu .ui-active-submenu>.ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:none}.ui-slidemenu .ui-active-submenu>.ui-menuitem-active ~ .ui-menuitem{display:block}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;width:1.2em;height:1.2em;cursor:default;touch-action:none;z-index:1}.ui-slider .ui-slider-handle.ui-slider-handle-active{z-index:2}.ui-slider .ui-slider-range{position:absolute;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.25em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.25em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-slider-animate .ui-slider-handle{transition:left .3s}.ui-spinner{display:inline-block;overflow:visible;padding:0;position:relative;vertical-align:middle}.ui-spinner-input{vertical-align:middle;padding-right:1.5em}.ui-spinner-button{cursor:default;display:block;height:50%;margin:0;overflow:hidden;padding:0;position:absolute;right:0;text-align:center;vertical-align:middle;width:1.5em}.ui-spinner .ui-spinner-button-icon{position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;width:1em}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-fluid .ui-spinner{width:100%}.ui-fluid .ui-spinner .ui-spinner-input{padding-right:2em;width:100%}.ui-fluid .ui-spinner .ui-spinner-button{width:1.5em}.ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon{left:.7em}.ui-splitbutton{position:relative;display:inline-block}.ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:2em;vertical-align:top}.ui-splitbutton.ui-state-disabled button{cursor:default}.ui-fluid .ui-splitbutton{width:100%}.ui-fluid .ui-splitbutton .ui-button:first-child{width:calc(100% - 2em)}.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:2em}.ui-splitbutton .ui-menuitem-link{cursor:pointer}.ui-table{position:relative}.ui-table table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-table .ui-table-thead>tr>th,.ui-table .ui-table-tbody>tr>td,.ui-table .ui-table-tfoot>tr>td{padding:.25em .5em}.ui-table .ui-sortable-column{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-table p-sorticon{vertical-align:middle}.ui-table-auto-layout>.ui-table-wrapper{overflow-x:auto}.ui-table-auto-layout>.ui-table-wrapper>table{table-layout:auto}.ui-table-caption,.ui-table-summary{padding:.25em .5em;text-align:center;font-weight:bold}.ui-table-caption{border-bottom:0 none}.ui-table-summary{border-top:0 none}.ui-table .ui-paginator-top{border-bottom:0 none}.ui-table .ui-paginator-bottom{border-top:0 none}.ui-table-scrollable-wrapper{position:relative}.ui-table-scrollable-header,.ui-table-scrollable-footer{overflow:hidden;border:0 none}.ui-table-scrollable-body{overflow:auto;position:relative}.ui-table-flex-scrollable{display:flex;flex-direction:column;flex:1;height:100%}.ui-table-flex-scrollable .ui-table-scrollable-wrapper,.ui-table-flex-scrollable .ui-table-scrollable-view{display:flex;flex-direction:column;flex:1;height:100%}.ui-table-flex-scrollable .ui-table-scrollable-body,.ui-table-flex-scrollable .ui-table-virtual-scrollable-body{flex:1}.ui-table-frozen-view .ui-table-scrollable-body,.ui-table-frozen-view .ui-table-virtual-scrollable-body{overflow:hidden}.ui-table-frozen-view>.ui-table-scrollable-body>table>.ui-table-tbody>tr>td:last-child,.ui-table-frozen-view>.ui-table-virtual-scrollable-body>table>.ui-table-tbody>tr>td:last-child{border-right:0 none}.ui-table-unfrozen-view{position:absolute;top:0}.ui-table-resizable>.ui-table-wrapper{overflow-x:auto}.ui-table-resizable .ui-table-thead>tr>th,.ui-table-resizable .ui-table-tfoot>tr>td,.ui-table-resizable .ui-table-tbody>tr>td{overflow:hidden}.ui-table-resizable .ui-resizable-column{background-clip:padding-box;position:relative}.ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer{display:none}.ui-table .ui-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5em;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.ui-table .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.ui-table .ui-table-tbody>tr>td.ui-editing-cell{padding:0}.ui-table .ui-table-tbody>tr>td.ui-editing-cell p-celleditor>*{width:100%}.ui-table-reorder-indicator-up,.ui-table-reorder-indicator-down{position:absolute;display:none}.ui-table-responsive .ui-table-tbody>tr>td .ui-column-title{display:none}@media screen and (max-width:40em){.ui-table-responsive .ui-table-thead>tr>th,.ui-table-responsive .ui-table-tfoot>tr>td{display:none !important}.ui-table-responsive colgroup{display:none !important}.ui-table-responsive .ui-table-tbody>tr>td{text-align:left;display:block;border:0 none;width:100% !important;box-sizing:border-box;float:left;clear:left}.ui-table-responsive .ui-table-tbody>tr>td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}}.ui-table-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-table-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}.ui-table .ui-table-loading-icon{font-size:2em}.ui-steps ul{list-style-type:none;padding:0;margin:0}.ui-steps .ui-steps-item{float:left;box-sizing:border-box;cursor:pointer}.ui-steps.ui-steps-readonly .ui-steps-item{cursor:auto}.ui-steps .ui-steps-item .ui-menuitem-link{text-decoration:none;display:block;padding:1em;position:relative;text-align:center}.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link{cursor:default}.ui-steps .ui-steps-number{font-size:2em;display:block}.ui-steps .ui-steps-title{display:block;white-space:nowrap}@media(max-width:40em){.ui-steps .ui-steps-item .ui-menuitem-link{padding:.5em}.ui-steps .ui-steps-item .ui-steps-title{display:none}}.ui-tabmenu .ui-tabmenu-nav{margin:0;padding:.25em .5em 0 .25em}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{list-style:none;float:left;position:relative;margin:0 .2em 1px 0;padding:0;white-space:nowrap;display:block;border-bottom:0;top:1px}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a{float:left;padding:.5em 1em;text-decoration:none;cursor:pointer}.ui-tabmenu .ui-tabmenu-nav a{padding:.5em 1em}.ui-tabmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-tabmenu .ui-menuitem-text{vertical-align:middle}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a{cursor:default}.ui-tabview{padding:.25em}.ui-tabview .ui-tabview-nav{margin:0}.ui-tabview .ui-tabview-nav li{list-style:none;float:left;position:relative;margin:0 .125em 1px 0;padding:0;white-space:nowrap}.ui-tabview .ui-tabview-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabview .ui-tabview-nav li.ui-tabview-selected a,.ui-tabview .ui-tabview-nav li.ui-state-disabled a,.ui-tabview .ui-tabview-nav li.ui-state-processing a{cursor:text}.ui-tabview .ui-tabview-nav li a,.ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a{cursor:pointer}.ui-tabview .ui-tabview-panel{border-width:0;padding:1em;background:0}.ui-tabview .ui-tabview-nav li{display:block}.ui-tabview .ui-tabview-nav li .ui-tabview-left-icon{margin-right:.25em;vertical-align:middle}.ui-tabview .ui-tabview-nav li .ui-tabview-right-icon{margin-left:.25em;vertical-align:middle}.ui-tabview .ui-tabview-title{vertical-align:middle}.ui-tabview .ui-tabview-nav li .ui-tabview-close{margin:.5em .3em 0 0;cursor:pointer}.ui-tabview.ui-tabview-top>.ui-tabview-nav li{border-bottom:0;top:1px}.ui-tabview.ui-tabview-top>.ui-tabview-nav{padding:.2em .2em 0}.ui-tabview.ui-tabview-bottom>.ui-tabview-nav{padding:0 .2em .2em}.ui-tabview.ui-tabview-bottom>.ui-tabview-nav li{border-top:0}.ui-tabview-left::after,.ui-tabview-right::after{clear:both;content:".";display:block;height:0;visibility:hidden}.ui-tabview-left>.ui-tabview-nav{float:left;width:25%;height:300px;background-image:none;padding-top:1px}.ui-tabview-left>.ui-tabview-panels{float:right;width:75%}.ui-tabview.ui-tabview-left>.ui-tabview-nav li,.ui-tabview.ui-tabview-right>.ui-tabview-nav li{display:block;float:right;white-space:normal;width:99%}.ui-tabview.ui-tabview-left>.ui-tabview-nav li{margin:0 0 1px 0;border-right:0 none}.ui-tabview.ui-tabview-right>.ui-tabview-nav{float:right;width:25%;height:300px;background-image:none;padding-top:1px}.ui-tabview.ui-tabview-right>.ui-tabview-panels{float:left;width:75%}.ui-tabview.ui-tabview-right>.ui-tabview-nav li{margin:0 0 1px 0;border-left:0 none}.ui-rtl .ui-tabview .ui-tabview-nav li{float:right}.ui-tieredmenu{width:12.5em;padding:.25em}.ui-tieredmenu.ui-tieredmenu-dynamic{position:absolute}.ui-tieredmenu .ui-menu-separator{border-width:1px 0 0 0}.ui-tieredmenu ul{list-style:none;margin:0;padding:0}.ui-tieredmenu .ui-submenu-list{display:none;position:absolute;width:12.5em;padding:.25em}.ui-tieredmenu .ui-menuitem-link{padding:.25em;display:block;cursor:pointer;position:relative;text-decoration:none}.ui-tieredmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-tieredmenu .ui-menuitem-text{vertical-align:middle}.ui-tieredmenu .ui-menuitem{position:relative;margin:.125em 0}.ui-tieredmenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-tieredmenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}.ui-terminal{height:18em;overflow:auto;padding:.25em}.ui-terminal-input{border:0 none;background-color:transparent;color:inherit;padding:0;margin:0 0 0 .125em;width:75%;outline:0;vertical-align:baseline}.ui-terminal-command{margin-left:.125em;-moz-margin-start:.125em}.ui-terminal-input::-ms-clear{display:none}.ui-toast{position:fixed;width:20em}.ui-toast .ui-toast-message{position:relative;display:block;margin-bottom:.75em;overflow:hidden}.ui-toast .ui-toast-message-content{padding:.5em 1em}.ui-toast .ui-toast-close-icon{position:absolute;top:.25em;right:.25em;cursor:pointer;display:inline-block}.ui-toast .ui-toast-summary{font-weight:bold;padding:0 0 .5em 0;display:block}.ui-toast .ui-toast-icon{position:absolute;display:inline-block;left:.5em;top:.25em;padding:0;font-size:2em}.ui-toast .ui-toast-message-text-content{padding:0 0 .25em 0;margin-left:2.5em}.ui-toast-top-right{top:20px;right:20px}.ui-toast-top-left{top:20px;left:20px}.ui-toast-bottom-right{bottom:20px;right:20px}.ui-toast-bottom-left{bottom:20px;left:20px}.ui-toast-top-center{top:20px;left:50%;margin-left:-10em}.ui-toast-bottom-center{bottom:20px;left:50%;margin-left:-10em}.ui-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.ui-toolbar{padding:.25em .5em}.ui-toolbar-group-left{float:left}.ui-toolbar-group-right{float:right}.ui-tooltip{position:absolute;display:none;padding:.25em .5em;max-width:12.5em;pointer-events:none}.ui-tooltip.ui-tooltip-right,.ui-tooltip.ui-tooltip-left{padding:0 .25em}.ui-tooltip.ui-tooltip-top,.ui-tooltip.ui-tooltip-bottom{padding:.25em 0}.ui-tooltip .ui-tooltip-text{padding:.125em .5em;background-color:#4c4c4c;color:#fff;white-space:pre-line}.ui-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.ui-tooltip-right .ui-tooltip-arrow{top:50%;left:0;margin-top:-.25em;border-width:.25em .25em .25em 0;border-right-color:#4c4c4c}.ui-tooltip-left .ui-tooltip-arrow{top:50%;right:0;margin-top:-.25em;border-width:.25em 0 .25em .25em;border-left-color:#4c4c4c}.ui-tooltip.ui-tooltip-top{padding:.25em 0}.ui-tooltip-top .ui-tooltip-arrow{bottom:0;left:50%;margin-left:-.25em;border-width:.25em .25em 0;border-top-color:#4c4c4c}.ui-tooltip-bottom .ui-tooltip-arrow{top:0;left:50%;margin-left:-.25em;border-width:0 .25em .25em;border-bottom-color:#4c4c4c}.ui-tree{width:20em}.p-treenode{display:block}.ui-tree .ui-treenode-selectable.ui-treenode-content{cursor:pointer}.ui-tree .ui-tree-wrapper{overflow:auto}.ui-tree .ui-tree-container{height:100%;margin:0;overflow:auto;padding:.25em;white-space:nowrap}.ui-tree-empty-message{padding:.25em}.ui-tree .ui-treenode-children{margin:0;padding:0}.ui-tree .ui-treenode{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:repeat-y;list-style:none outside none;margin:0;padding:.125em 0 0 0}.ui-tree .ui-treenode-droppoint{height:4px;list-style-type:none}.ui-tree .ui-treenode-droppoint-active{border:0 none}.ui-tree .ui-tree-toggler{cursor:pointer;display:inline-block;vertical-align:middle}.ui-tree .ui-treenode-icon{display:inline-block;vertical-align:middle}.ui-tree .ui-treenode-label{display:inline-block;padding:0 .25em;vertical-align:middle}.ui-tree .ui-treenode-label.ui-state-hover,.ui-tree .ui-treenode-label.ui-state-highlight{font-weight:normal;border:0 none}.ui-tree .ui-chkbox-box{cursor:pointer}.ui-tree .ui-chkbox{display:inline-block;vertical-align:middle}.ui-tree .ui-chkbox .ui-chkbox-icon{margin-left:1px}.ui-tree .ui-tree-filter{width:100%;box-sizing:border-box;padding-right:1.5em}.ui-tree .ui-tree-filter-container{position:relative;margin:0;padding:.4em;display:inline-block;width:100%}.ui-tree .ui-tree-filter-container .ui-tree-filter-icon{position:absolute;top:.8em;right:1em}.ui-tree-flex-scrollable{display:flex;flex:1;height:100%;flex-direction:column}.ui-tree-flex-scrollable .ui-tree-wrapper{flex:1}.ui-fluid .ui-tree{width:100%}.ui-tree-horizontal{width:auto;padding:.5em 0;overflow:auto}.ui-tree.ui-tree-horizontal table,.ui-tree.ui-tree-horizontal tr,.ui-tree.ui-tree-horizontal td{border-collapse:collapse;margin:0;padding:0;vertical-align:middle}.ui-tree.ui-tree-horizontal .ui-tree-toggler{vertical-align:middle;margin:0}.ui-tree-horizontal .ui-treenode-content{font-weight:normal;padding:.4em 1em .4em .2em}.ui-tree.ui-tree-horizontal .ui-tree-node-label{margin:0}.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content{font-weight:normal;white-space:nowrap}.ui-tree.ui-tree-horizontal .ui-treenode{background:url('line.39c65dcc08f7edb347b6.gif') repeat-x scroll center center transparent;padding:.25em 2.5em}.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed{padding-right:0}.ui-tree.ui-tree-horizontal .ui-treenode-children{padding:0;margin:0}.ui-tree.ui-tree-horizontal .ui-treenode-connector{width:1px}.ui-tree.ui-tree-horizontal .ui-treenode-connector-table{height:100%;width:1px}.ui-tree.ui-tree-horizontal .ui-treenode-connector-line{background:url('line.39c65dcc08f7edb347b6.gif') repeat-y scroll 0 0 transparent;width:1px}.ui-tree.ui-tree-horizontal table{height:0}.ui-tree.ui-tree-horizontal .ui-chkbox{vertical-align:bottom;margin-right:.25em}.ui-tree.ui-tree-loading{position:relative;min-height:4em}.ui-tree .ui-tree-loading-mask{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-tree .ui-tree-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}.ui-tree .ui-tree-loading-content .ui-tree-loading-icon{font-size:2em}.ui-treetable{position:relative}.ui-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-treetable .ui-treetable-thead>tr>th,.ui-treetable .ui-treetable-tbody>tr>td,.ui-treetable .ui-treetable-tfoot>tr>td{padding:.25em .5em}.ui-treetable .ui-treetable-toggler{cursor:pointer;display:inline-block;height:1em;position:relative;top:50%;margin-top:-.5em}.ui-treetable .ui-sortable-column{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-treetable p-treetablesorticon{vertical-align:middle}.ui-treetable-auto-layout>.ui-treetable-wrapper{overflow-x:auto}.ui-treetable-auto-layout>.ui-treetable-wrapper>table{table-layout:auto}.ui-treetable .ui-treetable-chkbox{margin:0 .25em;vertical-align:middle}.ui-treetable-caption,.ui-treetable-summary{padding:.25em .5em;text-align:center;font-weight:bold}.ui-treetable-caption{border-bottom:0 none}.ui-treetable-summary{border-top:0 none}.ui-treetable .ui-paginator-top{border-bottom:0 none}.ui-treetable .ui-paginator-bottom{border-top:0 none}.ui-treetable-scrollable-wrapper{position:relative}.ui-treetable-scrollable-header,.ui-treetable-scrollable-footer{overflow:hidden;border:0 none}.ui-treetable-scrollable-body{overflow:auto;position:relative}.ui-treetable-scrollable-body>table>.ui-treetable-tbody>tr:first-child>td{border-top:0 none}.ui-treetable-flex-scrollable{display:flex;flex-direction:column;flex:1;height:100%}.ui-treetable-flex-scrollable .ui-treetable-scrollable-wrapper,.ui-treetable-flex-scrollable .ui-treetable-scrollable-view{display:flex;flex-direction:column;flex:1;height:100%}.ui-treetable-flex-scrollable .ui-treetable-scrollable-body,.ui-treetable-flex-scrollable .ui-treetable-virtual-scrollable-body{flex:1}.ui-treetable-frozen-view .ui-treetable-scrollable-body{overflow:hidden}.ui-treetable-frozen-view>.ui-treetable-scrollable-body>table>.ui-treetable-tbody>tr>td:last-child{border-right:0 none}.ui-treetable-unfrozen-view{position:absolute;top:0}.ui-treetable-resizable>.ui-treetable-wrapper{overflow-x:auto}.ui-treetable-resizable .ui-treetable-thead>tr>th,.ui-treetable-resizable .ui-treetable-tfoot>tr>td,.ui-treetable-resizable .ui-treetable-tbody>tr>td{overflow:hidden}.ui-treetable-resizable .ui-resizable-column{background-clip:padding-box;position:relative}.ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer{display:none}.ui-treetable .ui-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5em;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.ui-treetable .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.ui-treetable-reorder-indicator-up,.ui-treetable-reorder-indicator-down{position:absolute;display:none}.ui-treetable-responsive .ui-treetable-tbody>tr>td .ui-column-title{display:none}@media screen and (max-width:40em){.ui-treetable-responsive .ui-treetable-thead>tr>th,.ui-treetable-responsive .ui-treetable-tfoot>tr>td{display:none !important}.ui-treetable-responsive .ui-treetable-tbody>tr>td{text-align:left;display:block;border:0 none;width:100% !important;box-sizing:border-box;float:left;clear:left}.ui-treetable-responsive .ui-treetable-tbody>tr>td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}}.ui-treetable-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-treetable-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}.ui-treetable .ui-treetable-loading-icon{font-size:2em}.ui-virtualscroller .ui-virtualscroller-header{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-virtualscroller .ui-virtualscroller-footer{text-align:center;padding:.25em .625em;border-top:0 none}.ui-virtualscroller .ui-virtualscroller-list{list-style-type:none;margin:0;padding:0}
@font-face {
    font-family: 'PrimeIcons';
    font-display: auto;
    src: url('primeicons.11dc2214f6585365634e.eot');
    src: url('primeicons.11dc2214f6585365634e.eot?#iefix') format('embedded-opentype'), url('primeicons.d16dfae4547c655a8efc.ttf') format('truetype'), url('primeicons.d9619101b22ede28c866.woff') format('woff'), url('primeicons.c1ef8e6b8ddc480cbfc1.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

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

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

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}

.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-o:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

.p-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}

.p-grid > .p-col,
.p-grid > [class*=p-col] {
  box-sizing: border-box;
}

.p-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}

.p-nogutter > .p-col,
.p-nogutter > [class*=p-col-] {
  padding: 0;
}

.p-dir-row {
  flex-direction: row;
}

.p-dir-rev {
  flex-direction: row-reverse;
}

.p-dir-col {
  flex-direction: column;
}

.p-dir-col-rev {
  flex-direction: column-reverse;
}

.p-justify-start {
  justify-content: flex-start;
}

.p-justify-end {
  justify-content: flex-end;
}

.p-justify-center {
  justify-content: center;
}

.p-justify-between {
  justify-content: space-between;
}

.p-justify-around {
  justify-content: space-around;
}

.p-justify-even {
  justify-content: space-evenly;
}

.p-align-start {
  align-items: flex-start;
}

.p-align-end {
  align-items: flex-end;
}

.p-align-center {
  align-items: center;
}

.p-align-baseline {
  align-items: baseline;
}

.p-align-stretch {
  align-items: stretch;
}

.p-col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}

.p-col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}

.p-col-align-start {
  align-self: flex-start;
}

.p-col-align-end {
  align-self: flex-end;
}

.p-col-align-center {
  -ms-grid-row-align: center;
  align-self: center;
}

.p-col-align-baseline {
  align-self: baseline;
}

.p-col-align-stretch {
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.p-dir-col > .p-col,
.p-dir-col-rev > .p-col {
  flex-basis: auto;
}

.p-col-1,
.p-col-2,
.p-col-3,
.p-col-4,
.p-col-5,
.p-col-6,
.p-col-7,
.p-col-8,
.p-col-9,
.p-col-10,
.p-col-11,
.p-col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
}

.p-col-1 {
  width: 8.3333%;
}

.p-col-2 {
  width: 16.6667%;
}

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

.p-col-4 {
  width: 33.3333%;
}

.p-col-5 {
  width: 41.6667%;
}

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

.p-col-7 {
  width: 58.3333%;
}

.p-col-8 {
  width: 66.6667%;
}

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

.p-col-10 {
  width: 83.3333%;
}

.p-col-11 {
  width: 91.6667%;
}

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

.p-col-order-first {
  order: -1;
}

.p-col-order-last {
  order: 13;
}

.p-col-order-0 {
  order: 0;
}

.p-col-order-1 {
  order: 1;
}

.p-col-order-2 {
  order: 2;
}

.p-col-order-3 {
  order: 3;
}

.p-col-order-4 {
  order: 4;
}

.p-col-order-5 {
  order: 5;
}

.p-col-order-6 {
  order: 6;
}

.p-col-order-7 {
  order: 7;
}

.p-col-order-8 {
  order: 8;
}

.p-col-order-9 {
  order: 9;
}

.p-col-order-10 {
  order: 10;
}

.p-col-order-11 {
  order: 11;
}

.p-col-order-12 {
  order: 12;
}

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

.p-offset-11 {
  margin-left: 91.66666667%;
}

.p-offset-10 {
  margin-left: 83.33333333%;
}

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

.p-offset-8 {
  margin-left: 66.66666667%;
}

.p-offset-7 {
  margin-left: 58.33333333%;
}

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

.p-offset-5 {
  margin-left: 41.66666667%;
}

.p-offset-4 {
  margin-left: 33.33333333%;
}

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

.p-offset-2 {
  margin-left: 16.66666667%;
}

.p-offset-1 {
  margin-left: 8.33333333%;
}

.p-offset-0 {
  margin-left: 0%;
}

.p-sm-1,
.p-sm-2,
.p-sm-3,
.p-sm-4,
.p-sm-5,
.p-sm-6,
.p-sm-7,
.p-sm-8,
.p-sm-9,
.p-sm-10,
.p-sm-11,
.p-sm-12,
.p-md-1,
.p-md-2,
.p-md-3,
.p-md-4,
.p-md-5,
.p-md-6,
.p-md-7,
.p-md-8,
.p-md-9,
.p-md-10,
.p-md-11,
.p-md-12,
.p-lg-1,
.p-lg-2,
.p-lg-3,
.p-lg-4,
.p-lg-5,
.p-lg-6,
.p-lg-7,
.p-lg-8,
.p-lg-9,
.p-lg-10,
.p-lg-11,
.p-lg-12,
.p-xl-1,
.p-xl-2,
.p-xl-3,
.p-xl-4,
.p-xl-5,
.p-xl-6,
.p-xl-7,
.p-xl-8,
.p-xl-9,
.p-xl-10,
.p-xl-11,
.p-xl-12 {
  padding: 0.5rem;
}

.p-col-nogutter {
  padding: 0;
}

@media screen and (min-width: 576px) {
  .p-sm-1,
.p-sm-2,
.p-sm-3,
.p-sm-4,
.p-sm-5,
.p-sm-6,
.p-sm-7,
.p-sm-8,
.p-sm-9,
.p-sm-10,
.p-sm-11,
.p-sm-12 {
    flex: 0 0 auto;
  }

  .p-sm-1 {
    width: 8.3333%;
  }

  .p-sm-2 {
    width: 16.6667%;
  }

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

  .p-sm-4 {
    width: 33.3333%;
  }

  .p-sm-5 {
    width: 41.6667%;
  }

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

  .p-sm-7 {
    width: 58.3333%;
  }

  .p-sm-8 {
    width: 66.6667%;
  }

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

  .p-sm-10 {
    width: 83.3333%;
  }

  .p-sm-11 {
    width: 91.6667%;
  }

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

  .p-sm-offset-12 {
    margin-left: 100%;
  }

  .p-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-sm-offset-9 {
    margin-left: 75%;
  }

  .p-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-sm-offset-6 {
    margin-left: 50%;
  }

  .p-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-sm-offset-3 {
    margin-left: 25%;
  }

  .p-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-sm-offset-0 {
    margin-left: 0%;
  }

  .p-sm-order-first {
    order: -1;
  }

  .p-sm-order-last {
    order: 13;
  }

  .p-sm-order-0 {
    order: 0;
  }

  .p-sm-order-1 {
    order: 1;
  }

  .p-sm-order-2 {
    order: 2;
  }

  .p-sm-order-3 {
    order: 3;
  }

  .p-sm-order-4 {
    order: 4;
  }

  .p-sm-order-5 {
    order: 5;
  }

  .p-sm-order-6 {
    order: 6;
  }

  .p-sm-order-7 {
    order: 7;
  }

  .p-sm-order-8 {
    order: 8;
  }

  .p-sm-order-9 {
    order: 9;
  }

  .p-sm-order-10 {
    order: 10;
  }

  .p-sm-order-11 {
    order: 11;
  }

  .p-sm-order-12 {
    order: 12;
  }
}

@media screen and (min-width: 768px) {
  .p-md-1,
.p-md-2,
.p-md-3,
.p-md-4,
.p-md-5,
.p-md-6,
.p-md-7,
.p-md-8,
.p-md-9,
.p-md-10,
.p-md-11,
.p-md-12 {
    flex: 0 0 auto;
  }

  .p-md-1 {
    width: 8.3333%;
  }

  .p-md-2 {
    width: 16.6667%;
  }

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

  .p-md-4 {
    width: 33.3333%;
  }

  .p-md-5 {
    width: 41.6667%;
  }

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

  .p-md-7 {
    width: 58.3333%;
  }

  .p-md-8 {
    width: 66.6667%;
  }

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

  .p-md-10 {
    width: 83.3333%;
  }

  .p-md-11 {
    width: 91.6667%;
  }

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

  .p-md-offset-12 {
    margin-left: 100%;
  }

  .p-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-md-offset-9 {
    margin-left: 75%;
  }

  .p-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-md-offset-6 {
    margin-left: 50%;
  }

  .p-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-md-offset-3 {
    margin-left: 25%;
  }

  .p-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-md-offset-0 {
    margin-left: 0%;
  }

  .p-md-order-first {
    order: -1;
  }

  .p-md-order-last {
    order: 13;
  }

  .p-md-order-0 {
    order: 0;
  }

  .p-md-order-1 {
    order: 1;
  }

  .p-md-order-2 {
    order: 2;
  }

  .p-md-order-3 {
    order: 3;
  }

  .p-md-order-4 {
    order: 4;
  }

  .p-md-order-5 {
    order: 5;
  }

  .p-md-order-6 {
    order: 6;
  }

  .p-md-order-7 {
    order: 7;
  }

  .p-md-order-8 {
    order: 8;
  }

  .p-md-order-9 {
    order: 9;
  }

  .p-md-order-10 {
    order: 10;
  }

  .p-md-order-11 {
    order: 11;
  }

  .p-md-order-12 {
    order: 12;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-1,
.p-lg-2,
.p-lg-3,
.p-lg-4,
.p-lg-5,
.p-lg-6,
.p-lg-7,
.p-lg-8,
.p-lg-9,
.p-lg-10,
.p-lg-11,
.p-lg-12 {
    flex: 0 0 auto;
  }

  .p-lg-1 {
    width: 8.3333%;
  }

  .p-lg-2 {
    width: 16.6667%;
  }

  .p-lg-3 {
    width: 25%;
  }

  .p-lg-4 {
    width: 33.3333%;
  }

  .p-lg-5 {
    width: 41.6667%;
  }

  .p-lg-6 {
    width: 50%;
  }

  .p-lg-7 {
    width: 58.3333%;
  }

  .p-lg-8 {
    width: 66.6667%;
  }

  .p-lg-9 {
    width: 75%;
  }

  .p-lg-10 {
    width: 83.3333%;
  }

  .p-lg-11 {
    width: 91.6667%;
  }

  .p-lg-12 {
    width: 100%;
  }

  .p-lg-offset-12 {
    margin-left: 100%;
  }

  .p-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-lg-offset-9 {
    margin-left: 75%;
  }

  .p-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-lg-offset-6 {
    margin-left: 50%;
  }

  .p-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-lg-offset-3 {
    margin-left: 25%;
  }

  .p-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-lg-offset-0 {
    margin-left: 0%;
  }

  .p-lg-order-first {
    order: -1;
  }

  .p-lg-order-last {
    order: 13;
  }

  .p-lg-order-0 {
    order: 0;
  }

  .p-lg-order-1 {
    order: 1;
  }

  .p-lg-order-2 {
    order: 2;
  }

  .p-lg-order-3 {
    order: 3;
  }

  .p-lg-order-4 {
    order: 4;
  }

  .p-lg-order-5 {
    order: 5;
  }

  .p-lg-order-6 {
    order: 6;
  }

  .p-lg-order-7 {
    order: 7;
  }

  .p-lg-order-8 {
    order: 8;
  }

  .p-lg-order-9 {
    order: 9;
  }

  .p-lg-order-10 {
    order: 10;
  }

  .p-lg-order-11 {
    order: 11;
  }

  .p-lg-order-12 {
    order: 12;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-1,
.p-xl-2,
.p-xl-3,
.p-xl-4,
.p-xl-5,
.p-xl-6,
.p-xl-7,
.p-xl-8,
.p-xl-9,
.p-xl-10,
.p-xl-11,
.p-xl-12 {
    flex: 0 0 auto;
  }

  .p-xl-1 {
    width: 8.3333%;
  }

  .p-xl-2 {
    width: 16.6667%;
  }

  .p-xl-3 {
    width: 25%;
  }

  .p-xl-4 {
    width: 33.3333%;
  }

  .p-xl-5 {
    width: 41.6667%;
  }

  .p-xl-6 {
    width: 50%;
  }

  .p-xl-7 {
    width: 58.3333%;
  }

  .p-xl-8 {
    width: 66.6667%;
  }

  .p-xl-9 {
    width: 75%;
  }

  .p-xl-10 {
    width: 83.3333%;
  }

  .p-xl-11 {
    width: 91.6667%;
  }

  .p-xl-12 {
    width: 100%;
  }

  .p-xl-offset-12 {
    margin-left: 100%;
  }

  .p-xl-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-xl-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-xl-offset-9 {
    margin-left: 75%;
  }

  .p-xl-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-xl-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-xl-offset-6 {
    margin-left: 50%;
  }

  .p-xl-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-xl-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-xl-offset-3 {
    margin-left: 25%;
  }

  .p-xl-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-xl-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-xl-offset-0 {
    margin-left: 0%;
  }

  .p-xl-order-first {
    order: -1;
  }

  .p-xl-order-last {
    order: 13;
  }

  .p-xl-order-0 {
    order: 0;
  }

  .p-xl-order-1 {
    order: 1;
  }

  .p-xl-order-2 {
    order: 2;
  }

  .p-xl-order-3 {
    order: 3;
  }

  .p-xl-order-4 {
    order: 4;
  }

  .p-xl-order-5 {
    order: 5;
  }

  .p-xl-order-6 {
    order: 6;
  }

  .p-xl-order-7 {
    order: 7;
  }

  .p-xl-order-8 {
    order: 8;
  }

  .p-xl-order-9 {
    order: 9;
  }

  .p-xl-order-10 {
    order: 10;
  }

  .p-xl-order-11 {
    order: 11;
  }

  .p-xl-order-12 {
    order: 12;
  }
}

.p-field {
  margin-bottom: 1rem;
}

.p-field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.p-field.p-grid > label {
  display: flex;
  align-items: center;
}

.p-field > small {
  margin-top: 0.25rem;
}

.p-field.p-grid,
.p-formgrid.p-grid {
  margin-top: 0;
}

.p-field.p-grid .p-col-fixed,
.p-formgrid.p-grid .p-col-fixed,
.p-field.p-grid .p-col,
.p-formgrid.p-grid .p-col,
.p-formgroup .p-grid .p-col-1,
.p-formgrid.p-grid .p-col-1,
.p-field.p-grid .p-col-2,
.p-formgrid.p-grid .p-col-2,
.p-field.p-grid .p-col-3,
.p-formgrid.p-grid .p-col-3,
.p-field.p-grid .p-col-4,
.p-formgroup.p-grid .p-col-4,
.p-field.p-grid .p-col-5,
.p-formgrid.p-grid .p-col-5,
.p-field.p-grid .p-col-6,
.p-formgrid.p-grid .p-col-6,
.p-formgroup .p-grid .p-col-7,
.p-formgrid.p-grid .p-col-7,
.p-field.p-grid .p-col-8,
.p-formgrid.p-grid .p-col-8,
.p-formgroup .p-grid .p-col-9,
.p-formgrid.p-grid .p-col-9,
.p-field.p-grid .p-col-10,
.p-formgrid.p-grid .p-col-10,
.p-field.p-grid .p-col-11,
.p-formgroup.p-grid .p-col-11,
.p-field.p-grid .p-col-12,
.p-formgrid.p-grid .p-col-12 {
  padding-top: 0;
  padding-bottom: 0;
}

.p-formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.p-formgroup-inline .p-field,
.p-formgroup-inline .p-field-checkbox,
.p-formgroup-inline .p-field-radiobutton {
  margin-right: 1rem;
}

.p-formgroup-inline .p-field > label,
.p-formgroup-inline .p-field-checkbox > label,
.p-formgroup-inline .p-field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}

.p-field-checkbox,
.p-field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.p-field-checkbox > label,
.p-field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}

.p-mt-0 {
  margin-top: 0 !important;
}

.p-mt-1 {
  margin-top: 0.25rem !important;
}

.p-mt-2 {
  margin-top: 0.5rem !important;
}

.p-mt-3 {
  margin-top: 1rem !important;
}

.p-mt-4 {
  margin-top: 1.5rem !important;
}

.p-mt-5 {
  margin-top: 2rem !important;
}

.p-mt-6 {
  margin-top: 3rem !important;
}

.p-mt-auto {
  margin-top: auto !important;
}

.p-mr-0 {
  margin-right: 0 !important;
}

.p-mr-1 {
  margin-right: 0.25rem !important;
}

.p-mr-2 {
  margin-right: 0.5rem !important;
}

.p-mr-3 {
  margin-right: 1rem !important;
}

.p-mr-4 {
  margin-right: 1.5rem !important;
}

.p-mr-5 {
  margin-right: 2rem !important;
}

.p-mr-6 {
  margin-right: 3rem !important;
}

.p-mr-auto {
  margin-right: auto !important;
}

.p-ml-0 {
  margin-left: 0 !important;
}

.p-ml-1 {
  margin-left: 0.25rem !important;
}

.p-ml-2 {
  margin-left: 0.5rem !important;
}

.p-ml-3 {
  margin-left: 1rem !important;
}

.p-ml-4 {
  margin-left: 1.5rem !important;
}

.p-ml-5 {
  margin-left: 2rem !important;
}

.p-ml-6 {
  margin-left: 3rem !important;
}

.p-ml-auto {
  margin-left: auto !important;
}

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

.p-mb-1 {
  margin-bottom: 0.25rem !important;
}

.p-mb-2 {
  margin-bottom: 0.5rem !important;
}

.p-mb-3 {
  margin-bottom: 1rem !important;
}

.p-mb-4 {
  margin-bottom: 1.5rem !important;
}

.p-mb-5 {
  margin-bottom: 2rem !important;
}

.p-mb-6 {
  margin-bottom: 3rem !important;
}

.p-mb-auto {
  margin-bottom: auto !important;
}

.p-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.p-mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.p-mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.p-mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.p-mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.p-mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.p-mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.p-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.p-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.p-my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.p-my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.p-my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.p-my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.p-my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.p-my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

.p-m-1 {
  margin: 0.25rem !important;
}

.p-m-2 {
  margin: 0.5rem !important;
}

.p-m-3 {
  margin: 1rem !important;
}

.p-m-4 {
  margin: 1.5rem !important;
}

.p-m-5 {
  margin: 2rem !important;
}

.p-m-6 {
  margin: 3rem !important;
}

.p-m-auto {
  margin: auto !important;
}

@media screen and (min-width: 576px) {
  .p-mt-sm-0 {
    margin-top: 0 !important;
  }

  .p-mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .p-mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .p-mt-sm-3 {
    margin-top: 1rem !important;
  }

  .p-mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .p-mt-sm-5 {
    margin-top: 2rem !important;
  }

  .p-mt-sm-6 {
    margin-top: 3rem !important;
  }

  .p-mt-sm-auto {
    margin-top: 3rem !important;
  }

  .p-mr-sm-0 {
    margin-right: 0 !important;
  }

  .p-mr-sm-1 {
    margin-right: 0.25rem !important;
  }

  .p-mr-sm-2 {
    margin-right: 0.5rem !important;
  }

  .p-mr-sm-3 {
    margin-right: 1rem !important;
  }

  .p-mr-sm-4 {
    margin-right: 1.5rem !important;
  }

  .p-mr-sm-5 {
    margin-right: 2rem !important;
  }

  .p-mr-sm-6 {
    margin-right: 3rem !important;
  }

  .p-mr-sm-auto {
    margin-right: auto !important;
  }

  .p-ml-sm-0 {
    margin-left: 0 !important;
  }

  .p-ml-sm-1 {
    margin-left: 0.25rem !important;
  }

  .p-ml-sm-2 {
    margin-left: 0.5rem !important;
  }

  .p-ml-sm-3 {
    margin-left: 1rem !important;
  }

  .p-ml-sm-4 {
    margin-left: 1.5rem !important;
  }

  .p-ml-sm-5 {
    margin-left: 2rem !important;
  }

  .p-ml-sm-6 {
    margin-left: 3rem !important;
  }

  .p-ml-sm-auto {
    margin-left: auto !important;
  }

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

  .p-mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .p-mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .p-mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .p-mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .p-mb-sm-5 {
    margin-bottom: 2rem !important;
  }

  .p-mb-sm-6 {
    margin-bottom: 3rem !important;
  }

  .p-mb-sm-auto {
    margin-bottom: auto !important;
  }

  .p-mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .p-mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .p-mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .p-mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .p-mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .p-mx-sm-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .p-mx-sm-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .p-mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .p-my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .p-my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .p-my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .p-my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .p-my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .p-my-sm-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .p-my-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .p-my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

  .p-m-sm-1 {
    margin: 0.25rem !important;
  }

  .p-m-sm-2 {
    margin: 0.5rem !important;
  }

  .p-m-sm-3 {
    margin: 1rem !important;
  }

  .p-m-sm-4 {
    margin: 1.5rem !important;
  }

  .p-m-sm-5 {
    margin: 2rem !important;
  }

  .p-m-sm-6 {
    margin: 3rem !important;
  }

  .p-m-sm-auto {
    margin: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .p-mt-md-0 {
    margin-top: 0 !important;
  }

  .p-mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .p-mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .p-mt-md-3 {
    margin-top: 1rem !important;
  }

  .p-mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .p-mt-md-5 {
    margin-top: 2rem !important;
  }

  .p-mt-md-6 {
    margin-top: 3rem !important;
  }

  .p-mt-md-auto {
    margin-top: 3rem !important;
  }

  .p-mr-md-0 {
    margin-right: 0 !important;
  }

  .p-mr-md-1 {
    margin-right: 0.25rem !important;
  }

  .p-mr-md-2 {
    margin-right: 0.5rem !important;
  }

  .p-mr-md-3 {
    margin-right: 1rem !important;
  }

  .p-mr-md-4 {
    margin-right: 1.5rem !important;
  }

  .p-mr-md-5 {
    margin-right: 2rem !important;
  }

  .p-mr-md-6 {
    margin-right: 3rem !important;
  }

  .p-mr-md-auto {
    margin-right: auto !important;
  }

  .p-ml-md-0 {
    margin-left: 0 !important;
  }

  .p-ml-md-1 {
    margin-left: 0.25rem !important;
  }

  .p-ml-md-2 {
    margin-left: 0.5rem !important;
  }

  .p-ml-md-3 {
    margin-left: 1rem !important;
  }

  .p-ml-md-4 {
    margin-left: 1.5rem !important;
  }

  .p-ml-md-5 {
    margin-left: 2rem !important;
  }

  .p-ml-md-6 {
    margin-left: 3rem !important;
  }

  .p-ml-md-auto {
    margin-left: auto !important;
  }

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

  .p-mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .p-mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .p-mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .p-mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .p-mb-md-5 {
    margin-bottom: 2rem !important;
  }

  .p-mb-md-6 {
    margin-bottom: 3rem !important;
  }

  .p-mb-md-auto {
    margin-bottom: auto !important;
  }

  .p-mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .p-mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .p-mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .p-mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .p-mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .p-mx-md-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .p-mx-md-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .p-mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .p-my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .p-my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .p-my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .p-my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .p-my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .p-my-md-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .p-my-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .p-my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

  .p-m-md-1 {
    margin: 0.25rem !important;
  }

  .p-m-md-2 {
    margin: 0.5rem !important;
  }

  .p-m-md-3 {
    margin: 1rem !important;
  }

  .p-m-md-4 {
    margin: 1.5rem !important;
  }

  .p-m-md-5 {
    margin: 2rem !important;
  }

  .p-m-md-6 {
    margin: 3rem !important;
  }

  .p-m-md-auto {
    margin: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .p-mt-lg-0 {
    margin-top: 0 !important;
  }

  .p-mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .p-mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .p-mt-lg-3 {
    margin-top: 1rem !important;
  }

  .p-mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .p-mt-lg-5 {
    margin-top: 2rem !important;
  }

  .p-mt-lg-6 {
    margin-top: 3rem !important;
  }

  .p-mt-lg-auto {
    margin-top: 3rem !important;
  }

  .p-mr-lg-0 {
    margin-right: 0 !important;
  }

  .p-mr-lg-1 {
    margin-right: 0.25rem !important;
  }

  .p-mr-lg-2 {
    margin-right: 0.5rem !important;
  }

  .p-mr-lg-3 {
    margin-right: 1rem !important;
  }

  .p-mr-lg-4 {
    margin-right: 1.5rem !important;
  }

  .p-mr-lg-5 {
    margin-right: 2rem !important;
  }

  .p-mr-lg-6 {
    margin-right: 3rem !important;
  }

  .p-mr-lg-auto {
    margin-right: auto !important;
  }

  .p-ml-lg-0 {
    margin-left: 0 !important;
  }

  .p-ml-lg-1 {
    margin-left: 0.25rem !important;
  }

  .p-ml-lg-2 {
    margin-left: 0.5rem !important;
  }

  .p-ml-lg-3 {
    margin-left: 1rem !important;
  }

  .p-ml-lg-4 {
    margin-left: 1.5rem !important;
  }

  .p-ml-lg-5 {
    margin-left: 2rem !important;
  }

  .p-ml-lg-6 {
    margin-left: 3rem !important;
  }

  .p-ml-lg-auto {
    margin-left: auto !important;
  }

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

  .p-mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .p-mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .p-mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .p-mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .p-mb-lg-5 {
    margin-bottom: 2rem !important;
  }

  .p-mb-lg-6 {
    margin-bottom: 3rem !important;
  }

  .p-mb-lg-auto {
    margin-bottom: auto !important;
  }

  .p-mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .p-mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .p-mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .p-mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .p-mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .p-mx-lg-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .p-mx-lg-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .p-mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .p-my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .p-my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .p-my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .p-my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .p-my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .p-my-lg-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .p-my-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .p-my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

  .p-m-lg-1 {
    margin: 0.25rem !important;
  }

  .p-m-lg-2 {
    margin: 0.5rem !important;
  }

  .p-m-lg-3 {
    margin: 1rem !important;
  }

  .p-m-lg-4 {
    margin: 1.5rem !important;
  }

  .p-m-lg-5 {
    margin: 2rem !important;
  }

  .p-m-lg-6 {
    margin: 3rem !important;
  }

  .p-m-lg-auto {
    margin: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-mt-xl-0 {
    margin-top: 0 !important;
  }

  .p-mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .p-mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .p-mt-xl-3 {
    margin-top: 1rem !important;
  }

  .p-mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .p-mt-xl-5 {
    margin-top: 2rem !important;
  }

  .p-mt-xl-6 {
    margin-top: 3rem !important;
  }

  .p-mt-xl-auto {
    margin-top: 3rem !important;
  }

  .p-mr-xl-0 {
    margin-right: 0 !important;
  }

  .p-mr-xl-1 {
    margin-right: 0.25rem !important;
  }

  .p-mr-xl-2 {
    margin-right: 0.5rem !important;
  }

  .p-mr-xl-3 {
    margin-right: 1rem !important;
  }

  .p-mr-xl-4 {
    margin-right: 1.5rem !important;
  }

  .p-mr-xl-5 {
    margin-right: 2rem !important;
  }

  .p-mr-xl-6 {
    margin-right: 3rem !important;
  }

  .p-mr-xl-auto {
    margin-right: auto !important;
  }

  .p-ml-xl-0 {
    margin-left: 0 !important;
  }

  .p-ml-xl-1 {
    margin-left: 0.25rem !important;
  }

  .p-ml-xl-2 {
    margin-left: 0.5rem !important;
  }

  .p-ml-xl-3 {
    margin-left: 1rem !important;
  }

  .p-ml-xl-4 {
    margin-left: 1.5rem !important;
  }

  .p-ml-xl-5 {
    margin-left: 2rem !important;
  }

  .p-ml-xl-6 {
    margin-left: 3rem !important;
  }

  .p-ml-xl-auto {
    margin-left: auto !important;
  }

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

  .p-mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .p-mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .p-mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .p-mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .p-mb-xl-5 {
    margin-bottom: 2rem !important;
  }

  .p-mb-xl-6 {
    margin-bottom: 3rem !important;
  }

  .p-mb-xl-auto {
    margin-bottom: auto !important;
  }

  .p-mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .p-mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .p-mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .p-mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .p-mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .p-mx-xl-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .p-mx-xl-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .p-mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .p-my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .p-my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .p-my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .p-my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .p-my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .p-my-xl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .p-my-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .p-my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

  .p-m-xl-1 {
    margin: 0.25rem !important;
  }

  .p-m-xl-2 {
    margin: 0.5rem !important;
  }

  .p-m-xl-3 {
    margin: 1rem !important;
  }

  .p-m-xl-4 {
    margin: 1.5rem !important;
  }

  .p-m-xl-5 {
    margin: 2rem !important;
  }

  .p-m-xl-6 {
    margin: 3rem !important;
  }

  .p-m-xl-auto {
    margin: auto !important;
  }
}

.p-shadow-1 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-2 {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.p-shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.p-shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.p-shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.p-shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.p-shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.p-shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.p-shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.p-shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.p-shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.p-shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.p-shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.p-shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.p-shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.p-shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.p-shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.p-shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.p-shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}

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

/*!
 *  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('fontawesome-webfont.8b43027f47b20503057d.eot?v=4.7.0');
  src: url('fontawesome-webfont.8b43027f47b20503057d.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.20fd1704ea223900efa9.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.f691f37e57f04c152e23.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.1e59d2330b4c6deb84b3.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.c1e38fd9e0e74ba58f7a.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 {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@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;
}

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}

.leaflet-container {
	overflow: hidden;
	}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        -ms-user-select: none;
	    user-select: none;
	  -webkit-user-drag: none;
	}

/* Prevents IE11 from highlighting tiles in blue */

.leaflet-tile::-moz-selection {
	background: transparent;
}

.leaflet-tile::selection {
	background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */

.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}

/* hack that prevents hw layers "stretching" when loading new tiles */

.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}

.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */

/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */

.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}

.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}

.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}

.leaflet-tile-loaded {
	visibility: inherit;
	}

.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */

.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }

.leaflet-overlay-pane { z-index: 400; }

.leaflet-shadow-pane  { z-index: 500; }

.leaflet-marker-pane  { z-index: 600; }

.leaflet-tooltip-pane   { z-index: 650; }

.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }

.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}

.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}

/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}

.leaflet-top {
	top: 0;
	}

.leaflet-right {
	right: 0;
	}

.leaflet-bottom {
	bottom: 0;
	}

.leaflet-left {
	left: 0;
	}

.leaflet-control {
	float: left;
	clear: both;
	}

.leaflet-right .leaflet-control {
	float: right;
	}

.leaflet-top .leaflet-control {
	margin-top: 10px;
	}

.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}

.leaflet-left .leaflet-control {
	margin-left: 10px;
	}

.leaflet-right .leaflet-control {
	margin-right: 10px;
	}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-animated {
	transform-origin: 0 0;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}

/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}

.leaflet-grab {
	cursor: -webkit-grab;
	cursor:         grab;
	}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}

.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}

.leaflet-container a {
	color: #0078A8;
	}

.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}

.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}

/* general typography */

.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}

.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}

.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}

.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}

.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}

.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}

.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}

.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}

.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}

/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}

.leaflet-control-layers-toggle {
	background-image: url('layers.416d91365b44e4b4f477.png');
	width: 36px;
	height: 36px;
	}

.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.8f2c4d11474275fbc161.png');
	background-size: 26px 26px;
	}

.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}

.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}

.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}

.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}

.leaflet-control-layers label {
	display: block;
	}

.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */

.leaflet-default-icon-path {
	background-image: url('marker-icon.2b3e1faf89f94a483539.png');
	}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}

.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}

.leaflet-control-attribution a {
	text-decoration: none;
	}

.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}

.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}

.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}

.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}

.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}

/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}

.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}

.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}

.leaflet-popup-content p {
	margin: 18px 0;
	}

.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}

.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	transform: rotate(45deg);
	}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}

.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}

.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}

.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}

/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

/* Tooltip */

/* Base styles for the element that has a tooltip */

.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}

.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}

.leaflet-tooltip-top {
	margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}

.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}

.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}

.leaflet-tooltip-left {
	margin-left: -6px;
}

.leaflet-tooltip-right {
	margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}

.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}

.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url('spritesheet.ef32ea2bdf63ba132b4c.png');background-image:linear-gradient(transparent,transparent),url('spritesheet.a4e0eb7ad904a4858361.svg');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url('spritesheet-2x.7ea3a6d428136b87ab95.png');background-image:linear-gradient(transparent,transparent),url('spritesheet.a4e0eb7ad904a4858361.svg')}.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;border-radius:4px;color:#fff;font:12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);border-radius:4px;box-sizing:content-box}.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}
.leaflet-container .leaflet-control-mouseposition {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 5px #bbb;
  padding: 0 5px;
  margin:0;
  color: #333;
  font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}


.ng-resizable{position:relative}.ng-resizable-handle{position:absolute;font-size:0.1px;display:block;touch-action:none}.ng-resizable-handle.ng-resizable-e{cursor:e-resize;width:7px;right:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-w{cursor:w-resize;width:7px;left:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-s{cursor:s-resize;height:7px;bottom:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-n{cursor:n-resize;height:7px;top:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ng-resizable-handle.ng-resizable-sw{cursor:sw-resize;width:12px;height:12px;left:1px;bottom:1px}.ng-resizable-handle.ng-resizable-ne{cursor:ne-resize;width:12px;height:12px;right:1px;top:1px}.ng-resizable-handle.ng-resizable-nw{cursor:nw-resize;width:12px;height:12px;left:1px;top:1px}.ng-resizable-diagonal{box-sizing:border-box;width:0;height:0;border-bottom:12px solid #aaa;border-left:12px solid transparent}