@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html {
  font-size: 14px;
  -webkit-tap-highlight-color: transparent; }

body {
	margin: 0;
  font-family: "Century Gothic", Arial;
  font-size: 1rem;
  line-height: 1.5;
  color: #585858;
  background-color: #f5f5f5;
  overflow-x:hidden;
  }

[tabindex="-1"]:focus {
  outline: none !important; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

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

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

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

dt {
  font-weight: bold; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #ff5d48;
  text-decoration: none; }
  a:focus, a:hover {
    color: #e32726;
    text-decoration: none; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

pre {
  margin-top: 0;
  margin-bottom: 1rem; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  background-color: transparent; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #818a91;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit; }

input[type="search"] {
  box-sizing: inherit;
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: inherit; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

.h1 {
  font-size: 2.5rem; }

.h2 {
  font-size: 2rem; }

.h3 {
  font-size: 1.75rem; }

.h4 {
  font-size: 1.5rem; }

.h5 {
  font-size: 1.25rem; }

.h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: normal; }
.bold{ font-weight:600;}
mark,
.mark {
  padding: .2em;
  background-color: #FAE8C4; }

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

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

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 5px; }

.dl-horizontal {
  margin-right: -1.5rem;
  margin-left: -1.5rem; }
  .dl-horizontal::after {
    content: "";
    display: table;
    clear: both; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  line-height: 1.5;
  color: #818a91; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0; }

.blockquote-reverse .blockquote-footer::before {
  content: ""; }
.blockquote-reverse .blockquote-footer::after {
  content: "\00A0 \2014"; }

.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 0.3rem; }

.img-thumbnail {
  padding: 0.25rem;
  line-height: 1.5;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

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

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #818a91; }

code,
kbd,
pre,
samp {
    font-family: "Century Gothic", Arial; }

code {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25rem; }

kbd {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0.2rem; }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  line-height: 1.5;
  color: #373a3c; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0; }

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

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
  @media (min-width: 544px) {
    .container {
      max-width: 576px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem; }

.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, .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, .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, .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, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem; float:left;}
  
.col-xs-12, .col-md-12, .col-sm-12{ width:100%;}

/*.col-xs-1 {
  flex: 0 0 8.33333%; }

.col-xs-2 {
  flex: 0 0 16.66667%; }

.col-xs-3 {
  flex: 0 0 25%; }

.col-xs-4 {
  flex: 0 0 33.33333%; }

.col-xs-5 {
  flex: 0 0 41.66667%; }

.col-xs-6 {
  flex: 0 0 50%; }

.col-xs-7 {
  flex: 0 0 58.33333%; }

.col-xs-8 {
  flex: 0 0 66.66667%; }

.col-xs-9 {
  flex: 0 0 75%; }

.col-xs-10 {
  flex: 0 0 83.33333%; }

.col-xs-11 {
  flex: 0 0 91.66667%; }

.col-xs-12 {
  flex: 0 0 100%; }*/
.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 {
    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 {
    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 {
    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%; } }
@media (min-width: 1600px) {
  .col-xl-1 {
    width: 8.33333%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-xl-offset-12 {
    margin-left: 100%; } }
.col-xs-first {
  order: -1; }

.col-xs-last {
  order: 1; }

@media (min-width: 544px) {
  .col-sm-first {
    order: -1; }

  .col-sm-last {
    order: 1; } }
@media (min-width: 768px) {
  .col-md-first {
    order: -1; }

  .col-md-last {
    order: 1; } }
@media (min-width: 992px) {
  .col-lg-first {
    order: -1; }

  .col-lg-last {
    order: 1; } }
@media (min-width: 1200px) {
  .col-xl-first {
    order: -1; }

  .col-xl-last {
    order: 1; } }
.row-xs-top {
  align-items: flex-start; }

.row-xs-center {
  align-items: center; }

.row-xs-bottom {
  align-items: flex-end; }

@media (min-width: 544px) {
  .row-sm-top {
    align-items: flex-start; }

  .row-sm-center {
    align-items: center; }

  .row-sm-bottom {
    align-items: flex-end; } }
@media (min-width: 768px) {
  .row-md-top {
    align-items: flex-start; }

  .row-md-center {
    align-items: center; }

  .row-md-bottom {
    align-items: flex-end; } }
@media (min-width: 992px) {
  .row-lg-top {
    align-items: flex-start; }

  .row-lg-center {
    align-items: center; }

  .row-lg-bottom {
    align-items: flex-end; } }
@media (min-width: 1200px) {
  .row-xl-top {
    align-items: flex-start; }

  .row-xl-center {
    align-items: center; }

  .row-xl-bottom {
    align-items: flex-end; } }
.col-xs-top {
  align-self: flex-start; }

.col-xs-center {
  align-self: center; }

.col-xs-bottom {
  align-self: flex-end; }

@media (min-width: 544px) {
  .col-sm-top {
    align-self: flex-start; }

  .col-sm-center {
    align-self: center; }

  .col-sm-bottom {
    align-self: flex-end; } }
@media (min-width: 768px) {
  .col-md-top {
    align-self: flex-start; }

  .col-md-center {
    align-self: center; }

  .col-md-bottom {
    align-self: flex-end; } }
@media (min-width: 992px) {
  .col-lg-top {
    align-self: flex-start; }

  .col-lg-center {
    align-self: center; }

  .col-lg-bottom {
    align-self: flex-end; } }
@media (min-width: 1200px) {
  .col-xl-top {
    align-self: flex-start; }

  .col-xl-center {
    align-self: center; }

  .col-xl-bottom {
    align-self: flex-end; } }
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem; }
  .table th,
  .table td {
    padding: 0.75rem;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #eceeef; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef; }
  .table tbody + tbody {
    border-top: 2px solid #eceeef; }
  .table .table {
    background-color: #f5f5f5; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #eceeef; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #eceeef; }
  .table-bordered thead th,
  .table-bordered thead 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-active,
.table-active > th,
.table-active > td {
  background-color: #f5f5f5; }

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

.table-success,
.table-success > th,
.table-success > td {
  background-color: #B6E9DF; }

.table-hover .table-success:hover {
  background-color: #a2e3d6; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #a2e3d6; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #ABDBE8; }

.table-hover .table-info:hover {
  background-color: #97d2e3; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #97d2e3; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #FAE8C4; }

.table-hover .table-warning:hover {
  background-color: #f8dfac; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #f8dfac; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #FFCCC5; }

.table-hover .table-danger:hover {
  background-color: #ffb6ac; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #ffb6ac; }

.table-responsive {
  display: block;
  width: 100%;
  min-height: 0.01%;
  overflow-x: auto; }

.thead-inverse th {
  color: #fff;
  background-color: #373a3c; }

.thead-default th {
  color: #55595c;
  background-color: #eceeef; }

.table-inverse {
  color: #eceeef;
  background-color: #373a3c; }
  .table-inverse.table-bordered {
    border: 0; }
  .table-inverse th,
  .table-inverse td,
  .table-inverse thead th {
    border-color: #55595c; }

.table-reflow thead {
  float: left; }
.table-reflow tbody {
  display: block;
  white-space: nowrap; }
.table-reflow th,
.table-reflow td {
  border-top: 1px solid #eceeef;
  border-left: 1px solid #eceeef; }
  .table-reflow th:last-child,
  .table-reflow td:last-child {
    border-right: 1px solid #eceeef; }
.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
  border-bottom: 1px solid #eceeef; }
.table-reflow tr {
  float: left; }
  .table-reflow tr th,
  .table-reflow tr td {
    display: block !important;
    border: 1px solid #eceeef; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0.25rem; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    border-color: #66afe9;
    outline: none; }
  .form-control::placeholder {
    color: #999;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #eceeef;
    opacity: 1; }
  .form-control:disabled {
    cursor: not-allowed; }

.form-control-file,
.form-control-range {
  display: block; }

.form-control-label {
  padding: 0.375rem 0.75rem;
  margin-bottom: 0; }

@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: 2.25rem; }
  input[type="date"].input-sm, .input-group-sm input[type="date"].form-control,
  input[type="time"].input-sm, .input-group-sm
  input[type="time"].form-control,
  input[type="datetime-local"].input-sm, .input-group-sm
  input[type="datetime-local"].form-control,
  input[type="month"].input-sm, .input-group-sm
  input[type="month"].form-control {
    line-height: 1.8625rem; }
  input[type="date"].input-lg, .input-group-lg input[type="date"].form-control,
  input[type="time"].input-lg, .input-group-lg
  input[type="time"].form-control,
  input[type="datetime-local"].input-lg, .input-group-lg
  input[type="datetime-local"].form-control,
  input[type="month"].input-lg, .input-group-lg
  input[type="month"].form-control {
    line-height: 3.16667rem; } }
.form-control-static {
  min-height: 2.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0; }
  .form-control-static.form-control-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, .form-control-static.form-control-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 {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.33333;
  border-radius: 0.3rem; }

.form-group {
  margin-bottom: 1rem; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-bottom: 0.75rem; }
  .radio label,
  .checkbox label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }
    .radio label input:only-child,
    .checkbox label input:only-child {
      position: static; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -.25rem; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: .75rem; }

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

.radio-inline.disabled,
.checkbox-inline.disabled {
  cursor: not-allowed; }

.radio.disabled label,
.checkbox.disabled label {
  cursor: not-allowed; }

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  background-size: 1.4625rem 1.4625rem; }

.has-success .text-help,
.has-success .form-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: #1bb99a; }
.has-success .form-control {
  border-color: #1bb99a; }
.has-success .input-group-addon {
  color: #1bb99a;
  border-color: #1bb99a;
  background-color: #adf3e5; }
.has-success .form-control-feedback {
  color: #1bb99a; }
.has-success .form-control-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="); }

.has-warning .text-help,
.has-warning .form-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: #f1b53d; }
.has-warning .form-control {
  border-color: #f1b53d; }
.has-warning .input-group-addon {
  color: #f1b53d;
  border-color: #f1b53d;
  background-color: #fffefb; }
.has-warning .form-control-feedback {
  color: #f1b53d; }
.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"); }

.has-danger .text-help,
.has-danger .form-control-label,
.has-danger .radio,
.has-danger .checkbox,
.has-danger .radio-inline,
.has-danger .checkbox-inline, .has-danger.radio label, .has-danger.checkbox label, .has-danger.radio-inline label, .has-danger.checkbox-inline label {
  color: #ff5d48; }
.has-danger .form-control {
  border-color: #ff5d48; }
.has-danger .input-group-addon {
  color: #ff5d48;
  border-color: #ff5d48;
  background-color: white; }
.has-danger .form-control-feedback {
  color: #ff5d48; }
.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="); }

@media (min-width: 544px) {
  .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 .form-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; } }

.btn {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem; -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:focus, .btn:hover {
    text-decoration: none; }
  .btn.focus {
    text-decoration: none; }
  .btn:active, .btn.active {
    background-image: none;
    outline: 0; }
  .btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #039cfd;
  border-color: #039cfd; }
  .btn-primary:hover {
    color: #fff;
    background-color: #027dcb;
    border-color: #0277c1; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #027dcb;
    border-color: #0277c1; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #027dcb;
    border-color: #0277c1;
    background-image: none; }
    .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: #0167a8;
      border-color: #014e7f; }
  .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
    background-color: #039cfd;
    border-color: #039cfd; }
  .btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: #039cfd;
    border-color: #039cfd; }

.btn-secondary {
  color: #373a3c;
  background-color: #fff;
  border-color: #ccc; }
  .btn-secondary:hover {
    color: #373a3c;
        background-color: #e4c0c0;
    border-color: #dcafaf; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #373a3c;
    background-color: #d6f1ed;
    border-color: #b3e7df; }
  .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
    color: #373a3c;
    background-color: #d6f1ed;
    border-color: #b3e7df;
    background-image: none; }
    .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus {
      color: #373a3c;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
    background-color: #fff;
    border-color: #ccc; }

.btn-info {
  color: #fff;
  background-color: #3db9dc;
  border-color: #3db9dc; }
  .btn-info:hover {
    color: #fff;
    background-color: #23a0c3;
    border-color: #2299ba; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #23a0c3;
    border-color: #2299ba; }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #23a0c3;
    border-color: #2299ba;
    background-image: none; }
    .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: #1e87a5;
      border-color: #176b82; }
  .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
    background-color: #3db9dc;
    border-color: #3db9dc; }
  .btn-info.disabled:hover, .btn-info:disabled:hover {
    background-color: #3db9dc;
    border-color: #3db9dc; }

.btn-success {
  color: #fff;
  background-color: #e32726!important;
  border-color: #d51f1e!important;-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .btn-success:hover {
    color: #fff;
    background-color: #158c75;
    border-color: #13846e; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #158c75;
    border-color: #13846e; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #158c75;
    border-color: #13846e;
    background-image: none; }
    .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: #106d5b;
      border-color: #0b4a3d; }
  .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
    background-color: #1bb99a;
    border-color: #1bb99a; }
  .btn-success.disabled:hover, .btn-success:disabled:hover {
    background-color: #1bb99a;
    border-color: #1bb99a; }

.btn-warning {
  color: #fff;
  background-color: #f1b53d;
  border-color: #f1b53d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #eaa211;
    border-color: #e19b10; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #eaa211;
    border-color: #e19b10; }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #eaa211;
    border-color: #e19b10;
    background-image: none; }
    .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: #c98b0e;
      border-color: #a3700c; }
  .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
    background-color: #f1b53d;
    border-color: #f1b53d; }
  .btn-warning.disabled:hover, .btn-warning:disabled:hover {
    background-color: #f1b53d;
    border-color: #f1b53d; }

.btn-danger {
  color: #fff;
  background-color: #ff5d48;
  border-color: #ff5d48; }
  .btn-danger:hover {
    color: #fff;
    background-color: #ff3015;
    border-color: #ff270b; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #ff3015;
    border-color: #ff270b; }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ff3015;
    border-color: #ff270b;
    background-image: none; }
    .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: #f01c00;
      border-color: #c81700; }
  .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
    background-color: #ff5d48;
    border-color: #ff5d48; }
  .btn-danger.disabled:hover, .btn-danger:disabled:hover {
    background-color: #ff5d48;
    border-color: #ff5d48; }

.btn-primary-outline {
  color: #039cfd;
  background-image: none;
  background-color: transparent;
  border-color: #039cfd; }
  .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, .open > .btn-primary-outline.dropdown-toggle {
    color: #fff;
    background-color: #039cfd;
    border-color: #039cfd; }
  .btn-primary-outline:hover {
    color: #fff;
    background-color: #039cfd;
    border-color: #039cfd; }
  .btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus {
    border-color: #68c4fe; }
  .btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover {
    border-color: #68c4fe; }

.btn-secondary-outline {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc; }
  .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, .open > .btn-secondary-outline.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc; }
  .btn-secondary-outline:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc; }
  .btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus {
    border-color: white; }
  .btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover {
    border-color: white; }

.btn-info-outline {
  color: #3db9dc;
  background-image: none;
  background-color: transparent;
  border-color: #3db9dc; }
  .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, .open > .btn-info-outline.dropdown-toggle {
    color: #fff;
    background-color: #3db9dc;
    border-color: #3db9dc; }
  .btn-info-outline:hover {
    color: #fff;
    background-color: #3db9dc;
    border-color: #3db9dc; }
  .btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus {
    border-color: #93d8ec; }
  .btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover {
    border-color: #93d8ec; }

.btn-success-outline {
  color: #1bb99a;
  background-image: none;
  background-color: transparent;
  border-color: #1bb99a; }
  .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, .open > .btn-success-outline.dropdown-toggle {
    color: #fff;
    background-color: #1bb99a;
    border-color: #1bb99a; }
  .btn-success-outline:hover {
    color: #fff;
    background-color: #1bb99a;
    border-color: #1bb99a; }
  .btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus {
    border-color: #54e6c9; }
  .btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover {
    border-color: #54e6c9; }

.btn-warning-outline {
  color: #f1b53d;
  background-image: none;
  background-color: transparent;
  border-color: #f1b53d; }
  .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, .open > .btn-warning-outline.dropdown-toggle {
    color: #fff;
    background-color: #f1b53d;
    border-color: #f1b53d; }
  .btn-warning-outline:hover {
    color: #fff;
    background-color: #f1b53d;
    border-color: #f1b53d; }
  .btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus {
    border-color: #f8d99c; }
  .btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover {
    border-color: #f8d99c; }

.btn-danger-outline {
  color: #ff5d48;
  background-image: none;
  background-color: transparent;
  border-color: #ff5d48; }
  .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, .open > .btn-danger-outline.dropdown-toggle {
    color: #fff;
    background-color: #ff5d48;
    border-color: #ff5d48; }
  .btn-danger-outline:hover {
    color: #fff;
    background-color: #ff5d48;
    border-color: #ff5d48; }
  .btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus {
    border-color: #ffb7ae; }
  .btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover {
    border-color: #ffb7ae; }

.btn-link {
  font-weight: normal;
  color: #64b0f2;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
    background-color: transparent; }
  .btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover {
    border-color: transparent; }
  .btn-link:focus, .btn-link:hover {
    color: #1d8cec;
    text-decoration: none;
    background-color: transparent; }
  .btn-link:disabled:focus, .btn-link:disabled:hover {
    color: #818a91;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.33333;
  border-radius: 0.3rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.10rem 0.35rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.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 .15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: .25rem;
  margin-left: .25rem;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent; }
.dropdown-toggle:focus {
  outline: 0; }

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid; }

.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;
  font-size: 1rem;
  color: #2b3d51;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
  .dropdown-item:focus, .dropdown-item:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5; }
  .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #039cfd;
    outline: 0; }
  .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    color: #818a91; }
  .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }

.open > .dropdown-menu {
  display: block; }
.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #818a91;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

.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:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      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::after {
    content: "";
    display: table;
    clear: both; }
  .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-right: 8px;
  padding-left: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 0.3em 0.3em 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 0.3em 0.3em; }

.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::after {
  content: "";
  display: table;
  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: 0.25rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

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

[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: flex; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    flex: 1;
    margin-bottom: 0; }
    .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
      z-index: 3; }

.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 {
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1;
  color: #55595c;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid #ccc;
  border-radius: 0.25rem; }
  .input-group-addon.form-control-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 0.275rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 0.2rem; }
  .input-group-addon.form-control-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 0.75rem 1.25rem;
    font-size: 1.25rem;
    border-radius: 0.3rem; }
  .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:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
      z-index: 3; }
  .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; }
    .input-group-btn:last-child > .btn:focus, .input-group-btn:last-child > .btn:active, .input-group-btn:last-child > .btn:hover,
    .input-group-btn:last-child > .btn-group:focus,
    .input-group-btn:last-child > .btn-group:active,
    .input-group-btn:last-child > .btn-group:hover {
      z-index: 3; }

.c-input {
  position: relative;
  display: inline;
  padding-left: 1.5rem;
  color: #555;
  cursor: pointer; }
  .c-input > input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .c-input > input:checked ~ .c-indicator {
      color: #fff;
      background-color: #0074d9; }
    .c-input > input:focus ~ .c-indicator {
      box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }
    .c-input > input:active ~ .c-indicator {
      color: #fff;
      background-color: #84c6ff; }
  .c-input + .c-input {
    margin-left: 1rem; }

.c-indicator {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  font-size: 65%;
  line-height: 1rem;
  color: #eee;
  text-align: center;
  user-select: none;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

.c-checkbox .c-indicator {
  border-radius: .25rem; }
.c-checkbox input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }
.c-checkbox input:indeterminate ~ .c-indicator {
  background-color: #0074d9;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); }

.c-radio .c-indicator {
  border-radius: 50%; }
.c-radio input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

.c-inputs-stacked .c-input {
  display: inline; }
  .c-inputs-stacked .c-input::after {
    display: block;
    margin-bottom: .25rem;
    content: ""; }
  .c-inputs-stacked .c-input + .c-input {
    margin-left: 0; }

.c-select {
  display: inline-block;
  max-width: 100%;
  padding: .375rem 1.75rem .375rem .75rem;
  padding-right: .75rem \9;
  color: #55595c;
  vertical-align: middle;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center;
  background-image: none \9;
  background-size: 8px 10px;
  border: 1px solid #ccc;
  -moz-appearance: none;
  -webkit-appearance: none; }
  .c-select:focus {
    border-color: #51a7e8;
    outline: none; }
  .c-select::-ms-expand {
    opacity: 0; }

.c-select-sm {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px; }
  .c-select-sm:not([multiple]) {
    height: 26px;
    min-height: 26px; }

.file {
  position: relative;
  display: inline-block;
  height: 2.5rem;
  cursor: pointer; }

.file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }

.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: .25rem; }

.file-custom::after {
  content: "Choose file..."; }

.file-custom::before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  content: "Browse";
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 0 .25rem .25rem 0; }

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

.nav-link {
  display: inline-block; }
  .nav-link:focus, .nav-link:hover {
    text-decoration: none; }
  .nav-link.disabled {
    color: #818a91; }
    .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {
      color: #818a91;
      cursor: not-allowed;
      background-color: transparent; }

.nav-inline .nav-item {
  display: inline-block; }
.nav-inline .nav-item + .nav-item,
.nav-inline .nav-link + .nav-link {
  margin-left: 1rem; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs::after {
    content: "";
    display: table;
    clear: both; }
  .nav-tabs .nav-item {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs .nav-item + .nav-item {
      margin-left: .2rem; }
  .nav-tabs .nav-link {
    display: block;
    padding: 0.5em 1em;
    border: 1px solid transparent;
    border-radius: 0.25rem 0.25rem 0 0; }
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
      border-color: #eceeef #eceeef #ddd; }
    .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
      color: #818a91;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
  .nav-tabs .nav-item.open .nav-link,
  .nav-tabs .nav-item.open .nav-link:focus,
  .nav-tabs .nav-item.open .nav-link:hover {
    color: #55595c;
    background-color: #f5f5f5;
    border-color: #ddd #ddd transparent; }

.nav-pills::after {
  content: "";
  display: table;
  clear: both; }
.nav-pills .nav-item {
  float: left; }
  .nav-pills .nav-item + .nav-item {
    margin-left: .2rem; }
.nav-pills .nav-link {
  display: block;
  padding: 0.5em 1em;
  border-radius: 0.25rem; }
.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
  color: #fff;
  cursor: default;
  background-color: #039cfd; }

.nav-stacked .nav-item {
  display: block;
  float: none; }
  .nav-stacked .nav-item + .nav-item {
    margin-top: .2rem;
    margin-left: 0; }

.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;
  padding: 0.5rem 1rem; }
  .navbar::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 544px) {
    .navbar {
      border-radius: 0.25rem; } }

.navbar-full {
  z-index: 1000; }
  @media (min-width: 544px) {
    .navbar-full {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 544px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0; }

.navbar-fixed-bottom {
  bottom: 0; }

.navbar-sticky-top {
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%; }
  @media (min-width: 544px) {
    .navbar-sticky-top {
      border-radius: 0; } }

.navbar-brand {
  float: left;
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.25rem; }
  .navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }

.navbar-divider {
  float: left;
  width: 1px;
  padding-top: .425rem;
  padding-bottom: .425rem;
  margin-right: 1rem;
  margin-left: 1rem;
  overflow: hidden; }
  .navbar-divider::before {
    content: "\00a0"; }

.navbar-toggler {
  padding: .5rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: none;
  border: 1px solid transparent;
  border-radius: 0.25rem; }
  .navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none; }

@media (min-width: 544px) {
  .navbar-toggleable-xs {
    display: block !important; } }
@media (min-width: 768px) {
  .navbar-toggleable-sm {
    display: block !important; } }
@media (min-width: 992px) {
  .navbar-toggleable-md {
    display: block !important; } }

.navbar-nav .nav-item {
  float: left; }
.navbar-nav .nav-link {
  display: block;
  padding-top: .425rem;
  padding-bottom: .425rem; }
  .navbar-nav .nav-link + .nav-link {
    margin-left: 1rem; }
.navbar-nav .nav-item + .nav-item {
  margin-left: 1rem; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.8); }
  .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.8); }
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.3); }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.6); }
.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
  color: rgba(0, 0, 0, 0.8); }
.navbar-light .navbar-divider {
  background-color: rgba(0, 0, 0, 0.075); }

.navbar-dark .navbar-brand {
  color: white; }
  .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: white; }
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75); }
.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
.navbar-dark .navbar-nav .active > .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover {
  color: white; }
.navbar-dark .navbar-divider {
  background-color: rgba(255, 255, 255, 0.075); }

.card {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0.25rem; }

.card-block {
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }
.card-link + .card-link {
  margin-left: 1.25rem; }

.card > .list-group:first-child .list-group-item:first-child {
  border-radius: 0.25rem 0.25rem 0 0; }
.card > .list-group:last-child .list-group-item:last-child {
  border-radius: 0 0 0.25rem 0.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5; }
  .card-header:first-child {
    border-radius: 0.25rem 0.25rem 0 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5; }
  .card-footer:last-child {
    border-radius: 0 0 0.25rem 0.25rem; }

.card-primary {
  background-color: #039cfd;
  border-color: #039cfd; }

.card-success {
  background-color: #1bb99a;
  border-color: #1bb99a; }

.card-info {
  background-color: #3db9dc;
  border-color: #3db9dc; }

.card-warning {
  background-color: #f1b53d;
  border-color: #f1b53d; }

.card-danger {
  background-color: #ff5d48;
  border-color: #ff5d48; }

.card-primary-outline {
  background-color: transparent;
  border-color: #039cfd; }

.card-secondary-outline {
  background-color: transparent;
  border-color: #ccc; }

.card-info-outline {
  background-color: transparent;
  border-color: #3db9dc; }

.card-success-outline {
  background-color: transparent;
  border-color: #1bb99a; }

.card-warning-outline {
  background-color: transparent;
  border-color: #f1b53d; }

.card-danger-outline {
  background-color: transparent;
  border-color: #ff5d48; }

.card-inverse .card-header,
.card-inverse .card-footer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff; }
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
  color: rgba(255, 255, 255, 0.65); }
.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff; }

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0; }

.card-img {
  border-radius: 0.25rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img-top {
  border-radius: 0.25rem 0.25rem 0 0; }

.card-img-bottom {
  border-radius: 0 0 0.25rem 0.25rem; }

@media (min-width: 544px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -.625rem;
    margin-left: -.625rem; }
    .card-deck .card {
      flex: 1 0 0;
      margin-right: .625rem;
      margin-left: .625rem; } }
@media (min-width: 544px) {
  .card-group {
    display: flex;
    flex-flow: row wrap; }
    .card-group .card {
      flex: 1 0 0; }
      .card-group .card + .card {
        margin-left: 0;
        border-left: 0; }
      .card-group .card:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-top {
          border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-bottom {
          border-bottom-right-radius: 0; }
      .card-group .card:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-top {
          border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-bottom {
          border-bottom-left-radius: 0; }
      .card-group .card:not(:first-child):not(:last-child) {
        border-radius: 0; }
        .card-group .card:not(:first-child):not(:last-child) .card-img-top,
        .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
          border-radius: 0; } }
@media (min-width: 544px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }
.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eceeef;
  border-radius: 0.25rem; }
  .breadcrumb::after {
    content: "";
    display: table;
    clear: both; }
  .breadcrumb > li {
    float: left; }
    .breadcrumb > li + li::before {
      padding-right: .5rem;
      padding-left: .5rem;
      color: #818a91;
      content: "/"; }
  .breadcrumb > .active {
    color: #818a91; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem; }

.page-item {
  display: inline; }
  .page-item:first-child .page-link {
    margin-left: 0;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem; }
  .page-item:last-child .page-link {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #039cfd;
    border-color: #039cfd; }
  .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd; }

.page-link {
  position: relative;
  float: left;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.5;
  color: #64b0f2;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }
  .page-link:focus, .page-link:hover {
    color: #1d8cec;
    background-color: #eceeef;
    border-color: #ddd; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.33333; }
.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem; }
.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5; }
.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem; }
.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem; }

.pager {
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  list-style: none; }
  .pager::after {
    content: "";
    display: table;
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:focus, .pager li > a:hover {
      text-decoration: none;
      background-color: #eceeef; }
  .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #fff; }
  .pager .disabled > span {
    color: #818a91;
    cursor: not-allowed;
    background-color: #fff; }

.pager-next > a,
.pager-next > span {
  float: right; }

.pager-prev > a,
.pager-prev > span {
  float: left; }

.label {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem; }
  .label:empty {
    display: none; }

.btn .label {
  position: relative;
  top: -1px; }

a.label:focus, a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem; }

.label-default {
  background-color: #818a91; }
  .label-default[href]:focus, .label-default[href]:hover {
    background-color: #687077; }

.label-primary {
  background-color: #039cfd; }
  .label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #027dcb; }

.label-success {
  background-color: #1bb99a; }
  .label-success[href]:focus, .label-success[href]:hover {
    background-color: #158c75; }

.label-info {
  background-color: #3db9dc; }
  .label-info[href]:focus, .label-info[href]:hover {
    background-color: #23a0c3; }

.label-warning {
  background-color: #f1b53d; }
  .label-warning[href]:focus, .label-warning[href]:hover {
    background-color: #eaa211; }

.label-danger {
  background-color: #ff5d48; }
  .label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #ff3015; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 0.3rem; }
  @media (min-width: 544px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-hr {
  border-top-color: #d0d5d8; }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  padding:10px 15px;
  border-top:5px solid #fff;
  min-height:50px;
  text-align:left;
  /*border-radius: 0.25rem;*/ }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-heading {
  color: inherit; }

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

.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #3dc763;
  color: #fff;  font-weight:200;}

.alert-info {
  background-color: #ABDBE8;
  border-color: #8fcfe0;
  color: #23a0c3; font-weight:200; }
  .alert-info hr {
    border-top-color: #7bc6db; }
  .alert-info .alert-link {
    color: #1b7d98; }

.alert-warning {
  background-color: #f1b53d;
  color: #fff; font-weight:200;}

.alert-danger {
  background-color: #ed3d3d;
  color: #fff; font-weight:200; }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }
.progress {
  display: block;
  width: 100%;
  height: 1rem;
  margin-bottom: 1rem; }

.progress[value] {
  color: #0074d9;
  border: 0;
  appearance: none; }

.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 0.25rem; }

.progress[value]::-webkit-progress-value::before {
  content: attr(value); }

.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

@media screen and (min-width: 0\0) {
  .progress {
    background-color: #eee;
    border-radius: 0.25rem; }

  .progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    background-color: #0074d9;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

  .progress[width^="0"] {
    min-width: 2rem;
    color: #818a91;
    background-color: transparent;
    background-image: none; }

  .progress[width="100%"] {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; } }
.progress-striped[value]::-webkit-progress-value {
  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: 1rem 1rem; }

.progress-striped[value]::-moz-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: 1rem 1rem; }

@media screen and (min-width: 0\0) {
  .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: 1rem 1rem; } }
.progress-animated[value]::-webkit-progress-value {
  animation: progress-bar-stripes 2s linear infinite; }

.progress-animated[value]::-moz-progress-bar {
  animation: progress-bar-stripes 2s linear infinite; }

@media screen and (min-width: 0\0) {
  .progress-animated .progress-bar-striped {
    animation: progress-bar-stripes 2s linear infinite; } }
.progress-success[value]::-webkit-progress-value {
  background-color: #1bb99a; }
.progress-success[value]::-moz-progress-bar {
  background-color: #1bb99a; }
@media screen and (min-width: 0\0) {
  .progress-success .progress-bar {
    background-color: #1bb99a; } }

.progress-info[value]::-webkit-progress-value {
  background-color: #3db9dc; }
.progress-info[value]::-moz-progress-bar {
  background-color: #3db9dc; }
@media screen and (min-width: 0\0) {
  .progress-info .progress-bar {
    background-color: #3db9dc; } }

.progress-warning[value]::-webkit-progress-value {
  background-color: #f1b53d; }
.progress-warning[value]::-moz-progress-bar {
  background-color: #f1b53d; }
@media screen and (min-width: 0\0) {
  .progress-warning .progress-bar {
    background-color: #f1b53d; } }

.progress-danger[value]::-webkit-progress-value {
  background-color: #ff5d48; }
.progress-danger[value]::-moz-progress-bar {
  background-color: #ff5d48; }
@media screen and (min-width: 0\0) {
  .progress-danger .progress-bar {
    background-color: #ff5d48; } }

.media {
  display: flex;
  margin-bottom: 1rem; }

.media-body {
  flex: 1; }

.media-middle {
  align-self: center; }

.media-bottom {
  align-self: flex-end; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right {
  padding-left: 10px; }

.media-left {
  padding-right: 10px; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

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

.list-group {
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

.list-group-flush .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0; }

a.list-group-item,
button.list-group-item {
  width: 100%;
  color: #555;
  text-align: inherit; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:focus, a.list-group-item:hover,
  button.list-group-item:focus,
  button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5; }

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
  color: #818a91;
  cursor: not-allowed;
  background-color: #eceeef; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
    color: #818a91; }
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #039cfd;
  border-color: #039cfd; }
  .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: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, .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 {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: #cdecff; }

.list-group-item-success {
  color: #1bb99a;
  background-color: #B6E9DF; }

a.list-group-item-success,
button.list-group-item-success {
  color: #1bb99a; }
  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:focus, a.list-group-item-success:hover,
  button.list-group-item-success:focus,
  button.list-group-item-success:hover {
    color: #1bb99a;
    background-color: #a2e3d6; }
  a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,
  button.list-group-item-success.active,
  button.list-group-item-success.active:focus,
  button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #1bb99a;
    border-color: #1bb99a; }

.list-group-item-info {
  color: #23a0c3;
  background-color: #ABDBE8; }

a.list-group-item-info,
button.list-group-item-info {
  color: #23a0c3; }
  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:focus, a.list-group-item-info:hover,
  button.list-group-item-info:focus,
  button.list-group-item-info:hover {
    color: #23a0c3;
    background-color: #97d2e3; }
  a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
  button.list-group-item-info.active,
  button.list-group-item-info.active:focus,
  button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #23a0c3;
    border-color: #23a0c3; }

.list-group-item-warning {
  color: #eaa211;
  background-color: #FAE8C4; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #eaa211; }
  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:focus, a.list-group-item-warning:hover,
  button.list-group-item-warning:focus,
  button.list-group-item-warning:hover {
    color: #eaa211;
    background-color: #f8dfac; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:focus,
  button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #eaa211;
    border-color: #eaa211; }

.list-group-item-danger {
  color: #ff3015;
  background-color: #FFCCC5; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #ff3015; }
  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:focus, a.list-group-item-danger:hover,
  button.list-group-item-danger:focus,
  button.list-group-item-danger:hover {
    color: #ff3015;
    background-color: #ffb6ac; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:focus,
  button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #ff3015;
    border-color: #ff3015; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9 {
  padding-bottom: 42.85714%; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.embed-responsive-1by1 {
  padding-bottom: 100%; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2; }
  .close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch; }
  .modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -25%); }
  .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;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  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; }
  .modal-backdrop.in {
    opacity: 0.5; }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header::after {
    content: "";
    display: table;
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer::after {
    content: "";
    display: table;
    clear: both; }
  .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .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: 544px) {
  .modal-dialog {
    width: 600px;
    margin: 20px auto; }

  .modal-sm {
    width: 300px; } }
@media (min-width: 768px) {
  .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.5;
  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: 0.875rem;
  opacity: 0; }
  .tooltip.in {
    opacity: 0.9; }
  .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
    padding: 5px 0;
    margin-top: -3px; }
    .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 5px 5px 0;
      border-top-color: #000; }
  .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
    padding: 0 5px;
    margin-left: 3px; }
    .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: #000; }
  .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
    padding: 5px 0;
    margin-top: 3px; }
    .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
      border-bottom-color: #000; }
  .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
    padding: 0 5px;
    margin-left: -3px; }
    .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
    font-family: "Century Gothic", Arial;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  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: 0.875rem;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem; }
  .popover.popover-top, .popover.bs-tether-element-attached-bottom {
    margin-top: -10px; }
    .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow {
      bottom: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-color: rgba(0, 0, 0, 0.25);
      border-bottom-width: 0; }
      .popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after {
        bottom: 1px;
        margin-left: -10px;
        content: "";
        border-top-color: #fff;
        border-bottom-width: 0; }
  .popover.popover-right, .popover.bs-tether-element-attached-left {
    margin-left: 10px; }
    .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow {
      top: 50%;
      left: -11px;
      margin-top: -11px;
      border-right-color: rgba(0, 0, 0, 0.25);
      border-left-width: 0; }
      .popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after {
        bottom: -10px;
        left: 1px;
        content: "";
        border-right-color: #fff;
        border-left-width: 0; }
  .popover.popover-bottom, .popover.bs-tether-element-attached-top {
    margin-top: 10px; }
    .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow {
      top: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-width: 0;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
      .popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after {
        top: 1px;
        margin-left: -10px;
        content: "";
        border-top-width: 0;
        border-bottom-color: #fff; }
  .popover.popover-left, .popover.bs-tether-element-attached-right {
    margin-left: -10px; }
    .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow {
      top: 50%;
      right: -11px;
      margin-top: -11px;
      border-right-width: 0;
      border-left-color: rgba(0, 0, 0, 0.25); }
      .popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after {
        right: 1px;
        bottom: -10px;
        content: "";
        border-right-width: 0;
        border-left-color: #fff; }

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

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

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

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

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

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner > .carousel-item {
    position: relative;
    display: none;
    transition: .6s ease-in-out left; }
    .carousel-inner > .carousel-item > img,
    .carousel-inner > .carousel-item > a > img {
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .carousel-item {
        transition: transform .6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000px; }
        .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right {
          left: 0;
          transform: translate3d(100%, 0, 0); }
        .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left {
          left: 0;
          transform: translate3d(-100%, 0, 0); }
        .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active {
          left: 0;
          transform: translate3d(0, 0, 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;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5; }
  .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 {
    right: 0;
    left: auto;
    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:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1; }
  .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px; }
  .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%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px; }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  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 (min-width: 544px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .icon-next {
    margin-right: -15px; }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }

  .carousel-indicators {
    bottom: 20px; } }
.clearfix::after {
  content: "";
  display: table;
  clear: both; }

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

.pull-xs-left {
  float: left !important; }

.pull-xs-right {
  float: right !important; }

.pull-xs-none {
  float: none !important; }

@media (min-width: 544px) {
  .pull-sm-left {
    float: left !important; }

  .pull-sm-right {
    float: right !important; }

  .pull-sm-none {
    float: none !important; } }
@media (min-width: 768px) {
  .pull-md-left {
    float: left !important; }

  .pull-md-right {
    float: right !important; }

  .pull-md-none {
    float: none !important; } }
@media (min-width: 992px) {
  .pull-lg-left {
    float: left !important; }

  .pull-lg-right {
    float: right !important; }

  .pull-lg-none {
    float: none !important; } }
@media (min-width: 1200px) {
  .pull-xl-left {
    float: left !important; }

  .pull-xl-right {
    float: right !important; }

  .pull-xl-none {
    float: none !important; } }
.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; }

.invisible {
  visibility: hidden !important; }

.text-hide {
  font: "0/0" a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

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

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

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

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

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

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

@media (min-width: 544px) {
  .text-sm-left {
    text-align: left !important; }

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

  .text-sm-center {
    text-align: center !important; } }
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }

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

  .text-md-center {
    text-align: center !important; } }
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }

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

  .text-lg-center {
    text-align: center !important; } }
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }

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

  .text-xl-center {
    text-align: center !important; } }
.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

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

.font-weight-normal {
  font-weight: normal; }

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

.font-italic {
  font-style: italic; }

.text-muted {
  color: #818a91; }

.text-primary {
  color: #039cfd !important; }

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

.text-success {
  color: #1bb99a !important; }

a.text-success:focus, a.text-success:hover {
  color: #158c75; }

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

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

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

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

.text-danger {
  color: #ff5d48 !important; }

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

.bg-inverse {
  color: #eceeef;
  background-color: #373a3c; }

.bg-faded {
  background-color: #f7f7f9; }

.bg-primary {
  color: #fff !important;
  background-color: #039cfd !important; }

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

.bg-success {
  color: #fff !important;
  background-color: #1bb99a !important; }

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

.bg-info {
  color: #fff !important;
  background-color: #3db9dc !important; }

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

.bg-warning {
  color: #fff !important;
  background-color: #f1b53d !important; }

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

.bg-danger {
  color: #fff !important;
  background-color: #ff5d48 !important; }

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

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

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

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

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

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

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

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-a-1 {
  margin: 1rem 1rem !important; }

.m-t-1 {
  margin-top: 1rem !important; }

.m-r-1 {
  margin-right: 1rem !important; }

.m-b-1 {
  margin-bottom: 1rem !important; }

.m-l-1 {
  margin-left: 1rem !important; }

.m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-a-2 {
  margin: 1.5rem 1.5rem !important; }

.m-t-2 {
  margin-top: 1.5rem !important; }

.m-r-2 {
  margin-right: 1.5rem !important; }

.m-b-2 {
  margin-bottom: 1.5rem !important; }

.m-l-2 {
  margin-left: 1.5rem !important; }

.m-x-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.m-y-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.m-a-3 {
  margin: 3rem 3rem !important; }

.m-t-3 {
  margin-top: 3rem !important; }

.m-r-3 {
  margin-right: 3rem !important; }

.m-b-3 {
  margin-bottom: 3rem !important; }

.m-l-3 {
  margin-left: 3rem !important; }

.m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

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

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

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

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

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

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-a-1 {
  padding: 1rem 1rem !important; }

.p-t-1 {
  padding-top: 1rem !important; }

.p-r-1 {
  padding-right: 1rem !important; }

.p-b-1 {
  padding-bottom: 1rem !important; }

.p-l-1 {
  padding-left: 1rem !important; }

.p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.p-a-2 {
  padding: 1.5rem 1.5rem !important; }

.p-t-2 {
  padding-top: 1.5rem !important; }

.p-r-2 {
  padding-right: 1.5rem !important; }

.p-b-2 {
  padding-bottom: 1.5rem !important; }

.p-l-2 {
  padding-left: 1.5rem !important; }

.p-x-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.p-y-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.p-a-3 {
  padding: 3rem 3rem !important; }

.p-t-3 {
  padding-top: 3rem !important; }

.p-r-3 {
  padding-right: 3rem !important; }

.p-b-3 {
  padding-bottom: 3rem !important; }

.p-l-3 {
  padding-left: 3rem !important; }

.p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.hidden-xs-up {
  display: none !important; }

@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !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; } }

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-custom {
  color: #64b0f2; }

.text-purple {
  color: #9261c6; }

.text-pink {
  color: #ff7aa3; }

.text-dark {
  color: #2b3d51; }

.text-white {
  color: #ffffff; }

.dropdown-lg {
  width: 280px; }

.dropdown-menu {
  box-shadow: 0 0px 24px 0 rgba(43, 61, 81, 0.06), 0 1px 0px 0 rgba(43, 61, 81, 0.02);
  border: 1px solid rgba(43, 61, 81, 0.05); }

.dropdown-arrow:before {
  top: -10px;
  right: 16px;
  left: auto;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #64b0f2;
  border-left: 10px solid transparent;
  position: absolute;
  display: inline-block !important;
  content: ''; }

.dropdown-arrow.dropdown-arrow-success:before {
  border-bottom: 10px solid #1bb99a; }

.arrow-none:after {
  border: none;
  margin: 0 !important; }

html {
  position: relative;
  min-height: 100%; }

body {
  font-size: 1rem;
  background-color: #f5f5f5;
  padding-bottom: 60px; }

.container {
  max-width: none; }

.page-title-box {
  margin: -20px -20px 15px -20px;
  padding: 15px 15px 10px 20px;
    background-color: #ffffff; box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02); min-height:64px; }
 .page-title-box .page-title {
    margin-bottom: 0;
   /* float: left;*/ }
 .page-title-box .breadcrumb {
    /*float: right;*/
    background-color: transparent !important; font-size:13px; margin-top:12px; }

.card-box {
  padding: 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 20px;
  background-color: #ffffff;
  box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02); }

.header-title {
  font-size: 1.1rem;
  text-transform: uppercase; }

.page-header {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.3rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #eceeef; }

.button-list {
  margin-bottom: -5px;
  margin-left: -7px; }
  .button-list button, .button-list a {
    margin: 5px 7px; }

canvas {
  max-width: 100%; }

svg {
  max-width: 100%; }

a:focus {
  outline: none !important; }

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  pointer-events: none; }

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45); }

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7); }

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7); }

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7); }

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7); }

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7); }

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7); }

.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important; }

.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none; }

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom; }

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1; }

.waves-block {
  display: block; }


.topbar {
  left: 0px;
  position: fixed;
  right: 0;
  top: 0px;
  z-index: 999; }
  .topbar .topbar-left {
    background: #ffffff;
    float: left;
    text-align: center;
    height: 70px;
    position: relative;
	display:none;
    z-index: 1; }
    .topbar .topbar-left .logo {
		text-align:left;
      line-height: 70px; }
	  
.enlarged .topbar .topbar-left{ display:block;}
.enlarged .topbar .topbar-left a{ height:70px; background:#f4eded;}
.enlarged .topbar .topbar-left img{ max-width:52px; padding-top:7px;}

.navbar-custom {
/*  background-color: #ffffff;*/
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 0px 20px;
  margin-left: 250px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  
  background: #e32726;
  }
  .navbar-custom .navbar-nav .nav-link {
    padding: 0px;
    line-height: 70px;
    color: rgba(255, 255, 255, 0.6); }

.logo {
  color: #666 !important;
  font-size: 14px;
	padding:9px; display:block; overflow:hidden; /*background:#00ae95;*/}
  .logo img {
	  max-width:160px;display: block; margin: 0 auto;}
	  
.user-box {
  text-align: center;
  padding: 30px 0px 20px 0px; }
  .user-box .user-img {
    position: relative;
    height: 88px;
    width: 88px;
    margin: 0px auto; }
  .user-box h5 a {
    color: #373a3c; }
  .user-box .user-status {
    height: 12px;
    width: 12px;
    position: absolute;
    bottom: 7px;
    right: 15px; }
    .user-box .user-status i {
      font-size: 15px; }
  .user-box .user-status.away i {
    color: #f1b53d; }
  .user-box .user-status.offline i {
    color: #ff5d48; }
  .user-box .user-status.online i {
    color: #1bb99a; }
  .user-box .user-status.busy i {
    color: #373a3c; }
  .user-box ul li a {
    color: #373a3c; }
    .user-box ul li a:hover {
      color: #64b0f2; }

.side-menu {
  top: 70px;
  width: 250px;
  z-index: 10;
  background: #ffffff;
  bottom: 70px;
  margin-bottom: -70px;
  margin-top: 0px;
  padding-bottom: 70px;
  position: absolute;
  box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02); }

.content-page {
  margin-left: 250px;
  overflow: hidden; }
  .content-page .content {
    padding: 0 5px;
    margin-top: 73px; }

.side-menu.left {
 position: absolute;
 }

body.fixed-left .side-menu.left {
  bottom: 50px;
  margin-bottom: -70px;
  margin-top: 0px;
  padding-bottom: 20px;
  position: fixed;
top: 0px;   }

.button-menu-mobile {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 21px;
  line-height: 68px;
  padding: 0px 15px;
  margin-left: -10px; }


.sidebar-inner {
  height: 100%; }

#sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a {
  border: 0;
  font-weight: normal;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-decoration: none; }

#sidebar-menu {
  padding-bottom: 10px;
  width: 100%;}
  #sidebar-menu a {
    line-height: 1.3; }
  #sidebar-menu ul li .menu-arrow {
    -webkit-transition: -webkit-transform .15s;
    -o-transition: -o-transform .15s;
    transition: transform .15s;
    position: absolute;
    right: 20px;
    display: inline-block;
    font-family: 'FontAwesome';
    text-rendering: auto;
    line-height: 18px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
    #sidebar-menu ul li .menu-arrow:before {
      content: ''; }
  #sidebar-menu ul li a.subdrop .menu-arrow {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  #sidebar-menu ul ul {
    display: none; }
    #sidebar-menu ul ul li {
      border-top: 0; }
    #sidebar-menu ul ul li.active a {
      color: #64b0f2; }
    #sidebar-menu ul ul a {
      color: rgba(43, 61, 81, 0.8);
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      display: block;
      padding: 10px 20px 10px 60px; }
      #sidebar-menu ul ul a:hover {
        color: #2b3d51; }
      #sidebar-menu ul ul a i {
        margin-right: 5px; }
    #sidebar-menu ul ul ul a {
      padding-left: 80px; }
  #sidebar-menu .label {
    margin-top: 2px; }


#sidebar-menu > ul > li > a {
  color: rgba(51, 51, 51, 0.9);
  display: block;
  padding: 14px 20px;
  font-weight: 500; }
  #sidebar-menu > ul > li > a:hover {
    color: #2b3d51;
    text-decoration: none; }

#sidebar-menu > ul > li > a > span {
  vertical-align: middle; }

#sidebar-menu ul li a i {
  display: inline-block;
  font-size: 18px;
  line-height: 17px;
  margin-left: 3px;
  margin-right: 15px;
  text-align: center;
  vertical-align: middle;
  width: 20px;
  color: #e22726;
  }
#sidebar-menu ul li a .drop-arrow {
  float: right; }
  #sidebar-menu ul li a .drop-arrow i {
    margin-right: 0px; }
.menu-title {
  padding: 12px 20px !important;
  letter-spacing: .035em;
  pointer-events: none;
  cursor: default;
  font-size: 13px; }

.footer {
  border-top: 1px solid rgba(152, 166, 173, 0.2);
  bottom: 0px;
  color: #818a91;
  text-align: left !important;
  padding: 15px 20px 15px;
  font-size:12px;
  position: absolute;
  right: 0px;
  left: 250px; }

.content-page > .content {
  margin-top: 70px;
  padding: 10px 8px 15px 8px; }

#wrapper.enlarged .menu-title {
  display: none; }
#wrapper.enlarged .menu-arrow {
  display: none !important; }
#wrapper.enlarged .footer {
  left: 70px; }
#wrapper.enlarged #sidebar-menu ul ul {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.08); }
#wrapper.enlarged .left.side-menu {
  width: 70px;
  z-index: 5; }
  #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a {
    padding-left: 10px; }
    #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover {
      background-color: #64b0f2; }
  #wrapper.enlarged .left.side-menu span.pull-right {
    display: none !important; }
  #wrapper.enlarged .left.side-menu #sidebar-menu ul > li {
    position: relative;
    white-space: nowrap; }
    #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
      background-color: #64b0f2;
      position: relative;
      width: 260px; }
    #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul {
      display: block;
      left: 70px;
      position: absolute;
      width: 190px;
      padding: 5px 0px;
      background: #ffffff; }
      #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a {
        background: #ffffff;
        border: none;
        box-shadow: none;
        padding-left: 15px;
        position: relative;
        width: 190px;
        z-index: 6;
        color: rgba(43, 61, 81, 0.8); }

    #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover a span {
      display: inline; }
  #wrapper.enlarged .left.side-menu #sidebar-menu ul > li > ul {
    display: none; }
  #wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > ul {
    display: block;
    left: 190px;
    margin-top: -36px;
    position: absolute;
    width: 190px; }
  #wrapper.enlarged .left.side-menu #sidebar-menu ul ul li > a span.pull-right {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    position: absolute;
    right: 20px;
    top: 12px;
    transform: rotate(270deg); }
  #wrapper.enlarged .left.side-menu #sidebar-menu ul > li > a span {
    display: none;
    padding-left: 10px; }
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a {
  padding: 15px 20px;
  min-height: 50px; }
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
  margin-right: 20px !important;
  font-size: 20px; }
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
  position: relative;
  width: 260px;
  background-color: #fff;
  color: #333333; }
  #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a i {
    color: #ffffff; }
#wrapper.enlarged .content-page {
  margin-left: 70px; }
#wrapper.enlarged .navbar-custom {
  margin-left: 70px; }
#wrapper.enlarged .topbar .topbar-left {
  width: 70px !important; }
  #wrapper.enlarged .topbar .topbar-left .logo span {
    display: none;
    opacity: 0; }
  #wrapper.enlarged .topbar .topbar-left .logo i {
    margin-right: 0px; }
#wrapper.enlarged #sidebar-menu > ul > li:hover > a.open :after {
  display: none; }
#wrapper.enlarged #sidebar-menu > ul > li:hover > a.active :after {
  display: none; }
#wrapper.enlarged .user-detail {
  bottom: 0px;
  padding: 15px 0px;
  width: 70px;
  text-align: center; }
  #wrapper.enlarged .user-detail .dropup {
    margin: 0px auto;
    margin-left: 17px; }
  #wrapper.enlarged .user-detail h5 {
    display: none; }
  #wrapper.enlarged .user-detail p {
    position: absolute;
    right: 15px;
    top: 32px; }
    #wrapper.enlarged .user-detail p span {
      display: none; }
#wrapper.enlarged #sidebar-menu ul ul li.active a {
  color: #039cfd; }

#wrapper.right-bar-enabled .right-bar {
  right: 0; }
#wrapper.right-bar-enabled .left-layout {
  left: 0; }

/* Notification */
.notification-list {
  margin-left: 0 !important; }
  .notification-list .noti-title {
    border-radius: 0.25rem 0.25rem 0 0;
    background-color: #64b0f2;
    margin: -6px -1px 0px -1px;
    width: auto;
    padding: 12px 20px; }
    .notification-list .noti-title h5 {
      color: #ffffff;
      margin: 0; }
  .notification-list .noti-icon {
    font-size: 22px;
    padding: 0 12px;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.8); }
  .notification-list .noti-icon-badge {
    height: 10px;
    width: 10px;
    background-color: #ff5d48;
    display: inline-block;
    position: absolute;
    top: 23px;
    right: 12px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.8); }
  .notification-list .notify-item {
    padding: 10px 20px; }
    .notification-list .notify-item .notify-icon {
      float: left;
      height: 36px;
      width: 36px;
      line-height: 36px;
      text-align: center;
      margin-right: 10px;
      border-radius: 50%; }
      .notification-list .notify-item .notify-icon img {
        margin-top: 4px; }
    .notification-list .notify-item .notify-details {
      margin-bottom: 0;
      overflow: hidden;
      margin-left: 45px;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .notification-list .notify-item .notify-details b {
        font-weight: 500; }
      .notification-list .notify-item .notify-details small {
        display: block; }
      .notification-list .notify-item .notify-details span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px; }
  .notification-list .notify-all {
    border-radius: 0 0 0.25rem 0.25rem;
    margin: 0 0 -5px 0;
    background-color: #eceeef; }

.profile-dropdown {
  width: 200px; }
  .profile-dropdown i {
    font-size: 17px;
    vertical-align: middle;
    margin-right: 5px; }
  .profile-dropdown span {
    vertical-align: middle; }

.nav-user {
  padding: 0 12px !important; }
  .nav-user img {
    height: 36px;
    width: 36px; }

/* Right sidebar */
.side-bar.right-bar {
  float: right !important;
  right: -266px;
  /* top: 140px; */
  top: 71px; }

.side-bar {
  -moz-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  background-color: #ffffff;
  box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.2), 0 1px 0px 0 rgba(63, 27, 27, 0.2);
  display: block;
  float: left;
  height: 100%;
  position: fixed;
  transition: all 200ms ease-out;
  width: 240px;
  z-index: 9; }

.right-bar {
  background: #ffffff !important; }
  .right-bar .nav-tabs {
    border: none !important; }
    .right-bar .nav-tabs .nav-item {
      float: none;
      display: inline-block;
      margin-bottom: 0; }
    .right-bar .nav-tabs .nav-link {
      border: none !important;
      font-weight: 500;
      font-size: 16px;
      color: #2b3d51; }
    .right-bar .nav-tabs .nav-link.active {
      color: #64b0f2;
      background-color: transparent; }
  .right-bar .tab-content {
    padding: 20px;
    /* border-top: 2px solid #eceeef; */ }
  /* .right-bar .right-bar-toggle {
    float: right;
    line-height: 46px;
    font-size: 20px;
    color: #333;
    padding: 0px 10px; } */
  .right-bar .nicescroll {
    height: 88%; }
  .right-bar .contact-list {
    max-height: 600px; }
  .right-bar h5 {
    font-size: 15px; }

/* Seach */
.app-search {
  position: relative; }
  .app-search a {
    position: absolute;
    top: 0;
    right: 5px;
    display: block;
    height: 34px;
    line-height: 34px;
    width: 34px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5); }
    .app-search a:hover {
      color: #ffffff; }
  .app-search .form-control,
  .app-search .form-control:focus {
    border: 1px solid rgba(129, 138, 145, 0.3);
    font-size: 13px;
    height: 34px;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 40px;
    margin-top: 18px;
    background: rgba(129, 138, 145, 0.1);
    box-shadow: none;
    border-radius: 30px;
    width: 250px; }

/* vipin */
.rightCol {
    /*position:absolute;*/
	height: 100%;
	position:fixed;
	/*height: 100vh;*/
    width: 260px;
    background-color: #DDD; 
    font-size: 14px;
    /*overflow-y: auto;*/
	background:#fff;
	box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
	padding:80px 14px 12px 14px;
	z-index:1;
	 min-width: 260px;
       max-width: 260px;
		right:0; top:0;
    	transition: all 0.3s;

}
.rightCol.active {
    right: -260px;
}
.right-content {
    position: relative;
	height:100%;            
}
.collapseIcon{ position:absolute; left:-32px; top:50%; background:#fff; margin-top:-60px; padding:12px 15px; cursor:pointer; background:url(../images/arrow.png) no-repeat; width:32px; height:50px;}
.content.right{ width: calc(100% - 260px); background:none; box-shadow:none; transition: all 0.3s;}
.content.right.active{ width:100%!important; transition: all 0.3s;}
.main-links{ text-align:center; color:#333;border-radius:0.5em;}
.main-linka{ color:#666; display:block; font-weight:200; padding:8vh 20px 8vh;transition: all 0.3s ease 0s; border:1px solid #fff;border-radius:0.5em; margin-bottom:3vh; position:relative; z-index:1; width:100%;}
.main-linka h5{ margin-top:2vh; font-weight:200; color:#333;}
.main-linka:hover{ box-shadow:0 6px 23px 0 rgba(0, 0, 0, 0.25);  transform: scale(1.05);}
.main-linka:hover,.main-linka:focus,.main-linka:active{ color:#666;}
.main-links i{  text-shadow: 0px 2vh 9px rgba(0,0,0,0.2); font-size:6vh;}
.main-links p{ margin:0; margin-top:-5px;}
.main-logo{ max-width:50px;}
.qstnoverlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1030;
    top: 0;
    left: 0;
	background:url(../images/pattern.jpg) repeat;
    overflow-y: auto;
    transition: 0.5s;
}
.minheight500{ min-height:500px;}
.dot-box {
  padding: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 10px;
  border:2px dashed #cbdce0; }
.dot-box .card-box{ padding:15px; margin-bottom:10px;}  
.pad-0{ padding:0!important;}
.pad-10{ padding:10px;}
.pad-15{ padding:15px;}
.pad-20{ padding:20px;}
.float-left{ float:left;}
.float-right{ float:right;}
.subline{ font-size:12px; margin:0; color:#999;}
.width60{ width:60%;}
.width50{ width:50%;}
.width40{ width:40%;}
.bottom-detail .width50{ font-size:13px;}
.bottom-detail .width60{ font-size:13px;}
.bottom-detail .width40{ font-size:13px;}
.insurance-icon{ height:16px; display:inline-block; padding-left:20px; line-height:15px; position:relative;}
.insurance-icon i{ font-size:17px; position:absolute; left:2px; top:-1px;}
.bottom-detail{padding:4px 7px; border-radius:25px; color:#797979;}
.card-box.list{box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2), 0 1px 0px 0 rgba(0, 0, 0, 0.05)!important; cursor:pointer;}
.not-visible{ position:absolute; visibility:hidden;}
.detail-right-div{ padding-left:10px;}
.prof-smll{ width:45px; height:45px; overflow:hidden; border-radius:45px; margin-right:10px;}
.name-id{ width: calc(100% - 55px); font-size:16px; margin-bottom:5px;}
.overflow-hidden{ overflow:hidden;}
.minheight73vh{ min-height:76vh;}
.minheight62vh{ min-height:62vh;}
.height74vh{ height:74vh; overflow:auto;}
.minheight100{ min-height:100px;}
.search-head{ margin-bottom:30px;}
.search-head:after {
     background: none repeat scroll 0 0 #666;
     bottom: -10px;
     content: "";
     display: block;
     height: 2px;
     position: relative;
     width: 100px;
 }
 .or{ margin-top:-7px;}
 .right-insider{ padding:14px; height:100%; overflow-y:auto;}
 .filter-collpse{ display:none; margin-bottom:10px;}
 span.label.label-pill.label-warning{ display:block!important; font-size:10px!important; font-weight:100!important; padding:2px 4px!important; margin-right:-7px!important;}
#notifications {
	cursor: pointer;
	position: fixed;
	font-weight:bold;
	right: 15px;
	bottom: 15px;
/*	margin-right: 15px;
	top:75px; left:50%;
	transform: translateX(-50%);*/
	 width:calc(100% - 20px);
	 max-width:400px;
	 text-align:center;
	z-index: 9999;
	-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
}
#notifications .alert a.url{ color:#fff; border:1px solid #fff; padding:4px 12px; margin-top:10px; display:inline-block;}
.error_msg::after {
    border-color: transparent #e34f4f;
    border-style: solid;
    border-width: 0 6px 6px 0;
    bottom: -6px;
    content: "";
    display: block;
    left: 20%;
    position: absolute;
    width: 0;
    z-index: 1;
}
.error_msg {
    background: #e34f4f none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: 11px;
    font-weight: normal;
    padding: 4px;
    position: absolute;
    right: 0;
    top: -20px;
	z-index:1;
}
span.error {
    color: #e34f4f!important;
}
.form-login.loginPad.ErrorCenter span.error{ text-align:center!important; display:block;}
.tabs-simple-bar {
  width: 100%;
  position: relative;
  clear: both;
}
.tabs-simple-bar-mask {
  overflow: hidden;
  height: 20px;
}
.tabs-simple-bar-mask:after {
  content: '';
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 23px;
  border-radius: 125px / 12px;
  box-shadow: 0 0 8px #B1ADB3;
}
 .act_hd_lst{
	margin:0px;
	min-height:44px;
	padding:10px 0;
	text-align:center;
	width: 100%;
	overflow-x: auto;
    white-space: nowrap;
}
.act_hd_lst li{
	display:inline-block;
	text-align:center;
}
.act_hd_lst li a{
	position:relative;
	display:block;
	text-align:center;
	text-decoration:none;
	padding:0 13px 0 13px;
}
.act_hd_lst li a .hd_tmln{	
	width:40px;
	height:40px;
	border-radius:100%;
	background-color:#ffffff;
	margin:0 auto;	
	font-size:13px;
	padding-top:8px;
	transition: all .2s ease-in-out;
	border:2px solid #ccc;
}
.act_hd_lst li a h3{
	font-size:13px;
	font-weight:300;
	color:#666;
	margin-top:4px;
	margin-bottom: 4px;
}
.head_link:hover .hd_tmln{transform: scale(1.1);}


table.dataTable.stripe.normal tbody tr.odd, table.dataTable.display tbody tr.odd{ background:#fff;}
table.dataTable tr.odd.unread, table.dataTable tr.even.unread{
    background: #fcf6f6!important;
}
table.dataTable.normal.hover tbody tr:hover, table.dataTable.display tbody tr:hover{ background:#f1e4e4!important;}
table.dataTable.normal tbody th, table.dataTable tbody td{ padding:16px 10px;}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
  background-color: #A2D3F6;
}
.actionParent{ position:relative; text-align:center; cursor:pointer; min-width:50px;}
.actionParent .dropdown-menu{left:50%; margin-left:-80px; top:20!important; padding:0!important; box-shadow:0 0px 24px 0 rgba(0, 0, 0, 0.16), 0 1px 0px 0 rgba(43, 61, 81, 0.02);}
.actionParent .dropdown-item{ padding:8px 20px!important;}
.actionParent .dropdown-divider{ margin:0!important;}
.tableAction{border-radius:30px; border:1px solid #e32726; padding:4px 10px; color:#e32726;}
.tableAction:hover {
    background: #e32726;
    color: #fff;
}
.actionParent .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 50%;
  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: '';
  margin-left:-6px;
}
.actionParent .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 50%;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
  margin-left:-5px;
}
.dt-buttons{ margin-left:10px;}
.dt-buttons .btn-default{ border:1px solid #bababa; color:#666;}
.dataTables_length select{ border:1px solid #bababa; color:#666; border-radius:4px; padding:0.455rem 1rem; font-size:15px; height:34px;}
.dataTables_filter input{ border:1px solid #bababa; color:#666; border-radius:4px; padding:0.405rem 1rem; font-size:14px;}
.popcontent{ cursor:default;}
.confirmModel.modal {
  text-align: center;
  padding: 0!important;
}
.confirmModel .modal-body{ padding:30px 20px;}
.confirmModel.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.confirmModel .modal-dialog {
  display: inline-block;
  text-align:center;
  vertical-align: middle;
}
.centermodel.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.centermodel .modal-dialog {
  display: inline-block;
  text-align:center;
  vertical-align: middle;
  min-width:300px;
}
.centermodel.modal {
  text-align: center;
  padding: 0!important;
}
.centermodel .modal-body {
  text-align:left;
}
.text-center{ text-align:center;}
.min-w100{ min-width:120px;}
.dataTable.collapsed td.sorting_1{ padding-left:27px!important;}
.nodata{ width:100%; background:#fff; padding:16vh 20px; height:100%; text-align:center;}
.tabs-simple-bar + .tablesec .nodata{padding:12.5vh 20px!important;}
.nodataimage{ max-width:25vh;}
.nodata h4{ color:#ccc; margin:0;}
.loader {
    width: 100%;
    height: 100%;
    position: fixed;
	text-align:center;
    background: rgba(255,255,255,0.8);
    left: 0;
    top: 0;
    z-index: 1030;
    display: none;
}
.loader img{ top:50%; position:relative; margin-top:-100px;}
.loader.active{ display:block;}
.errorimg{ max-width:22vw;}
.error-container{ text-align:center; padding:10vh 8vw;}
.error-container h2{ font-size:8vh;  background-color: #9c9c9c;
color: transparent;
text-shadow: 2px 2px 4px rgba(255,255,255,0.9);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text; padding-bottom:10px;}
.error-container p{ color:#999;}
.dropdown.hoverdisplay:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.error-container h2 span{
	display:inline-block;
  animation: shake 1.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
}


/*Custom Checkbox Unitmaping*/
.checkbox-input {
  display: none;
}
.checkbox-label, .checkbox-text, .checkbox-text--description {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.checkbox-label {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 300;
  margin:12px 0;
  border: 1px solid #d0d0d0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 0 0 0 #00ae95;
  -webkit-box-shadow: inset 0 0 0 0 #00ae95;
  box-shadow: inset 0 0 0 0 #00ae95;
}
.checkbox-label:before {
  content: "";
  position: absolute;
  top: 75%;
  right: 16px;
  width: 25px;
  height: 25px;
  opacity: 0;
  background-color: #00ae95;
  background-image:url(../images/tick.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.checkbox-text--title {
  font-weight: 300;
}
.checkbox-text--description {
  font-size: 14px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #2196F3;
}
.checkbox-text--description .un {
  display: none;
}
.checkbox-input:checked + .checkbox-label {
  border-color: #00ae95;
  -moz-box-shadow: inset 0 -1px 0 0 #00ae95;
  -webkit-box-shadow: inset 0 -1px 0 0 #00ae95;
  box-shadow: inset 0 -1px 0 0 #00ae95;
}
.checkbox-input:checked + .checkbox-label:before {
  top: 0;
  opacity: 1;
}
.checkbox-input:checked + .checkbox-label .checkbox-text {
  -moz-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -webkit-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.checkbox-input:checked + .checkbox-label .checkbox-text--description {
  border-color: #00ae95;
}
.checkbox-input:checked + .checkbox-label .checkbox-text--description .un {
  display: inline-block;
}
.checkbox-label p{ margin:0;}
.unitmapsearch{ position:relative;}
.sticky.fixed{ position:fixed;}
tr.reorderable td:first-child, tr.reorderable td:nth-child(2){ cursor:move;}
ul.permisionlist{ padding:0; margin:0;}
ul.permisionlist li {
   	border-bottom: 1px dashed #ddd; 
    padding: 8px 20px;
    font-size: 14px;
    color: #666;
    animation: fadeIn 1s;
    line-height: 25px;
	list-style:none;
	overflow:hidden;
}
ul.permisionlist li:last-child{ border:none;}
.perminame{ width:62%; float:left; padding-right:10px; min-height:36px; line-height:36px;}
.permiaction{width:38%; float:left;}
.permiaction label{ padding:5px 1.6vw; width:auto; margin:0 2px; font-size:13px;}
.permiaction .checkbox-label::before{ width:15px; height:15px; background-size:6px; right:-3px;}
.permiaction .checkbox-input:checked + .checkbox-label .checkbox-text {
  -moz-transform: translate(0, -1px);
  -ms-transform: translate(0, -1px);
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px);
}
.accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
}
.accordion .panel-body {
	padding:10px 15px;
	border:1px dotted #ccc;
	border-top:0px;
	margin-bottom:10px;
	margin-top:-10px;
}
.accordion a {
  display: block;
  padding: 18px 15px;
  text-decoration: none;
      background-color: #fff;
	  color:#999;
/*	  border:1px solid #ccc;*/
	  margin-bottom:10px;
	  font-weight:200;
	  box-shadow:0px 1px 3px #ccc;
}
.accordion .panel-heading a.collapsed:hover,
.accordion .panel-heading a.collapsed:focus {
  background-color: #fff;
  color: #666;
  transition: all 0.2s ease-in;
}
.accordion .panel-heading a.collapsed:hover::before,
.accordion .panel-heading a.collapsed:focus::before {
  color: #666;
}
.accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
   text-align:left;
}
.accordion .panel-heading a:not(.collapsed) {
  color: #999;
  transition: all 0.2s ease-in;
}
.accordion .panel h5 {
	margin-bottom:0;
}
.accordion .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  content: '\f068';
  float: left;
  color: #666;
  font-weight: 300;
  margin-right:10px;
}
.accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #999;
  font-family: 'FontAwesome';
  content: '\f067';
  float: left;
  font-weight: 300;
}
.notification-list .noti-icon {
	color:#21bca1;
}
.pd8fourty{ padding:8px 40px;}

ul.region-selector {
  margin: 0;
  padding: 0;
}
.region-selector li {
  list-style-type: none;
  margin-bottom:10px;
  position:relative;
}
.region-selector input[type="radio"] {
  display: none;
}
.region-selector label {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin:0;
  border:2px solid #eee;
	padding:18px 15px;
	color:#959595;
	 font-size:15px;
	 text-transform:uppercase;
	 cursor:pointer;
}
.region-selector input[type="radio"]:checked + label {
  color: #fff;
  background:#03ceb1;
  border:2px solid #03ceb1;
}
.arrowregion{ position:absolute; left:-10px; top:50%; margin-top:-17px; font-size:36px!important; display:none!important; color:#03ceb1; }
.region-selector input[type="radio"]:checked + label + i{ display:block!important;}
.wnumber{ position:absolute; left:0; top:0; z-index:1; color:#fff; background:rgba(0,0,0,0.4); width:45px; height:45px; text-align:center; padding-top:7px; font-weight:bold; font-size:17px;}
.usersforworkflow span.wnumber{ display:none;}
.usersforworkflow h3, .workflowusers h3{ text-align:center;}
.workflowicon{ position:absolute; text-align:center; bottom:-13px; left:50%; z-index:1; color:#aaa; background:#fff; width:40px; height:13px; margin-left:-20px; padding-top:0; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.usersforworkflow .workflowicon{ display:none;}
.workflowusers .ui-sortable .draggable:last-child .workflowicon{ display:none;}
.workflow-pemission{ display:inline-block; border-radius:0.25rem; position:relative; width:100%; background:#f2f2f2;}
.formsec h6.workflowpopupHead{padding:5px; margin:0; text-transform:uppercase; color:#034693; font-size:11px; margin-left:5px; margin-bottom:0;}
.workflow-pemission .checkbox-label {
    padding: 10px 1.6vw;
	text-align:center;
    font-size: 13px;
	margin-bottom:7px!important;
	cursor:pointer!important;
	background:#fff;
}
.workflow-pemission .col-md-6 .checkbox-label:last-child {
	margin-bottom:10px!important;
}
.minheight64vh{ overflow-y:auto; height:64vh; overflow-x:unset;}

  .droppable {
	  padding:18px;
      vertical-align: middle;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color:transparent;
	  border:3px dotted #ccc;
	  background:#fff;
/*      -webkit-box-shadow: #B3B3B3 2px 2px 2px;
      -moz-box-shadow: #B3B3B3 2px 2px 2px;
      box-shadow: #B3B3B3 2px 2px 2px;*/
  }
  .droppable a {
      line-height:22px;
      text-decoration: none;
      color: #333;
  }
  .droppable a img {
      margin-left: 10px;
  }
  .draggable {
      width: 100%;
      min-height: 32px;
      height: auto!important;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      background-color:#fff;
      -webkit-box-shadow: #cacaca 0px 2px 5px;
      -moz-box-shadow: #cacaca 0px 2px 5px;
      box-shadow: #cacaca 0px 2px 5px;
      margin-bottom:12px;
      min-height:32px;
      padding:1.2vh 10px;
      width:100%;
      display: inline-block;
	  position:relative;
  }
  .draggable p {
      width: 100%;
	  margin-bottom:0; line-height:15px;
	  margin:2px 0; font-size:13px; color:#aaa;
  }
  .droppable h3{ border-bottom:3px dotted #ccc; padding-bottom:10px; margin-bottom:15px;}
.task-wrapper{
    min-height: 50vh;
}
.p-1vh{ padding:1.2vh 50px;}
.workflowUserHead{ width:45px; height:45px; overflow:hidden; border-radius:45px; float:left; margin-right:10px; position:relative;}
.workflowUserHead img{ width:100%; height:auto;}
.dragable-left{ width:calc(100% - 50px); display:inline-block;}
.dragable-right{ width:45px; min-width:36px; display:inline-block; float:right; padding-top:12px;}
.droppable .dropdown .dropdown-menu .dropdown-item {
  padding: 1rem;
  margin-left: 0;
}
.droppable .tableAction i{ color:#a4a4a4;}
.usersforworkflow .tableAction{ display:none;}
.stickit {
	margin-left: 660px;
	position: fixed;
	top: 0;
}
.stickit-end {
	bottom: 40px;
	position: absolute;
	right: 0;
}
.droppable .dropdown-menu {position:absolute;}
.droppable .actionParent .dropdown-menu::before{ left:auto; right:14px;}
.droppable .actionParent .dropdown-menu::after{ left:auto; right:15px;}
.droppable .dropdown-menu{ right:0; left:auto;}
.input-left{ width:150px; float:left; position:relative;}
.input-right{ width:calc(100% - 180px); float:right; margin-left:30px;}
.disinb{ display:inline-block; width:100%; margin-bottom:10px!important;}
.id-reson{ position:absolute; top:8px; right:-23px; z-index:1; font-size:13px; color:#aaa;}
.richText-toolbar ul{ padding:0; margin:0;}
.richText{border-radius:0.25rem;}
.richText-btn.fa.fa-recycle {
    display: none;
}
.prevticketstatus{ background:#f3f2d2; color:#927500; padding:10px; width:100%; display:inline-block; margin-bottom:20px; position:absolute; bottom:-20px; left:0; border-radius:4px;}
.prevticketstatus:hover, .prevticketstatus:focus, .prevticketstatus:active{color:#927500; }
.prevticketstatus span{ color:#8a8cb2; text-decoration:underline;}
.prevticketdetails h3{ text-align:center; padding-bottom:15px; border-bottom:1px dotted rgba(255,255,255,0.3); margin-bottom:0; font-size:3vh;}
.prevticketdetails h3 p{ font-size:13px; margin:5px 0 0 0; color:#a8aac4;}
.stickysec{ position:relative;}
.prevticketdetails{ position:absolute; top:0; left:0; width:100%; z-index:1; display:none; min-height:58.5vh; overflow:auto; background:#fff; color:#252e89; padding:15px 0; border:1px solid #8f95cc;}
.prevticketdetails .panel-collapse .panel-body{ background:#fff; margin-bottom:2px; border:none; font-size:13px; position:relative; color:#666; padding:15px!important;}
.prevticketdetails .panel-title .accordion-toggle{ padding:13px 10px; font-size:14px; background:#f2f2f2; color:#333; box-shadow:none;}
.prevticketdetails .accordion-toggle.collapsed{ margin-bottom:0;}
.prevticketdetails .accordion .panel-heading a:not(.collapsed){ background:#171f6c; color:#fff;}
.prevticketdetails .accordion .panel-heading a.collapsed:hover, .prevticketdetails .accordion .panel-heading a.collapsed:focus{background:#252e89; color:#fff;}
.prevticketdetails .accordion .panel-heading .accordion-toggle::before { color:#fff;}
.prevticketdetails .accordion .panel-heading .accordion-toggle.collapsed::before { color:#666;}
.prevticketdetails .panel-collapse.collapse.in .panel-body::after {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #171f6c;
  position:absolute;
  content:"";
  left:25px;
  top:-2px;
}
.m-b-5{ margin-bottom:5px!important;}
.prevticketdetails .cross{ position:absolute; top:10px; right:10px; z-index:1; border:none; background:none; cursor:pointer; font-size:13px;}
.prevticketdetails .btn-success-outline{ padding:5px 15px; margin-top:10px;}
input.none[type="file"] {
    display: none;
}
.custom-file-upload {
	padding: 0.575rem 1.1rem;
	border: 1px dotted #ccc;
	font-size: 1rem;
	background-color: #fff;
	color: #999;
	border-radius: 0.25rem;
    cursor: pointer!important;
	width:130px;
}
.custom-file-upload2 {
	padding: 0.325rem 0.702rem;
	font-size: 1rem;
	color: #76b2cc;
    cursor: pointer!important;
	width:50px;
	font-size:18px;
	position:absolute; bottom:2px; right:1px;
	text-align:center;
	margin:0;
    z-index:-1;
}
@keyframes glowing {
  0% { box-shadow: 0 0 -5px #c4a300; }
  40% { box-shadow: 0 0 10px #c4a300; }
  60% { box-shadow: 0 0 10px #c4a300; }
  100% { box-shadow: 0 0 -5px #c4a300; }
}

.button-glow {
  animation: glowing 5000ms infinite;
}
.displaynone{ display:none;}
.workflow-pemission .movelabel{ background: transparent;}
.workflow-pemission .movelabel.active{ top:-30px!important; left:-5px;}
.workflowUserData p i{ font-size:11px; color:#aeaeae;}
.floattab{ padding:0; margin:0; position:fixed; top:17px; left:50%; background:#fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius:4px; z-index:999; box-shadow:0px 1px 2px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 1px 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 1px 2px 1px rgba(0, 0, 0, 0.2); min-width:196px;}
.floattab li{ list-style:none; display:inline-block; position:relative; float:left;}
.floattab li:last-child a{ border:none;}
.floattab li a{ padding:7px 15px; border-right:1px solid #ccc; display:inline-block; color:#666; text-transform:uppercase;}
.floattab li.active a{ background:#f2f2f2;}
.floattab.steptab li i{ position:absolute; right:-9px; top:8px;  width:20px; height:20px; text-align:center;border-radius:20px; background:#fff; font-size:11px; border:1px solid #ccc; color:#999; padding-top:2px; z-index:1;}
.floattab.steptab{ min-width:50px;}
.floattab.steptab li:last-child i{ display:none;}
.boxarea .richText-editor{ height:50px;}
.boxarea .richText-toolbar{ display:none;}
.boxarea .richText{ position:absolute; bottom:0; left:0; z-index:1;}
.cd-nav-container .cd-close-nav{ position:absolute; top:2px; right:8px; z-index:1000; font-size:26px; color:#999; padding:5px 10px;}
.tinfo-head{ margin:0; padding:0;}
.tinfo-head li{ list-style:none; display:inline-block; line-height:10px; margin-right:2px; color:rgba(255,255,255,0.9);}
.tinfo-head li:last-child{ margin:0;}
.tinfo-head li a{ color:#fff;}
.tinfo-head li a.round {
    width: 50px;
    height: 23px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.3);
    display: inline-block;
    padding: 4px 10px;
    text-align: center;
}
.tinfo-head li.border{display:inline-block; padding:8px 18px;}
.tcontentscroll{height:calc(100% - 120px); overflow:auto;}
.tsec{ margin:5px 0;}
.relativediv{ position:relative;}
.hoverborder{ border:#fff solid 1px; resize:none; color:#555; font-size:22px;   font-family: "Century Gothic", Arial; width:100%; height:40px; font-weight:100; padding:0 10px; border-radius:3px;}
.tick-absolute{ width:30px; height:30px; display:inline-block; position:absolute; left:0; top:4px; z-index:1; border-radius:30px; color:#c5c9cd; text-align:center; padding-top:3px;}
.tick-absolute.border-round{border:1px solid #c5c9cd;}
.tick-absolute.border-round.green{ color:#01be87; border-color:#01be87;}
.p-l-35{ padding-left:35px;}
.richinside .richText-toolbar{ display:none;}
.richinside .richText{ border:#fff solid 1px;}
.richinside .richText .richText-editor{ padding:10px; height:auto; max-height:200px; overflow:auto;}
.richinside .richText:hover{ border:#ddd solid 1px;}
.hoverborder:hover{ border:#ddd solid 1px;}
.hoverborder:focus{ border:#ddd solid 1px;}
.attachementmainpage{ padding:10px; margin:0; font-size:12px;}
.attachementmainpage li{ list-style:none; margin-bottom:5px;}
.lite-line{width:100%; height:1px; background:#eee;}
.med-line{width:100%; height:1px; background:#d0e5ef;}
.ticketstory{ font-size:13px; margin:3px 0;}
.ticketstory a{ color:#666666;}
.tstoryinfo{ padding-left:5px;}
.spanstory{ padding-left:44px; color:#999; display:inline-block;}
.storydate{ padding-left:5px;}
.ticketstory .inbox-item {
    border:none;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}
.ticketstory .inbox-item .inbox-item-img {
    display: block;
    float: left;
    margin: 16px 14px 0 0;
    width: 30px;
}
.thistory .ticketstory .inbox-item .inbox-item-img {
	margin-top:4px;
}
.image-item{
	display: block;
    width: 30px;
	height:30px; border-radius:30px; background:#ccc;}
.ticketstory .inbox-item img {
    width: 30px;
}
.ticketstory .inbox-item-author {
    color: #585858;
	font-size:13px;
	padding:0!important;
}
.ticketstory .inbox-item-author span.storydate{ color:#999;}
.ticketstory .inbox-item-author a {
    color: #585858;
}
.ticketstory .inbox-item .inbox-item-text {
    color: #585858;
    display: block;
    font-size: 13px;
	margin-bottom:4px;
}

.ticketstory .inbox-item .inbox-item-text:last-child{ margin:0;}
.iconaction{ font-size:16px; padding-left:5px;}
.right-item{width: calc(100% - 45px); float:right; background:#fff; padding:10px 15px; border-radius:4px;}
.lis .right-item{padding:0px; background:transparent;}
.inbox-item-text.image{ border:1px solid #ccc; max-width:200px;}
.inbox-item-text.image img{ width:100%;}
.tstoryaction{ margin-left:5px; padding:1px 25px; border-radius:3px; color:#fff;}
.boxarea{position:fixed; background:#fff; width:100%; z-index:0; bottom:0; right:0; padding:10px; box-shadow: 0px -1px 7px 0px rgba(0, 0, 0, 0.2); min-height:60px;}
.t-area{ height:35px; width:100%; border:1px solid #c5c9cd; text-shadow:none; padding:5px 12px; border-radius:5px; resize:none; max-height:130px; overflow:auto;}
.commentattach{ width:35px; height:35px; float:left; position:relative; border-radius:5px;}
.actionbar{ width:200px; float:right;}
.commentattach, .commentbox{ margin-right:7px;}
.commentbox{ width:calc(100% - 250px); float:left; position:relative;}
.commentattach .custom-file-upload2{ width:35px; height:35px; border-radius:5px; right:0; bottom:0; border:1px solid #c5c9cd; margin:0; position:absolute; top:5px; left:20px; z-index:99999;}


.at-floating-navigation {
  position: relative;
}
.at-floating-navigation * {
  pointer-events: none;
}

.at-floating-navigation-button {
  pointer-events: auto;
  outline: none;
  background: #e32726;
  width: 100%;
  height: 35px;
  border: 1px solid #d41615;
  color:#fff;
  border-radius: 35px;
  font-size: 14px;
  font-weight: 600;
  transform-origin: center;
  cursor: pointer;
  text-align:center;
  line-height:32px;
  margin-top: 20px;
}
.at-floating-navigation-button:focus, .at-floating-navigation-button:active, .at-floating-navigation-button:hover{ color:#fff;}
.at-floating-navigation-button span{
  transition: 200ms ease;
  font-size:15px;
}
.at-floating-navigation-menu {
  position: absolute;
  right: 0;
  bottom: 100%;
  background: #FFFFFF;
  max-width: 500px;
  width:100%;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.49);
  transform: translateY(0);
  opacity: 0;
  transition: 200ms ease;
}
.at-floating-navigation-item {
  display: block;
  width: 100%;
  min-height: 40px;
  height:6vh;
  border-bottom: 1px solid #EEEEEE;
  padding: 0 20px;
  box-sizing: border-box;
  text-decoration: none;
  color: #444444;
  font-size: 13px;
  font-weight: 200;
  line-height: 6vh;
  font-weight: 400;
  text-transform:uppercase;
}
.at-floating-navigation-item:last-child {
  border-bottom: 0;
}
.at-floating-navigation-active * {
  pointer-events: auto;
}
.at-floating-navigation-active .at-floating-navigation-button span{
	display:inline-block;
  transform: rotate(45deg);
}
.at-floating-navigation-active .at-floating-navigation-menu {
  transform: translateY(-10px);
  opacity: 1;
}
.commentsubmit{ border-radius:100%; width:50px; height:50px; position:absolute; right:-56px; top:38px; display:none;}
.commentbox.visibility .commentsubmit{ display:block;}
.commentattach.visibility, .actionbar.visibility{ visibility:hidden;}
.tickettab li{ display:inline-block; padding:0 5px;}
.tickettab li a { color:#cacaca; cursor:pointer; border-bottom:2px solid #cacaca; padding-bottom:3px;}
.tickettab li.active a{ border-bottom:2px solid #e32726; color:#e32726;}
.tickettab{ border:none;}
.page-title-box .spanstory{ padding:0; background:#f2f2f2; border-radius:4px; padding:5px 15px; color:#666;}
.page-title-box .spanstory a{color:#666;}
.attachment{
	text-align:center;
}
.attachment img.wide {
    max-width: 100%;
    max-height: 100%;
	width:auto;
    height: auto;
}
.attachment img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.min-height200px{height:200px;}
.p-15{ padding:15px;}
.userattachdetail{ position:relative; overflow:hidden; text-align:left;}
.userattachdetail .name {
    color: #212325;
    display: block;
    margin: 0;
}
.userattachdetail .a-text {
    color: #818a91;
    display: block;
    font-size: 12px;
    margin: 0;
}
.userattachdetail .a-when {
    color: #818a91;
    font-size: 11px;
    position: absolute;
    right: 7px;
    top: 8px;
}
.file-type{ display:inline-block; background:rgba(1,174,149,0.5); min-width:30px; text-align:center; position:absolute; right:40px; top:25px; color:#fff; border-radius:10px; font-size:12px; padding:2px 10px;}
.default-attach-icon{ width:100%; height:180px; background:#eee; padding-top:55px;}
.default-attach-image{ width:100%; height:180px; background:#eee;}
.default-attach-icon i{ font-size:68px; color:#ccc;}
.adinfo{ margin:2px 0 0; font-size:12PX; color:#aaa;}
a.userspan{ font-size:16px; color:#444444;}
.commented{ background:#f2f2f2; padding:6px 8px; border-radius:4px; position:relative; margin-bottom:7px!important; margin-top:7px; display:inline-block;}
.commented::after{
	position:absolute; left:10px; top:-7px;
	content:"";
	width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  
  border-bottom: 8px solid #f2f2f2;
	}
.head-comingsoon{width:180px; height:20px; background:#f2f2f2; margin:7px 0;}
.line-comingsoon{width:240px; height:5px; background:#f2f2f2; margin:4px 0;}
.sub-comingsoon{ width:70%; height:5px; background:#f2f2f2; margin:4px 0;}
.timeline-content .spanstory .tstoryinfo{ padding-left:0;}
.tinfo-head .dropdown-item{ color:#666;}
.prioritylabel {
 	width: 35px;
    height: 35px;
    border-radius: 35px;
    border: 1px solid #c5c9cd;
    display: inline-block;
    padding: 10px;
    text-align: center;
    position: relative;
    -webkit-user-select:none;
    -moz-user-select:none;
	color:#c5c9cd;
	cursor:pointer;
	margin:0;
}

.prioritylabel input[type="checkbox"] {
    opacity: 0;
    position: absolute;
	cursor:pointer;
}
.prioritylabel input[type="checkbox"]:checked + i {
    color: #e2474b;
}
.clickviewdetail{ cursor:pointer; width:100px; background:#48be87; position:relative; display:block; height:25px; padding:3px 15px; color:#fff!important;}
.clickviewdetail.collapsed::after{ content:"View History"; position:absolute;}
.clickviewdetail::after{ content:"Hide History"; position:absolute; width:auto;}
.p-l-25{ padding-left:25px;}
.detail-collapse{ padding-top:4px; padding-bottom:4px;}
.historyol .lis{ padding:0 5px; /*border-left:2px dotted #e5b0b2;*/ margin:10px 0;}
.tcontentscroll .page-title-box{ margin-bottom:0;}
.ticket-person-details{ border:1px dotted #ccc; padding:7px 11px; border-radius:4px; display:block; margin:5px 0 10px;}
.ticket-person-details i{ font-size:15px;}
.linkcolor{ color:#454fc9;}
.ticket-person-details.collapsed{ border-radius:4px;}
.ticket-person-details{ border-bottom-left-radius:0; border-bottom-right-radius:0;}
.ticket-person-details.collapsed .linkcolor::after{ content:"More"; position:absolute; width:auto;text-decoration:underline; display:inline-block; min-width:80px;}
.ticket-person-details .linkcolor::after{ content:"Hide"; position:absolute; width:auto;text-decoration:underline; display:inline-block; min-width:80px;}
.detail-person-details{ padding:7px 15px; box-shadow:0px 1px 4px #ccc; line-height:24px;}
.m-t-4{ margin-top:4px;}
.clrlgry{ color:#bababa;}
.ststus-bg{color:#fff;}
.thistory{
background:#ecf3f7;
position:relative;
-moz-box-shadow: inset 0 0 8px #c5d8e0;
-webkit-box-shadow: inset 0 0 8px #c5d8e0;
box-shadow: inset 0 0 8px #c5d8e0;
}
.thistory::after{
	position:absolute; left:23px; top:-8px;
	content:"";
	width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  
  border-bottom: 8px solid #d8e6ec;
	}
.image-item.redclr{ /*background:#ff7e6c;*/ color:#fff; text-align:center; overflow:hidden;}
.action-selected{ font-size:16px; text-transform:uppercase; font-weight:bold; padding-left:34px; margin:15px 0 12px; line-height:20px; line-height:30px;}
.action-selected.act-resolve{ background:url(../images/action-resolve.png) no-repeat; background-size: 26px; color:#14aaf5;}
.action-selected.act-close{ background:url(../images/action-close.png) no-repeat; background-size: 26px; color:#04a282;}
.action-selected.act-forward{ background:url(../images/action-forward.png) no-repeat; background-size: 26px; color:#c48374;}
.action-selected.act-escalate{ background:url(../images/action-escalate.png) no-repeat; background-size: 26px; color:#a35ccc;}
.action-selected.act-autoescalate{ background:url(../images/action-autoescalate.png) no-repeat; background-size: 26px; color:#eebe2d;}
.action-selected.act-reopen{ background:url(../images/action-reopen.png) no-repeat; background-size: 26px; color:#ee5b5b;}
.action-selected.act-review{ background:url(../images/action-review.png) no-repeat; background-size: 26px; color:#8c8c8c;}

.ststus-bg.act-resolve{ background:#14aaf5; border-color:#109de4!important;}
.ststus-bg.act-close{ background:#04a282; border-color:#029174!important;}
.ststus-bg.act-forward{ background:#c48374; border-color:#b77a6c!important;}
.ststus-bg.act-escalate{ background:#a35ccc; border-color:#9653bd!important;}
.ststus-bg.act-autoescalate{ background:#eebe2d; border-color:#e1b122!important;}
.ststus-bg.act-reopen{ background:#ee5b5b; border-color:#e24e4e!important;}
.lyellow{ background:#f3f0b9; padding-right:3px;}
.attached-images{ max-height:150px; overflow:auto; margin-bottom:10px; font-size:12px; overflow-x: hidden;}
.reopen-head{ border:1px dotted #ccc; padding:10px 20px; margin:15px 0 40px 0; background:#f2f2f2; position:relative;}
.person-reopen-start{ position:relative; padding-left:30px; text-align:left; display:inline-block; font-size:15px; margin:0; line-height:27px;}
.person-reopen-start::before {
    border: 3px solid #ccc;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    top: 13px;
    left: 0;
    width: 15px;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.person-reopen-start .storydate{ color:#999; font-size:13px;}
.person-reopen-start .timeline-title{ font-size:18px; font-weight:bold; text-transform:uppercase; margin:0; margin-top:-5px;}
.arrow-float{ position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; font-size:24px!important; color:#ccc;}
.withlinepadding{ padding-bottom:10px; border-bottom:1px dashed #ccc;}
.linehight45{ line-height:45px;}
.focus-btn-grp{ position:absolute; right:1px; bottom:1px; z-index:1; display:none;}
.focus-btn-grp .btn{ float:left; margin-left:1px; border-radius:0;}
.new-badge{ background:url(../images/new-badge.png) no-repeat; position:absolute; top:-2px; left:-2px; z-index:0; width:35px; height:35px; display:block; background-size:35px;}
.new-ticket{ position:relative; padding-left:15px; font-size:13px;}
.new-ticket td:first-child{ padding-left:20px!important; position:relative;}
table.dataTable tbody th, table.dataTable tbody .new-ticket td{ padding:10px!important;}
.new-ticket .mailtable{ font-size:12px; color:#8d8d8d; margin-bottom:2px; display:inline-block}
.new-ticket p{ margin:0;}
.mailtable.pop{ line-height:15px; cursor:default;}
.redclr{ color:#e2474b}
.grayclr{ color:#ccc}
.font-s15{ font-size:15px;}
.popdiv{ width:150px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.subtimeline {
 border:1px dotted #ccc; padding:15px; margin:10px 0;
}
.timeline-split .subtimeline .timeline-info{ min-width:10px;}
.timeline-split .subtimeline .timeline-content{ padding-bottom:0;}
.font12{ font-size:12px;}
.actn-type{height:18px; display:inline-block; padding-left:20px; line-height:18px;}
.actn-type.act-resolve{ background:url(../images/action-resolve.png) no-repeat;background-size:16px;}
.actn-type.act-close{ background:url(../images/action-close.png) no-repeat;background-size:16px;}
.actn-type.act-forward{ background:url(../images/action-forward.png) no-repeat;background-size:16px;}
.actn-type.act-escalate{ background:url(../images/action-escalate.png) no-repeat;background-size:16px;}
.actn-type.act-autoescalate{ background:url(../images/action-autoescalate.png) no-repeat;background-size:16px;}
.actn-type.act-reopen{ background:url(../images/action-reopen.png) no-repeat;background-size:16px;}
.actn-type.act-review{ background:url(../images/action-review.png) no-repeat;background-size:16px;}
.autoescicon{ position:relative; margin-left:8px; font-size:14px; color:#24ccdb; cursor:default;}
.autoescicon span{ position:absolute; z-index:0; font-size:8px; left:3px; top:4px;}
.act_hd_lst.step li a{ position:relative;}
.linearrow{ position:absolute; top:15px; right:-10px; color:#CCD5DB;}

.timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size:13px;
  margin-top:10px;
}
.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
  line-height: inherit;
}

/*----- TIMELINE ITEM -----*/
.timeline-item {
  padding-left: 40px;
  position: relative;
}
.timeline-item:last-child {
  padding-bottom: 0;
}

/*----- TIMELINE INFO -----*/
.timeline-info {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 .5em 0;
  white-space: nowrap;
}

/*----- TIMELINE MARKER -----*/
.timeline-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
}
.timeline-marker:before {
	border: 3px solid #cccccc;
  border-radius: 100%;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 0;
  width: 15px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
  content: "";
  width: 3px;
  background: #CCD5DB;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 8px;
}
.cd-nav-container .timeline-content h3{ font-size:18px;}
.timeline-item:last-child .timeline-marker:after {
  content: none;
}
.tyettocome .timeline-marker:before {
  border: 3px solid #ccc;
}
.tcurrent .timeline-marker:before {
  border: 3px solid #FF6B6B;
}
.tcompleted .timeline-marker:before {
  border: 3px solid #01ae95;
}
/*----- TIMELINE CONTENT -----*/
.timeline-content {
  padding-bottom: 30px;
}
.timeline-content p:last-child {
  margin-bottom: 0;
}

/*----- TIMELINE PERIOD -----*/
.period {
  padding: 0;
}
.period .timeline-info {
  display: none;
}
.period .timeline-marker:before {
  background: transparent;
  content: "";
  width: 15px;
  height: auto;
  border: none;
  border-radius: 0;
  top: 0;
  bottom: 30px;
  position: absolute;
  border-top: 3px solid #CCD5DB;
  border-bottom: 3px solid #CCD5DB;
}
.period .timeline-marker:after {
  content: "";
  height: 32px;
  top: auto;
}
.period .timeline-content {
  padding: 40px 0 70px;
}
.period .timeline-title {
  margin: 0;
}
.cd-nav-container .timeline-content h3{display:inline-block!important;}
.cd-nav-container .timeline-content h3.deactivete{ text-decoration:line-through; color:#bbbbbb;}
.timeline-content .spanstory{ padding:0;}
@media (min-width: 768px) {
  .timeline-split .timeline {
    display: table;
  }
  .timeline-split .timeline-item {
    display: table-row;
    padding: 0;
  }
  .timeline-split .timeline-info,
  .timeline-split .timeline-marker,
  .timeline-split .timeline-content,
  .timeline-split .period .timeline-info {
    display: table-cell;
    vertical-align: top;
  }
  .timeline-split .timeline-marker {
    position: relative;
  }
  .timeline-split .timeline-content {
    padding-left: 20px;
  }
  .timeline-split .timeline-info {
    padding-right: 20px;
	text-align:right;
  }
  .timeline-split .period .timeline-title {
    position: relative;
    left: -45px;
  }
  .timeline-split .timeline-info{ min-width:200px;}
}

.act_hd_lst.step li:last-child .linearrow{ display:none;}
.act_hd_lst.step li a h3{ font-size:12px; color:#444444; text-transform:capitalize; margin:5px 0 0 0;}
.act_hd_lst.step .autoescicon, .timeline-info .autoescicon{ margin:0; font-size:13px;}
.act_hd_lst.step .adinfo{ height:15px; display:inline-block;}
.act_hd_lst.step .autoescicon span, .timeline-info .autoescicon span{ left:3px; top:3px;}
.informonly{ color:#ce959f;}
.act_hd_lst.step .head_link:hover .hd_tmln{ transform:none;}
.act_hd_lst li a .hd_tmln i.fa-check{ display:none;}
.act_hd_lst li.tcompleted a .hd_tmln i.fa-check{ display:inline;}
.act_hd_lst li.tcompleted a .hd_tmln i.fa-user{ display:none;}
.inlineblock{ display:inline-block;}

.upload-answer{ padding-left:0; text-align:center;}
ul.upload-answer li{ display:inline-block; text-align:center; background:#fff;}
/* three items */
ul.upload-answer li:nth-child(1):nth-last-child(3),
ul.upload-answer li:nth-child(2):nth-last-child(2),
ul.upload-answer li:nth-child(3):nth-last-child(1) {
	width: 32.8%;
}
ul.upload-answer li input[type=radio]{
  position: absolute;
  visibility: hidden;
}
ul.upload-answer li label{
	cursor:pointer; background:none; color:#666; text-transform:capitalize; font-size:16px; padding:10 20px; margin-bottom:0; box-shadow:1px 3px 4px #dcdcdc; border:2px solid white;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  padding-top:15px;
}

ul.upload-answer li label img{
	max-width:60%;
	opacity:1;
transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  cursor:pointer;
  	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
ul.upload-answer.nps input[type="radio"]:checked ~ label{ background:#fff;}
ul.upload-answer input[type=radio]:checked ~ label{
  	color: #fff;
	background:#14aaf5;
  
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.cd-nav-container .loader{ z-index:1;}
.hd_tmln + .tooltip > .tooltip-inner {
	white-space:nowrap;
}
.autoescicon.expiry i{ font-size:13px;}
.resolve-result{ width:18px; height:18px; position:absolute; left:14px; top:8px;}
.resolve-result.satisfied{ background:url(../images/very-happy.png) no-repeat; background-size:18px;}
.resolve-result.nocomment{ background:url(../images/no-comment.png) no-repeat; background-size:18px;}
.resolve-result.unsatisfied{ background:url(../images/angry.png) no-repeat; background-size:18px;}
.ststus-bg{ position:relative;}
.transparentclr{ color:rgba(0,0,0,0)!important;}
.watchrichtext{color:#666; font-size:13px;}
.p-10-12{ padding:10px 10px;}
.watchsubject{ font-size:22px; margin:0;}
.tcontentscroll.nocommentbox{ height:calc(100% - 57px);}
.p-t-5{ padding-top:5px!important;}
.resolve-type{height:18px; display:inline-block; padding-left:20px; line-height:14px;}
.resolve-type.satisfied{ background:url(../images/very-happy.png) no-repeat;background-size:16px;}
.resolve-type.nocomment{ background:url(../images/no-comment.png) no-repeat;background-size:16px;}
.resolve-type.unsatisfied{ background:url(../images/angry.png) no-repeat;background-size:16px;}
.provconvert{ float:left; width:65%;}
.provdiscard{ float:left; width:35%;}
.provmore{ float:left; width:80px;}
.provmore .at-floating-navigation-button { padding:0.75rem 1.25rem; line-height:23px; height:auto; border-radius:0;}
.provconvert .btn, .provdiscard .btn{ border-radius:0;}
.provbtncontainer{ width:calc(100% - 80px); float:left;}
.no-shadow{ box-shadow:none;}
.draggable.nodrag a span{ color:#333;}
.flow-bredcrumb{ color:#999;}
.w100{ width:100%;}
.rule-list{ margin:4px 0 2px 0!important;}
.rule-list span{ width:12px; height:12px; display:inline-block; margin-right:7px;}
.rule-list span:last-child{ margin:0;}
.rule-list span img{ width:100%;}
.nodrag-number{ position:absolute; width:25px; height:25px; border-radius:25px; background:#fff; font-size:11px; left:-12px; top:19px; text-align:center; line-height:25px; box-shadow:0px 1px 4px #999; z-index:1;}
.p-l-30{ padding-left:30px!important;}
.bootombtn{ background:#01af96!important; border-color:#13846e!important; color:#fff!important;}
.discardbtn{ background:#749893!important; border-color:#4b8079!important; color:#fff!important;}











































 







/*input new style 13-7-2017*/

.formsec{
  position: relative;
  margin: 7px 0 15px 0;
}

.formsec label{ margin-bottom:0; display:inherit; cursor:text; color:#333; margin-bottom: 5px; font-size: 12px;}

.formsec input, .formsec textarea, .formsec select {
  width: 100%;
  padding: 0.575rem 1.1rem;
  border: 1px solid #dadada;
  font-size: 1rem;
  background-color: #fff;
  color: #666;
  border-radius:0.25rem;
  
    font-family: "Century Gothic", Arial;
} 
.formsec input[type=text]:focus, .formsec textarea:focus, .formsec select:focus {
  outline: none;
}
.mandatory{ color:red; margin-left:3px; position:relative; z-index:1;}
.formsec select{ color:#999;}
.search-txt{ z-index:2;}
.password_eye {
    font-size: 16px;
    position: absolute;
    top:29px;
    right: 15px;
    z-index: 0;
    color: #666;
    background: transparent;
    border: none;
    cursor: pointer;
}
.login .password_eye{top: 50%;
	margin-top:-12px;}
.login input[type="password"].error + .password_eye{margin-top:-24px;}
.btn-success-outline.noclick, .btn-warning-outline.noclick, .btn-danger-outline.noclick, .btn-pink-outline.noclick, .btn-purple-outline.noclick{ cursor:default;}
.btn-success-outline.noclick:hover, .btn-success-outline.noclick:focus, .btn-success-outline.noclick:active{ color:#1bb99a; background:none;}
.btn-warning-outline.noclick:hover, .btn-warning-outline.noclick:focus, .btn-warning-outline.noclick:active{ color:#f1b53d; background:none;}
.btn-danger-outline.noclick:hover, .btn-danger-outline.noclick:focus, .btn-danger-outline.noclick:active{ color:#f1b53d; background:none;}
.btn-pink-outline.noclick:hover, .btn-pink-outline.noclick:focus, .btn-pink-outline.noclick:active{ color:#ff7aa3; background:none;}
.btn-purple-outline.noclick:hover, .btn-purple-outline.noclick:focus, .btn-purple-outline.noclick:active{ color:#9261c6; background:none;}
















.qstnoverlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.qstnoverlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
.radio-container { position:relative;}
.radio-container input[type="radio"]{ display: none;}
.radio-container label {
  position: relative;
}
.radio-container span::before,
.radio-container span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}




/* Radio buttons */
.radio-container span.radio:hover {
  cursor: pointer;
}
.radio-container span.radio::before {
  left: 0px;
  width: 45px;
  height: 25px;
  background-color: #5884b7;
  border-radius: 50px;
}
.radio-container .radio::after {
  left: 3px;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  background-color: #426fa4;
  transition: left .25s, background-color .25s;
}
.radio-container input[type="radio"]:checked + label span.radio::after {
  left: 24px;
  background-color: #96fbcf;
}
.radio-container .radio {
    padding-left: 52px;
}
.table-action-btn {
    border-radius: 50%;
    color: #98a6ad;
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    width: 32px;
}
.pagin {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}
.pagin > li {
    display: inline-block;
}
.pagin > li:first-child > a, .pagin > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;

}
.pagin > .active > a, .pagin > .active > span, .pagin > .active > a:hover, .pagin > .active > span:hover, .pagin > .active > a:focus, .pagin > .active > span:focus {
    background-color: #bcd3ee;
    border-color: #ad367e;
}
.pagin  li a{
	min-width:15px;
	text-align:center;
	display:inline-block;
	margin:0 3px;
}
.dropdown-menu > li > a {
    padding: 6px 20px;
}
.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}
/*.bred-custom{ display:inline-block;}*/


@media (max-width: 768px) {
  body {
    overflow-x: hidden; }

  .enlarged .left.side-menu {
    margin-left: -75px; }

  .topbar-left {
    width: 70px !important; }
    .topbar-left span {
      display: none !important; }
    .topbar-left i {
      display: block !important;
      line-height: 75px !important; }

  .navbar-custom {
    margin-left: 70px !important; }

  .content-page {
    margin-left: 0px !important; }

  .footer {
    left: 0px !important; }

  .mobile-sidebar {
    left: 0px; }

  .mobile-content {
    left: 250px;
    right: -250px; }

  .wrapper-page {
    width: 90%; }

  .dataTables_wrapper .col-xs-6 {
    width: 100%;
    text-align: left; }

  div#datatable-buttons_info {
    float: none; }

  .ms-container {
    width: 100%; } 
	.rightCol{ position:static; width:100%; max-width:100%;}
	.content.right{ width:100%;}
	.rightCol{ padding:14px 14px 12px; margin:10px; margin-bottom:25px;}
	.dot-box{ margin-bottom:25px;}
	.SumoSelect > .CaptionCont > span{ white-space:normal!important;}
	}
@media (max-width: 767px) {
  .dropdown-lg {
    width: 200px; }
.filter-collpse{ display:block; width:100%;}
  .notification-list .notify-item {
    padding: 10px 15px; }

  .page-title-box .page-title, .page-title-box .breadcrumb {
    float: none; }
  .page-title-box .page-title {
    margin-bottom: 10px; }
	.minheight73vh{ min-height:0px;}
	.height74vh{ height:auto;}}
@media (max-width: 480px) {
  .notification-list .noti-icon {
    font-size: 18px;
    padding: 0 10px; }

  .hidden-mobile {
    display: none !important; } }
button:focus {
  outline: none !important; }

.btn-custom {
  color: #fff;
  background-color: #64b0f2;
  border-color: #64b0f2; }
  .btn-custom:hover {
    color: #fff;
    background-color: #3598ee;
    border-color: #2c93ed; }
  .btn-custom:focus, .btn-custom.focus {
    color: #fff;
    background-color: #3598ee;
    border-color: #2c93ed; }
  .btn-custom:active, .btn-custom.active, .open > .btn-custom.dropdown-toggle {
    color: #fff;
    background-color: #3598ee;
    border-color: #2c93ed;
    background-image: none; }
    .btn-custom:active:hover, .btn-custom:active:focus, .btn-custom:active.focus, .btn-custom.active:hover, .btn-custom.active:focus, .btn-custom.active.focus, .open > .btn-custom.dropdown-toggle:hover, .open > .btn-custom.dropdown-toggle:focus, .open > .btn-custom.dropdown-toggle.focus {
      color: #fff;
      background-color: #1487eb;
      border-color: #1172c6; }
  .btn-custom.disabled:focus, .btn-custom.disabled.focus, .btn-custom:disabled:focus, .btn-custom:disabled.focus {
    background-color: #64b0f2;
    border-color: #64b0f2; }
  .btn-custom.disabled:hover, .btn-custom:disabled:hover {
    background-color: #64b0f2;
    border-color: #64b0f2; }

.btn-pink {
  color: #fff;
  background-color: #ff7aa3;
  border-color: #ff7aa3; }
  .btn-pink:hover {
    color: #fff;
    background-color: #ff4780;
    border-color: #ff3d79; }
  .btn-pink:focus, .btn-pink.focus {
    color: #fff;
    background-color: #ff4780;
    border-color: #ff3d79; }
  .btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle {
    color: #fff;
    background-color: #ff4780;
    border-color: #ff3d79;
    background-image: none; }
    .btn-pink:active:hover, .btn-pink:active:focus, .btn-pink:active.focus, .btn-pink.active:hover, .btn-pink.active:focus, .btn-pink.active.focus, .open > .btn-pink.dropdown-toggle:hover, .open > .btn-pink.dropdown-toggle:focus, .open > .btn-pink.dropdown-toggle.focus {
      color: #fff;
      background-color: #ff2367;
      border-color: #fa004d; }
  .btn-pink.disabled:focus, .btn-pink.disabled.focus, .btn-pink:disabled:focus, .btn-pink:disabled.focus {
    background-color: #ff7aa3;
    border-color: #ff7aa3; }
  .btn-pink.disabled:hover, .btn-pink:disabled:hover {
    background-color: #ff7aa3;
    border-color: #ff7aa3; }

.btn-dark {
  color: #fff;
  background-color: #2b3d51;
  border-color: #2b3d51; }
  .btn-dark:hover {
    color: #fff;
    background-color: #192430;
    border-color: #161f29; }
  .btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #192430;
    border-color: #161f29; }
  .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #192430;
    border-color: #161f29;
    background-image: none; }
    .btn-dark:active:hover, .btn-dark:active:focus, .btn-dark:active.focus, .btn-dark.active:hover, .btn-dark.active:focus, .btn-dark.active.focus, .open > .btn-dark.dropdown-toggle:hover, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle.focus {
      color: #fff;
      background-color: #0d1218;
      border-color: black; }
  .btn-dark.disabled:focus, .btn-dark.disabled.focus, .btn-dark:disabled:focus, .btn-dark:disabled.focus {
    background-color: #2b3d51;
    border-color: #2b3d51; }
  .btn-dark.disabled:hover, .btn-dark:disabled:hover {
    background-color: #2b3d51;
    border-color: #2b3d51; }

.btn-purple {
  color: #fff;
  background-color: #9261c6;
  border-color: #9261c6; }
  .btn-purple:hover {
    color: #fff;
    background-color: #7841b3;
    border-color: #733eac; }
  .btn-purple:focus, .btn-purple.focus {
    color: #fff;
    background-color: #7841b3;
    border-color: #733eac; }
  .btn-purple:active, .btn-purple.active, .open > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #7841b3;
    border-color: #733eac;
    background-image: none; }
    .btn-purple:active:hover, .btn-purple:active:focus, .btn-purple:active.focus, .btn-purple.active:hover, .btn-purple.active:focus, .btn-purple.active.focus, .open > .btn-purple.dropdown-toggle:hover, .open > .btn-purple.dropdown-toggle:focus, .open > .btn-purple.dropdown-toggle.focus {
      color: #fff;
      background-color: #673799;
      border-color: #532c7b; }
  .btn-purple.disabled:focus, .btn-purple.disabled.focus, .btn-purple:disabled:focus, .btn-purple:disabled.focus {
    background-color: #9261c6;
    border-color: #9261c6; }
  .btn-purple.disabled:hover, .btn-purple:disabled:hover {
    background-color: #9261c6;
    border-color: #9261c6; }

.btn-dark-outline {
  color: #2b3d51;
  background-image: none;
  background-color: transparent;
  border-color: #2b3d51; }
  .btn-dark-outline:focus, .btn-dark-outline.focus, .btn-dark-outline:active, .btn-dark-outline.active, .open > .btn-dark-outline.dropdown-toggle {
    color: #fff;
    background-color: #2b3d51;
    border-color: #2b3d51; }
  .btn-dark-outline:hover {
    color: #fff;
    background-color: #2b3d51;
    border-color: #2b3d51; }
  .btn-dark-outline.disabled:focus, .btn-dark-outline.disabled.focus, .btn-dark-outline:disabled:focus, .btn-dark-outline:disabled.focus {
    border-color: #4e6f94; }
  .btn-dark-outline.disabled:hover, .btn-dark-outline:disabled:hover {
    border-color: #4e6f94; }

.btn-pink-outline {
  color: #ff7aa3;
  background-image: none;
  background-color: transparent;
  border-color: #ff7aa3; }
  .btn-pink-outline:focus, .btn-pink-outline.focus, .btn-pink-outline:active, .btn-pink-outline.active, .open > .btn-pink-outline.dropdown-toggle {
    color: #fff;
    background-color: #ff7aa3;
    border-color: #ff7aa3; }
  .btn-pink-outline:hover {
    color: #fff;
    background-color: #ff7aa3;
    border-color: #ff7aa3; }
  .btn-pink-outline.disabled:focus, .btn-pink-outline.disabled.focus, .btn-pink-outline:disabled:focus, .btn-pink-outline:disabled.focus {
    border-color: #ffe0ea; }
  .btn-pink-outline.disabled:hover, .btn-pink-outline:disabled:hover {
    border-color: #ffe0ea; }

.btn-purple-outline {
  color: #9261c6;
  background-image: none;
  background-color: transparent;
  border-color: #9261c6; }
  .btn-purple-outline:focus, .btn-purple-outline.focus, .btn-purple-outline:active, .btn-purple-outline.active, .open > .btn-purple-outline.dropdown-toggle {
    color: #fff;
    background-color: #9261c6;
    border-color: #9261c6; }
  .btn-purple-outline:hover {
    color: #fff;
    background-color: #9261c6;
    border-color: #9261c6; }
  .btn-purple-outline.disabled:focus, .btn-purple-outline.disabled.focus, .btn-purple-outline:disabled:focus, .btn-purple-outline:disabled.focus {
    border-color: #c6ace1; }
  .btn-purple-outline.disabled:hover, .btn-purple-outline:disabled:hover {
    border-color: #c6ace1; }

.btn-rounded {
  border-radius: 2em !important;
  padding: 0.375rem 1.3rem; }

.btn-label {
  background: rgba(43, 61, 81, 0.1);
  display: inline-block;
  padding: 7px 15px;
  border-radius: 3px 0 0 3px;
  margin: -7px -14px;
  margin-right: 12px; }

.btn-rounded .btn-label {
  padding: 7px 15px 7px 20px;
  margin-left: -20px; }

.btn-rounded .btn-label-right {
  margin-right: -20px;
  margin-left: 12px; }

.btn-label-right {
  margin-left: 12px;
  margin-right: -13px;
  border-radius: 0px 3px 3px 0px; }

/* Social Buttons */
.btn-facebook {
  color: #ffffff !important;
  background-color: #3b5998 !important; }

.btn-twitter {
  color: #ffffff !important;
  background-color: #00aced !important; }

.btn-linkedin {
  color: #ffffff !important;
  background-color: #007bb6 !important; }

.btn-dribbble {
  color: #ffffff !important;
  background-color: #ea4c89 !important; }

.btn-googleplus {
  color: #ffffff !important;
  background-color: #dd4b39 !important; }

.btn-instagram {
  color: #ffffff !important;
  background-color: #517fa4 !important; }

.btn-pinterest {
  color: #ffffff !important;
  background-color: #cb2027 !important; }

.btn-dropbox {
  color: #ffffff !important;
  background-color: #007ee5 !important; }

.btn-flickr {
  color: #ffffff !important;
  background-color: #ff0084 !important; }

.btn-tumblr {
  color: #ffffff !important;
  background-color: #32506d !important; }

.btn-skype {
  color: #ffffff !important;
  background-color: #00aff0 !important; }

.btn-youtube {
  color: #ffffff !important;
  background-color: #bb0000 !important; }

.btn-github {
  color: #ffffff !important;
  background-color: #171515 !important; }

/* Custom-modal */
.modal-demo {
  background-color: #ffffff;
  width: 600px;
  border-radius: 4px;
  display: none; }
  .modal-demo .close {
    position: absolute;
    top: 15px;
    right: 25px;
    color: #ffffff;
    opacity: 0.5 !important; }
    .modal-demo .close:hover {
      opacity: 1 !important; }

.custom-modal-title {
  padding: 15px 25px 15px 25px;
  line-height: 22px;
  font-size: 18px;
  background-color: #64b0f2;
  color: #ffffff;
  text-align: left;
  margin: 0px; }

.custom-modal-text {
  padding: 20px;
  text-align: left; }

.custombox-modal-flash .close, .custombox-modal-rotatedown .close {
  top: 20px;
  z-index: 9999; }

/* =========== */
/* Sweet Alert */
/* =========== */
.sweet-alert {
  padding: 30px 25px; }
  .sweet-alert p {
    font-size: 14px;
    line-height: 22px; }
  .sweet-alert p:last-of-type {
    margin-bottom: 0px !important; }
  .sweet-alert .icon.success .placeholder {
    border: 4px solid rgba(27, 185, 154, 0.3); }
  .sweet-alert .icon.success .line {
    background-color: #1bb99a; }
  .sweet-alert .icon.error {
    border-color: #ff5d48; }
    .sweet-alert .icon.error .line {
      background-color: #ff5d48; }
  .sweet-alert .icon.warning {
    border-color: #f1b53d; }
  .sweet-alert .icon.info {
    border-color: #3db9dc; }
  .sweet-alert .btn-warning:focus, .sweet-alert .btn-info:focus, .sweet-alert .btn-success:focus, .sweet-alert .btn-danger:focus, .sweet-alert .btn-default:focus {
    box-shadow: none; }

/*!
 *  Font Awesome 4.6.2 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.2");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.2") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.2") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.2") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.2") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.2#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.33333em;
  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.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  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% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -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: #fff; }

/* 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: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

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



/* Carousel */
.carousel-control {
  width: 10%; }
  .carousel-control span {
    position: absolute;
    top: 50%;
    /* pushes the icon in the middle of the height */
    z-index: 5;
    display: inline-block;
    font-size: 30px; }

.carousel-indicators li {
  border: 2px solid #ffffff; }

.label {
  padding: .48em .8em 0.3em 0.8em;
  letter-spacing: 0.04em; }

.label-pink {
  background-color: #ff7aa3; }

.lable-purple {
  background-color: #9261c6; }

.label-dark {
  background-color: #2b3d51; }

/* Pagination/ Pager */
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pagination > li > a,
.pagination > li > span {
  color: #2b3d51; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #e4e7ea; }

.pagination-split li {
  margin-left: 5px;
  display: inline-block;
  float: left; }

.pagination-split li:first-child {
  margin-left: 0; }

.pagination-split li a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #64b0f2;
  border-color: #64b0f2; }

.pager li > a, .pager li > span {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #2b3d51; }

.bg-pink {
  background-color: #ff7aa3; }

.bg-purple {
  background-color: #9261c6; }

/* Margin / Padding classes */
.p-0 {
  padding: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .m-t-sm-40 {
    margin-top: 40px !important; } }
@media (max-width: 480px) {
  .m-t-xs-40 {
    margin-top: 40px !important; } }
/* Width */
.w-xs {
  min-width: 80px; }

.w-sm {
  min-width: 95px; }

.w-md {
  min-width: 110px; }

.w-lg {
  min-width: 140px; }

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

.display-block {
  display: block; }

/* Demo only */
.icon-list-demo div {
  cursor: pointer;
  line-height: 45px;
  white-space: nowrap; }

.icon-list-demo div p {
  margin-bottom: 0;
  line-height: inherit; }

.icon-list-demo i {
  text-align: center;
  margin: 0;
  vertical-align: middle;
  font-size: 24px;
  border: 1px solid #eceeef;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-right: 12px;
  color: rgba(43, 61, 81, 0.7);
  border-radius: 3px;
  display: inline-block; }

.icon-list-demo .col-md-4 {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  background-clip: padding-box;
  margin-bottom: 10px; }

.icon-list-demo .col-md-4:hover i {
  color: #64b0f2; }

.icon-list-pe7 i {
  font-size: 28px;
  color: #2b3d51; }

/* Switchery demo */
.switchery-demo .switchery {
  margin-bottom: 10px;
  margin-right: 5px; }

.dropdown-example {
  position: static;
  display: block;
  margin-bottom: .25rem;
  clear: left; }

/* =============
   Calendar
============= */
.calendar {
  float: left;
  margin-bottom: 0px; }

.fc-view {
  margin-top: 30px; }

.none-border .modal-footer {
  border-top: none; }

.fc-toolbar {
  margin-bottom: 5px;
  margin-top: 15px; }
  .fc-toolbar h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase; }

.fc-day {
  background: #ffffff; }

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active,
.fc-toolbar button:focus, .fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
  z-index: 0; }

.fc th.fc-widget-header {
  background: #eceeef;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0px;
  text-transform: uppercase; }

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
  border-color: #eceeef; }

.fc-button {
  background: #f1f1f1;
  border: none;
  color: #818a91;
  text-transform: capitalize;
  box-shadow: none !important;
  border-radius: 3px !important;
  margin: 0 3px !important;
  padding: 6px 12px !important;
  height: auto !important; }

.fc-text-arrow {
  font-family: inherit;
  font-size: 16px; }

.fc-state-hover {
  background: #eceeef; }

.fc-state-highlight {
  background: #f0f0f0; }

.fc-state-down, .fc-state-active, .fc-state-disabled {
  background-color: #64b0f2 !important;
  color: #ffffff !important;
  text-shadow: none !important; }

.fc-cell-overlay {
  background: #f0f0f0; }

.fc-unthemed .fc-today {
  background: #ffffff; }

.fc-event {
  border-radius: 2px;
  border: none;
  cursor: move;
  font-size: 13px;
  margin: 5px 7px;
  padding: 5px 5px;
  text-align: center; }

.external-event {
  color: #ffffff;
  cursor: move;
  margin: 10px 0;
  padding: 6px 10px; }

.fc-basic-view td.fc-week-number span {
  padding-right: 8px;
  font-weight: 700; }
.fc-basic-view td.fc-day-number {
  padding-right: 8px;
  font-weight: 700; }

/* =============
   Checkbox and Radios
============= */
.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    padding-left: 5px;
    position: relative; }
    .checkbox label::before {
      -o-transition: 0.3s ease-in-out;
      -webkit-transition: 0.3s ease-in-out;
      background-color: transparent;
      border-radius: 3px;
      border: 2px solid rgba(43, 61, 81, 0.26);
      content: "";
      display: inline-block;
      height: 17px;
      left: 0;
      margin-left: -20px;
      position: absolute;
      transition: 0.3s ease-in-out;
      width: 17px;
      outline: none !important;
      margin-top: 2px; }
    .checkbox label::after {
      color: #bebebe;
      display: inline-block;
      font-size: 11px;
      height: 16px;
      left: 2px;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      position: absolute;
      top: 2px;
      width: 16px; }
  .checkbox input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: none !important; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
  .checkbox input[type="checkbox"]:focus + label::before {
    outline-offset: -2px;
    outline: none; }
  .checkbox input[type="checkbox"]:checked + label::after {
    content: '\f00c';
    font-family: 'FontAwesome';
    font-weight: bold; }
  .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #818a91;
    cursor: not-allowed; }

.checkbox.checkbox-circle label::before {
  border-radius: 50%; }

.checkbox.checkbox-inline {
  margin-top: 0; }

.checkbox.checkbox-single label {
  height: 17px; }

.checkbox-custom input[type="checkbox"]:checked + label::before {
  background-color: #64b0f2;
  border-color: #64b0f2; }
.checkbox-custom input[type="checkbox"]:checked + label::after {
  color: #ffffff; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #039cfd;
  border-color: #039cfd; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #ffffff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #ff5d48;
  border-color: #ff5d48; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #ffffff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #3db9dc;
  border-color: #3db9dc; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #ffffff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f1b53d;
  border-color: #f1b53d; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #ffffff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #1bb99a;
  border-color: #1bb99a; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #ffffff; }

.checkbox-purple input[type="checkbox"]:checked + label::before {
  background-color: #9261c6;
  border-color: #9261c6; }
.checkbox-purple input[type="checkbox"]:checked + label::after {
  color: #ffffff; }

.checkbox-pink input[type="checkbox"]:checked + label::before {
  background-color: #ff7aa3;
  border-color: #ff7aa3; }
.checkbox-pink input[type="checkbox"]:checked + label::after {
  color: #ffffff; }

.checkbox-inverse input[type="checkbox"]:checked + label::before {
  background-color: #2b3d51;
  border-color: #2b3d51; }
.checkbox-inverse input[type="checkbox"]:checked + label::after {
  color: #ffffff; }

/* Radios */
.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    padding-left: 5px;
    position: relative; }
    .radio label::before {
      -o-transition: border 0.5s ease-in-out;
      -webkit-transition: border 0.5s ease-in-out;
      border-radius: 50%;
      border: 2px solid rgba(43, 61, 81, 0.5);
      content: "";
      display: inline-block;
      height: 17px;
      left: 0;
      margin-left: -20px;
      outline: none !important;
      position: absolute;
      transition: border 0.5s ease-in-out;
      width: 17px;
      margin-top: 2px; }
    .radio label::after {
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -webkit-transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      background-color: #818a91;
      border-radius: 50%;
      content: " ";
      display: inline-block;
      height: 11px;
      left: 3px;
      margin-left: -20px;
      position: absolute;
      top: 5px;
      transform: scale(0, 0);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      width: 11px; }
  .radio input[type="radio"] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: none !important; }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
  .radio input[type="radio"]:focus + label::before {
    outline-offset: -2px;
    outline: 5px auto -webkit-focus-ring-color;
    outline: thin dotted; }
  .radio input[type="radio"]:checked + label::after {
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  .radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }

.radio.radio-inline {
  margin-top: 0; }

.radio.radio-single label {
  height: 17px; }

.radio-custom input[type="radio"] + label::after {
  background-color: #64b0f2; }
.radio-custom input[type="radio"]:checked + label::before {
  border-color: #64b0f2; }
.radio-custom input[type="radio"]:checked + label::after {
  background-color: #64b0f2; }

.radio-primary input[type="radio"] + label::after {
  background-color: #039cfd; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #039cfd; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #039cfd; }

.radio-danger input[type="radio"] + label::after {
  background-color: #ff5d48; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #ff5d48; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #ff5d48; }

.radio-info input[type="radio"] + label::after {
  background-color: #3db9dc; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #3db9dc; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #3db9dc; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f1b53d; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f1b53d; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f1b53d; }

.radio-success input[type="radio"] + label::after {
  background-color: #1bb99a; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #1bb99a; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #1bb99a; }

.radio-purple input[type="radio"] + label::after {
  background-color: #9261c6; }
.radio-purple input[type="radio"]:checked + label::before {
  border-color: #9261c6; }
.radio-purple input[type="radio"]:checked + label::after {
  background-color: #9261c6; }

.radio-pink input[type="radio"] + label::after {
  background-color: #ff7aa3; }
.radio-pink input[type="radio"]:checked + label::before {
  border-color: #ff7aa3; }
.radio-pink input[type="radio"]:checked + label::after {
  background-color: #ff7aa3; }

/* =============
   Notification
============= */
#toast-container > div {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  opacity: 1; }

#toast-container > :hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  opacity: 1; }

.toast {
  background-color: #64b0f2; }

.toast-success {
  background-color: #1bb99a;
  border: 2px solid #1bb99a; }

.toast-error {
  background-color: #ff5d48;
  border: 2px solid #ff5d48; }

.toast-info {
  background-color: #3db9dc;
  border: 2px solid #3db9dc; }

.toast-warning {
  background-color: #f1b53d;
  border: 2px solid #f1b53d; }

.alerts-demo {
  background-color: #f7f7f9;
  border: 1px solid #eceeef;
  padding: 20px; }

.progress-sm {
  height: 0.7rem; }

.progress-xs {
  height: 0.4rem; }

.input-group-addon {
  font-size: 1.2rem;
  line-height: 1.5rem; }

/* Bootstrap tagsinput */
.bootstrap-tagsinput {
  width: 100%;
  box-shadow: none;
  padding: 3px 7px 6px;
  border: 1px solid #eceeef; }
  .bootstrap-tagsinput .label-info {
    background-color: #64b0f2 !important;
    display: inline-block;
    padding: 5px; }

.search-input {
  margin-bottom: 10px; }

.ms-container {
  background: transparent url("../plugins/multiselect/img/multiple-arrow.png") no-repeat 50% 50%;
  width: 100% !important;
  max-width: 360px !important; }
  .ms-container .ms-list {
    box-shadow: none;
    border: 1px solid rgba(43, 61, 81, 0.2); }
  .ms-container .ms-list.ms-focus {
    box-shadow: none;
    border: 1px solid rgba(43, 61, 81, 0.4); }
  .ms-container .ms-selectable {
    box-shadow: none;
    outline: none !important; }
    .ms-container .ms-selectable li.ms-elem-selectable {
      border: none;
      padding: 5px 10px; }
    .ms-container .ms-selectable li.ms-hover {
      background-color: #64b0f2; }
  .ms-container .ms-selection li.ms-elem-selection {
    border: none;
    padding: 5px 10px; }
  .ms-container .ms-selection li.ms-hover {
    background-color: #64b0f2; }

/* Select 2 */
.select2-container .select2-selection--single {
  height: 34px;
  border: 1px solid rgba(43, 61, 81, 0.3);
  outline: none !important; }
  .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
    padding-left: 12px; }
  .select2-container .select2-selection--single .select2-selection__arrow {
    height: 32px;
    width: 30px; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #64b0f2;
  color: white; }
.select2-container--default .select2-selection--multiple {
  border: 1px solid rgba(43, 61, 81, 0.3); }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 12px; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid rgba(43, 61, 81, 0.3); }

.select2-dropdown {
  border: 1px solid rgba(43, 61, 81, 0.3);
  box-shadow: 0 2px 2px rgba(43, 61, 81, 0.15); }

.select2-search--dropdown {
  padding: 7px; }
  .select2-search--dropdown .select2-search__field {
    border: 1px solid rgba(43, 61, 81, 0.3);
    outline: none !important; }

/* AUTOCOMPLETE */
.autocomplete-suggestions {
  border: 1px solid #f9f9f9;
  background: #ffffff;
  cursor: default;
  overflow: auto;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); }

.autocomplete-suggestion {
  padding: 4px 10px;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete-no-suggestion {
  padding: 4px 8px; }

.autocomplete-selected {
  background: rgba(236, 238, 239, 0.5);
  cursor: pointer; }

.autocomplete-suggestions strong {
  font-weight: 600;
  color: #2b3d51; }

.autocomplete-group {
  padding: 2px 5px; }

.autocomplete-group strong {
  font-weight: bold;
  font-size: 16px;
  color: #2b3d51;
  display: block; }

/* Form validation */
.parsley-error {
  border-color: #ff5d48 !important; }

.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0; }

.parsley-errors-list.filled {
  display: block; }

.parsley-errors-list > li {
  font-size: 12px;
  list-style: none;
  color: #ff5d48;
  margin-top: 5px; }

.bootstrap-timepicker-widget table td input {
  border: 1px solid rgba(43, 61, 81, 0.3);
  width: 35px; }

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

.datepicker td, .datepicker th {
  width: 30px;
  height: 30px; }

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.selected, .datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
  background-color: #64b0f2 !important;
  color: #ffffff !important;
  background-image: none !important;
  text-shadow: none !important; }

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
  background-color: #1bb99a !important;
  color: #ffffff !important;
  background-image: none !important; }

.datepicker-inline {
  border: 2px solid rgba(43, 61, 81, 0.1); }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #64b0f2;
  border-color: #64b0f2; }

.daterangepicker .input-mini.active {
  border: 1px solid rgba(43, 61, 81, 0.3); }

.daterangepicker .ranges li {
  border-radius: 2px;
  color: #2b3d51;
  font-weight: 600;
  font-size: 12px; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect,
.daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  border: 1px solid rgba(43, 61, 81, 0.3);
  padding: 2px;
  width: 60px; }

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background-color: #64b0f2;
  border: 1px solid #64b0f2; }

/* Wizard */
.wizard > .content {
  background: #ffffff;
  min-height: 240px;
  padding: 20px;
  border: 1px solid #eceeef;
  margin-top: 10px !important; }

.wizard > .content > .body {
  padding: 0px;
  position: relative;
  width: 100%; }
  .wizard > .content > .body input {
    border: 1px solid #e1e4e6; }
  .wizard > .content > .body ul > li {
    display: block;
    line-height: 30px; }
  .wizard > .content > .body label.error {
    color: #ff5d48;
    margin-left: 0;
    margin-top: 5px;
    font-size: 12px; }
  .wizard > .content > .body label {
    display: inline-block;
    margin-top: 10px; }

.wizard > .steps a {
  font-size: 16px; }
.wizard > .steps .number {
  font-size: inherit; }
.wizard > .steps .disabled a {
  background: #f7f7f9;
  color: #344a62 !important;
  cursor: default;
  border: 1px solid #e8e8ee; }
  .wizard > .steps .disabled a:hover {
    background: #e8e8ee;
    border: 1px solid #dadae3; }
  .wizard > .steps .disabled a:active {
    background: #e8e8ee;
    border: 1px solid #dadae3; }
.wizard > .steps .current a {
  background: #64b0f2; }
  .wizard > .steps .current a:hover {
    background: #64b0f2; }
    .wizard > .steps .current a:hover .number {
      color: #ffffff; }
  .wizard > .steps .current a:active {
    background: #64b0f2; }
    .wizard > .steps .current a:active .number {
      color: #ffffff; }
  .wizard > .steps .current a .number {
    color: #ffffff; }
.wizard > .steps .done a {
  background: #eceeef !important;
  color: #344a62 !important; }

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active, .wizard > .content {
  border-radius: 2px; }

.wizard > .actions {
  margin-top: 15px !important; }
  .wizard > .actions a {
    background: #64b0f2;
    border-radius: 2px !important;
    color: #ffffff; }
    .wizard > .actions a:hover {
      background: #1d8cec;
      color: #ffffff; }
    .wizard > .actions a:active {
      background: #1d8cec;
      color: #ffffff; }
  .wizard > .actions .disabled a {
    background: #ffffff;
    color: #2b3d51;
    cursor: default;
    border: 1px solid #eaeaea; }
    .wizard > .actions .disabled a:hover {
      background: #f7f7f9;
      color: #2b3d51;
      cursor: default;
      border: 1px solid #eaeaea; }
    .wizard > .actions .disabled a:active {
      background: #f7f7f9;
      color: #2b3d51;
      cursor: default;
      border: 1px solid #eaeaea; }

.wizard.vertical > .content {
  margin-top: 0px !important; }

@media (max-width: 560px) {
  .wizard.vertical > .steps, .wizard.vertical > .content {
    width: 100%; } }
.jFiler-input-dragDrop {
  width: 100%;
  background-color: #fafafa; }

.jFiler-theme-default .jFiler-input {
  width: 100%; }

.jFiler-theme-default .jFiler-input-button {
  background-color: #64b0f2;
  background-image: none !important;
  color: #ffffff;
  border: 1px solid #64b0f2 !important; }

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  display: none; }

table.dataTable thead th {
  position: relative;
  background-image: none !important; }

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  font-family: FontAwesome; }

table.dataTable thead th.sorting:after {
  content: "\f0dc";
  color: #2b3d51;
  font-size: 1em;
  padding-top: 0.12em; }

table.dataTable thead th.sorting_asc:after {
  content: "\f0de"; }

table.dataTable thead th.sorting_desc:after {
  content: "\f0dd"; }

.table-rep-plugin .pull-right {
  float: right !important; }
.table-rep-plugin .btn-default {
  background-color: #ffffff;
  border: 1px solid rgba(43, 61, 81, 0.3); }
.table-rep-plugin .btn-default.btn-primary {
  background-color: #64b0f2; }
.table-rep-plugin table.focus-on tbody tr.focused th, .table-rep-plugin table.focus-on tbody tr.focused td {
  background-color: #64b0f2;
  color: #ffffff; }

/* Tablesaw */
.tablesaw thead {
  background: #eceeef;
  background-image: none;
  border: none; }

.tablesaw thead th {
  text-shadow: none;
  letter-spacing: 0.06em; }

.tablesaw thead tr:first-child th {
  padding-top: 1.1em;
  padding-bottom: 0.9em; }

.tablesaw thead tr:first-child th {
  font-weight: 600;
  font-family: inherit;
  border: none; }

.tablesaw td, .tablesaw tbody th {
  font-size: inherit;
  line-height: inherit;
  padding: 10px !important; }

.tablesaw-stack tbody tr, .tablesaw tbody tr {
  border-bottom: none; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after, .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  font-family: FontAwesome;
  font-size: 10px; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
  content: "\f176"; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  content: "\f175"; }

.tablesaw-bar .btn-select.btn-small:after, .tablesaw-bar .btn-select.btn-micro:after {
  font-size: 8px;
  padding-right: 10px; }

.tablesaw-swipe .tablesaw-cell-persist {
  box-shadow: none; }

.tablesaw-enhanced .tablesaw-bar .btn {
  text-shadow: none;
  background-image: none; }

.tablesaw-enhanced .tablesaw-bar .btn.btn-select:hover {
  background: #ffffff; }

.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .btn:focus, .tablesaw-enhanced .tablesaw-bar .btn:active {
  color: #64b0f2 !important;
  background-color: #eceeef;
  outline: none !important;
  box-shadow: none !important;
  background-image: none; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: 0.4em; }

.chart-detail-list li {
  margin: 0 10px; }

/* Flot chart */
#flotTip {
  padding: 8px 12px;
  background-color: #2b3d51;
  z-index: 100;
  color: #ffffff;
  opacity: 0.9;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.legend tr {
  height: 20px; }

.legendLabel {
  padding-left: 5px !important;
  line-height: 10px;
  padding-right: 10px; }

/* Morris chart */
.morris-hover.morris-default-style {
  border-radius: 5px;
  padding: 10px 12px; }

/* Chartist chart */
.ct-golden-section:before {
  float: none; }

.ct-chart {
  max-height: 300px; }
  .ct-chart .ct-label {
    fill: #a3afb7;
    color: #a3afb7;
    font-size: 12px;
    line-height: 1; }

.ct-grid {
  stroke: rgba(43, 61, 81, 0.15); }

.ct-chart.simple-pie-chart-chartist .ct-label {
  color: #ffffff;
  fill: #ffffff;
  font-size: 16px; }

.ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #039cfd; }

.ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #1bb99a; }

.ct-chart .ct-series.ct-series-c .ct-bar, .ct-chart .ct-series.ct-series-c .ct-line, .ct-chart .ct-series.ct-series-c .ct-point, .ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #f1b53d; }

.ct-chart .ct-series.ct-series-d .ct-bar, .ct-chart .ct-series.ct-series-d .ct-line, .ct-chart .ct-series.ct-series-d .ct-point, .ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #ff7aa3; }

.ct-chart .ct-series.ct-series-e .ct-bar, .ct-chart .ct-series.ct-series-e .ct-line, .ct-chart .ct-series.ct-series-e .ct-point, .ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #2b3d51; }

.ct-chart .ct-series.ct-series-f .ct-bar, .ct-chart .ct-series.ct-series-f .ct-line, .ct-chart .ct-series.ct-series-f .ct-point, .ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #3db9dc; }

.ct-chart .ct-series.ct-series-g .ct-bar, .ct-chart .ct-series.ct-series-g .ct-line, .ct-chart .ct-series.ct-series-g .ct-point, .ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #ff5d48; }

.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
  fill: #039cfd; }

.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
  fill: #1bb99a; }

.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {
  fill: #f1b53d; }

.ct-series-d .ct-area, .ct-series-d .ct-slice-pie {
  fill: #ff7aa3; }

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 10px;
  padding: 2px 10px;
  border-radius: 3px;
  background: #2b3d51;
  color: #ffffff;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear; }

.chartist-tooltip.tooltip-show {
  opacity: 1; }

/* C3 chart */
.c3 svg {
  max-width: 100%; }

.c3-tooltip td > span {
  background: #2b3d51; }

.c3-tooltip td {
  border-left: none; }

.c3-tooltip {
  box-shadow: 0px 0px 8px 0px #777;
  opacity: 1; }

.c3-chart-arcs-title {
  font-size: 18px;
  font-weight: 600; }

.c3-tooltip tr {
  border: none !important; }

.c3-tooltip th {
  background-color: #2b3d51; }

.c3-tooltip .value {
  font-weight: 600; }

/* Sparkline chart */
.jqstooltip {
  background-color: #2b3d51 !important;
  padding: 0 !important;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  border-color: #2b3d51 !important; }

.jqsfield {
  font-size: 12px !important;
  line-height: 18px !important; }

/* =============
   Tree view page
============= */
.jstree-default .jstree-clicked {
  background: rgba(100, 176, 242, 0.4);
  box-shadow: none; }
.jstree-default .jstree-hovered {
  background: rgba(100, 176, 242, 0.4);
  box-shadow: none; }
.jstree-default .jstree-wholerow-clicked {
  background: rgba(100, 176, 242, 0.4); }
.jstree-default .jstree-wholerow-hovered {
  background: rgba(100, 176, 242, 0.4); }
.jstree-default .zmdi {
  font-size: 16px;
  color: rgba(43, 61, 81, 0.5); }
.jstree-default .jstree-icon {
  color: rgba(43, 61, 81, 0.5); }

/* =============
   Accounts pages
============= */
.account-pages {
  background: rgba(0, 0, 0, 0) url("../images/bg.jpg") no-repeat scroll 0 0 / cover;
  position: absolute;
  height: 100%;
  width: 100%;
/*  padding:4em 7em;*/
 }
 .linesbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;

  background: url("../images/lines.svg") center center no-repeat;
  content: '';
  background-size: 100% auto;
  opacity:0.6;
 }

.wrapper-page {
  margin: 5% auto;
  position: relative;
  max-width: 480px; }
  .wrapper-page .account-bg {
    background-color: #ffffff;
    padding: 7px;
    border-radius: 8px;
    margin: 20px 15px; }
  .wrapper-page .card-box {
    box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
    border: 5px solid #64b0f2; }
  .wrapper-page .logo {
    font-size: 24px;
    color: #1bb99a !important; }

.user-thumb {
  position: relative;
  z-index: 999; }
  .user-thumb img {
    height: 88px;
    margin: 0px auto;
    width: 88px; }

.ex-page-content .text-error {
  color: #ffffff;
  font-size: 98px;
  font-weight: 700;
  line-height: 150px; }
  .ex-page-content .text-error i {
    font-size: 78px;
    padding: 0px 10px; }
.ex-page-content .text-error.shadow {
  text-shadow: rgba(255, 255, 255, 0.3) 5px 1px, rgba(255, 255, 255, 0.2) 12px 3px, rgba(255, 255, 255, 0.1) 6px 4px; }

/*# sourceMappingURL=style.css.map */
.rowfull{ background:#fff; width:100%; height:100%; display:block;}
.login-left, .login-right{ padding:0; margin:0; float:left; height:100%;}
.login-right{ background:url(../images/login-bg.jpg); background-size: cover;}
.fullHeightImg{ width:100%; height:100%;}

.carousel.login, .carousel.login .carousel-inner, .carousel.login .item{ height:100%;}
.log-footer{ height:8vh; line-height:4vh; font-size:12px;}
.form-login{ height:calc(100% - 8vh);}
.loginPad{ padding:1vw 13vw;}
.sunrise img{ max-width:10vh;}
.form-loginInner{ position:relative; top:50%; transform: translateY(-50%);}
.form-login .formsec input, .form-login .formsec textarea, .form-login .formsec select{ border:2px solid #dbdbdb; border-radius:0; height:6vh; min-height:40px; line-height:6vh; padding:0.675rem 1.6rem;}
.form-login .formsec .movelabel.active{ font-size:1.4vh; color:#c1c1c1;}
.form-login .formsec .movelabel{font-size: 1.9vh; color:#c1c1c1;}
.form-login .btn.btn-success {padding:1.6vh 10vh;}
.timeDisplay p{ font-size:3vh; margin-bottom:5vh; font-weight:300;}
.smalla{ font-size:13px;}
.blacka{ color:#666;}
.blacka:hover, .blacka:focus{ color:#666;}
.color9{ color:#999;}
.posabs{ position:absolute; top:50%; left:0; z-index:1; text-align:center; width:100%; padding:3vw 5.8vw; color:#fff;}
.posabs h1{ font-weight:300; margin:2vh 0 3vh 0; font-size:2vw;}
.posabs p{ text-align:justify;}
.img-max14{ max-width:13vw;}
/*login carousel*/
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}

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

#sidecollapse.in,
#sidecollapse.collapsing {
    display: block!important;
}
/*Create ticket button*/
.toggle-item {
  background: #FFF;
  color:#999;
  border: 1px dotted #ccc;
  padding: 0.575rem 1.1rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  border-radius:0.25rem;
}
.toggle-item label {
 cursor:pointer;
}
.toggle-item input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.toggle-item input[type="checkbox"] + label {
  position: relative;
  flex: 1;
}
.toggle-item input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 54px;
  height: 26px;
  border-radius: 30px;
  border: 1px solid #DDD;
  box-shadow: 0 0 0 gray inset;
  transition: all 0.25s ease-in-out 0s;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.toggle-item input[type="checkbox"] + label::after {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 30px;
  border: 1px solid #DDD;
  background-color: white;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  transition: all 0.25s ease-in-out 0s;
  position: absolute;
  right: 27px;
  top: 50%;
  transform: translateY(-50%);
}
.toggle-item input[type="checkbox"]:checked + label::after {
    right: 0;
    border: 1px solid #1bb99a;
}
.toggle-item input[type="checkbox"]:checked + label::before {
    border: 1px solid #1bb99a;
    box-shadow: 0 0 100px #1bb99a inset;
}





















/* progress bar */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

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











/* TABS */

h2.inactive {
  color: #cccccc;
}

h2.active {
  color: #0d0d0d;
  border-bottom: 2px solid #5fbae9;
}



/* FORM TYPOGRAPHY*/

#formContent input[type=submit]{
  background-color: #56baed;
  border: none;
  color: white;
  padding: 15px 80px;
  text-align: center;
  text-decoration: none;
  cursor:pointer;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 5px 20px 10px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#formContent input[type=submit]:disabled {
    background: #999999;
	cursor:default;
	-webkit-box-shadow: 0 10px 30px 0 #999999;
  box-shadow: 0 10px 30px 0 #999999;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover  {
  background-color: #39ace7;
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
/*
input[type=text] {
  background-color: #f6f6f6;
  border: none;
  color: #0d0d0d;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width: 85%;
  border: 2px solid #f6f6f6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}*/
input, textarea{     transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;}
input:focus, textarea:focus {
  		    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(0, 0, 0, 0.2);
  
  
/*    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;*/
}

input[type=text]:placeholder {
  color: #cccccc;
}



/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadeIn {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fadeIn.first {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.fadeIn.second {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.fadeIn.third {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.fadeIn.fourth {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

/* Simple CSS3 Fade-in Animation */
/*.underlineHover:after {
  display: block;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 2px;
  background-color: #56baed;
  content: "";
  transition: width 0.2s;
}

.underlineHover:hover {
  color: #0d0d0d;
}

.underlineHover:hover:after{
  width: 100%;
}*/

/* OTHERS */

*:focus {
    outline: none;
} 

.icon {
  width:60%;
}

* {
  box-sizing: border-box;
}






















/* -------------------------------- 

xnavigation 

-------------------------------- */
.cd-nav-container {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0px;
  width: 60%;
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
  transition: transform 0.4s 0s, box-shadow 0s 0.4s;
}
.cd-nav-container.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-overflow-scrolling: touch;
  box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
  transition: transform 0.4s 0s, box-shadow 0s 0s;
  background-color: #fff;
  background-image:url(../images/spinner.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:82px;
}
#sidediv{ background:#fff;}
.cd-nav-container header {
  position: relative;
  box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2); padding:12px 40px 12px 0;
    background: -webkit-gradient(linear, left top, right top, from(#12d5b9), to(#3342dd));
background: linear-gradient(90deg, #12d5b9, #3342dd);
}
.cd-nav-container h3 {
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #5c4b51;
}


@media only screen and (min-width: 700px) {
  .cd-close-nav {
    right: 7.14%;
  }
}

.cd-nav::after {
  clear: both;
  content: "";
  display: table;
}
.cd-nav li {
  width: 50%;
  float: left;
  /* 68px is the navigation header height  and the menu items will be allocated in 3 rows */
  height: calc((100vh - 68px)/3);
  min-height: 120px;
  border: 1px solid #ffffff;
  border-top: none;
  border-left: none;
}
.cd-nav li:nth-of-type(2n) {
  border-right-width: 0;
}
.cd-nav a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.no-touch .cd-nav a:hover svg {
  -webkit-animation: cd-shock 0.3s;
  -moz-animation: cd-shock 0.3s;
  animation: cd-shock 0.3s;
}

.cd-nav span, .cd-nav em {
  position: absolute;
}
.cd-nav span {
  top: calc(50% - 48px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 48px;
  width: 48px;
}
.cd-nav span * {
  -webkit-transition: stroke 0.2s;
  -moz-transition: stroke 0.2s;
  transition: stroke 0.2s;
}
.cd-nav em {
  width: 100%;
  left: 0;
  top: calc(50% + 15px);
  color: #5c4b51;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 700px) {
  .cd-nav li {
    /* 116px is the navigation header height and the menu items will be allocated in 3 rows */
    height: calc((100vh - 116px)/3);
    min-height: 200px;
  }
  .cd-nav span {
    height: 64px;
    width: 64px;
    top: calc(50% - 56px);
  }
  .cd-nav em {
    font-size: 2.2rem;
    font-weight: 300;
    top: calc(50% + 21px);
  }
}
@media only screen and (min-width: 1024px) {
  .cd-nav li {
    width: 33.33%;
    float: left;
    /* 116px is the navigation header height  and the menu items will be allocated in 2 rows */
    height: calc((100vh - 116px)/2);
    min-height: 250px;
  }
  .cd-nav li:nth-of-type(2n) {
    border-right-width: 1px;
  }
  .cd-nav li:nth-of-type(3n) {
    border-right-width: 0;
  }
  .cd-nav em {
    font-size: 2.5rem;
  }
}

@-webkit-keyframes cd-shock {
  0% {
    -webkit-transform: rotate(0);
  }
  30% {
    -webkit-transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes cd-shock {
  0% {
    -moz-transform: rotate(0);
  }
  30% {
    -moz-transform: rotate(10deg);
  }
  60% {
    -moz-transform: rotate(-10deg);
  }
  100% {
    -moz-transform: rotate(0);
  }
}
@keyframes cd-shock {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  30% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
/* -------------------------------- 

xshadow layer 

-------------------------------- */
.cd-overlay {
  /* shadow layer visible when navigation is open */
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.35);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}

/* -------------------------------- 

xcontent  vipin

-------------------------------- */
#wrapper {
/*  position: relative;
  height: 100vh;
  overflow-x: hidden;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  box-shadow: 0 0 30px #241d20;
  left:0;*/
  
  	transition: 0.3s;
  	-webkit-transition:  0.3s;
  	-moz-transition: 0.3s;
  	transition:  0.3s;
}
#wrapper.scale-down {
/*  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);*/
  
	left:-15%;
	transition: 0.3s;
  	-webkit-transition:  0.3s;
  	-moz-transition: 0.3s;
  	transition:  0.3s;
}

@media only screen and (min-width: 700px) {
  .cd-section {
    /* not 100vh to fix a small bug --> border visible otherwise */
    header: 102vh;
  }
}

.cd-title {
  position: relative;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ffffff;
  text-align: center;
}
.cd-title > * {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-title h2 {
  font-size: 2.8rem;
  margin-bottom: .8em;
}
.cd-title a {
  display: inline-block;
  padding: 1.2em 1.6em;
  border-radius: 50em;
  border: 2px solid rgba(255, 255, 255, 0.5);
  font-weight: 700;
  color: #ffffff;
}
.no-touch .cd-title a:hover {
  border-color: #ffffff;
}
.cd-title span {
  vertical-align: middle;
  display: inline-block;
}
@media only screen and (min-width: 700px) {
  .cd-title h2 {
    font-size: 5rem;
    font-weight: 300;
    margin-bottom: .6em;
  }
}

.cd-content {
  background-color: #ffffff;
  padding: 4em 0;
}
.cd-content p {
  width: 90%;
  max-width: 800px;
  margin: 2em auto;
  line-height: 2;
  color: #78626a;
}

.no-js main, .no-js .cd-section {
  height: auto;
  overflow: visible;
}

.no-js .cd-section {
  position: static;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}


.no-js .cd-close-nav {
  display: none;
}

.no-js .cd-nav li {
  width: 50%;
  float: left;
}























.imagebg img{ height:100%; width:auto;}
.text-center{ text-align:center;}
.logo-size img{ max-height:150px;}
.border-radius40{ border-radius:50px!important;}
.w100{ width:100%;}
.user-icon{ background:url(../images/user-icon.png) no-repeat right center; background-size:40px;}
.lock-icon{ background:url(../images/lock-icon.png) no-repeat right center #fff; background-size:40px;}
.posrelative{ position:relative;}
.spinner {
  margin: 0 auto 0;
  width: 122px;
  text-align: center;
  position:absolute; top:2.2vh; left:50%; margin-left:-61px;
  z-index:1;
  display:none;
}
.spinneractive .spinner{ display:block;}
.spinner > div {
  width: 18px;
  height: 18px;
  margin: 0px 10px;
  background-color: rgba(255,255,255,0.7);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.sidebar-toolbar {
    position: relative;
	/*box-shadow:0px 3px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 0px 0 rgba(0, 0, 0, 0.08);*/
}
.sidebar-toolbar .sidebar-toolbar-background {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #263238;
    background-image:url(../images/profile-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    opacity: .9;
    z-index: 1;
}
.sidebar-toolbar .sidebar-toolbar-content {
    position: relative;
    padding: 1rem;
    z-index: 3;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}
.text-thin {
    font-weight: 100!important;
}
.thumb64 {
    width: 64px!important;
    height: 64px!important;
}
.rounded-circle {
    border-radius: 50%!important;
}
.fixed-left-void .sidebar-toolbar{ display:none;}
.fixed-left-void #sidebar-menu{ margin-top:30px;}
.lineh70{ line-height:70px;}
.imagebg {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    top: 0;
    right: 0;
    z-index: 0;
    background: url(../images/login-bg.png) top center /cover #fff;
    background: #fff;
}
.imagebg img {
    height: 100%;
    width: auto;
}
.loginPad {
    padding: 1vw 5vw;
}
.form-login {
    height: calc(100% - 8vh);
}
.logo-size img {
    max-height: 150px;
}
.text-center {
    text-align: center;
}
.color9 {
    color: #999;
}
.form-login .formsec input, .form-login .formsec textarea, .form-login .formsec select {
    border: 2px solid #e6cfcf!important;
    border-radius: 0;
    height: 7vh;
    min-height: 40px;
    padding: 2vh 60px 2vh 2.8vh;
    width: 100%;
}
.only-mob{ display:none;}
/* .new-ticket.even {
    background: #fcf5f5;
} */
.prof-block{ width:50px; height:50px; background: -webkit-gradient(linear, left top, right top, from(#12d5b9), to(#3342dd));
background: linear-gradient(90deg, #12d5b9, #3342dd); text-align:center; font-size:20px; margin:0 auto; padding-top:12px; border-radius:50px; -webkit-border-radius: 50px;  -moz-border-radius: 50px; color:#fff; }
.m-t-7{ margin-top:7px;}
.prof-icon-nav{ width:40px; height:40px; border-radius:40px; -webkit-border-radius: 40px;  -moz-border-radius: 40px; color:#fff; text-align:center; display:inline-block; vertical-align:middle; position:relative; background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.2);}
.prof-icon-nav span{ position:relative; top:0; display:block; line-height:37px!important;}
.media{
	padding: 1.07143em 0;
    padding-top: 1.07143em;
border-bottom: 1px solid #eef1f2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 0;
}
.single-user-avatar{
	margin: 0 0 1rem;
	margin-right:1.5em;
}
.thumb-xs2 img, .thumb-xs2 .user-char-image {
    height: 40px;
    width: 40px;
	border-radius:50%;
	max-width:100%;
}
.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.single-user-name {
    display: inline;
	line-height: 1.3;
font-weight: 600;
color: #13afad;
font-size:16px!important;
}
.widget-latest-comments .single-timestamp {
    font-size: 0.92857em;
    margin-left: 0.4em;
}
.text-muted {
    color: #bbb !important;
}
.widget-latest-comments .single-footer .badge, .widget-latest-comments .single-footer .label {
    padding-right: 1rem;
    padding-bottom: 1;
    padding-left: 1rem;
}
.bg-info-contrast {
    background-color: rgba(3, 169, 243, 0.1);
    color: #03a9f3;
}
.badge, .label {
    letter-spacing: -0.05em;
}
.badge, .label {
    display: inline-block;
    padding: 0.4em 0.4em;
        padding-right: 0.4em;
        padding-left: 0.4em;
    font-size: 90%;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.single-header{ margin-bottom:13px;}
.single.media .inbox-item-text { margin-bottom:3px!important;}
.story-date{ font-size:12px; color:#999; margin-top:2px;}
.morphsearch.open .custom-file-upload2{ position:static; display:none;}
.p-l-50{ padding-left:50px;}
.notslimscrollleftbuscroll{ overflow-y:auto;}
#msg {
    position: absolute;
    top: -25px;
    right: 1px;
    background: #b9ede7;
/*    padding: 5px 10px;*/
    color: #1ab0ab;
	min-height:30px;
	line-height:24px;
}
.file.browse{ max-width:350px; cursor:pointer;}
.file.browse .file-custom::before{ height:auto; background:#d5e7ef; border:1px solid #3c8dee8;}
.profile-picture.activeuser::after {
    font-family: 'FontAwesome';
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    display: inline-block;
    content: "\f111";
    color: #02e2c2;
    position: absolute;
    top: 0px;
    left: -1px;
}
.profile-picture {
    width: 48px;
    height: 48px;
    padding-top: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
	background:#f1f7fa;
	border:2px solid #cde2ec;
	font-size:18px;
	color:#7dc6e7;
}
.profile-picture.dolist{ background:#fdf6d7; border:none; color:#efcc27; padding-top:7px;}
.profile-picture img {
    display: block;
    width: 44px;
    height: 44px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    margin: 0 auto;
}
.single-time{ font-size:15px;}

.acceptclr{ color:#0bcdb1;}
.todepartmentclr{ color:#07b7e8;}
.tofinanceclr{ color:#9559df;}
.topoliceclr{ color:#324bde;}
.reviewclr{ color:#e4820f;}
.rejectclr{ color:#d5495d;}
.notapplicableclr{ color:#bfbcbc;}

.submitreviewclr{ color:#dbab6f;}
.askreviewclr{ color:#e6cc29;}
.hierarchialreviewclr{ color:#dad028;}
.withheldclr{ color:#b0d4f0;}
.terminateclr{ color:#db8d7f;}
.initiateclr{ color:#00ffef;}
.otherclr{ color:#313131;}
.sentforfignatureclr{ color:#fb82c1;}

.btn-approveclr {
  color: #0bcdb1;
  background-image: none;
  background-color: transparent;
  border-color: #0bcdb1; }
.btn-approveclr:focus, .btn-approveclr:active, .btn-approveclr:hover{
  color: #fff;
  background-color: #0bcdb1;
  border-color: #07baa0;}
  .btn-qualifyapproveclr {
  color: #5fe4b3;
  background-image: none;
  background-color: transparent;
  border-color: #5fe4b3; }
.btn-qualifyapproveclr:focus, .btn-qualifyapproveclr:active, .btn-qualifyapproveclr:hover{
  color: #fff;
  background-color: #5fe4b3;
  border-color: #4fd9a6; }
  .btn-rejectclr {
  color: #d5495d;
  background-image: none;
  background-color: transparent;
  border-color: #d5495d; }
.btn-rejectclr:focus, .btn-rejectclr:active, .btn-rejectclr:hover{
  color: #fff;
  background-color: #d5495d;
  border-color: #c8364b; }
    .btn-rejectclr {
  color: #d5495d;
  background-image: none;
  background-color: transparent;
  border-color: #d5495d; }
.btn-rejectclr:focus, .btn-rejectclr:active, .btn-rejectclr:hover{
  color: #fff;
  background-color: #d5495d;
  border-color: #c8364b; }
      .btn-autoescalateclr {
  color: #7c21ed;
  background-image: none;
  background-color: transparent;
  border-color: #7c21ed; }
.btn-autoescalateclr:focus, .btn-autoescalateclr:active, .btn-autoescalateclr:hover{
  color: #fff;
  background-color: #7c21ed;
  border-color: #6f17db; }
  .btn-delegateclr {
  color: #8790ca;
  background-image: none;
  background-color: transparent;
  border-color: #8790ca; }
.btn-delegateclr:focus, .btn-delegateclr:active, .btn-delegateclr:hover{
  color: #fff;
  background-color: #8790ca;
  border-color: #707abe; }
  .btn-notapplicableclr {
  color: #bfbcbc;
  background-image: none;
  background-color: transparent;
  border-color: #bfbcbc; }
.btn-notapplicableclr:focus, .btn-notapplicableclr:active, .btn-notapplicableclr:hover{
  color: #fff;
  background-color: #bfbcbc;
  border-color: #ada5a5; }
  .btn-submitreviewclr {
  color: #dbab6f;
  background-image: none;
  background-color: transparent;
  border-color: #dbab6f; }
.btn-submitreviewclr:focus, .btn-submitreviewclr:active, .btn-submitreviewclr:hover{
  color: #fff;
  background-color: #dbab6f;
  border-color: #d39e5c; }
  .btn-askreviewclr {
  color: #e6cc29;
  background-image: none;
  background-color: transparent;
  border-color: #e6cc29; }
.btn-askreviewclr:focus, .btn-askreviewclr:active, .btn-askreviewclr:hover{
  color: #fff;
  background-color: #e6cc29;
  border-color: #d7bd1a; }
  .btn-withheldclr {
  color: #b0d4f0;
  background-image: none;
  background-color: transparent;
  border-color: #b0d4f0; }
  .btn-withheldclr:focus, .btn-withheldclr:active, .btn-withheldclr:hover{
  color: #fff;
  background-color: #b0d4f0;
  border-color: #95c2e4; }
  .btn-reviewclr {
  color: #e4820f;
  background-image: none;
  background-color: transparent;
  border-color: #e4820f; } 
  .btn-reviewclr:focus, .btn-reviewclr:active, .btn-reviewclr:hover{
  color: #fff;
  background-color: #e4820f;
  border-color: #d1760b; }
  .btn-reinvokeclr {
  color: #40a6c6;
  background-image: none;
  background-color: transparent;
  border-color: #40a6c6; }
.btn-reinvokeclr:focus, .btn-reinvokeclr:active, .btn-reinvokeclr:hover{
  color: #fff;
  background-color: #40a6c6;
  border-color: #329cbd; }
  .btn-terminateclr {
  color: #db8d7f;
  background-image: none;
  background-color: transparent;
  border-color: #db8d7f; }
.btn-terminateclr:focus, .btn-terminateclr:active, .btn-terminateclr:hover{
  color: #fff;
  background-color: #db8d7f;
  border-color: #d27c6d; }
  .btn-closeclr {
  color: #178aca;
  background-image: none;
  background-color: transparent;
  border-color: #178aca; }
.btn-closeclr:focus, .btn-closeclr:active, .btn-closeclr:hover{
  color: #fff;
  background-color: #178aca;
  border-color: #1082c1; }
  .btn-initiateclr {
  color: #00ffef;
  background-image: none;
  background-color: transparent;
  border-color: #00ffef; }
.btn-initiateclr:focus, .btn-initiateclr:active, .btn-initiateclr:hover{
  color: #fff;
  background-color: #00ffef;
  border-color: #05e8da; }
  .btn-otherclr {
  color: #f6a3de;
  background-image: none;
  background-color: transparent;
  border-color: #f6a3de; }
.btn-otherclr:focus, .btn-otherclr:active, .btn-otherclr:hover{
  color: #fff;
  background-color: #f6a3de;
  border-color: #ee91d3; }
  .btn-sentforfignatureclr {
  color: #fb82c1;
  background-image: none;
  background-color: transparent;
  border-color: #fb82c1; }
.btn-sentforfignatureclr:focus, .btn-sentforfignatureclr:active, .btn-sentforfignatureclr:hover{
  color: #fff;
  background-color: #fb82c1;
  border-color: #dc569c; }
  

.profile-picture .border {
  /* content: ''; */
  display:none;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
/*  top: 0;
  bottom: 0;
  left: 0;
  right: 0;*/
  background: transparent;
  border-radius: 50%;
  border: 2px dashed #efcc27;
  -webkit-animation-name: Rotate;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: Rotate;
  -moz-animation-duration: 4s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: Rotate;
  -ms-animation-duration: 4s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
.play {
  padding: 20px 30px;
  font-size: 56px;
}
.confirm-button{
	display: inline-block!important;
	width:auto!important;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid transparent!important;
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important;
padding: 0.375rem 1rem!important;
font-size: 1rem;
line-height: 1.5!important;
border-radius: 0.25rem!important;
min-width: 120px!important;
color: #fff!important;
background-color: #ff5d48!important;
border-color: #f54e39!important;
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.confirm-button:hover, .confirm-button:focus, .confirm-button:active{color: #fff; background-color: #e32726!important; border-color: #c61312;}

.reset-button{
	display: inline-block!important;
	width:auto!important;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid transparent!important;
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important;
padding: 0.375rem 1rem!important;
font-size: 1rem;
line-height: 1.5!important;
border-radius: 0.25rem!important;
min-width: 120px!important;
color: #888!important;
background-color: #fff!important;
border-color: #ccc!important;
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.submitbtn{
	display: inline-block;
	width:100%;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
padding: 1.6vh 10vh;
font-size: 1rem;
line-height: 1.5;
border-radius: 50px;
min-width: 120px;
color: #fff;
background-color: #e32726;
border-color: #d51f1e;
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	  font-family: "Century Gothic", Arial;
}
.submitbtn.notfullwidth{ width:auto!important;}
.submitbtn:hover, .submitbtn:focus, .submitbtn:active{color: #fff; background-color: #ce1e1d!important; border-color: #c31615!important;}
.outofnumber {
    color: #ed3d3d;
}
.submitbtn.disabled, .submitbtn:disabled {
    cursor: not-allowed;
    opacity: .65;
}
.widget-title-attach{-webkit-box-flex: 1;
    -moz-box-flex: 1;
-ms-flex: 1;
flex: 1;}
.widget-actions {
    float: right;
}
.widget-heading h5 {
    float: left;
    margin: 0;
	line-height:26px;
}
.widget-border{border-bottom:1px dotted #ccc; overflow:hidden; padding:10px 0; margin:0 5px;}
.media.attachement
{
	margin-bottom:0;
	background:#fff;
	padding:10px;
	 box-shadow:0 0px 25px 0 rgba(0, 0, 0, 0.09), 0 1px 0px 0 rgba(0, 0, 0, 0.09);
	/* border-bottom:solid 2px #f0efea;*/
}
.media.attachement .profile-picture{ padding:0; border-radius:0; border:none; background:none;}
.media.attachement .profile-picture img{
border:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.user-avatar-list{ position:relative;}
.user-avatar-list .more-link {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 100px;
    color: #444;
    font-size: 0.85714em;
}
.user-avatar-list span {
    position: relative;
    display: inline-block;
}
.user-avatar-list span img {
    border: 1px solid #fff;
}
.thumb-xxs img, .thumb-xxs .user-char-image {
    height: 35px;
    width: 35px;
}
.line-height42{ line-height:42px;}
.custom-file-replace {
    padding: 6px 15px;
    border: 1px solid #a3bded;
    font-size: 1rem;
    background-color: #fff;
    color: #6487c8;
	display:inline;
    border-radius: 20px;
    cursor: pointer !important;
	margin:0;
	line-height:44px;
}
.uploaderbrowsebutton{
    overflow: hidden;
    padding: 5px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 60ms ease-in-out;
    transition: all 60ms ease-in-out;
    text-align: center;
    white-space: nowrap;
    text-decoration: none !important;
    text-transform: none;
    text-transform: capitalize;
    border: 0 none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
	background-color: rgba(3, 169, 243, 0.1);
	color: #03a9f3;
	margin:0;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.widget-border .uploaderbrowsebutton:hover, .widget-border .uploaderbrowsebutton:focus{	background-color: rgba(3, 169, 243, 0.1);
	color: #03a9f3;}
.colapsediv.collapsed::after{ content:""; position:absolute;}
.colapsediv::after{ content:"\f078"; position:absolute; left:-4px; background:#fff; font-family: 'FontAwesome'; width:18px; font-size:12px; line-height:45px; top:-12px;}
.p-r-25{ padding-right:25px;}
.form-group input, .form-group textarea, .form-group select {
    width: 100%;
    padding: 0.575rem 1.1rem;
    border: 1px dotted #ccc;
    font-size: 1rem;
    background-color: #fff;
    color: #666;
    border-radius: 0.25rem;
}
.dottedborder{ border:1px dotted #ccc;}
.thistory.new-vender::after{border-bottom: 8px solid #bbebe4;}
.thistory.new-vender
{
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
border:2px solid #bbebe4;
border-radius:4px;
background:#eff8f7!important;
}
.thistory.new-vender input, .thistory.new-vender textarea{background:#eff8f7!important; border-color:#6bb0a8;}
.thistory.existing-vender::after{border-bottom: 8px solid #bbebe4; left:140px;}
.thistory.existing-vender
{
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
border:2px solid #bbebe4;
border-radius:4px;
background:#eff8f7!important;
}
.thistory.new-vender .movelabel{ background:#eff8f7;}
.modal-body.heightpop {
    max-height: calc(100vh - 175px);
    overflow-y: auto;
}
.search-text{ border:none; border-bottom:2px solid #eee; width:100%; padding:0 0 10px 26px; background:url(../images/search-bg.png) no-repeat;}
.search-text:focus{border-bottom:2px solid #95d4c8;}
.noborder{ border:none;}
.building-pic1 {
    background: url(../images/building.png) no-repeat;
}
.prof-smll.building-pic1 {
    width: 45px;
    height: 52px;
    overflow: hidden;
    border-radius:0;
    margin-right: 10px;
}
.card-box.list.selected {
 	background: rgb(255, 255, 255) url("../images/tick-on-hover.png") no-repeat scroll right 15px;
}
.newvendorbtn.select, .existvendorbtn.select{ background:#bbebe4; color:#1d8374!important;}
.something-went-wrong{ background:url(../images/something-went-wrong.jpg) bottom center no-repeat; background-size:cover; background-color:#fff; min-height:80vh; margin-top:15px; padding:9vh 5vw;}
.somethingwent-iner h2{
	font-size:5vh;
	background: -webkit-linear-gradient(#09d2b7, #5564dc);
    background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom:12px;
	line-height:6vh;
	}
.somethingwent-iner p{ color:#767676;}
.forgotheader{ text-align:center; padding:0; margin-bottom:25px;}
.forgotheader li{ display:inline-block; padding-bottom:5px; cursor:pointer;}
.forgotheader li.active{ border-bottom:2px solid #e32726;}
.forgotheader li:first-child{ margin-right:3px;}
.forgotheader li:last-child{ margin-left:3px;}
.email-icon {
    background: url(../images/email-icon.png) no-repeat right center;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto auto;
    background-size: 40px;
}
.mob-icon {
    background: url(../images/mob-icon.png) no-repeat right center;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto auto;
    background-size: 40px;
}
.toggle-item.absolute{ position:absolute; right:10px; top:50%; width:105px; border:none; padding:4px; transform: translateY(-50%);}	
.reinvoke-btn{ color:#3f92be; border:1px solid #b0d3e4; border-radius:40px; padding:5px 15px; background:none; cursor:pointer;}
.reinvoke-btn:hover{ color:#fff; border:1px solid #98cae2;background:#3f92be;}
.max-w-20{ max-width:40px;}
.adfilterbtn.collapsed small::after {
    content: "Show Advanced Filter";
    position: absolute;
    width: auto;
    text-decoration: underline;
    display: inline-block;
    min-width: 80px;
}
.adfilterbtn small::after {
    content: "Hide Advanced Filter";
    position: absolute;
    width: auto;
    text-decoration: underline;
    display: inline-block;
    min-width: 80px;
}
.adfilterbtn{ min-height:15px; display:block;}
.p-5-10{ padding:5px 10px!important;}
.font12impo{ font-size:12px!important;}
.startenddate{ background:#fff;}
.startenddate .pr{ padding-right:1px;}
.startenddate .pl{ padding-left:1px;}

	.modal.from.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 60%;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.from.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.from.right .modal-body {
		padding: 15px 15px 80px;
	}

	.modal.from.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.from.right.fade.in .modal-dialog {
		right: 0;
	}
	

.mtable {width:100%;border-collapse:separate; border-spacing:0 10px; margin-top:10px;}
.mtable table td { border:none;}
.trow{box-shadow:1px 1px 1px inset #ddd; min-width:260px;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3); border-radius:5px; overflow:hidden; margin-bottom:7px;}
.tcell{display:inline-block; padding:7px 10px; vertical-align:middle; float:left; min-height:62px; line-height:30px;}	
.trow .checkbox-label{ padding:8px 14px; border-radius:40px; width:auto; font-size:12px; min-width:100px; text-align:center; margin:6px 0;}
.trow .checkbox-input:checked + .checkbox-label .checkbox-text
{
-moz-transform: translate(0, 0px);
-ms-transform: translate(0, 0px);
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px);
}
.trow .checkbox-label::before{ width:17px; height:17px; background-size:9px;}
.trow .checkbox-input:checked + .checkbox-label{ box-shadow:none;}
.trow .profile-picture{ padding:0; margin:0!important;}
.durationdiv{ border:1px solid #a3bded; width:auto; padding:6px 14px; border-radius:30px; display:inline-block; height:36px; line-height:20px;}
.atimesize {
    font-size: 12px !important; margin-bottom:0px; margin-right:5px;
}
.tcell.profile{ width:68px;}
.tcell.activecheck{width:98px;}
.tcell.escalationcheck{width:140px;}
.tcell.actiontime{width:200px; padding-top:13px;}
.tcell.actiondelete{width:60px;}
.tcell.namefield{width:calc(100% - 570px); line-height:22px;}
.tcell label{ margin:0;}
.tcell.actiondelete, .tcell.activecheck, .tcell.escalationcheck{ line-height:45px;}

.durationdiv input{ border:none; width:50px; font-size:13px;}
.normalcheckesc input, .normalcheckacti input{ position:relative;}
#sidediv {
    position: fixed;
    bottom: 0 !important;
    width: 100%;
    overflow-y: auto;
    height: 100%;
}
.confirm-button:disabled,
.confirm-button[disabled]{
	opacity:0.7;
	cursor:not-allowed;
}
/*.normalcheck[type='checkbox']:after{
    line-height: 1.5em;
    content: '';
	position:absolute; left:0;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: -2px;
    margin-left: -8px;
    border: 1px solid rgb(192,192,192);
    border-radius: 0.25em;
    background: rgb(255,255,255);
}*/

.normalcheckacti input[type='checkbox']:after{
    line-height: 1.5em;
    content: 'Active';
	font-size:12px;
	padding:8px 14px;
	position:absolute; left:0;
    display: inline-block;
	width: 48px;
    margin-top: -9px;
    margin-left: -2px;
    border: 1px solid #d0d0d0;
    border-radius: 0.25em;
    background: rgb(255,255,255);
	text-align:center;
	border-radius:40px;
	cursor:pointer;
	color:#999;
}

.normalcheckacti input[type='checkbox']:checked:after {
	width: 48px;
	color:#00ae95;
	font-size:12px;
	position:absolute;
	text-align:center;
	font-family: 'FontAwesome';
	content: "\f00c Active";
}
.normalcheckesc input[type='checkbox']:after{
    line-height: 1.5em;
    content: 'Auto Escalation';
	font-size:12px;
	padding:8px 14px;
	position:absolute; left:0;
    display: inline-block;
	width: 92px;
    margin-top: -9px;
    margin-left: -2px;
    border: 1px solid #d0d0d0;
    border-radius: 0.25em;
    background: rgb(255,255,255);
	text-align:center;
	border-radius:40px;
	cursor:pointer;
	color:#999;
}

.normalcheckesc input[type='checkbox']:checked:after {
	width: 92px;
	color:#00ae95;
	font-size:12px;
	position:absolute;
	text-align:center;
	font-family: 'FontAwesome';
	content: "\f00c AutoEscalation";
}

.bordernone{ border:none;}
.estimatedAr{ font-size:12px; line-height:37px;}
.estimatedAr span{ display:inline-block; width:40px; height:40px; border-radius:40px; border:1px solid #839de7; text-align:center; background:#c6d2f3; color:#4a6ac6; position:relative; font-weight:bold; font-size:13px; letter-spacing:1px; margin-left:4px;}
.estimatedAr span::after{ width:44px; position:absolute; height:44px; display:block; content:""; border:1px dashed #839de7; z-index:1; top:-4px; left:-4px; border-radius:42px; -webkit-animation: Rotate 5s infinite linear; -moz-animation: Rotate 5s infinite linear; animation: Rotate 5s infinite linear;}
.estimatedAr.absolute{ position:absolute; top:3px; right:-1px; display:none;}
.estimatedAr.absolute span{ width:33px; height:33px; line-height:31px; font-size:17px;}
.estimatedAr.absolute span::after{ width:37px; height:37px;}
.trumbowyg-dropdown.trumbowyg-fixed-top{ right:0!important; left:auto!important;}

input.normalcheckbox[type='checkbox']:after{
    line-height: 1.5em;
    content: '';
    display: inline-block;
		font-size:12px;
    width: 18px!important;
    height: 18px!important;
    margin-top: -4px;
    margin-left: -1px;
    border: 1px solid rgb(192,192,192);
    border-radius: 0.25em;
    background: rgb(255,255,255);
}

input.normalcheckbox[type='checkbox']:checked:after {
	color:#00ae95;
	font-size:12px;
	position:absolute;
	text-align:center;
	font-family: 'FontAwesome';
	content: "\f00c";
}
.formcheckbox{
    margin: 7px 0 23px 0;
}
.formcheckbox input{
	margin-right:6px;
}
.h26vh {
    min-height: 18vh;
}
.card-box-board {
    padding: 15px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: #ffffff;
    position: relative;
    display: block;
    box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.1);
}
.bg-green {
	background: rgb(19,212,185) url('../images/bg-todolist.png'); background-size:cover; background-repeat: no-repeat;
}
.bg-violet{
		background: rgb(50,70,221) url('../images/bg-watchlist.png'); background-size:cover; background-repeat: no-repeat;
}
.start-head {
    padding-top: 5vh;
}
.start-head {
    color: #fff;
    font-weight: bold;
    margin: 0;
    font-size: 1.5em;
    line-height: 1.2em;
    padding-top: 9vh;
}
.start-head span{ display:inline-block; margin-left:5px; background:#ff5d48; color:#fff; padding:3px 4px; border-radius:40px; min-width:30px; min-height:30px; font-size:18px; text-align:center;}
.start-head.yellow span{background:#f2c52a;}
.survey-rocket-image {
    max-width: 7vh;
    position: absolute;
    top: 3vh;
    right: 3vh;
}
.minHight-53vh{ min-height:54.3vh;}
.item-list{ border-bottom: 1px dashed #ccc; padding:10px 0;}

.inbox-widget .inbox-item {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;
    position: relative;
}
.inbox-widget .inbox-item .inbox-item-img {
    display: block;
    float: left;
    margin-right: 15px;
    width: 40px;
}
.inbox-widget .inbox-item img {
    width: 47px;
}
.inbox-widget .inbox-item .inbox-item-author {
    color: #333333;
    display: block;
    margin: 0;
}
.inbox-widget .inbox-item .inbox-item-text {
    color: #a0a0a0;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.inbox-widget .inbox-item .inbox-item-date {
    color: #a9a9a9;
    font-size: 11px;
    position: absolute;
    right: 7px;
    top: 2px;
}
.inbox-item-date .tableAction{ line-height:56px; cursor:pointer;}
.inbox-item-author .popdiv{ width:135px;}
.daterange{ border:1px solid #ccc; border-radius:20px 0 0 20px; width:192px; min-height:30px; padding:4px 12px; font-size:12px;}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover{ color:#fff;}
.text-right{ text-align:right;}
.text-left{ text-align:left;}
.btn-sm, .btn-group-sm > .btn{ padding:0.30rem 0.85rem;}
.dashboard-submit-button{
	display: inline-block!important;
	width:auto!important;
	 font-size:12px;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
min-height:30px; 
cursor: pointer;
user-select: none;
border: 1px solid transparent!important;
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important;
 padding:4px 12px!important;

border-radius: 0 20px 20px 0!important;
color: #fff!important;
background-color: #1bb99a!important;
border-color: #1bb99a!important;
margin:-1px 0 0 -3px;

-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.dashboard-submit-button:hover, .dashboard-submit-button:focus, .dashboard-submit-button:active{opacity:0.8; }
#graph-container{ margin-top:10px;}
.printbtn{ border:1px solid #ccc; border-radius:20px; width:50px; min-height:30px; padding:4px 12px; font-size:12px; cursor:pointer; background:#fff;}
/*Checkboxes styles*/
.dashboard-check{ display: none; }
.dashboard-check[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
  color: #727272;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width:112px;
  margin:0 auto;
  font-size:13px;
}
.dashboard-check[type="checkbox"] + label:last-child { margin-bottom: 0; }
.dashboard-check[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #3343dd;
  position: absolute;
  left: 0;
  top: 2px;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}
.dashboard-check[type="checkbox"]:checked + label:before {
  width: 8px;
  top: -1px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.prof-header{ background:url(../images/prof-edit-bg.jpg) repeat; width:100%; height:26vh; min-height:180px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:1px solid #eee; margin-bottom:25px; text-align:center;}
.border-dash-bottom{ border-bottom:1px dotted #ccc;}
.prof-big-container{ width:80px; height:90px; margin:0 auto; padding:5px;  margin-bottom:10px;background:#fff; box-shadow:0 0px 18px 0 rgba(0, 0, 0, 0.3), 0 0px 0px 0 rgba(0, 0, 0, 0.3)}

.prof-bg i{ color:#ccc; font-size:22px;}
.prof-header{ padding:5vh 0;}
.inbox-item-author.summary{ font-size:14px; font-weight:500; color:#666!important; margin-bottom:8px!important;}
.summary i{
	padding-top: 2px;
	width: 18px;
	height: 18px;
	color: #fff;
	border-radius: 19px;
	font-size: 10px;
	text-align: center;
	padding-top: 4px;
}
.summary i.fa.red{ background:#e4504d!important;}
.summary i.fa.green{ background:#2be7a7!important;}
.summary i.fa.blue{ background:#4ba2e5!important;}
.summary i.fa.yellow{ background:#e6ca30!important;}
.summary i.fa.pink{ background:#fc5c98!important;}
.inbox-widget .inbox-item:last-child{ border:none!important; padding-bottom:0;}
a.inbox-item-text:hover{color: #47a79c!important;
text-decoration: none;}
.lightgreenbg{ background:#e8f6f4; padding:8px!important;}
.canvas-holder {
    width: 100%;
    margin: 0 auto;
	text-align:center;
}
.graph-legent{ text-align:left; margin:25px 0 0 0;}
.canvas-holder h4{ margin:25px 0;}
.legentitem{ display:block; width:100%; overflow:hidden; line-height:21px; color:#666;}
.legentcolor,.legentcontent,.legentvalue{ float:left;}
.legentcontent{text-align:left; font-size:12px;}
.legentcolor{ margin-right:5px;}
.bookmark{ background:#e2e2e2; color:#fff; width:24px; height:24px; border-radius:24px; text-align:center; padding-top:0px; font-size:13px; position:absolute; top:18px; left:-10px; border:2px solid #fff;}
.bookmark.active{ background:#44ddc8; color:#fff;}
.bookmark:hover, .bookmark:active, .bookmark:focus{color:#fff;}
.bookmark-green{ background-color:#44ddc8; color:#fff; width:24px; height:24px; border-radius:24px; text-align:center; padding-top:0px; font-size:13px; position:absolute; top:18px; left:-10px; border:2px solid #fff; background-image:url(../images/bookmark-icon.png); background-repeat:no-repeat; background-position:center center;}
.bookmark-gray{ background-color:#e2e2e2; color:#fff; width:24px; height:24px; border-radius:24px; text-align:center; padding-top:0px; font-size:13px; position:absolute; top:18px; left:-10px; border:2px solid #fff; background-image:url(../images/bookmark-icon.png); background-repeat:no-repeat; background-position:center center;}
.right-gray-number{ color:#e8e8e8; font-size:31px; font-weight:bold; line-height:46px;}
.sunrise{ text-align:center;}
.heightmorethan100per{ height:103%;}
.height100per{ height:100%;}
.height98per{ height:98%;}
.modal.fade {
    background: rgba(0,0,0,0.5);
}
.rightmodal {
    position: static!important;
}
.uploadergrid{ min-width: 100% !important;}
.uploaderbrowsebutton{ padding:0.975rem 1.1rem!important;}
.uploaderbrowsebutton:hover{ background:#f2f2f2!important;}
.approve-btn{
	background-color: #1ab798;
	background-image: url(../images/approveall-img.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:18px;
	color:#fff;
	border: 1px solid #1bb99a;
	text-decoration:none;
	padding: 0.375rem 1rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	padding-left:32px;
	cursor:pointer;
}
.approve-btn:hover, .approve-btn:focus, .approve-btn:active {
    color: #fff;
    background-color: #158c75!important;
    border-color: #13846e;
}

.printflow-head {
    display: none;
}
.morphsearch-active .morphsearch {
    width: 100% !important;
    min-height: 100% !important;
    bottom: 0px !important;
    left: 0px !important;
    overflow-y: auto !important;
    border-radius: 0 !important;
}
.morphsearch-active .custom-file-upload2 {
    position: static;
    display: none;
}
.morphsearch-active .morphsearch-form {
    width: 80%;
    height: 160px;
    -webkit-transform: translate3d(0,3em,0);
    transform: translate3d(0,3em,0);
}

.morphsearch-active .morphsearch-input {
    display: none;
}

.morphsearch-active .morphsearch-submit {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
    transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.morphsearch-active .morphsearch-close {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.morphsearch-active .morphsearch-content {
    opacity: 1;
    margin-top: 4.5em;
    padding-bottom: 25px;
    height: auto;
    overflow: visible; /* this breaks the transition of the children in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=625289 */
    pointer-events: auto;
    -webkit-transition: opacity 0.3s 0.5s;
    transition: opacity 0.3s 0.5s;
}


.morphsearch-active .dummy-column:first-child {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.morphsearch-active .dummy-column:nth-child(2) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.morphsearch-active .dummy-column:nth-child(3) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.morphsearch-active .dummy-column {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.activeFilter .rightCol.active {
    right:0!important;
}
.addFilterActive #adfilter {
    display:block!important;
}
p.m-b-0 small a{ font-size:13px; text-decoration:underline;}
.fast-track-detail{ padding:2px 5px;}
#fast-track-reason{ border:1px solid #eee; padding:5px 10px;}
.staticmodal{ position:static!important;}
.login .formsec input{ line-height:20px!important;}
.displaytable{ display:table;}
.text-bottom{vertical-align: bottom; color:#fff; padding: 0 5vw 3vw;}
.text-bottom p{ opacity:0.9;}
.table-cell{display:table-cell;}
#divProgressBar{ position: fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;overflow: hidden;padding: 0;margin: 0;background-color: #fff;filter: alpha(opacity=50);opacity: 0.5;z-index: 1000;}
#divMessage{position: fixed;top: 50%;left: 50%; margin-left:-50px; margin-top:-50px; width:100px; height:100px; z-index: 1001;vertical-align: middle;}
#divMessage img{ max-width:100px;}
.icon-pass-type{ padding-left: 30px;}
.icon-pass-type.pass-entry-icon{ background:url(../images/pass-entry-icon.png);background-size: 17px; background-repeat: no-repeat; }
.icon-pass-type.pass-crew-icon{ background:url(../images/pass-crew-icon.png);background-size: 17px; background-repeat: no-repeat; }
.icon-pass-type.pass-equipment-icon{ background:url(../images/pass-equipment-icon.png);background-size: 17px; background-repeat: no-repeat; }
.icon-pass-type.pass-lost-icon{ background:url(../images/pass-lost-icon.png);background-size: 17px; background-repeat: no-repeat; }
.icon-pass-type.pass-photography-icon{ background:url(../images/pass-photography-icon.png);background-size: 17px; background-repeat: no-repeat; }
.icon-pass-type.pass-vehicle-icon{ background:url(../images/pass-vehicle-icon.png);background-size: 17px; background-repeat: no-repeat; }
#progressBar {
  width: 100%;
  max-width:200px;
  margin: 10px auto;
  height: 5px;
  background-color: #d9d9d9;
}

#progressBar div {
  height: 100%;
  text-align: right;
  padding: 0 10px;
  line-height: 22px; /* same as #progressBar height if we want text middle aligned */
  width: 0;
  background-color: #689f39;
  box-sizing: border-box;
}
.timer{ color:#ababab; letter-spacing:1px;}
.countdownSec{ text-align:center; margin:15px 0!important;}
.otp-details-container span{ display:inline-block;}
.otp-edit{ padding:4px 10px;color:#ababab;}
.submitroundbtn {
    display: inline-block!important;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent!important;
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important;
    font-size: 1rem;
    line-height: 1.5!important;
    color: #fff!important;
    background-color: #e32726!important;
    border-color: #d51f1e!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Century Gothic", Arial;
	border-radius:50px!important;
	-moz-border-radius:50px!important;
	-webkit-border-radius:50px!important;
	position:absolute;
	right:3px;
	top:50%;
	transform: translateY(-50%);
	width:6.3vh;
	height:6.3vh;
}








.success-checkmark {
  width: 80px;
  height: 115px;
  margin: 0 auto;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: 4px solid #4CAF50;
  margin:0 auto;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: "";
  height: 100px;
  position: absolute;
  background: #FFFFFF;
  transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #4CAF50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: #FFFFFF;
}







@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}











@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes Rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes Rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@media only screen and (min-width: 700px) {
  .no-js .cd-nav li {
    width: 33.3%;
    float: left;
  }
  .no-js .cd-nav li:nth-of-type(2n) a {
    border-right-width: 1px;
  }
}
.profile-picture.dolist .border{ display:block;}
.media.block{ box-shadow:0 0px 20px 0 rgba(0, 0, 0, 0.08), 0 1px 0px 0 rgba(0, 0, 0, 0.05); padding:15px; margin-bottom:5px; border-radius:5px;}

@media only screen and (min-width: 1024px) {
  .no-js .cd-nav li {
    width: 16.66%;
    float: left;
  }
  .no-js .cd-nav li:nth-of-type(3n) a {
    border-right-width: 1px solid #e0cf75;
  }
  #graph-area{ min-height:555px;}
}

@media only screen and (max-width: 1200px) {
	.cd-nav-container {
    width: 70%;
  	}
	.tinfo-head li.border{ padding:10px; font-size:13px;}
	.trow{ display:block; margin-bottom:10px;}
	.tcell{ display:inline-block;}
		.modal.from.right .modal-dialog {
		width: 80%;
		}
		.inbox-item-author .popdiv{ width:90px;}
		
}
@media only screen and (max-width: 991px) {
  .act_hd_lst li a h3{ font-size:11px;}
  .act_hd_lst li a{ padding:0 4px 0 4px;}
  .unitmapsearch{ height:auto!important; min-height:40px;}
  .unitmaparrow{ right:50%!important; top:auto!important; bottom:-10px!important; margin:0 -20px 0 0!important;}
  .unitmaparrow i{ transform: rotate(90deg); margin-left:2px;}
  .perminame{ width:100%; float:none;}
	.permiaction{width:100%; float:none;}
	.prevticketstatus{ position:static;}
	.droppable .dropdown-menu{min-width:110px;}
	.timeline-split .timeline-info{ min-width:50px;}
	.actionbar{ width:90px;}
	.commentbox{ width:calc(100% - 140px);}
	.cd-nav-container {
    width: 80%;
  	}
	.floattab li a{ padding:4px 7px; font-size:11px;}
	.floattab{ top:58px;}
	.morphsearch {
    	width: calc(100% - 120px);
	}
	.modal.from.right .modal-dialog {
		width: 100%;
		}
		.custom-graph-text{min-width:20px!important;}
			.legentcontent{ min-width:160px;}
	.legentitem{ display:inline-block; width:auto;}
	.graph-legent {
    text-align: center;
	}
	.bookmark{width:20px; height:20px; border-radius:20px; padding-top:0px; font-size:10px; position:absolute; top:50%; margin-top:-8px; left:-20px;}
	.bookmark-green, .bookmark-gray{width:20px; height:20px; border-radius:20px; padding-top:0px; font-size:10px; position:absolute; top:50%; margin-top:-8px; left:-20px;}
	.tcell.namefield{ width:calc(100% - 70px);}
	.tcell{ min-height:0;}
	.tcell.escalationcheck{ width: calc(100% - 300px);}
	.tcell.activecheck{width:228px;}
	.tcell.actiondelete, .tcell.activecheck, .tcell.escalationcheck{ line-height:20px;}
	.tcell.actiontime{ padding-top:0; padding-left:75px; width:265px;}
	
}
@media only screen and (max-width: 767px) {
	.fullHeightImg{ height:auto;}
	.posabs{ top:0; position:static; color:#666;}
	.posabs p{ display:none;}
	.carousel.login .item{ height:auto;}
	.carousel.login, .carousel.login .carousel-inner, .carousel.login .item{ height:auto;}
	.form-login .formsec .movelabel.active{ font-size:1.9vh;}
	.loginPad{ font-size:11px; padding:2vw 13vw;}
	.log-footer{ height:auto;}
	.right-insider, .slimScrollDiv{ height:auto!important;}
	.input-left{ width:100%; float:none; margin-bottom:22px;}
	.input-right{ width:100%; float:none; margin-left:0; position:relative;}
	.disinb{ margin-bottom:15px!important;}
	.id-reson{ right:50%; top:40px;}
	.droppable{ padding:7px;}
	.droppable h3{ font-size:15px;}
	.workflowUserHead{ width:20px; height:20px;}
	.wnumber{ width:20px; height:20px; padding-top:1px; font-size:10px;}
	.small-m-b-23{ margin-bottom:23px;}
	.cd-nav-container {
    	width: 100%;
  	}
	.mobnone{ display:none!important;}
	.reopen-head{ text-align:left;}
	.person-reopen-start.green{ margin-bottom:25px;}
	.arrow-float{ font-size:14px!important; top:65%; left:40px;transform: rotate(90deg);-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}
	.floattab{ display:none;}
	.new-badge{width:25px; height:25px; display:block; background-size:25px;}
	.at-floating-navigation-button{ line-height:30px!important;}
	.mob-m-b-10{ margin-bottom:10px!important;}	
	.hide-mob{ display:none;}
	.login-left{ background:url(../images/mob-bg.jpg) center center/cover no-repeat;}
	.logo-size img{ max-width:80px;}
	.only-mob{ visibility:visible;}
	.form-login .formsec input, .form-login .formsec textarea, .form-login .formsec select{ background-color:rgba(255,255,255,0.9); border:none; padding:12px 50px 12px 18px;}
	.btn.disabled, .btn:disabled{ opacity:1;}
	.form-login a{ color:#c8c8c8;}
	.only-mob{ display:block;}
	.rowfull{ position:absolute;}
	body{ padding-bottom:30px!important;}
	.MobhideBtstripBtn .dt-buttons.btn-group{ display:none;}
	.forgotheader{ margin-bottom:20px; color:#fff;}
	.forgotheader li.active{border-color:#90fbe6;}
	.email-icon, .mob-icon{ padding:1vh 60px 1vh 15px !important; background:none;}
	.toggle-item.absolute{ background:none; width:30px;}
	.toggle-item.absolute input[type="checkbox"] + label::before{ background:rgba(255,255,255,0.8);}
	.startenddate .pr{ padding-right:10px;}
	.startenddate .pl{ padding-left:10px;}
	.modal.from.right .modal-dialog {
		width: 100%;
	}
	.tcell.namefield {
    min-width: 150px;
	}
	.trumbowyg-editor{ height:auto!important; min-height:180px!important;}
	.logologin{ display:block;}
	.timeDisplay, .sunriseIcon{ display:inline-block;}
	.timeDisplay p{ margin:0; font-size:14px;}
	.sunriseIcon img{ max-width:50px;}
	.sunriseIcon{ margin-left:-20px;}
	.sunrise{ padding:5px 0; background:rgba(255,255,255,0.4); height:48px; margin-bottom:15px;}
	h6.only-mob.text-center.m-b-30.m-t-10.text-white{ margin-top:-15px!important;}

}
@media only screen and (max-width: 640px) {
	.dataTables_filter label, .dataTables_filter label input{ width:100%!important; margin:0!important;}
	.dt-buttons.btn-group, .dataTables_length{ display:inline-block; width:auto; float:right;}
	.dataTables_length{ float:left;}
	h3.page-title{ font-size:1.35rem; margin-bottom:5px!important;}
	.errorimg{ max-width:55vw;}
	.error-container h2{ font-size:6.5vh; margin-top:10px;}
	.error-container{ padding:10vh 3vw;}
	ul.permisionlist li{ padding: 8px 2px;}
	.at-floating-navigation-button{ font-size:11px;}
	.actionbar{ width:75px;}
	.commentbox {
    width: calc(100% - 124px);
	}
	ul.upload-answer li:nth-child(1):nth-last-child(3), ul.upload-answer li:nth-child(2):nth-last-child(2), ul.upload-answer li:nth-child(3):nth-last-child(1){ width:32.5%;}
	.provconvert .btn, .provdiscard .btn{ font-size:12px;}
	.form-login .formsec input, .form-login .formsec textarea, .form-login .formsec select{padding:12px 50px 12px 18px;}
	.morphsearch { width: calc(100% - 105px);}
	input{ font-size:16px;}
	.heightmorethan100per{ height:auto;}
	.right-gray-number{ font-size:20px;}
	.tcell.activecheck, .tcell.escalationcheck{ width:100%; padding-left:75px;}
	input{ font-size:16px!important;}
	input.daterange{ font-size:13px!important;}
	.ticketstory .single-time.float-right{
		float: left;
		display: block;
		width: 100%;
		border-left: 1px dotted #ccc;
		background:#f2f2f2;
		padding: 5px 10px;
		margin-top: 10px;
		}
		.bookmark{display:none;}
		.tcell.radioinput {
    		margin-bottom: 10px;
		}
		.sectionName{ display:none;}
}
@media only screen and (max-width: 434px) {
	.dataTables_length{ display:none;}
	.dt-buttons.btn-group{ width:100%;}
	.dt-buttons.btn-group a{ width:33.333333%; margin:0; float:left!important;}
	.footer{ text-align:center!important;}
	 body {font-size: 13px;}
	.page-title-box .breadcrumb {font-size: 11px;}
	.droppable{ margin:-3px; border-width:1px;}
	.mandatory{ margin:0;}
	.droparea .col-md-6:first-child{ padding-right:4px;}
	.droparea .col-md-6:last-child{ padding-left:4px;}
	.floattab li a{font-size:10px;}
	ul.upload-answer li label{ font-size:13px;}
	.daterange{ width:110px;}
	.actn-type{ padding-left:10px;}
	.tcell.actiondelete{ margin-bottom:8px; padding-left:75px; width:100%;}
	.tcell.actiondelete a.tableAction.deletewf{ width:100%; display:block; background:#92bfd3; color:#fff; border-radius:4px; text-align:center; }
	
}

@media screen and ( max-height: 680px ){
    .prevticketstatus{ position:static;}
}


/*iphone zoomin remval*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}



/*last-custom-popup 01-aug-2018*/
.popup {
    background: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    background-clip: padding-box;
    outline: 0;
    width:100%;
    max-width:600px;
}
.popup.widthhigh {
    min-width: 600px !important;
}
.popupbg::after {
        width: 100%;
        height: 100%;
        content: " ";
        position: fixed;
        z-index: -1;
        background: rgba(0,0,0,0.3);
        left: 0;
        top: 0;
}













/* ===========
   Timeline-2
 =============*/
 .timeline-2 {
  border-left: 2px solid #64b0f2;
  position: relative; margin-left: 5px; }
  .timeline-2 .time-item:after {
    background-color: #ffffff;
    border-color: #64b0f2;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    bottom: 0;
    content: '';
    height: 10px;
    left: 0;
    margin-left: -7px;
    position: absolute;
    top: 5px;
    width: 10px; }

.time-item {
  border-color: #dee5e7;
  padding-bottom: 10px;
  position: relative; }
  .time-item:before {
    content: " ";
    display: table; }
  .time-item:after {
    background-color: #ffffff;
    border-color: #64b0f2;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    bottom: 0;
    content: '';
    height: 14px;
    left: 0;
    margin-left: -8px;
    position: absolute;
    top: 5px;
    width: 14px; }

.time-item-item:after {
  content: " ";
  display: table; }

.item-info {
  margin-bottom: 15px;
  margin-left: 15px; }
  .item-info p {
    font-size: 13px; }

.rating-md i {
  font-size: 18px; }

.rating-lg i {
  font-size: 24px;
}
  .admin-menu .menu-center ul{ margin: 0; padding: 10px; border-bottom: 2px solid #f4eded; max-width: 100%; overflow-x: auto;white-space: nowrap; background: #fff; margin-right:5px!important;}
  .admin-menu.stickysec{z-index: 1;}
  .admin-menu .menu-center li{ display: inline; list-style: none;}
  .admin-menu .menu-center li a{color:rgba(51, 51, 51, 0.9); padding: 5px 8px 10px 5px;}
  .admin-menu .menu-center li a.active{ color: #e32726; position: relative;}
  .details-head{ padding: 0 0 5px 35px; line-height: 35px; line-height: 24px; margin-bottom: 20px; display: inline-block;}
  .dl-horizontal.detail{ border-bottom: 1px dashed #e1e1e1; margin-bottom: 10px;}
  /* .dl-horizontal.detail:last-child{ border-bottom:none;} */
  .section-details{ padding: 15px 20px;}
  .section-details:last-child{ padding-bottom: 50px;}
  .dl-horizontal.detail .col-sm-8{ min-height: 22px;}
  .details-head.pass{ background:url(../images/detailtype1.png);background-size: 25px; background-repeat: no-repeat; }
  .details-head.applicant{ background:url(../images/detailtype2.png);background-size: 25px; background-repeat: no-repeat; }
  .details-head.passport{ background:url(../images/detailtype3.png);background-size: 25px; background-repeat: no-repeat; }
  .details-head.attachment{ background:url(../images/detailtype4.png);background-size: 25px; background-repeat: no-repeat; }
  .details-head.documents{ background:url(../images/detailtype5.png);background-size: 25px; background-repeat: no-repeat; }
  .details-head.payment{ background:url(../images/detailtype6.png);background-size: 25px; background-repeat: no-repeat; }
  .details-head.vehicle{ background:url(../images/detailtype7.png);background-size: 25px; background-repeat: no-repeat; }
  .details-head.search{ background:url(../images/detailtype8.png);background-size: 25px; background-repeat: no-repeat; }
  .area-icon img{ max-width: 30px;}
  .area-icon{display: inline-block; margin-right: 10px;}
  .device-icon img{ max-width: 30px;}
  .device-icon{display: inline-block; margin-right: 10px;}
  .prof-bg {
    width: 70px;
    height: 80px;
    overflow: hidden;
}
.prof-bg img{ width: 100%;}

.link-group{ padding-top: 19px;}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  position: relative;
}
.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.section-attachment{ padding: 0; margin: 0;}
.section-attachment li{ background: #fff; border-radius: 5px; margin-right: 10px; display: inline-block;list-style: none; box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.3), 0 0px 0px 0 rgba(0, 0, 0, 0.3); min-width: 176px; margin-bottom:30px;} 
.attachment-round{ width: 100px; height: 100px; border: 4px solid #e1e1e1; border-radius: 50px;}
.detail-btn{ border-top: 1px solid #ccc;}
.half{ width: 50%; padding: 8px; text-align: center;}
.left{ float: left; border-right: 1px solid #eee; }
.right{ float: right;}
.right.half{ width:100%;}
.left.half + .right.half {
 width:50%;
}
.p10{ padding: 10px;}
.attachimage{ text-transform: uppercase; background: #f1f1f1;}
.m-0{ margin: 0;}
.line{ width: 100%; height: 1px; background: #fff; border-bottom:1px dashed #ccc; margin: 10px 0;}
.whole-icon-outer{display:block;}
.whole-icon-header{
	background:#fff;
	float:right;
	display:inline-block;
	position:relative;
	padding:8px 8px 8px 0;
	min-width:280px;
}
.whole-icon-header:after{
width: 0;
height: 0;
content:"";
position:absolute; top:0; 
left:-50px;
border-style: solid;
border-width: 0 0 50px 50px;
border-color: transparent transparent #ffffff transparent;
}
.whole-icon-header a{ margin-left:5px; min-width:80px;}
.whole-icon-header .dropdown-menu a{ margin-left:0;}
.whole-icon-header .dropdown-menu .dropdown-item {
    padding: 10px 20px;
}
.whole-icon-floatLeft{ float:left;}
.m-t-6px{ margin-top:6px;}
.p-t-8px{ padding-top:8px;}
.translateAbove{ margin-top:7px; position:relative; background:#f5f8fe; display:inline-block; width:100%;}
.translateAbove textarea{
	background:#f5f8fe; padding:5px 10px; border:none; width:100%; height:34px; resize: none;
	font-size:13px;     font-family: "Century Gothic", Arial;
	transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
}
.onFocusShow{ display:none;}
.translateAbove textarea:focus {
    height: 100px;
}
.translateAbove textarea:focus + .onFocusShow {
	display:inline-block;
}
.translateAbove:after
{
	position:absolute; left:30px; top:-5px;
width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid #f1f1f1;
  content:"";
  }
  .translateAbove.arabic textarea{ text-align:right;}
  .translateAbove.arabic .onFocusShow{ float:left;}
    .translateAbove.english textarea{ text-align:left;}
  .translateAbove.english .onFocusShow{ float:right;}
  .moreDocumentsText {
    color: #555;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.7px;
}
.MoreDocumentsContainer {
    width: 100%;
}
.docudelete .delete-item {
    right: 0px;
    position: absolute;
    top: 23px;
    height: 39px;
    padding-top: 9px;
    z-index: 1;
}
.delete-item {
    padding: 4px 8px;
    cursor: pointer;
}
.lang-block {
    position: relative;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 13px;
    min-height: 34px;
    color: #fff;
    line-height: 28px;
    margin-top: 18px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: none;
    border-radius: 30px;
    width: auto;
    padding: 0 30px;
}
.lang-block:hover, .lang-block:focus {
    background: #fff;
}
.lang-block.first-pages{ position:absolute; left:5vw; top:20px;}
.lang-block.first-pages.only-mob{left:-1px; top:10px; border-top-left-radius:0px; border-bottom-left-radius:0px; margin:0;}
.translate-box{
	display:flex;
	border:1px solid #dadada;
	margin-bottom:20px;
	position:relative;
	}
.lang-left{flex: 1; padding:35px 20px 20px 20px; position:relative;}
.lang-right{flex: 1; background:#f9f2f2;  padding:35px 20px 20px 20px; border:none; font-size:14px; line-height:15px;    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;}
.lang-right:focus{
		    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(0, 0, 0, 0.4);
}



.lang-right.arabic{ text-align:right;}
.lang-display-right span{ color:#ffff; background:#d4bebe; padding:1px 8px; border-radius:3px; margin-left:5px;}
.lang-display-right{ position:absolute; display:inline-block; font-size:11px; top:8px; right:10px; z-index:1; color:#bda2a2}
.lang-display-left span{  padding:1px 8px; color:#ffff; background:#dccccc; border-radius:3px; margin-right:5px;}
.lang-display-left{ position:absolute; display:inline-block; font-size:11px; top:8px; left:10px; border-radius:3px; z-index:1; color:#bda2a2;}
.translated-text{ display:none;}
.translated-text.text-right{ padding-right:20px; background:url(../images/translation-icon.png) no-repeat right top 5px; background-size:12px;}
.translated-text.text-left{ padding-left:20px; background:url(../images/translation-icon.png) no-repeat left top 5px; background-size:12px;}
.formsec textarea {
    min-height: 107px;
}
.checkRight {
    margin-top: 42px;
}
/*image checkbox*/

ul.imgCheckBlock {
  list-style-type: none;
  padding:0;
  margin:0;
}

.imgCheckBlock li {
  display: inline-block;
}

.imgCheckBlock input[type="checkbox"]{
  display: none;
}

.imgCheckBlock label {
  border: 1px solid #fff;
  padding: 8px 12px;
  display: block;
  position: relative;
  cursor: pointer;
}

.imgCheckBlock label:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -5px;
  left: 2px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  transition-duration: 0.4s;
  transform: scale(0);
}

.imgCheckBlock label img {
  height: 30px;
  width: 30px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

.imgCheckBlock :checked + label {
  border-color: #ddd;
}

.imgCheckBlock :checked + label:before {
  content: "✓";
  background-color: grey;
  transform: scale(1);
}

.imgCheckBlock :checked + label img {
  transform: scale(0.9);
  z-index: -1;
}
input.withslash {
    border-right: 1px solid #dadada!important;
}

.twoinput input {
    border: none;
    width: 50%;
    float: left;
    position: relative;
    border-radius: 0;
}
.twoinput {
    border: 1px solid #dadada;
    border-radius: 5px;
    min-height: 39px;
    overflow: hidden;
}
input.expired {
    border: 1px solid #e32726;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(227, 39, 38, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(227, 39, 38, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(227, 39, 38, 0.6);
}
.attachimage .delete-item {
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 1;
}
.delete-item {
    padding: 4px 8px;
    cursor: pointer;
}
.attachimage {
    text-transform: uppercase;
    background: #f1f1f1;
    position: relative;
}
.attachimage.expired::before {
    width: 100%;
    position: absolute;
    left: 0;
    top: -20px;
    color: #e32726;
    content: "Expired";
    font-size: 11px;
}

.attachimage.expired::after {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: -2px;
    background: #e32726;
    content: "";
}
.at-floating-navigation-item.disabled{ background:#f1f1f1; cursor:not-allowed;}
.msg-inside-action{ background:#f1f1f1; margin:0; padding:5px 10px;}
.bulk-actions{ position:fixed; left:0; bottom:0; z-index:10; width:100%; text-align:center; display:none;}
.bulk-action-link{ display:inline-block; color:#fff; padding:8px 16px; border:1px solid #fff; border-radius:4px; margin-right:5px; transition: all 1s ease-in-out;}
.actionbottom{ padding:22px 20px 22px 85px;}
.actionforcount{ padding:13px 20px 9px 85px;  background:rgba(255,255,255,0.2); color:#fff; float:left; width:160px;}
.actionforcount p{ line-height:12px;}
.actionforcount strong{ font-size:40px; line-height:25px;}
.bulk-action-link:hover, .bulk-action-link:focus, .bulk-action-link:active{ background:rgba(255,255,255,0.2); color:#fff;}
.graybg{ background:#646464;
}


.pass-Container {
    width: 189px;
    min-height: 295px;
	height:auto;
    position: relative;
/*	padding:20px 10px;*/
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
	margin:0 auto;
}
.padding-pass{ padding:20px 0;}
.pass-area {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.pass-boundary {
    display: block;
    height: 100%;
    width: 100%;
	border-radius:20px;
    position: absolute;
	overflow:hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
			box-shadow:0 0px 10px 0 rgba(0, 0, 0, 0.1), 0 0px 0px 0 rgba(0, 0, 0, 0.1);
}
.pass-boundary.front{
  background: #fff;
}
.pass-boundary.back {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.pass-area.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

.pass-top{ background:#e32726; width:100%; height:49px; position:relative; padding:0 4px;}
.pass-top:after{ width:40px; height:5px; background:#fff; border-radius:5px; content:""; position:absolute; left:50%; margin-left:-20px; top:5px;}
.pass-top img{ padding-top:17px; width:100%;}
.pass-heading{ font-size:9.5px; font-weight:bold; letter-spacing:0.01px; padding:4px; overflow:hidden;}
.pass-heading .english{ width:60%; float:left;}
.pass-heading .arabic{ width:40%; float:left;}

.pass-photo-area{ background:#c2c2c2; padding:10px 10px 0 10px;}
.pass-photo{ display:block; width:63px; height:82px; margin:0 auto; overflow:hidden; margin-bottom:10px;}
.pass-photo img{ width:100%; height:auto;}
.pass-photo-area h5{ text-align:center; color:#fff; font-weight:bold;}
.pass-date{ background:#e32726; padding:2px 5px; color:#fff; font-weight:bold; font-size:1.25rem;}
.pass-info{ background:#57585a; font-size:9px; color:#fff; min-height:100%; padding:10px 5px;}
.pass-info .english{ width:55%; float:left; padding:0 0.3rem 0 0.85rem;}
.pass-info .arabic{ width:45%; float:left; padding:0 0.85rem 0 0.3rem;}
.pass-info.no-data{ background:#fff; min-height:100%; color:#ccc; text-align:center; padding-top:40%; font-size:12px;}
.greenText {color: #0ea46d;}
table.dataTable tr.odd.disable, table.dataTable tr.even.disable {
    background: #f1f1f1!important;
}

table.dataTable.display tbody tr.even.disable > .sorting_1{
  background: #efe6e6 url(../images/disable-icon.png) no-repeat!important;
  background-position:top 9px right 10px!important;
  background-size:35px!important;
}
table.dataTable.display tbody tr.odd.disable > .sorting_1{
  background: #f6f0f0 url(../images/disable-icon.png) no-repeat!important;
    background-position:top 9px right 10px!important;
  background-size:35px!important;
}
.user-sign img, .user-seal img{ max-width:200px;}
.formseclike label {
    font-size: 13px;
    display: block;
}
.formseclike.inline-block label.input {
    display: inline-block;
    margin-right: 20px;
}
.imgCheckBlock.custom li{ margin-right:5px;}
.imgCheckBlock.custom label {
    border: 1px solid #ddd;
	padding-left:30px;
}
.imgCheckBlock.custom :checked + label {
    border-color: #0bb08b;
}
.imgCheckBlock.custom :checked + label:before
{
	background-color:#0bb08b;
}
.imgCheckBlock.custom label:before{
	 border-color: #0bb08b;
	 top:9px;
	 left:6px;
}
.imgCheckBlock.custom label:after
{
	content:"";
	position:absolute; width:16px; height:16px; border-radius:16px; top:9px; left:6px; border:1px solid #ddd;
}
.imgCheckBlock.custom :checked + label:after
{
	border:1px solid #fff;
	z-index:-1;
}
.new-ticket.single-line {
    line-height: 30px;
}
.template-boundary{ max-width:600px; width:100%; border:1px solid #eee; margin:0 auto; padding:20px;}
.Editor-container a{ color:#444;}
.fullwidthmodal .modal-dialog{ width:calc(100% - 40px); max-width:800px;}
.lineh32{ line-height:32px;}
.putSeal img{ max-width:150px; display:block;}
.viewTemplate:hover, .viewTemplate:focus, .viewTemplate:active{ color:#086f36;}
.radius100{ border-radius:100%;}
.prof-big-container.radius100{ width:80px; height:80px;}
.prof-bg.radius100{ width:70px; height:70px;}
.p-l-30{ padding-left:30px;}

@media screen and ( max-height: 620px ){
  .padding-pass{ padding:5px 20px;}
  ..at-floating-navigation-button
}
/*chart color*/


.reportpiechart .highcharts-color-0 {
  fill:rgba(0,150,136,0.5);
}
.reportpiechart .highcharts-color-1 {
  fill:rgba(0,188,212,0.5);
}
.reportpiechart .highcharts-color-2 {
  fill:rgba(103,58,183,0.5);
}
.reportpiechart .highcharts-color-3 {
  fill:rgba(156,39,176,0.5);
}
.reportpiechart .highcharts-color-4 {
  fill:rgba(233,30,99,0.5);
}


.statuschart .highcharts-color-0 {
  fill:rgba(3,208,162,0.5);
}
.statuschart .highcharts-color-1 {
  fill:rgba(0,150,136,0.5);
}
.statuschart .highcharts-color-2 {
  fill:rgba(235,208,58,0.5);
}
.statuschart .highcharts-color-3 {
  fill:rgba(221,37,36,0.5);
}
.statuschart .highcharts-color-4 {
  fill:rgba(0,188,212,0.5);
}
.reportbarchart .highcharts-point {
  stroke: #03d0a2;
  fill:rgba(1,236,183,0.5);
}



.pulse{
  box-shadow: 0 0 0 rgba(227,39,38, 0.8);
  animation: pulse 2s infinite;
}

.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(227,39,38, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 7px rgba(227,39,38, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(227,39,38, 0.8);
    box-shadow: 0 0 0 0 rgba(227,39,38, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 7px rgba(227,39,38, 0);
      box-shadow: 0 0 0 7px rgba(227,39,38, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(227,39,38, 0);
      box-shadow: 0 0 0 0 rgba(227,39,38, 0);
  }
}







.alert.hanging{width:100%;min-height:10px; max-width:600px; padding:3px 10px; border-top:0; top:113px; position:fixed; transform: translate(-50%, 0%); left:50%; z-index:2; font-size:13px; white-space:nowrap; line-height:13px; box-shadow:0 0px 4px 0 rgba(0, 0, 0, 0.02), 0 1px 0px 0 rgba(0, 0, 0, 0.02); border-left:2px solid #d9a132; border-right:2px solid #d9a132;}
.nodata{ width:100%; background:#fff; padding:16vh 20px; height:100%; text-align:center;}
.nodataimage{ max-width:55vh;}
.nodata h4{ margin:0;}

.icon-fast-track.fast {
    background: url(../images/fast-track-mode.png);
    background-size: 17px;
    background-repeat: no-repeat;
	color:#cf3f42;
	font-weight:500;
}
.icon-fast-track {
    padding-left: 20px;
}

/*not used other sections added on 24mar2020*/

.svg-box {
    display:inline-block;
    position: relative;
    width:150px;
}
.green-stroke {
    stroke:#7CB342;
}

.red-stroke {
    stroke: #FF6245;
}

.yellow-stroke {
    stroke: #FFC107;
}
.circular circle.path {
    stroke-dasharray: 330;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    opacity: 0.4;
    animation: 3.3s draw-circle ease-out;
}

.cross {
    stroke-width:6.25;
    stroke-linecap: round;
    position: absolute;
    top: 54px;
    left: 54px;
    width: 40px;
    height: 40px;
}

.cross .first-line {
    animation: 3.3s draw-first-line ease-out;
}

.cross .second-line {
    animation: 3.3s draw-second-line ease-out;
}

.timerfull{ font-size:20px;}
.timer0 .jst-hours, .timer0 .jst-minutes, .timer0 .jst-seconds{ display:inline-block;}
.alert.alert-danger:empty, .alert.alert-warning:empty, .alert.alert-success:empty {
   display: none!important;
}

/*adp*/
.mediumbtn{ color:#fff; text-decoration:none; width:100%; padding:4px 10px; border:1px solid #fff; border-radius:30px; display:block; text-align:center; background:rgba(255,255,255,0.1); margin:10px 0;}
.mediumbtn:hover, .mediumbtn:focus, .mediumbtn:active{background:rgba(255,255,255,1); color:#48C984;}
.mediumbtn.edit{ width:auto; display:inline-block; float:right; margin:-4px 0 0 0; padding:2px 20px;}
.equipmentlist{ padding:4px 10px; background:#f1f1f1; display:inline-block; width:100%; border:1px solid #e1e1e1;}
.equipContainer{ padding-top:25px; font-size:18px;}
.showifexpeience{ display:none;}
.dynamicFill .row:last-child{ margin-bottom:15px;}
.eqipinfo{ margin-bottom:5px; display:block;}
.DateSelected + .card-box{	border-top-left-radius:0;
	border-top-right-radius:0;}
.width100{ width:100%!important;}
.section-assesment{ background:#f2f2f2; margin-top: -4px;}
.dl-horizontal.detail:last-child{ border-bottom:0;}

.nav-tabs.tabs-left li a{ width:100%;
	display: block;
    width: 100%;
    padding: 0.8em 0.5em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-bottom:10px;
		background: #eee;
    color: #666;
        cursor:pointer;
	border: 1px solid #e8e8ee;
}
.nav-tabs.tabs-left li.active a{	
	    background: #2184be;
    color: #fff;
    cursor: default;
		border:0px;

}

.DateSelected{
	background:#48C984;
	color:#fff;
	margin:0px;
	text-transform:capitalize;
	box-shadow:0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
	-webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	}
.DateSelected .top{ border-bottom:1px solid #fff; padding:10px 20px 10px 20px; }
.DateSelected + .card-box{	border-top-left-radius:0;
	border-top-right-radius:0;
}
.equipment-assesment .equipmentlist{ padding:4px 0!important; font-size:12px;}
.tableLink {
	background-color: #ff5d48;
    font-size: 90%;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
	padding:0.4em 1em;
	width:42px;
	display:inline-block;
}
.tableLink:hover, .tableLink:active, .tableLink:focus{
	color:#fff;
	background:#e32726;
}
.calendarLegend{ padding:20px 0 0 0; margin-bottom:0;}
.calendarLegend li{ list-style:none; display:inline-block; margin-right:10px;}
.calendarLegend span{ width:10px; height:10px; margin-right:5px; display:inline-block; font-size:10px; border-radius:10px;}
.calendarLegend span.urdu{
    background-color: #3c9052;
}
.calendarLegend span.english{
    background-color: #0066cc;
}
.calendarLegend span.arabic{
    background-color: #cc0066;
}
.calendarLegend span.full{
    background-color: #9d9d9d;
}
.font-s20{ font-size:20px!important;}
.vericallyMiddle{
 display: flex;
  justify-content: center;
  flex-direction: column;
  height: 38px;
 }
 
 
.accordian .panel-default>.panel-heading a {
    display: block;
    padding: 15px;
	color:#333;
}
.accordian .panel-default>.panel-heading a:hover,.panel-default>.panel-heading a:focus,.panel-default>.panel-heading a:active { text-decoration:none;}
.accordian .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: -4px;
  font-size:28px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight:bold;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
  color:rgb(205,33,34);
}
.accordian .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #48C984;
  color:#fff;
}
.accordian .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.accordian .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordian .panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	box-shadow:0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}
.accordian .panel-group .panel-heading {
    border-bottom: 0;
}
.accordian .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.accordian .panel-default{
    border: 1px solid #ddd;
		    border-radius: 3px;
			margin-bottom:5px;
}
.accordian .panel-default>.panel-heading + .panel-collapse {
    border-top: 1px solid #ddd;
	padding:10px;
}
.b-0{ border:none!important;}
.assessmentLegend{ padding:0; margin:0;}
.assessmentLegend li{ list-style:none; display:inline-block; padding:18px 8px 4px 8px; font-size:10px; position:relative;}
.assessmentLegend li:after{ position:absolute; content:"\f254"; left:50%; top:2px; margin-left:-6px; font:normal normal normal 14px/1 FontAwesome; color:#ccc;}
.assessmentLegend li.passed:after{content:"\f058"; color:#1bb99a;}
.assessmentLegend li.failed:after{content:"\f057"; color:#f1b53d;}
.DateSelected.modified{
    padding: 10px 20px;
}
.combobox{
    border: 1px solid #cccccc;
    min-height: 35px;
    border-radius: 0.25rem;
    padding: 0.575rem 1.1rem;
    margin: 0;
	background-image:url(../../images/comboboxarrow.png);
	background-position:right 15px center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.attachment-item {
    padding: 5px 15px;
    background: #f2f2f2;
    border-radius: 4px;
	color:#666;
}
.attachment-item img {
	max-width:20px;
}
.details-head.assessment {
    background: url(../images/detailtype9.png);
    background-size: 25px;
    background-repeat: no-repeat;
}