/**************************************************************/
/*======= Bootstrap Style - bootstrap.css =======================================*/
/**************************************************************/


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

 /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
 html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}

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

.red{color:#ff0000;}
.green{color:#3ba686;}

.padding-top-10{ padding-top:10px;}
.padding-top-20{ padding-top:20px;}

.table-whitebg{background:#ffffff;}
.td-highlight, .table-striped > tbody > tr:nth-child(odd) > td.td-highlight,
.td-highlight:hover, .table-striped > tbody > tr:nth-child(odd) > td.td-highlight:hover{background:#f9fff3 !important;}

.footer-copyright{text-align:center;padding:5px 0px;font-size:10px;}



/*************** promo code ******************/
#valid_for_specific_period{
  display:none;
}

.oc-promo-code-wrap .bootstrap-tagsinput {
   border: none;
   box-shadow: none;
   padding: 0;
}
.oc-promo-code-wrap .bootstrap-tagsinput input {
   display: none;
}

/*#percentage-discount-field{
  display:none;
}*/

.outlet_wrapper, .membership_type{
  height:200px;
  overflow-y:scroll;
  overflow-x:hidden;
}

.oc-add-edit-product{
 /* background-color:#ffffff;*/

}

#apply_discount{
   border: #eee 1px solid;
    height: 400px;
    overflow-y: auto;
    margin-left: 0px!important;
    margin-right: 0px!important;
    background-color:#ffffff;
}

.botton_padding-bottom{

  padding-bottom:40px;
}

.promotion-types{
  height:200px;
  overflow-y:scroll;
  overflow-x:hidden;
}

.color-red{color:#d9534f;}
.color-crm{background:#000000;color:#ffffff;padding:2px 5px;font-size:10px;border-radius: 3px}
.bg-platform-support{background:#aaa;color:#ffffff;padding:1px 2px;font-size:10px;border-radius: 3px; }
.bg-color-green{background:#2ecc71;}
.bg-color-orange{background:#f39c12;}
.bg-color-blue{background:#2980b9;}

/*************** promo code end ******************/


@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #4a4a4a;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #f16c00;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #d45f00;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #999;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  white-space: nowrap;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  border: none !important;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fff;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
  color: #8C0000;
  border-color: white;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
/*Table responsive for outletHeatmap page */
.heatmap-view-wrap .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
.heatmap-view-wrap .table-responsive > .table {
    margin-bottom: 0;
  }
.heatmap-view-wrap .table-responsive > .table > thead > tr > th,
.heatmap-view-wrap .table-responsive > .table > tbody > tr > th,
.heatmap-view-wrap .table-responsive > .table > tfoot > tr > th,
.heatmap-view-wrap .table-responsive > .table > thead > tr > td,
.heatmap-view-wrap .table-responsive > .table > tbody > tr > td,
.heatmap-view-wrap .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
.heatmap-view-wrap .table-responsive > .table-bordered {
    border: 0;
  }
.heatmap-view-wrap .table-responsive > .table-bordered > thead > tr > th:first-child,
.heatmap-view-wrap .table-responsive > .table-bordered > tbody > tr > th:first-child,
.heatmap-view-wrap .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.heatmap-view-wrap .table-responsive > .table-bordered > thead > tr > td:first-child,
.heatmap-view-wrap .table-responsive > .table-bordered > tbody > tr > td:first-child,
.heatmap-view-wrap .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
.heatmap-view-wrap .table-responsive > .table-bordered > thead > tr > th:last-child,
.heatmap-view-wrap .table-responsive > .table-bordered > tbody > tr > th:last-child,
.heatmap-view-wrap .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.heatmap-view-wrap .table-responsive > .table-bordered > thead > tr > td:last-child,
.heatmap-view-wrap .table-responsive > .table-bordered > tbody > tr > td:last-child,
.heatmap-view-wrap .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
.heatmap-view-wrap .table-responsive > .table-bordered > tbody > tr:last-child > th,
.heatmap-view-wrap .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.heatmap-view-wrap .table-responsive > .table-bordered > tbody > tr:last-child > td,
.heatmap-view-wrap .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 31px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #4a4a4a;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

.help-block-octopus {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  font-size: 11px;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
.btn {
  display: inline-block;
  padding: 6px 8px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.45);
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #3BA686;
  border-color: #3BA686;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #212529;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.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;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  transition: height .35s ease;
}
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url("../webfonts/fa-light-300.eot");
  src: url("../webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.woff") format("woff"), url("../webfonts/fa-light-300.ttf") format("truetype"), url("../webfonts/fa-light-300.svg#fontawesome") format("svg"); }

.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300; }

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../../../fonts/glyphicons-halflings-regular.eot');
  src: url('../../../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: 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: 12px;
  line-height: 1.42857143;
  color: #999;
}
.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: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.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 .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;
  height: 100%;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-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 > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-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 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  /*-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);*/
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-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-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs-grey > li.active > a,.nav-tabs-grey > li.active > a:hover,
.nav-tabs-grey > li.active > a:focus {
  background-color:#f5f5f5;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
  padding-top: 10px;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  max-height: 340px;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #999;
}
.navbar-inverse .navbar-nav > li > a {
  color: #999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #999;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.breadcrumb {
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 0.85em;
  list-style: none;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #999;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  /*border-radius: 15px;*/
  margin: -3px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #3BA686;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #328C71;
}
.label-info {
  background-color: #3ba686;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #fff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.container .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 15px 15px 15px 15px;
  font-size: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1)
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.oc-alert {
  color: #D28065;
  padding: 5px;
}
.form-control.error {
  border-color: #ee0101 !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(0, 0, 0, .3) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(0, 0, 0, .3) !important;
}
.errorSummary ul li{
  list-style: none;
  padding: 0 !important;
  margin-bottom: 10px;
}
.alert-success {
  color: #138815;
  /*background: url(../img/icn_alerts_sprite.png) 16px -60px no-repeat;*/
  background-color: #dff0d8;
  border-color: #b3daa2;
  text-shadow: 1px 1px 1px #fff;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #147ec8;
  /*background: url(../img/icn_alerts_sprite.png) 16px -138px no-repeat;*/
  background-color: #d9edf7;
  border-color: #add2e9;
  text-shadow: 1px 1px 1px #fff;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #a16132;
  background: url(../img/icn_alerts_sprite.png) 16px 10px no-repeat;
  background-color: #fcf3e3;
  border-color: #e6c48a;
  text-shadow: 1px 1px 1px #fff;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #c9311c;
  /*background: url(../img/icn_alerts_sprite.png) 16px 10px no-repeat;*/
  background-color: #f2dede;
  border-color: #ebc0c7;
  text-shadow: 1px 1px 1px #fff;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
  text-decoration: underline
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
}
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-footer-octopus {
  padding: 10px 15px;
  background-color: #ffffff;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-footer-center {
  padding: 0 10px;
  text-align: center;
}

.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  z-index: 999999;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition:    -moz-transform .3s ease-out;
  -o-transition:      -o-transform .3s ease-out;
  transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.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;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.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;
  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%;
}
.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, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: none;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  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: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  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, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}


/**************************************************************/
/*======= JQPlot - jquery.jqplot.min.css ====================*/
/**************************************************************/



.jqplot-target{position:relative;color:#666;font-size:1em}.jqplot-axis{font-size:.75em}.jqplot-xaxis{margin-top:10px}.jqplot-x2axis{margin-bottom:10px}.jqplot-yaxis{margin-right:10px}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis,.jqplot-yMidAxis{margin-left:10px;margin-right:10px}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick,.jqplot-yMidAxis-tick{position:absolute;white-space:pre}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom}.jqplot-yaxis-tick{right:0;top:15px;text-align:right}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left}.jqplot-yMidAxis-tick{text-align:center;white-space:nowrap}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute}.jqplot-yMidAxis-label{font-size:11pt;position:absolute}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;margin-left:10px;position:absolute}.jqplot-meterGauge-tick{font-size:.75em;color:#999}.jqplot-meterGauge-label{font-size:1em;color:#999}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,0.6);border:1px solid #ccc;position:absolute;font-size:.75em}td.jqplot-table-legend{vertical-align:middle}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer}.jqplot-table-legend .jqplot-series-hidden{text-decoration:line-through}div.jqplot-table-legend-swatch-outline{border:1px solid #ccc;padding:1px}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid}.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.2em}table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-point-label{font-size:.75em;z-index:2}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em}.jqplot-error{text-align:center}.jqplot-error-message{position:relative;top:46%;display:inline-block}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:rgb(20%,20%,20%)}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,0.7)}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,0.3)}



/**************************************************************/
/*======= Base Theme - base/css/theme.css ====================*/
/**************************************************************/

.el-login-bg {
  background: url(../images/el_login_bg.png) center -290px no-repeat;
}

#header {
  height: 88px;
  background: black url(../images/header_bg.jpg) center top no-repeat
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  color: #ffffff;
}

body {
  background: #fff;
}

.left-nav-menu-wrap{
  position: absolute;
  top: 0;

  height:100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 999999;
  /*background: #2F343B;*/
}
.left-nav-menu-wrap > ul{
  width:250px;
  overflow:hidden;
  background:#2b3a42;
  margin:0;
  height:100%;
}
li.top-title span.oc-logo {
  color: #fff;
  font-size: 26px;
  position:absolute;
  top:0;
  left: 50px;
  padding: 6px 10px;
  font-weight: 300 !important;
}
li.top-title {
  background: #2b3a42;
  height:50px;
  border-bottom: none !important;
}
li.top-title:hover {
  background: #2b3a42 !important;
}
li.top-title .fal{
  display:none;
}
.left-nav-menu-wrap.minimized li.top-title .fal {
  display:block;
}

ul.list-unstyled > li {
  padding: 15px;
}

ul.list-unstyled > li > a {
  color: #8bf4d5;
}
ul.main-nav-menu.list-unstyled > li > a .fal {
  /*color: #d9d9d9;*/
  /*padding:0 9px 0 7px;*/
  font-size: 18px;
  width:55px;
  text-align: center;
  margin-left: -15px;
}

ul.main-nav-menu.list-unstyled > li.top-title a, ul.main-nav-menu.list-unstyled > li.top-title .fal {
  color: white;
  font-size: 25px;
  margin-left: 15px;
}
ul.main-nav-menu.list-unstyled > li.top-title a{
  position: absolute;
  top: 5px;
  left: 170px;
  padding: 8px 10px;
}


.left-nav-menu-wrap.minimized > ul.main-nav-menu {
  width: 50px;
  overflow:hidden;
  float: left;
}

.left-nav-menu-wrap.minimized > ul.main-nav-menu > li > a > span.text {
  display: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.left-nav-menu-wrap.minimized > ul.main-nav-menu > li:hover > a > span.text {
  display: inline;
  position:absolute;
  left: 50px;
  background: #3BA686;
  width: 205px;
  padding: 16px 15px;
  margin-top:-35px;
}

span.text {
  display: inline;
  font-size: 13px;
}


.left-nav-menu-wrap i.fa.fa-list-ul,
.left-nav-menu-wrap i.fal.fa-list-ul {
  display:none ;
}
.left-nav-menu-wrap.minimized i.fa.fa-list-ul,
.left-nav-menu-wrap.minimized i.fal.fa-list-ul {
  display:inline ;
}
.left-nav-menu-wrap i.fa.fa-chevron-left ,
.left-nav-menu-wrap i.fal.fa-chevron-left {
  display:inline ;
}
.left-nav-menu-wrap.minimized i.fa.fa-chevron-left ,
.left-nav-menu-wrap.minimized i.fal.fa-chevron-left {
  display:none ;
}



ul.sub-menus-main-nav {
  float: right;
  width: 0;
  opacity:0;
  background: #3BA686;
}
ul.sub-menus-main-nav li {
  /*border-bottom: 1px solid #328C71;*/
}
ul.sub-menus-main-nav > li > a{
  color: white;
  font-size: 13px;
  outline: none;
}
ul.sub-menus-main-nav.active {
  display: inline;
  opacity:1;
  width: 205px;
  top:50px;
  position: relative;
}

li.sub-sub-menu {
  background: #0A6F60;
  color:white;
  padding: 0 !important;
}

li.sub-sub-menu a{
  color:white !important;
}




/* mobile */

.mobile-toggle {
  position: absolute;
  color: white;
  background: #2A2B2C;
  width: 45px;
  height: 40px;
  z-index: 10;
  line-height: 40px;
  text-align: center;
  display:block;
  top: 0px;
  left: 0;
  cursor: pointer;
}

.main-nav-menu > li.active > a > i {
  color: #fcfcfc !important;
}

li.top-title.submenu-header {
  background: #3ba686;
  border-bottom: solid 1px #328C71 !important;
  text-transform:uppercase;
}
li.top-title.submenu-header a {
  font-size: 14px;
}
li.top-title.submenu-header:hover {
  background: #3BA686 !important;
}
.toggle-sub-sub-menu {
  background: #3ba686;
}
.toggle-sub-sub-menu.toggle-bg-color {
  background: #0A6F60;
  border-bottom: 1px solid #328c71;
}
.toggle-sub-sub-menu .fa.fa-chevron-up,
.toggle-sub-sub-menu .fal.fa-chevron-up{
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  margin-top: 5px;
}
.toggle-sub-sub-menu .collapsed .fa.fa-chevron-up,
.toggle-sub-sub-menu .collapsed .fal.fa-chevron-up{
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sub-sub-menu ul {
  margin: 0;
}


.main-container-all-stuff {
  padding:0;
  background: #bebcbf;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  left:0;
  margin-left: 45px;
  width: calc(100% - 45px);
}

div#content.container-fluid {
  background: #f5f5f5;
  padding:10px 30px;
}

ul.sub-menus-main-nav li {
  width: 205px;
}
ul.sub-menus-main-nav li:hover {
  background: #0A6F60;
}

li.sub-sub-menu ul li:hover {
  background: #145442 !important;
}
.form-control {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control:focus {
  border-color: #3BA686;
  outline: 0;
  color: #3BA686;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3BA686 !important;
  border-color: #3BA686 !important;
}

a {
  color: #3BA686;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #19654E;
  text-decoration: underline;
}
.grid-view.col-xs-12 {
  padding-left: 15px;
  padding-right: 15px;
}

.modal-header {
  background-color: #3BA686 !important;
}



/* Change when settled */

.btn-warning {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
}
.portlet-header .category-links a.selected {
  background-color: #3BA686 !important;
  border-color: #3BA686 !important;
}



.btn-outline {
  /* border: 1px solid #3BA686; */
  background: #E3F5EE;
  color: #4a4a4a;
  font-size: 12px !important;
  font-weight: 400;
  /* padding-left: 20px;
  padding-right: 20px; */
  transition: all ease .2s;
  cursor: pointer;
}
.btn-outline:hover {
  /*border-color: #3BA686;*/
  color: #3BA686;
  background: #fff;
}
.btn-outline i.text-pop-show-orange {
  color: #3BA686;
  font-size: initial;
  line-height: initial;
  margin-right: 30px;
  cursor: pointer;
  margin: 0;
  margin-right: 5px;
}
.left-nav-menu-wrap li {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.main-nav-menu li{
  border-bottom: 1px solid #484848;
}
.main-nav-menu li:hover, .main-nav-menu li.active{
  background: #3BA686;
}
.main-nav-menu li.active a, .main-nav-menu li:hover a, .main-nav-menu li:hover a .fa ,
 .main-nav-menu li:hover a .fal {
  color: #fcfcfc;
  outline: none;
}
.left-nav-menu-wrap li.active {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background: #3BA686;
}

.left-nav-menu-wrap.menu-open {
  /* left: 0; */
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.main-container-all-stuff.menu-open {
  /* margin-left: 250px; */
  opacity: .7;
  left:250px;
}

input.form-control.oc-start-date-show, input.form-control.oc-end-date-show {
  max-width: 110px;
  text-align: center;
}

.text-n-border-47a0bc > div {
  border: solid 1px #47a0bc;
  color: #47a0bc;
}

.text-n-border-f2836b > div {
  border: solid 1px #f2836b;
  color: #f2836b;
}

.text-n-border-ffb03a > div {
  border: solid 1px #ffb03a;
  color: #ffb03a;
}

.text-n-border-47a0bc {
 padding-left: 0;
}

.text-n-border-f2836b {
  padding: 0;
}

.text-n-border-ffb03a {
 padding-right: 0;
}


.chart-sales-by-cust-type{margin-top:10px;}

.left-nav-menu-wrap a {
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
}
.left-nav-menu-wrap a:hover {
  text-decoration: none;
}

div#list-sell-through-data {
  padding-left: 15px;
  padding-right: 15px;
}


.breadcrumb {
  /*margin-bottom: 0;
  background-color: #f5f5f5;*/
}

h3.page-title {
  margin: 0;
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 15px;
  font-weight: 300 !important;
  letter-spacing: 0.01em;
}




.el_login-wrapper h3 {
  color: #2f343b !important;
  text-shadow: 1px 1px 1px #BEBCBF;
}
.el-login-bg {
  background: #bebcbf;
  background-image:none;
}
.el_login-wrapper {
  background: #f5f5f5;
  background-image:none;
}

div#content.container-fluid > div#content {
  margin-right: -15px;
  margin-left: -15px;
}

.barchart_overview_bg {
  background: #ffffff;
  padding: 20px;
  overflow: auto;
  border-bottom: 5px solid #e5e5e5;
}
.report-overview-wrap form .dropdown {
  margin: 12px 13px 0;
  padding: 0;
}
.report-overview-wrap form .dropdown a {
  color: #676767;
  outline: none;
}
.report-overview-wrap form .dropdown a:focus {
  background: none;
}
.report-overview-wrap form .dropdown-menu {
  margin: 2px -15px 0;
}
.report-overview-wrap form .dropdown li{
  padding: 3px;
  text-align: center;
}
.report-overview-wrap form .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.report-overview-wrap form .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
h4.sale-summary-title {
  font-size: 16px;
  color: #676767;
  font-weight: 600;
}
.col-md-8.oc-today-sales-overview {
  padding-left: 0;
}
.col-md-8.oc-sales-by-outlet-rank {
  padding-right: 0;
}

.col-md-8.bar-chart.oc-top-sales-by-attribute {
  padding-right: 0;
}

table.table.table-bordered.table-hover.table-striped.oc-outlet-table {
  margin-top: 20px;
}


table.jqplot-table-legend {
  background: transparent;
}

.left-nav-menu-wrap li.logout-link {
 /* margin-top: 50px;*/
}

.chart-wrap.chart-sales-by-cust-type .col-md-2 {
  text-align: right;
}


.oc-search-customer-bar {
  margin-top: 10px;
  margin-bottom: 10px;
}

.display-inline{display:inline;}
.overflow-auto{overflow:auto;}

.oc-date-range-display .display-inline {
  /*margin-left: 5px;*/
  padding: 3px 20px;
  position: absolute;
  background: #D9534F;
  border-radius: 10px;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.02em;
  right: 40px;
  color: #fff !important;
}

/* .oc-date-range-display .showReport {
  margin-left:15px;
} */


@media only screen
and (max-width : 769px)
and (min-width : 480px) {
  .left-nav-menu-wrap li {
    font-size: 20px;
  }
  .mobile-toggle {
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }

}

@media only screen
and (max-width : 480px) {
  body {
    font-size: 20px;
  }
  .custom-input-block, th, td, .form-group{font-size:14px;}
  .mobile-toggle {
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  ul.main-nav-menu.list-unstyled > li.top-title a {
    color: white;
    position: absolute;
    left:0;
  }
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .left-nav-menu-wrap li {
    font-size: 20px;
  }
}

#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 10070;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}
.breadcrumbs{
  text-transform: uppercase;
  font-size: 11px;
}
.modal-menu {
  width: 600px !important;
  margin-left: -300px !important;
}



/**************************************************************/
/*======= JQ UI - jquery-ui.css ==============================*/
/**************************************************************/


.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("../img/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}


/**************************************************************/
/*======= Bootstrap-select - bootstrap-select.css ============*/
/**************************************************************/


.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
button.btn.dropdown-toggle.selectpicker.btn-default:focus {
  outline: none !important;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
  color: #3BA686;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1036;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
}
select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
select.mobile-device {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}

/**************************************************************/
/*======= validationEngine.jquery.css ========================*/
/**************************************************************/




/* Z-INDEX */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }

.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
  position: relative;
  float: left;
}

.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  display: block;
  cursor: pointer;
  text-align: left;
}

.formError.inline {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}

.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}

.formError .formErrorContent {
  width: 100%;
  background: #ee0101;
  position:relative;
  color: #fff;
  min-width: 120px;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  -o-box-shadow: 0 0 6px #000;
  padding: 4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}

.formError.inline .formErrorContent {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}

.greenPopup .formErrorContent {
  background: #33be40;
}

.blackPopup .formErrorContent {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  box-shadow: 0 2px 3px #444;
  -moz-box-shadow: 0 2px 3px #444;
  -webkit-box-shadow: 0 2px 3px #444;
  -o-box-shadow: 0 2px 3px #444;
  font-size: 0px;
  height: 1px;
  background: #ee0101;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
  background: #33be40;
}

.blackPopup .formErrorArrow div {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow .line10 {
  width: 13px;
  border: none;
}

.formError .formErrorArrow .line9 {
  width: 11px;
  border: none;
}

.formError .formErrorArrow .line8 {
  width: 11px;
}

.formError .formErrorArrow .line7 {
  width: 9px;
}

.formError .formErrorArrow .line6 {
  width: 7px;
}

.formError .formErrorArrow .line5 {
  width: 5px;
}

.formError .formErrorArrow .line4 {
  width: 3px;
}

.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd;
}

.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd;
}




/**************************************************************/
/*======= dropzone.css ============*/
/**************************************************************/


/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
 .dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  position: relative;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
}
.dropzone .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaa;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green;
}
.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none;
}
.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}




/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
 @-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  /* border: 2px solid rgba(0, 0, 0, 0.3); */
  background: white;
  padding: 20px 20px;
  background: url('../img/d-zone_en.png') 50% 50% no-repeat, #eee !important;
  width: 100%;
  color: transparent;
}
.dropzone.dropzone_zh_cn {
  background: url('../img/d-zone_zh_cn.png') 50% 50% no-repeat, #eee !important;
}
.dropzone.dropzone_zh_tw{
  background: url('../img/d-zone_zh_tw.png') 50% 50% no-repeat, #eee !important;;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image img {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}
.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}


/**************************************************************/
/*======= pnotify.custom.min.css =============================*/
/**************************************************************/

.ui-pnotify{top:25px;right:25px;position:absolute;height:auto;z-index:99999999}html>body>.ui-pnotify{position:fixed}.ui-pnotify .ui-pnotify-shadow{-webkit-box-shadow:0 2px 10px rgba(50,50,50,.5);-moz-box-shadow:0 2px 10px rgba(50,50,50,.5);box-shadow:0 2px 10px rgba(50,50,50,.5)}.ui-pnotify-container{background-position:0 0;padding:.8em;height:100%;margin:0}.ui-pnotify-sharp{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-pnotify-title{display:block;margin-bottom:.4em;margin-top:0}.ui-pnotify-text{display:block}.ui-pnotify-icon,.ui-pnotify-icon span{display:block;float:left;margin-right:.2em}.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-topleft{left:25px;right:auto}.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-bottomright{bottom:25px;top:auto}.ui-pnotify-closer,.ui-pnotify-sticker{float:right;margin-left:.2em}








/**************************************************************/
/*======= Global Style =======================================*/
/**************************************************************/

.container { position: relative }
.border-left { border-left: 1px solid #ccc }

.btn-gray {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-gray:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-gray {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
}
.btn-gray:hover,
.btn-gray:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-gray:active,
.btn-gray.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}

/**************************************************************/
/*======= Login Page ===============================-----=====*/
/**************************************************************/
.el-login-bg { }
.el_login-logo { max-width: 227px; padding: 50px 0 0 0; margin: 0 auto;}
.el_login-wrapper {
  padding: 10px 20px 0 20px;
  margin: 20px;
  min-height: 371px;
}
.el_login-wrapper h3 {
  font-size: 20px;
  max-width: 330px;
  padding: 15px 0 5px 0;
  margin: 0 auto;
  text-align: center;
  color: #ccc;
  text-shadow: 1px 1px 1px #000;
}
.el-form-signin { max-width: 330px; padding: 15px; margin: 0 auto;}
.el-form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.el-form-signin .form-control:focus { z-index: 2;}
.el-form-signin input[type="text"] {
  background: #3c3d3f;
  color: #999;
  border-color: #333;
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.el-form-signin input[type="password"] {
  background: #3c3d3f;
  color: #999;
  border-color: #333;
  margin-bottom: 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pw-lost {  max-width: 330px; padding: 15px; margin: 60px auto 0; text-align: center }
.pw-lost a { font-size: 12px; color: #999;}



/**************************************************************/
/*======= Dashboard Style ====================================*/
/**************************************************************/
.wrapper { position: relative; background: transparent; overflow: hidden }


/*======= Header ====================================*/
#header { height: 88px; background: url(../images/header_bg.jpg) center top no-repeat  }
#header:after { clear: both }

#header #logo { margin-top: 5px }
#header #store-name { font-size: 18px; color: #f16c00; position: absolute; top: 30px; left: 94px }

/* #user-info */
#header #user-info {
  position: absolute;
  top: 0;
  right: 15px;
  color: #ccc;
  background: #333;
  border-radius: 0 0 5px 5px;
  font-size: 11px;
  padding: 5px 16px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4)
}
#header #access-info {
  position: absolute;
  top: 0;
  right: 83px;
  color: #ccc;
  background: #333;
  border-radius: 0 0 5px 5px;
  font-size: 11px;
  padding: 5px 16px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4)
}

#header #settings-info {
  position: absolute;
  top: 0;
  right: 222px;
  color: #ccc;
  background: #333;
  border-radius: 0 0 5px 5px;
  font-size: 15px;
  padding: 2px 16px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4)
}

#header #user-info p { float: left; margin: 0 }
#header #user-info .user_name { border-right: 1px dotted #999; padding-right: 15px; margin-right: 15px }

/* #user-control */
#header #user-control { position: absolute; top: 45px; right: 15px }

#header #user-type, #header .select-outlet {
  border-top: 1px solid #000;
  border-bottom: 1px solid #2d2d2d;
  border-left: 1px solid #111;
  border-right: 1px solid #111;
  text-shadow: 0 1px 1px #000;
  border-radius: 5px;
  padding: 3px 10px 5px 10px;
  background-color: rgba(0,0,0,0.4);
  font-size: 12px; color: #adadad;
}

#header #user-type { float: right; margin-left: 10px; }
#header #user-type span { background: url(../images/icn_sprite01.png) 0 -45px no-repeat; padding-left: 20px; }

#header .select-outlet { float: left; margin: 0 0 0 5px; }
#header .select-outlet .btn .caret { margin-left: 6px }
#header .select-outlet .btn-group .btn-default {
  font-size: 12px;
  color: #adadad;
  background: url(../images/icn_sprite01.png) 0 0 no-repeat;
  background-color: transparent;
  border: none;
  padding: 0 0 0 25px;
}
#header .select-outlet .btn-default:hover,
#header .select-outlet .btn-default:focus,
#header .select-outlet .btn-default:active,
#header .select-outlet .open .dropdown-toggle.btn-default {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

/* dropdown listing style */
#header .select-outlet .dropdown-menu {
  background-color: #333;
  border: 1px solid #000;
  border-radius: 0;
  font-size: 12px;
  height: auto;
  cursor: pointer
}

#header .select-outlet .dropdown-menu > li > a { padding: 3px 10px; color: #adadad; }
#header .select-outlet .dropdown-menu > li > a:hover,
#header .select-outlet .dropdown-menu > li > a:focus { color: #fff; background-color: #666;}



/*======= Navigation ====================================*/
#navigation {
  background: #3f3f3f url(../images/nav_bg.png) 0 0 repeat-x;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  height: 44px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.7);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.7);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.7);
  margin-bottom: 2px
}
#navigation:after { clear: both }

#navigation ul.navlist { list-style: none; padding: 0; margin: 0; }
#navigation ul.navlist li { font-size: 16px; color: #fff }
#navigation ul.navlist li a { }

#navigation ul.navlist li.dashboard { background: url(../images/icn_sprite01.png) center -80px no-repeat; }
#navigation ul.navlist li.dashboard:hover { background: url(../images/icn_sprite01.png) center -130px no-repeat; }
#navigation ul.navlist li.dashboard a { text-indent: -9999px; width: 3px; }

#navigation ul.navlist li.nav-link { border-left: 1px solid #222; border-right: none; float: left; height: 44px; }

#navigation ul.navlist li.nav-link a,
#navigation ul.navlist li.nav-link span {
  border-left: 1px solid #565656;
  border-right: 1px solid #565656;
  display: block;
  border-color: rgba(255,255,255,0.1);
  overflow: hidden;
  padding: 14px 25px;
  line-height: 16px
}

#navigation ul.navlist li.nav-link span { height: 44px; }
#navigation ul.navlist li.nav-link span.last { border-right: none }

#navigation ul.navlist li.setting { background: url(../images/icn_sprite01.png) center -182px no-repeat; }
#navigation ul.navlist li.setting:hover { background: url(../images/icn_sprite01.png) center -230px no-repeat; }
#navigation ul.navlist li.setting a { text-indent: -9999px; width: 3px; }

#navigation .f-right { float: right }
#navigation .f-right ul.navlist li { float: right }
#navigation .f-right ul.navlist li.nav-link { border-right: 1px solid #222; border-left: none; float: right; }

#navigation .f-right ul.navlist .acc-sum { border-left: none; font-size: 12px; color: #adadad; overflow: hidden }
#navigation .f-right ul.navlist .acc-sum span { float: left; border: none; padding-left: 20px; padding-right: 0;  }
#navigation .f-right ul.navlist .acc-sum span strong { color: #f16c00 }
#navigation .f-right ul.navlist .acc-sum span.last { padding-right: 20px }

#navigation .w-submenu { float: left; border-left: 1px solid #222; }

#navigation .w-submenu .btn .caret { margin-left: 6px }
#navigation .w-submenu .btn-group .btn-default {
  font-size: 16px;
  color: #fff;
  background-color: transparent;
  border: none;
  padding: 10px 0 6px 20px;
}
#navigation .w-submenu .btn-default:hover,
#navigation .w-submenu .btn-default:focus,
#navigation .w-submenu .btn-default:active,
#navigation .w-submenu .open .dropdown-toggle.btn-default {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

/* dropdown listing style */
#navigation .w-submenu .dropdown-menu {
  background-color: #333;
  border: 1px solid #000;
  border-radius: 0;
  height: auto;
  cursor: pointer;
  margin-left: 10px
}

#navigation .w-submenu .dropdown-menu > li > a { font-size: 13px; padding: 3px 10px;  color: #adadad; }
#navigation .w-submenu .dropdown-menu > li > a:hover,
#navigation .w-submenu .dropdown-menu > li > a:focus { color: #fff; background-color: #666;}


/*======= Content ====================================*/
#content { /*overflow: hidden;*/ padding: 15px 0; min-height: 90vh}
#content .dashboard-wrapper { margin-top: 35px }

ul.pos-module { list-style: none; padding: 0; margin: 0 }
ul.pos-module li { float: left; cursor: pointer; text-align: center; padding-top: 150px; margin: 0 10px 25px 10px }
ul.pos-module li a { font-size: 18px; color: #565656; text-decoration: none; text-shadow: 1px 1px 1px #fff; }
ul.pos-module li a:hover { color: #333; text-decoration: none }

ul.pos-module li.outlets,
ul.pos-module li.reports,
ul.pos-module li.inventory,
ul.pos-module li.analytics,
ul.pos-module li.employee,
ul.pos-module li.promotion,
ul.pos-module li.crm,
ul.pos-module li.ecommerce,
ul.pos-module li.license,
ul.pos-module li.support,
ul.pos-module li.products,
ul.pos-module li.customers,
ul.pos-module li.shift {
  width: 168px;
  height: 188px;
  border: 1px solid transparent
}

ul.pos-module li.outlets:hover,
ul.pos-module li.reports:hover,
ul.pos-module li.inventory:hover,
ul.pos-module li.analytics:hover,
ul.pos-module li.employee:hover,
ul.pos-module li.promotion:hover,
ul.pos-module li.crm:hover,
ul.pos-module li.ecommerce:hover,
ul.pos-module li.license:hover,
ul.pos-module li.support:hover,
ul.pos-module li.products:hover,
ul.pos-module li.customers:hover,
ul.pos-module li.shift:hover {
  background-color: #d2d2d2;
  border-radius: 8px;
  border-left: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb
}

ul.pos-module li.outlets { background: url(../images/btn_outlets.png) center 28px no-repeat;}
ul.pos-module li.reports { background: url(../images/btn_reports.png) center 20px no-repeat }
ul.pos-module li.inventory { background: url(../images/btn_inventory.png) center 20px no-repeat }
ul.pos-module li.analytics { background: url(../images/btn_analytics.png) center 20px no-repeat }
ul.pos-module li.employee { background: url(../images/btn_employee.png) center 20px no-repeat }
ul.pos-module li.promotion { background: url(../images/btn_promotion.png) center 20px no-repeat }
ul.pos-module li.crm  { background: url(../images/btn_crm.png) center 20px no-repeat }
ul.pos-module li.ecommerce { background: url(../images/btn_ecommerce.png) center 20px no-repeat}
ul.pos-module li.license { background: url(../images/btn_license.png) center 20px no-repeat }
ul.pos-module li.support { background: url(../images/btn_support.png) center 20px no-repeat }
ul.pos-module li.products { background: url(../images/product-info.png) center 20px no-repeat }
ul.pos-module li.customers { background: url(../images/customer-info.png) center 20px no-repeat }
ul.pos-module li.shift { background: url(../images/shift-info.png) center 20px no-repeat }



/**************************************************************/
/*======= Portlets Style =====================================*/
/**************************************************************/
.portlet {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
  padding: 15px;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
}

/* Portlet Header */
.portlet .portlet-header { border-bottom: 1px solid #ccc; padding-bottom: 10px }
.portlet .portlet-header .btn .caret { margin-left: 6px }
.portlet .portlet-header .btn-group .btn-default {
  font-size: 20px;
  color: #333;
  background-color: transparent;
  border: none;
  padding: 0;
}

.portlet .portlet-header .btn-group.open .dropdown-toggle,
.portlet .portlet-header .btn-group .btn:focus { -webkit-box-shadow: none; box-shadow: none }

.portlet .portlet-header .btn-default:hover,
.portlet .portlet-header .btn-default:focus,
.portlet .portlet-header .btn-default:active,
.portlet .portlet-header .open .dropdown-toggle.btn-default {
  color: #333;
  background-color: transparent;
  border-color: none;
}

/* dropdown listing style */
.portlet .portlet-header .dropdown-menu {
  font-size: 14px;
  height: auto;
  cursor: pointer
}
.portlet .portlet-header .dropdown-menu > li > a { padding: 3px 10px; color: #565656; }


/* Portlet Content */
.portlet .portlet-content {
  min-height: 80px;
/*overflow: hidden*/ }

.portlet-content .portlet-toolbox { float: right; margin-top: 10px; margin-bottom: 25px;  }

.portlet-content .portlet-toolbox .search-input { width:160px; float:left; margin-bottom: 0 }
.portlet-content .portlet-toolbox .search-input .form-control { height: 37px }

.chart-type { float: left; margin: 0 0 0 10px; }

.chart-type .btn-default span.line-chart,
.chart-type .btn-default span.bar-chart,
.chart-type .btn-default span.pie-chart {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/icn_chart_sprite.png) 0 0 no-repeat
}

.chart-type .btn-default span.line-chart:hover,
.chart-type .btn:focus span.line-chart,
.chart-type .btn.active span.line-chart { background-position: -84px 0 }

.chart-type .btn-default span.bar-chart { background-position: 0 -70px }
.chart-type .btn-default span.bar-chart:hover,
.chart-type .btn:focus span.bar-chart,
.chart-type .btn.active span.bar-chart { background-position: -84px -70px }

.chart-type .btn-default span.pie-chart { background-position: 0 -140px }
.chart-type .btn-default span.pie-chart:hover,
.chart-type .btn:focus span.pie-chart,
.chart-type .btn.active span.pie-chart { background-position: -84px -140px }

.chart-type .btn:focus { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }

.selection-box { float: left; margin-left: 10px }
.selection-box .form-control { height: 37px; padding-left: 5px}

.form-group .form-control { height: 37px; }

.oc-credit-note-wrap .form-group .form-control { height: auto; }

.custom-date { float: left }
.custom-date .form-group { float: left; margin-left: 10px; margin-bottom: 0; }
.custom-date .form-control { background: url(../images/icn_datepicker.png) 10px center no-repeat; height: 37px; padding-left: 32px; max-width: 120px;}

#c-inventory .custom-date .form-group { float: left; margin-left: 10px; margin-bottom: 0; width: auto }
#c-inventory .custom-date .input-group { width: 220px }
#c-inventory .custom-date .form-control { background: none; height: 37px; padding-left: 10px; }

.portlet-toolbox .btn-show { float: left }
.portlet-toolbox .btn-show .btn-warning { padding: 7px 15px; margin-left: 10px }

/* Chart Wrapper */
.portlet-content .statistic-wrapper {
  clear: both;
  overflow-x: scroll;
  position: relative;
}

.chart-cover{
  height: 300px;
  width:100%;
  background:#ffffff;
  z-index:1;
  position: absolute;
  top: 0;
  left: 0;
}


/* Portlet Footer */
.portlet .portlet-footer { margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; overflow: hidden }
.portlet .portlet-footer h1 { color: #ff7200; margin-top: 0; text-align: center }
.portlet .portlet-footer h1 small { display: block; font-size: 16px }

.portlet .portlet-footer a.report { font-size: 12px; text-align: center; display: block; color: #999; text-decoration: none }
.portlet .portlet-footer a.report:hover { color: #ff7200; text-decoration: none }

.portlet .portlet-footer .selection-box { float: right; margin-bottom: 10px }
.portlet-footer h4 { float:left; }

.portlet-footer .ana-table h4{
  float: none;
}

/* Employee Page*/
.img_avatar { margin: 20px; float: left}

.employee-info-wrap { overflow: hidden; margin: 20px 0}
.employee-info-wrap .form-group { margin-bottom: 0; display: block; overflow: hidden }
.employee-info-wrap .form-control {
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px dotted #ccc ;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  transition: none;
  height: auto;
  padding: 5px 10px;
}
.employee-info-wrap .control-label { margin-top: 5px }

.employee-attandence-list { width: 100% }

.employee-attandence-list .panel { -webkit-box-shadow: none; box-shadow: none }
.employee-attandence-list .panel-group .panel-heading + .panel-collapse .panel-body { border-top: none;}

.employee-attandence-list .panel-default { border: none}
.employee-attandence-list .panel-default > .panel-heading { border: 1px solid #ddd }

.employee-attandence-list .panel-heading { border-radius: 3px;}
.employee-attandence-list .panel-title { color: #565656 }

.employee-attandence-list .panel-body { padding: 0 }

span.glyphicon { float: right; color: #999 }


/**************************************************************/
/*======= Table Style ========================================*/
/**************************************************************/
.reports-wrap.tab-content {
  overflow: initial;
}
.reports-wrap.tab-content th, .reports-wrap.tab-content td {
  white-space: initial;
}
.reports-wrap.tab-content .chart-wrap td{
  border: none;
  padding: 0;
}
.reports-wrap.tab-content tbody tr:hover td {
  background-color: none;
}
.tab-content { overflow: auto; clear: both }
.tab-content.sales-by-promo {  overflow: hidden !important;  clear: both;  }

.tab-content table { max-width: 100%; }
.tab-content thead {
  /*border-top: 3px solid #565656;*/
  background-color: #f5f5f5;
  font-weight: bold;
  cursor: pointer;
}
.tab-content th { border-top: 1px solid #ccc; }
.tab-content th, .tab-content td {
  padding: 6px 12px;
  font-size: 13px;
  white-space: nowrap;
  vertical-align: middle;
  /*text-align: right*/
}

.tab-content.sales-by-promo th, .tab-content td {
  white-space: normal !important;
}

.tab-content td {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom:1px solid #ccc;
}

.tab-content tbody tr:hover td { background-color: #f5f5f5; }
.tab-content tfoot td { background-color: #f5f5f5; }


.tab-content .selection-box { float: none; margin-left: 0; text-align: center; font-size: 12px; font-weight: normal }
.tab-content .selection-box .form-control { height: auto; padding: 5px }

.tab-content .c-btn { text-align: center; }
.tab-content .btn-warning { padding: 5px 15px;  }

.btn-export { margin-top: 20px; float: right }
.btn-export .btn-gray { font-size: 12px; color: #565656}


/* added by Chandime */

.collection-box{
  float: left;
  width: 460px;
  margin: 0 0 0 10px;
}
.collection-box .form-control{
  height: 37px;
}

#xreading-form .collection-box{
  width: 380px;
  margin: 0 10px 0 0;
}
.collection-box .chosen-container-multi .chosen-choices{
  padding: 3px 2px 2px 3px;
}

.report-loading{
  display: none;
  width: 255px;
  height: 50px;
}

.report-loading img{
  float: left;
}

.report-loading p{
  margin: 7px 0 0 10px;
  float: left;
}

.margin-right {
  margin-right: 1.0rem;
}
.cell-detail-wrapper{
  display: none !important;
}
#loading2 {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 10070;
  text-align: center;
}

#loading2-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}

.selection-box .chosen-container-multi .chosen-choices {
  padding: 3px 2px 2px 3px;
}

.tab-content table.group-sale td{
  border-top: 0px;
  border-left: 0px;
}

.font-one-pt-two{
  text-align: center;
}

.modal-header {
  background-color: #FF5F00;
  color: #fff;
  text-align: center;
}

.datepicker{z-index:1051 !important;}
.datepicker.dropdown-menu{
  /*top: 43% !important;*/
}
.custom-range{
  width: 410px;
  margin: auto;
}
.custom-range input{
  float: left;
  width: 200px;
  margin: 0 5px 0 0;
}

.form-horizontal.new-rule-add .form-group {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
}

.border-right {
  border-right: 1px solid #ccc;
}

#condition-add-area .form-group.boarder-bottom{
  border-bottom: 1px solid #ccc;
}

.form-group .col-md-4 label{
  /*font-weight: normal;*/
}

table.jqplot-table-legend{
  width:14%;
}

.portlet-header .category-links{
  margin: 0 0 10px 0;
}

.portlet-header .category-links a {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  /*text-shadow: 0 1px 1px #000;*/
  border-radius: 5px;
  padding: 3px 10px 5px 10px;
  background-color: #cccccc;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.portlet-header .category-links a.selected{
  background-color: #f0ad4e;
  border-color: #eea236;
}

#reportAllTable ul{
  float: left;
  width: 100%;

}

#accordion li{
  list-style: none;
}

#reportAllTable ul li{
  list-style: none;
  text-align: left;
}

#site-settings-form table td{
  text-align: left;
}

.xchart-wrapper{
  width:80%;
  height:auto;
  margin-left: -20px;
  height: 300px;
  position: relative
}

.xchart-div{
  width:100%;
  height:auto;
  margin-left: -20px;
  position: absolute !important;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
}

.metrics-sliding{
  width: 100%;
  overflow: hidden;
  position: relative;
}

.metics-black-backgroud{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  background-color: #000000;
  opacity: .5;
  width: 100%;
  height: 100%;
  display: none;
}

.animate-metics{
  position: absolute;
  left: 110%;
  top: 50px;
  width: 90%;
  background-color: #ffffff;
  z-index: 3;
}

.animate-header{
  width: 100%;
  background-color: #FF5F00;

}

.animate-header h4{
  font-size: 18px;
  margin: -24px 0 0 0;
  text-align: center;
  color: #ffffff;
}

.animate-back{
  width: 50px;
  height: 50px;
  margin: 0 0 0 -50px;
  background-color: #FF5F00;
  border: 0px;
  font-size: 20px;
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  color: #ffffff;
}

.customer-filter{
  width: 180px;
}

#customer-purchase th{
  text-align: center;
}

#cus-purchase-list {
  max-height: 400px;
}

#employee-benefit-wrap h3, #employee-benefit-wrap h5{
  text-align: center;
}

.show-table-in{
  width: 100%;
  height: 400px;
  overflow: scroll;
}

.hidden-rules{
  width: 100%;
  padding: 5px 10px;
  /*background-color: #F8E0E0;*/
  cursor: pointer;
}

.hidden-rule-wrap{
  display: none;
  /*background-color: #F8E0E0;*/
}

table.jqplot-table-legend {
  top: -10px !important;
  left: 900px !important;
}

#select-outlet-box{
  display: none;
  position: absolute;
  z-index: 5;
  background: #428bca;
  padding: 5px 10px 10px;
  top: 0px;
  left: -200px;
}

#select-outlet-box .chosen-container{
  width: 500px !important;
}

#not-activated-icon{
  visibility: hidden;
  position: absolute;
  width: 100%;
  text-align: center;
  background-image: none;
}

#customer-filter{
  visibility: hidden;
}

.datelist{
  opacity: 0.5;
}

.tab-content .nav-tabs {
  border-bottom: 1px solid #5FACE4;
}

.tab-content .nav-tabs li a {
  padding: 5px 7px;
}

.tab-content .nav-tabs li.active a {
  background: #5FACE4;
  color: #000;
}



/*******.active {
  }*******************************************************/
  /*======= Media Querries Control =============================*/
  /**************************************************************/
  @media only screen
  and (max-width : 1200px) {
    .long-range { margin-top: 10px }
    .long-range .form-group, .long-range .btn-show .btn-warning { margin-left: 0; margin-right: 10px }
  }

  @media only screen
  and (max-width : 769px)
  and (min-width : 480px) {
    .portlet-footer .col-sm-4 { width: 33.33333333%; }


  }

  @media only screen
  and (max-width : 568px) {
    #header #user-info p,
    #header #user-control,
    #navigation .f-right ul.navlist .acc-sum { display: none }
    ul.pos-module li { margin-left: 55px; margin-right: 0 }

    .border-left { border-top: 1px solid #ccc; border-left: none; padding-top: 10px; margin-top: 10px }

    .chart-type, .selection-box { float: none; margin-bottom: 10px }
    .custom-date .form-group, .selection-box { margin-left: 0 }

    .portlet-content .portlet-toolbox .search-input { float: none; width: 100%; margin-bottom: 10px }

    .portlet-content .portlet-toolbox { float: left}
    .portlet-content .portlet-toolbox .btn-show .btn-warning { margin-left: 0 }

    .custom-date .form-group { width: 100%; margin-bottom: 10px }

    #content .alert { margin-left: 10px; margin-right: 10px }

    .img_avatar { display: block; text-align: center; float: none }
  }
  @media only screen
  and (max-width : 320px) {
    #header #logo img { width: 100% }
    ul.pos-module li { margin-left: 70px; margin-right: 0 }

    .portlet-content .portlet-toolbox .btn-show .btn-warning { margin-left: 0 }

    .border-left { border-top: 1px solid #ccc; border-left: none; padding-top: 10px; margin-top: 10px }

    #content .alert { margin-left: 10px; margin-right: 10px }

    .img_avatar { display: block; text-align: center; float: none }
  }


  /* Update 3-26-2015 */

  .sales-analysis-form button .fa,
  .sales-analysis-form button .fal{display:none;}

  .sales-analysis-form button.checked,
  .sales-analysis-form button.checked .fa{display:inline;}


  .err-content
  {
    max-height: 300px;
    overflow-y: auto;
    padding: 15px;
  }





  /* Update 12-07-2015 */

  i.text-pop-show-orange {
    color: #3BA686;
    font-size: 1.7em;
    line-height: 1.5em;
    margin-right: 30px;
    cursor: pointer;
  }

  button.btn.dropdown-toggle.select-user-type-select i.text-pop-show-orange {
    margin-right: 0px;
  }

  .pop-show-text{
    font-size: 16px;
    font-weight: bold;
  }
  .pop-show-text>div>.btn {
    /*margin-top: -10px;
    min-width: 140px;*/
  }
  .pop-show-text .modal {
    font-size: 14px;
    font-weight: normal;
    padding-top: 0;
  }

  .table-bordered.SellThroughReport-tbl {
    border: 1px solid #B4B4B4;
    margin-top: 20px;
  }
  .table-bordered.SellThroughReport-tbl th {
    background: #2f343b;
    color: white;
    text-align: center;
  }
  .table-bordered.SellThroughReport-tbl > thead > tr > th, .table-bordered.SellThroughReport-tbl > tbody > tr > th, .table-bordered.SellThroughReport-tbl > tfoot > tr > th, .table-bordered.SellThroughReport-tbl > thead > tr > td, .table-bordered.SellThroughReport-tbl > tbody > tr > td, .table-bordered.SellThroughReport-tbl > tfoot > tr > td {
    border: 1px solid #B4B4B4;
  }

  .table-bordered.SellThroughReport-tbl{
   min-height:400px;
 }



 table.outlet-table th {
  /*color: white;*/
  background: gray;
  text-align: center;
  font-size: 16px;
}
.padding-10 {
  padding: 10px;
}



div#sales-by-outlet table.jqplot-table-legend {
  position: absolute;
  top: 100% !important;
  left: 0% !important;
  text-align: center;
  width: 100% !important;
  border: 0;
}
div#sales-by-outlet table.jqplot-table-legend tr {
  display: inline-block;
  margin-left: 5px;
}

div#chart-sales-by-cust-type table.jqplot-table-legend {
  position: absolute;
  top: 100% !important;
  left: 0% !important;
  text-align: center;
  width: 100% !important;
  border: 0;
}
div#chart-sales-by-cust-type table.jqplot-table-legend tr {
  display: inline-block;
  margin-left: 5px;
}

div#customer-demographic-chart table.jqplot-table-legend {
  position: absolute;
  top: 95% !important;
  left: 0% !important;
  text-align: center;
  width: 100% !important;
  border: 0;
}
div#customer-demographic-chart table.jqplot-table-legend tr {
  display: inline-block;
  margin-left: 5px;
}


div#customer-type-chart table.jqplot-table-legend {
  position: absolute;
  top: 40% !important;
  left: 0% !important;
  text-align: center;
  width: 100% !important;
  border: 0;
}
div#customer-type-chart table.jqplot-table-legend tr {
  display: inline-block;
  margin-left: 5px;
  margin-top:10px;
}
div#customer-type-chart tr.jqplot-table-legend td {
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}


.chart-wrap.chart-sales-by-cust-type {
  padding-bottom: 60px;
}


.SellThroughReport-wrap {height:400px;overflow:auto;}

.loading2-image{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}

.loading2
{
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 10070;
  text-align: center;
}


.bg-fbd7a0 {
  background: #fbd7a0;
}
.bg-accfcc {
  background: #accfcc;
}
.bg-62c2e0 {
  background: #62c2e0;
}

.stat-panel{margin-bottom: 10px;}
.stat-panel h2{
  font-weight: bold;
  margin-bottom: 0;
}
.stat-panel h4{
  margin-top: 10px;
}



.table th, .grid-view table.items th{
  background: #eee !important;
  /*color: white;*/
  text-align: center;
}

#content.container {
  padding: 15px;
  border: solid 1px #949494;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
}


#navigation .btn{box-shadow:none;}
.oc-date-rangepick-control {
  margin-right:5px;
}



/* ReportsAndAnalytics */

.oc-sales-summary {
  /*background: #EBEBEB;
  padding: 20px;*/
  margin-bottom: 10px;
}

.oc-sales-summary h3 {
  font-size: 25px;
  font-weight: bold;
  margin: 5px 0;
}

.oc-sales-summary span {
  /*margin-bottom: 10px;*/
  display: block;
}
.oc-sales-summary h3.text-warning, .oc-sales-summary strong.text-warning {
  color: #FC6E51;
}
.oc-sales-summary h3.text-danger, .oc-sales-summary strong.text-danger {
  color: #FFCE54;
}
.oc-sales-summary h3.text-success, .oc-sales-summary strong.text-success {
  color: #3DB9D3;
}
.oc-sales-summary h3.text-muted, .oc-sales-summary strong.text-muted {
  color: #bebcbf;
}

.oc-today-sales-overview span {
  text-transform: uppercase;
  font-weight: bold;
}

.oc-today-sales-overview .chart-wrap, .oc-top-sales-by-attribute .chart-wrap {
  border: solid 5px #e5e5e5;
  margin-bottom: 20px;
  padding: 20px;
}

.oc-sales-by-outlet-best-worst, .oc-upload-file-format .note {
  /*background: #eee;
  padding: 20px;
  padding-left: 30px;
  margin-bottom: 10px;
  padding-bottom: 0;*/
  display: block;
  min-height: 60px;
  padding: 10px 20px;
  overflow: auto;
}
.oc-upload-file-format .note {
  height: 50px;
  padding-top:15px;
  margin-top:10px;
  margin-right: 45px;
}

.oc-sales-by-outlet-best-worst h3, .oc-sales-by-outlet-best-worst strong {
  font-size: 18px;
  font-weight: 400;
}

.oc-sales-by-outlet-best-worst h3.text-info, .oc-sales-by-outlet-best-worst strong.text-info {
  color: #328C71;
}

.oc-sales-by-outlet-best-worst span {
  /*display: block;*/
  /*margin-bottom: 40px;*/
}

.oc-best-performance {
  /*background: #fff6e6;*/
  padding: 10px;
}

.oc-best-performance h3 {
  padding: 0;
  margin: 0;
  margin-left: 15px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #D9534F;
  margin-bottom: 20px;
}
.oc-emp-name strong {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.02em;
}
.emp-img {
  margin-left: -15px;
  margin-right: 10px;
}





div#oct_modal_date_range {
  position: absolute;
  z-index: 99;
  margin-top: -20px;
  margin-left: 65px;
}

div#oct_modal_date_range a:not(.btn) {
  color: initial;
  font-weight: normal;
  font-size: 14px;
}

div#oct_modal_date_range thead {
  text-align: Center;
}

div#oct_modal_date_range td {
  padding: 10px 20px;
}

.oc-selected-month a{
  color: white !important;
}
.oc-selected-month{background: #666666;}



.chart-wrap {
  border: solid 5px #e5e5e5;
  margin-bottom: 20px;
  padding: 20px 20px 100px 20px;
  background: #fff;
}
.top-sales-chart .chart-wrap {
  padding-bottom: 20px;
}
.top-sales-chart .dropdown {
  display: inline-block;
}
.grid-view {
  padding: 15px;
}

.grid-view table.items th {
  color: #676767 !important;
}

.grid-view table.items tr.even
{
  background: white !important;
}
.grid-view table.items tr.odd
{
  background: #f9f9f9 !important;
}

.grid-view table.items tr:hover > td,
.grid-view table.items tr:hover > th {
  background-color: #f5f5f5;
}



.grid-view table > thead > tr > th, .grid-view table > tbody > tr > th, .grid-view table > tfoot > tr > th, .grid-view table > thead > tr > td, .grid-view table > tbody > tr > td, .grid-view table > tfoot > tr > td{
  border: 1px solid #ddd !important;
}

.grid-view table.items th, .grid-view table.items td
{
  padding: 8px !important;
}

a.oc-outlet-select {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
.oc-total-sales-amount span.text-warning {
  font-size: 25px;
  font-weight: bold;
  margin: 5px 0;
  color: #ffb03a;

}
.oc-grid-view-loading {
  opacity: 0.5;
}
.oc-grid-view-loading:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(../img/loding.gif) no-repeat center 400px;
}

.padding-10.outlet-table-wrap {
  max-height: 400px;
  overflow: auto;
}

/*Report overview data table style*/
.dataTables_wrapper table tr.even
{
  background: #eee !important;
}
.dataTables_wrapper table> thead>tr>th {
  background: transparent !important;
  border-bottom: 1px solid #eee !important;
  border-top: 1px solid #eee !important;
  font-weight: 400 !important;
  font-size: 11px;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
  padding-right: 20px !important;
}

.dataTables_wrapper table > tbody>tr>td {
  border-top: none;
}

table.table.outlet-table.table-striped.table-bordered {
  table-layout: fixed;
}
table.table.outlet-table.table-striped.table-bordered th {
  text-align: left;
}
.oc-date-range-display {
  margin-left: 5px;
  display: inline;
}
.oc-date-range-display .col-md-6 {
  padding-left: 0;
}


/*

div#chartdiv table.jqplot-table-legend {
  position: relative !important;
  top: 100% !important;
  left: 0% !important;
  text-align: center;
  width: 100% !important;
  border: 0;
}
div#chartdiv table.jqplot-table-legend tr {
    display: inline-block;
    margin-left: 5px;
}
*/


div#chartdiv div.jqplot-table-legend-swatch-outline {
  border: none;
  padding: 1px;
  text-align: center;
}
div#chartdiv div.jqplot-table-legend-swatch {
  width: 0;
  height: 0;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-left-width: 6px;
  border-right-width: 6px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  text-align: center;
  border-radius: 50%;
  margin: 0 auto;
  border-color: transparent !important;
}
div#chartdiv {margin-bottom: 40px;}

div#chartdiv table.jqplot-table-legend {
  border: none;
  width: 100%;
  left: 0 !important;
  margin-left: 0px;
  top: 100% !important;
  margin-top:30px !important;
}

div#chartdiv tr.jqplot-table-legend td {
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
div#chartdiv table.jqplot-table-legend tr {
  text-align: center;
}

.salesByPayModeReport{
  text-align:center;
  min-height: 410px;
}





.modal-dialog.oc_modal_date_to_date, .modal-dialog.oc_modal_month_year {
  position: absolute;
  z-index: 99;
}

.modal-dialog.oc_modal_date_to_date .datepicker.datepicker-inline, .modal-dialog.oc_modal_month_year .datepicker.datepicker-inline {
  border: solid 1px #B7B7B7;
}

.modal-dialog.oc_modal_date_to_date td.active.day {
  background: #3BA686 !important;
}

/*

.modal-dialog.oc_modal_date_to_date table {
    background: #595959;
    color: white;
    padding: 5px !important;
}

.modal-dialog.oc_modal_date_to_date td.active {
    background-color: #363636 !important;
    border-radius: 0 !important;
}


.modal-dialog.oc_modal_date_to_date td.day:hover, .modal-dialog.oc_modal_date_to_date td.day.focused{
  color: black;
}



.modal-dialog.oc_modal_month_year table {
    background: #595959;
    color: white;
    padding: 5px !important;
}
.modal-dialog.oc_modal_month_year table td:hover{
    background: #595959;
}

.modal-dialog.oc_modal_month_year table span.month.active, .modal-dialog.oc_modal_month_year table span.year.active {
    background-color: #363636 !important;
    border-radius: 0 !important;
}
.modal-dialog.oc_modal_month_year table span.month, .modal-dialog.oc_modal_month_year table span.year {
    padding: 0;
    line-height: 40px;
    height: 40px;
}
.modal-dialog.oc_modal_month_year table span.month:hover, .modal-dialog.oc_modal_month_year table span.year:hover{
  background: #eeeeee;cursor: pointer;color: black;
}
*/



li.page.current a {
  background: #3BA686;
  color: white;
}
button.btn.dropdown-toggle.select-user-type-select {
  /*box-shadow: none;
  background: transparent;
  max-width: 60px;
  float: right;*/
}
.sales-by-customer-type-wrap .btn-group.bootstrap-select {
  max-width: 180px;
}






/* Remove show from titles - old UIs */
.portlet .portlet-header .btn-group .btn {
  box-shadow: none;
}






.jqplot-highlighter-tooltip{font-size:16px !important; background:white !important;padding:5px !important;}




div.jqplot-table-legend-swatch {
  width: 0 !important;
  height: 0 !important;
  border-top-width: 6px  !important;
  border-bottom-width: 6px !important;
  border-left-width: 6px !important;
  border-right-width: 6px !important;
  border-top-style: solid !important;
  border-bottom-style: solid !important;
  border-left-style: solid !important;
  border-right-style: solid !important;
  text-align: center !important;
  border-radius: 50% !important;
  margin: 0 auto !important;
  border-color: transparent !important;
}
div.jqplot-table-legend-swatch-outline {
  border: transparent !important;
  padding: 1px !important;
}

.portlet{
  box-shadow:none;
}



.bg-white {
  background: white;
}
.padding-10{
  padding:10px;
}




/* update 1-6-2016 */

.sales-by-salesman-filter{
  /* padding-top: 10px; */
  /* padding-right: 30px; */
  font-weight: bold;
  /* pointer-events: none; */
  margin-top: 10px;
  margin-bottom: 10px;
}
.sales-by-salesman-filter select{
  max-width: 220px;
  font-weight: normal;
  pointer-events: all;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .sales-by-salesman-filter{
    position: relative !important;
    text-align: left !important;
    padding-top: 60px !important;
    padding-bottom: 10px;
  }
}

@media (max-width: 991px) {
  .sales-by-salesman-filter{
    position: relative !important;
    text-align: left !important;
    /*padding-top: 130px !important;*/
    padding-bottom: 10px;
  }
}

.chart-wrap.salesByHour table.jqplot-table-legend {
  top: 320px !important;
}
.chart-wrap.salesByHour table.jqplot-table-legend tbody{
  text-align:center;
}
.chart-wrap.salesByHour table.jqplot-table-legend tr{
  display:inline;
}

.modal-dialog.modal-80 {
  width: 80%;
}



.btn-primary {
  color: #fff;
  background-color: #3ba686;
  border-color: #3ba686;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #288E6F;
  border-color: #288E6F;
}

.btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
}


.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:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.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,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #3BA686 !important;
  border-color: #3BA686 !important;
}



.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip
{
  z-index : 10000;
}


.el_login-wrapper h3 {
  color: #2f343b !important;
  text-shadow: 1px 1px 1px #BEBCBF;
}
.el-login-bg {
  background: #bebcbf;
  background-image:none;
}
.el_login-wrapper {
  background: #f5f5f5;
  background-image:none;
}

.el-form-signin input[type="text"] {
  background: #BEBCBF;
  color: #2f343b;
  border-color: #BEBCBF;
  margin-bottom: -1px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-bottom:5px;
}
.el-form-signin input[type="password"] {
  background: #BEBCBF;
  color: #2f343b;
  border-color: #BEBCBF;
  margin-bottom: 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

div#WebposLoginForm_password_em_, div#WebposLoginForm_username_em_ {
  background-color: #f2dede;
  padding: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align:center;
}

input#WebposLoginForm_twoFA {
  text-align: center;
  letter-spacing: 8px;
  font-weight: bold;
  font-size: 14px;
}

.margin-bottom {
  margin-bottom: 15px;
}
.margin-top {
  margin-top: 15px;
}

.text-success {
  color:  rgb(59, 166, 134);
}



/* xsl export table style */
.export-table-css thead th {background:#F8E0E0;}

.set-title-space {
  margin-left: 10px;
}



.alert.ui-pnotify-container {
  background-image: none;
}
.totals-report{
  margin-top: 20px;
  margin-bottom: 10px;
}
.totals-report h3{
  display: inline;
  margin-right: 20px;
}

select.form-control[readonly] {
  pointer-events: none;
}

select.select-readonly[readonly] {
  pointer-events: none;
  cursor: not-allowed;
}
select.select-readonly {
  width: 100%;
  outline:none;
  border:1px solid #fcfcfc;
}

::selection {
  background: rgba(59,166,134,0.9); /* WebKit/Blink Browsers */
  color: #fff;
}

::-moz-selection {
  background: #7FC3AE; /* Gecko Browsers */
  /*color: #fff;*/
}
*:focus {
  outline: #7FC3AE solid 5px;
  /*color:#ffffff;*/
}

/*
select.select-readonly option:hover, select.select-readonly option, select.select-readonly option:link, select.select-readonly option:focus, select.select-readonly option:checked {
  box-shadow: 0 0 10px 100px #eee inset !important;
  color: #676767 !important;
  }*/
  select.select-readonly::selection {
    background: #eee !important;
  }
  .section-disabled{opacity:.5;pointer-events: none;}
  .section-disabled-o{opacity:1;pointer-events: none;}

  div#refresh-alert {
    position: fixed;
    width: calc(100% - 45px);
    bottom: 0;
    right: 0;
  }


  table.table-matrix select, table.table-matrix input[type=text] {
    min-width: 120px;
    position: relative;
  }
  .table-matrix td input[type=checkbox] {
    position: relative;
    left: calc(100% - 10px);
    top: -40px;
    z-index: 10;
  }

  .input-group-btn select {
    border-color: #ccc;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 7px;
  }



  /*//////////////////////////////////////////////////////// V by nadeesha V /////////////////////////////////////////////////////*/
  .overflow-scroll{
    overflow: scroll;
  }

  .overflow-x-scroll{
    overflow-x: scroll;
  }

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

  .width-10{
    width: 10%;
  }
  .width-15{
    width: 15%;
  }
  .width-20{
    width: 20%;
  }
  .width-25{
    width: 25%;
  }

  .table-bottom-double-border{
    border-bottom: 4px solid #dddddd;
    border-bottom-style: double;
    /* border-collapse: initial; */
  }

  .select-disabled select{
    pointer-events: none;
    tab-index: -1;
    cursor: not-allowed;
    background-color: #eee;
  }

  /*//////////// Scrollbar Customization ///////////////*/

  /* width */
  ::-webkit-scrollbar {
    height: 5px;
    width:5px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #e4e4e4;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #979797;
  }


  /*//////////// EoF Scrollbar Customization ///////////////*/

  /*//////////// Header & logged User Dropdown ///////////////*/
  .header-bar{
    background-color: #2b3a42;
    height: 50px;
    z-index: 100;
  }

  .btn-logged-user{
    margin-right: 0px !important;
    /*background-color: #3BA686;*/
    margin-top: 0px;
    min-width: 150px;
    color:#d9d9d9;
  }
  .btn-logged-user h6 {
    padding-top: 10px;
    margin-left:-15px !important;
  }

  .btn-logged-user > li{
    width: 100%;
  }


  .btn-logged-user > li > a{
    padding: 0px;
    color: #fff;
    height: 40px;
  }

  .btn-logged-user > li > a > div i{
    font-size: 20px;
    padding: 8px;
    margin-top:10px;
  }

  .btn-logged-user > li > a div h4, .btn-logged-user > li > a div h6{
    margin : 2.5px 0px;
  }

  .btn-logged-user > li > a div:nth-child(3){
    padding: 10px;
  }

  .btn-logged-user > li > a:hover, .btn-logged-user > li > a:focus{
    background-color: transparent !important;
  }

  .btn-logged-user .open > a, .btn-logged-user .open > a:hover, .btn-logged-user .open > a:focus{
    background-color: transparent !important;
  }

  @media (max-width: 767px){
    .btn-logged-user > li > a{
      text-align: right;
    }

    .navbar-nav .open .dropdown-menu {
      position: relative;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: #ffffff;
      border: 0;
      box-shadow: none;
      text-align: center;
      margin-left: 60px;
    }

    .btn-logged-user > li > a div:nth-child(1), .btn-logged-user > li > a div:nth-child(2){
      display: none;
    }


    .fix-wdith-label{width:40%;}
  }
  /*//////////// EoF Header & logged User Dropdown ///////////////*/

  /*//////////// modal sizes ///////////////*/
  .modal-dialog.modal-25 {
    width: 25%;
  }

  .modal-dialog.modal-40 {
    width: 40%;
  }

  .modal-dialog.modal-50 {
    width: 50%;
  }

  .modal-dialog.modal-75 {
    width: 75%;
  }

  .modal-dialog.modal-80 {
    width: 80%;
  }

  .modal-scrollable {
    max-height: 350px;
    overflow-y: scroll;
  }

  /*//////////// EoF modal sizes ///////////////*/

  /*//////////// Sales by Salesman ///////////////*/

  .ui-widget-header .ui-icon {
    background-image: url("../img/ui-icons_222222_256x240.png") !important;
  }

  /*//////////// eof Sales by Salesman ///////////////*/


  /*//////////// User Access Control ///////////////*/
  .user-access-tabs {
    border-bottom: 1px solid #3BA686;
  }

  .user-access-tabs > li > a:hover{
    border-bottom-color: #3BA686;
  }

  .user-access-tabs > li.active > a, .user-access-tabs > li.active > a:hover, .user-access-tabs > li.active > a:focus{
    color: #ffffff;
    cursor: default;
    background-color: #3BA686 !important;
    border: 1px solid #3BA686;
    border-bottom-color: transparent;
  }

  #frm-assign-user-access label {
    font-weight: 400 !important;
  }
  #frm-assign-user-access .panel ul{padding-left:5px;}
  #frm-assign-user-access .panel .panel-collapse{padding-top:10px;}

  hr {
    margin-top: 10px;
    margin-bottom: 10px;
    /*border-style: inset;*/
    border-width: 1px;
    border-top: 1px solid #E6E6E6;
  }

  /*//////////// EoF User Access Control ///////////////*/

  /*//////////// Outlet Heatmap ///////////////*/
  .heat-map-color{
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: -15px;
    border-bottom: 1px solid #eee;
  }

  .section-header-text{
    color: #9A9A9A;
  }

  .select-month-year .target-sale {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .select-month-year .target-sale .fa-green {
    color: #3BA686;
  }
  .oc-table-view-by-year a {
    text-decoration: none !important;
  }
  /*//////////// EoF Outlet Heatmap ///////////////*/

  /*//////////// User Group Type ///////////////*/
  .table-user-group-type tbody tr td{
    text-align: center;
  }

  /*//////////// EoF User Group Type ///////////////*/



  /*//////////// Products ///////////////*/

  /*//////////// Product Listing ///////////////*/
  .user-icon-login {
    margin-top:10px;
  }
  /*** Button ***/
  .btn-top {
    border:1px transparent;
    background: #e3f5ee;
    color: #4a4a4a;
    font-size: 12px !important;
    font-weight: 400;
    padding-left:10px;
    padding-right:10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
  }

  .btn-top.oc-export{
    background: #8BF4D5;
  }
  .btn-top:hover, .btn-top:focus {
    border:1px transparent;
    color: #ffffff;
    background: #3BA686 !important;
    font-weight: 500;
  }
  .btn-top-rv {
    border:1px solid #3BA686;
    background: #3BA686 !important;
    color: #3BA686;
    font-size: 12px !important;
    color: #ffffff;
    font-weight: 400;
    padding-left:20px;
    padding-right:20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .btn-top-rv:hover {
    border:1px solid #328C71;
    background: #328c71 !important;
    color:#ffffff;
    font-weight: 500;
    cursor: pointer;
  }

  .content-divider {
    margin-top: 10px;
    margin-bottom: 20px;
    border-width: 1px;
    border-top: 1px solid #E6E6E6;
    margin-left: -25px;
    margin-right: -25px;
  }

  .select-box {
    display: inline;
    width: 130px;
    margin-right: 2px;
    height: 31px !important;
    border: 1px solid #979797;
    font-size: 12px;
    color: #4a4a4a;
    background: transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }
  .search-block input {
    display: inline;
    width: 130px;
    margin-right: 2px;
    background-color: #f5f5f5;
    height: 31px !important;
    font-size: 12px;
    color: #979797;
    font-style: italic;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

.search-block input {
  height: unset !important;
}
input#onlycustomer {
  width: 25px;
}


  .search-block .control-label {
    text-transform: uppercase;
    margin-right: 5px;
  }
  .search-block label{
    font-size: 12px;
  }

  .select-box-block{
    width: 100%;
  }

  .search-block input.styled {
    width: 17px;
    height: 20px !important;
  }

  .select-box:hover {
    background: #fff;
  }

  .search-block {

  }

  button:focus {
    outline: none !important;
  }
  /*//////////// EoF Product Listing ///////////////*/

  /*//////////// Product Attribut ///////////////*/

  .oc-add-new-attr {
    // position: relative;
    // top: -30px;
    // left: 140px;
    padding: 15px;
  }

  .oc-attr-SelectWrap {
    margin-left: 15px;
    margin-right: 15px;
  }
  .p0 {
    padding:0 !important;
  }
  .pt0 {
    padding-top:0 !important;
  }
  .pr0 {
    padding-right:0 !important;
  }
  .pb0 {
    padding-bottom:0 !important;
  }
  .pl0 {
    padding-left:0 !important;
  }
  .m0 {
    margin:0 !important;
  }
  .ml0{
    margin-left:0 !important;
  }
  .mr0 {
    margin-right: 0 !important;
  }
  .mt0 {
    margin-top: 0 !important;
  }
  .mb0 {
    margin-bottom: 0 !important;
  }
  .mls {
    margin-left: 10px !important;
  }
  .mlm {
    margin-left: 15px !important;
  }
  .mll{
    margin-left: 20px !important;
  }
  .mrs {
    margin-right: 10px !important;
  }
  .mrm {
    margin-right: 15px !important;
  }
  .mrl {
    margin-right: 20px !important;
  }
  .mts {
    margin-top: 10px !important;
  }
  .mtm {
    margin-top: 15px !important;
  }
  .mtl {
    margin-top: 20px !important;
  }
  .mbs {
    margin-bottom: 10px !important;
  }
  .mbm {
    margin-bottom: 15px !important;
  }
  .mbl {
    margin-bottom: 20px !important;
  }

  #list-pro-attr-brand {
    margin-top: -15px;
  }
  /*//////////// EoF Product Addribute ///////////////*/

  /*/////////// Inventory ///////////////////////////*/

  /* Note */
  .barchart_overview_bg .note {
    padding: 15px 0 0 10px;
  }
  .note {
    margin: 0 15px 10px 15px;
    padding: 15px 30px 15px 15px;
    border-left: 3px solid #e5e5e5;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  .note h1,
  .note h2,
  .note h3,
  .note h4 {
    margin-top: 0;
  }
  .note p:last-child {
    margin-bottom: 0;
  }
  .note code,
  .note .highlight {
    background-color: #fff;
  }
  .note-default {
    border-color: #288E6F;
    background: #ffffff !important;
  }
  .note-default-summary {
    border: none !important;
  }
  .note-success {
    border-color: #3BA686;
    background: rgba(59, 166, 134, 0.13)
  }
  .note-success .box-heading {
    color: #5cb85c;
  }
  .note-warning {
    border-color: #f0ad4e;
    background: #fcf8e3;
  }
  .note-warning .box-heading {
    color: #f0ad4e;
  }
  .note-info {
    border-color: #5bc0de;
    background: #d9edf7;
  }
  .note-info .box-heading {
    color: #5bc0de;
  }
  .note-danger {
    border-color: #d9534f;
    background: #f2dede;
  }
  .note-danger .box-heading {
    color: #d9534f;
  }
  .note-danger .total-info strong {
    font-weight: 600;
    color: #d9534f;
  }
  .note-danger .total-info {
    margin-bottom: 0;
    min-height: 20px;
  }
  .note-default .total-info{
    margin-bottom: 0;
    min-height: 40px;
    max-height: 50px;
  }
  .note-default .total-info h4 {
    font-size: 14px;
  }
  .note-default .total-info p.text-success {
    font-size: 16px;
  }
  .note-danger .total-info h4 {
    font-size: 16px;
    font-weight: 300 !important;
  }
  .note-danger .total-info strong{
    font-weight: 600;
    color: #d9534f;
  }
  .oc-sales-summary.note-default-summary .note-line {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
  }
  .oc-sales-summary.note-default-summary span, .oc-sales-summary.note-default-summary strong {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .oc-sales-summary.note-default-summary span{
    font-size: 14px;
  }
  .oc-sales-summary.note-default-summary strong {
    /*color: #d9534f !important;*/
    font-size: 18px;
    font-weight: 600;
    text-align: right;
  }
  /* End Note */

  .outlet-wrap {
    display: inline;
  }

  .oc-inventory-overview-wrap table {
    margin-bottom: 20px;
  }
  /*///////// Eof Inventory ///////////////////////////*/

  /*///////// Report ////////////////////////*/

  .overview-wrap hr, .report-overview-wrap hr{
    border-top: 1px solid #eee !important;
  }

  .jqplot-title{
    color: #676767 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    letter-spacing: 0.01em;
  }
  .jqplot-yaxis, .jqplot-xaxis,.jqplot-xaxis-tick, .jqplot-axis-tick, .jqplot-axis, .jqplot-x2axis, .jqplot-x3axis{
    color: #676767 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 10px !important;
    letter-spacing: 0.01em;
  }

  .oc-sales-data {
    min-height: 50px;
  }

  .jqplot-pie-series.jqplot-data-label {
    color: #fff !important;
  }

  .sale-heatmap-outlet-divider {
    height: 1px;
    background: rgba(0, 0, 0, .075);
    display: block;
    margin-top: 30px;
    position:relative;
  }
  .oc-heatmap-outlet .heatmap-value {
    font-size: 14px;
    font-weight: 600 !important;
  }


  /*///////// EoF Report////////////////////////*/

  /*///////// salesByCustomerType ////////////////////////*/

  @media (min-width: 1366px){
    .chart-wrap.chart-sales-by-cust-type{
      padding-bottom: 202px;
    }
  }

  @media (min-width: 992px) and (max-width: 1365px){
    .chart-wrap.chart-sales-by-cust-type{
      /*padding-bottom: 275px;*/
    }
  }

  @media (min-width: 768px) and (max-width: 991px){
    .chart-wrap.chart-sales-by-cust-type{
      padding-bottom: 350px;
    }
  }

  @media (min-width: 575px) and (max-width: 767px){
    .chart-wrap.chart-sales-by-cust-type{
      padding-bottom: 500px;
    }
  }

  /*///////// EoF salesByCustomerType////////////////////////*/

  /*///////// customerAnalysis ////////////////////////*/

  @media (min-width: 1366px){
    #customer-type-chart table.jqplot-table-legend{
      margin-top: 37% !important;
    }
  }

  @media (min-width: 992px) and (max-width: 1365px){
    #customer-type-chart table.jqplot-table-legend{
      margin-top: 55% !important;
    }
  }

  @media (min-width: 768px) and (max-width: 991px){
    #customer-type-chart table.jqplot-table-legend{
      margin-top: 30% !important;
    }
    .oc-customer-analysis-wrap .chart-wrap{
      height: 600px;
    }
  }

  @media (min-width: 575px) and (max-width: 767px){
    #customer-type-chart table.jqplot-table-legend{
      margin-top: 30% !important;
    }
    .oc-customer-analysis-wrap .chart-wrap{
      height: 600px;
    }
  }

  /*///////// EoF customerAnalysis////////////////////////*/

  /*///////// Setting ////////////////////////*/
  #dual-list-box-Information .filter {
    display: none;
  }
  #dual-list-box-Information span.glyphicon {
    float: none;
  }
  .product-setting-wrap .table-type-dropdown .btn-top {
    padding-left: 0;
    padding-right: 0;
  }
  .product-setting-wrap .table-type-dropdown ul {
    width: 100%;
  }
  .product-setting-wrap .table-type-dropdown li a{
     font-size: 12px;
  }
  .product-setting-wrap .table-type-dropdown li a:hover {
    background-color: #3BA686;
    color: #ffffff;
    transition: background-color ease-in-out 0.15s;
  }
  .product-setting-wrap .selectpicker.btn-default {
    border-color: #3BA686 !important;
  }
  .product-setting-wrap .bootstrap-select.form-control {
    height: 32px;
  }
  .product-setting-wrap .table-type-dropdown .table-type-text{
    padding-left: 10px;
  }
  .product-setting-wrap .table-type-dropdown .caret {
    right: 0;
    margin-right: 10px;
    margin-top: 7px;
    display: inline-block !important;
    position: absolute;
  }
  .product-setting-wrap .unselected-title,.product-setting-wrap .selected-title{
    font-size: 14px;
    color: #676767;
    font-weight: 400;
  }
  .product-setting-wrap #dual-list-box-Information select option, .product-setting-wrap p {
    font-size: 12px;
  }
  .product-setting-wrap #dual-list-box-Information select option {
    padding-left: 10px;
  }
  .product-setting-wrap select[multiple] {
    border:1px solid #eee;
  }
  .product-setting-wrap select[multiple]:focus {
    outline: #7FC3AE solid 1px
  }
  .product-setting-wrap select[multiple]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    border-radius: 10px;
  }
  .product-setting-wrap select[multiple]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #eee;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
  }
  .product-setting-wrap select[multiple]::-webkit-scrollbar {
    width: 8px;
  }
  .product-setting-wrap input {
    font-size: 12px;
  }
  .product-setting-wrap .compulsory-fields {
    margin-top: 5px;
    color: #3BA686;
  }
  .oc-useraccess-wrap, .oc-user-list-box, .heatmap-color, .oc-add-on-settings, .bg-color-wrap{
    background: #fff;
    padding: 30px 15px !important;
    border: 1px solid #eee;
    margin-left: 15px;
    margin-right: 15px;
  }
  .site-preference-form {
    background: #fff;
    padding: 30px 15px !important;
    border: 1px solid #eee;
/*    overflow: hidden;
*/  }

  .oc-useraccess-wrap {
    padding: 30px !important;
  }

  .selectpicker.btn-default {
    border-color: #eee;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .selectpicker.btn-default:hover {
    background: #fcfcfc;
  }

  .selectpicker.open .dropdown-toggle.btn-default {
    color: #676767;
    background-color: #fcfcfc;
    border-color: #3BA686;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .selectpicker.dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(59, 166, 134, 0.9);
  }
  .selectpicker.dropdown-menu > li > a:hover{
    color: #fff;
    text-decoration: none;
    background-color: rgba(59, 166, 134, 0.9);
  }
  .selectpicker.dropdown-menu > li > a {
    outline: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }
  .oc-report-filter-wrap .selectpicker.btn-default, .selectpicker.btn-default {
    color: #676767 !important;
    background-color: transparent !important;
    border-color: #3BA686 !important;
  }
  .selectpicker.btn-default:hover, .selectpicker.btn-default:focus,
  .selectpicker.btn-default:active, .selectpicker.btn-default.active, .bootstrap-select.open .dropdown-toggle.btn-default {
    color: #676767 !important;
    background-color: #fcfcfc !important;
    border-color: #3BA686 !important;
  }

  .selectpicker.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125) !important;
  }

  .btn-help:hover, .btn-help:focus, .btn-help:link {
    outline: none;
  }

  label.control-label{
    font-weight: 400 !important;
  }


  #frm-assign-user-access .panel-title {
    font-size: 14px;
    color: #676767;
  }

  #frm-assign-user-access a.accordion-toggle:hover, #frm-assign-user-access a.accordion-toggle:active, #frm-assign-user-access a.accordion-toggle:focus {
    text-decoration: none;
  }

  .oc-access-tabs .panel-heading {
    padding: 15px 20px;
    background: transparent !important;
    border-color: #eee !important;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }

  .oc-access-tabs .panel-heading:hover {
    background: #f5f5f5 !important;
  }

  .oc-access-tabs .panel-collapse {
    padding-top: 30px;
  }
  .oc-access-tabs .panel-collapse.in {
    border-top: 1px solid #eee;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
  }
  .oc-access-tabs .panel-collapse label {
    font-weight: 400;
    padding-left: 10px;
    margin-bottom: 10px;
  }
  .color-green {
    color: #3BA686;
  }

  .toggle-icon {
    display: block;
    position: relative;
    right: 22px;
    top:-8px;
  }

  /*** Animated accordion icon **/
  .accordion-toggle {
    position: relative;
  }
  .accordion-toggle .panel-title span.toggle-icon::before,
  .accordion-toggle .panel-title span.toggle-icon::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -22px;
    width: 14px;
    height: 4px;
    margin-top: -2px;
    background-color: #3BA686;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
  .accordion-toggle .panel-title span.toggle-icon::before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  .accordion-toggle.collapsed .panel-title span.toggle-icon::before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  .accordion-toggle.collapsed .panel-title span.toggle-icon::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  /**** End Animated accordion icon ****/

  .oc-user-add-wrap label, .heatmap-color label{
    font-weight: 400;
  }

  .section-header-text {
    margin-left: -15px;
  }
  /*///////// EoF Setting////////////////////////*/

  /*//////////// Promotions ///////////////*/
  .promotion-type-continer {
    padding: 5px;
  }

  .promotion-type-continer-title h4 {
    /*margin-bottom: 25px;*/
    float: left;
  }

  .promotion-type-continer-title a {
    float: right;
    font-size: 23px;
  }

  .border-box {
    border: 1px solid #eee;
    padding: 12px;
    margin-bottom: 15px;
    min-height: 125px;
  }

  .stepwizard-step p {
    margin-top: 10px;
  }

  .stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
  }

  .stepwizard-step {
    /*display: table-cell;*/
    /*text-align: center;*/
    /*position: relative;*/
    display: inline;
    bottom: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .btn-circle {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 21px;
    /*margin-top: 20px; */
    margin-bottom: 10px;
  }

  .nextBtn-container .nextBtn {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 1px 14px;
    border-radius: 21px;
    /*margin-top: 20px; */
    /*margin-bottom: 10px;*/
    background-color: transparent;
    color: #777;
    border-color: #777;
    border-width: 2px;
  }
  .nextBtn-container h3 {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 18px;
    margin-right: 5px;
  }
  .nextBtn .fa ,
  .nextBtn .fal {
    font-size: 30px;
    margin: 0 -10px;
  }

  .nextBtn-container h3{
    /*float: left;*/
    display: inline;
    margin: 0px;
    padding: 6px 0px;
  }

  .oc-lb-select-outlet, .oc-lb-select-customer-type{
    min-height: 150px;
  }

  #Promotioninfo_validdates label{
    margin-right: 15px;
    padding-right: 10px;
  }

  .add-edit-promo-week-days span br{
    display: none;
  }
  .oc-add-edit-promo .stepwizard-row{
    padding:0;
  }
  .promotion-information.oc-products-list table, .promotion-information.oc-required-products-list table{
    width: 100%;
  }
/*.promotion-information table tr td{
  width: 20%;
}
.promotion-information table tbody {
  overflow-y: auto;
  overflow-x: hidden;
  display: inline-block;
  height: 500px;
  }*/
/*.promotion-information::-webkit-scrollbar {
  width: 6px;
  margin-top:-2px;
  }*/
  div.promotion-information
  {
    border: #eee 1px solid;
    height: 400px;
    overflow-y: auto;
    margin-left: 15px;
    margin-right: 15px;
  }


  .setup-content h3 {
    margin-top: 0;
    margin-bottom: 25px
  }

  .table-scroll-wrap {
    overflow-y: scroll;
    height: 400px;
  }

  select.select-readonly {
   /* overflow-y: scroll;*/
   background: #D4D4D4;
 }

 select.select-readonly option {
  padding: 10px;
}

div.select-box-wrap {
  height: 150px;
  overflow-y: scroll;
  border: 1px solid #eee;
  border-radius: 5px;
}

.select-box-wrap select {
  height: 2840px;
  overflow: hidden;
  width: 100%;
  margin: -1px;
}
.select-box {
  background-image: url(https://octopuspos.com/images/resources/arrow_down_5d15e53678a4b.png);
  background-repeat: no-repeat, repeat;
  background-position: right .0em top 50%, 0 0;
  padding-right: 25px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.select-box:hover {
  background-image: url(https://octopuspos.com/images/resources/arrow_down_5d15e53678a4b.png);
  background-repeat: no-repeat, repeat;
  background-position: right .0em top 50%, 0 0;
  /* padding-right: 25px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; */
}
/*//////////// eof Promotions ///////////////*/


/*//////////// invoice details ///////////////*/

.invoice-details{
  width: auto;
  min-width: 25%;
  font-weight: 500;
}

.invoice-details.table > tbody > tr > td{
  border-top: none;
  padding-top: 3px;
  padding-bottom: 3px;
}

.oc-keyword-wrap{
  display: inline-block;
}

.items-table-container{
  max-height: 300px;
  overflow: scroll;
}

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

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

.grid-view#list-sales-invoice{
  /*overflow-y: scroll;*/
}

/*//////////// eof invoice details ///////////////*/

/*//////////// credit note ///////////////*/
.creditNote_customer_block {
  clear:both;
}
.oc-credit-note-wrap .outlet-info-popover {
  font-size: 20px;
  margin: 0 5px;
  line-height: 30px;
}
.oc-credit-note-wrap .popover-content {
  font-size: 12px !important;
}
.oc-credit-note-wrap .popover {
  min-width: 480px;
}
.oc-credit-note-wrap .outlet-info-popover:focus {
  outline: none;
}
.creditNote_customer_block .well {
  padding: 10px 15px !important;
}
.custom-input-block input {
  max-width: 150px;
  max-height: 31px;
  font-size: 12px;
}
.oc-credit-note-wrap label {
  font-size: 12px;
}
.expiry-date {
  font-weight: bold;
  text-align: center;
}
.expiry-date-block .custom-input-block {
  background: #f5f5f5;
  display: inline-block;
  padding: 10px 15px;
}
.btn-calendar {
  padding: 5px 10px;
}
.prod_btn {
  text-align: center;
  padding-top:12px;
}
.prod_btn a {
  font-size: 18px;
}
.grid-view#list-credit-notes{
  /*overflow-y: scroll;*/
}

.batchinput {
  position: relative;
}
.batcherror {
  color: #d2322d;
  border-color: #d2322d;
}
span.error.hide {
  display: none;
}
span.error{
  color: #d2322d;
  position: absolute;
  right: 18px;
  top: 18px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/*//////////// eof credit note ///////////////*/


/*//////////// deposit note ///////////////*/

.grid-view#list-deposit-notes{
  /* overflow-y: scroll; */
}

/*//////////// eof deposit note ///////////////*/


/*//////////// X-reading ///////////////*/

.table-sales-info td:first-child, .table-payment-info td:first-child, .table-item-sales td:first-child, .table-hourly-info td:first-child{
  text-align: center;
}

.table-sales-info td:last-child, .table-payment-info td:last-child, .table-item-sales td:last-child, .table-hourly-info td:last-child{
  text-align: right;
}

/*//////////// eof X-reading ///////////////*/


/*//////////// report filter with month ///////////////*/

.oc-report-filter-wrap .outlet-wrap{
  display: inline;
  float: left;
}

.oc-report-filter-wrap .oc-date-range-picker{
  display: inline;
  float: left;
  margin-left: 5px;
}

.oc-report-filter-wrap .all-sales-wrap{
  display: inline;
  float: left;
  margin-left: 5px;
}

/*//////////// eof report filter with month ///////////////*/


/*//////////// multiple payment mode list ///////////////*/

.oc-results.grid-view{
  overflow-x: scroll;
}

/*//////////// multiple payment mode list ///////////////*/


/*//////////// multiple payment mode list ///////////////*/

#multiple-payment-mode-list .outlet-wrap{
  display: inline;
  float: left;
}

#multiple-payment-mode-list .terminals-wrap{
  display: inline;
  float: left;
  margin-left: 5px;
}

#multiple-payment-mode-list .oc-date-range-picker{
  display: inline;
  float: left;
  margin-left: 5px;
}

#multiple-payment-mode-list .payment-method-wrap{
  display: inline;
  margin-left: 5px;
}

/*//////////// eof multiple payment mode list ///////////////*/


/*//////////// z reding ///////////////*/

tr.sub-total-row {
  background-color: #f1f1f1;
  border-bottom: 3px double;
  border-color: #bbb;
}

/*//////////// eof z reding ///////////////*/

/*//////////////////////////////////////////////*/
/************* Checkbox and Radio Design ********/
/*//////////////////////////////////////////////*/
.checkbox-success label::selection {
    background: transparent !important;
    color: #676767;
}
.checkbox {
  padding-left: 20px; }
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
    padding-left: 5px; }
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
      color: #555555; }
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
    z-index: 1; }
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
      opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
        cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #3BA686;
  border-color: #3BA686; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #3BA686;
  border-color: #3BA686;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.radio {
  padding-left: 20px; }
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
    padding-left: 5px; }
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
  opacity: 0;
    z-index: 1; }
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
      transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }

/*//////////////////////////////////////////////*/
/************* End of Checkbox and Radio Design ********/
/*//////////////////////////////////////////////*/

/*///////////////////////////////////////*/
/******* add style for promo Code *********/

#apply-discoutn-on{
  display:none;
}
/*
#percentage-discount-field{
  display:none;
}*/


/*//////////// Member Activity styles ///////////////*/

.oc-member-activity-wrap select.select-membership-expiry, .oc-member-activity-wrap select.select-accumulated-amount-membership, .oc-member-activity-wrap select.select-require-min-membership{
  display: block;
  width: 100%;
}

.check-auto-renew-wrap{
  padding-top: 10px;
}

.input-auto-renew{
  width: 50%;
  float: none !important;
  display: block;
}

.require-min-wrap .radio{
  margin-top: 0px;
}

.well.Downgrading-wrap {
    // background: transparent;
    padding: 30px !important;
    border: 1px solid #a7a7a7;
    margin-left: 15px;
    margin-right: 15px;
}

/*//////////// eof Member Activity styles ///////////////*/


/*//////////// Member VIP styles ///////////////*/

.oc-member-VIP-wrap select.select-membership-expiry, .oc-member-VIP-wrap select.select-accumulated-amount-membership, .oc-member-VIP-wrap select.select-require-min-membership{
  display: block;
  width: 100%;
}

/*//////////// eof Member VIP styles ///////////////*/


/*//////////// Member VVIP styles ///////////////*/

.oc-member-VVIP-wrap select.select-membership-expiry, .oc-member-VVIP-wrap select.select-accumulated-amount-membership, .oc-member-VVIP-wrap select.select-require-min-membership{
  display: block;
  width: 100%;
}

/*//////////// eof Member VVIP styles ///////////////*/


/*//////////// invoice listing export popup styles ///////////////*/

form#oc-email-exp:focus {
  outline: none !important;
}

form#oc-email-exp div.modal-fade:focus {
  outline: none !important;
}

/*//////////// eof invoice listing export popup styles ///////////////*/



.text-left{text-align:left;}
.padding-left-0{padding-left:0px !important;}
.padding-bottom-0{padding-bottom:0px !important;}
.margin-bottom-0{margin-bottom:0px !important;}

.fix-wdith-label{width:20%;}


/*left align for user page*/
 #tab-content td{
        text-align:left;
  }

.oc-prod-multiple-up-confirm-warp .alert-warning {
  background-image: none;
}
.oc-prod-multiple-up-confirm-warp .table th {
  text-align: left !important;
}
.text-gray {
  color: #676767;
}
.oc-user-setting-wrap table thead th {
  text-align: left !important;
}
/*.oc-user-setting-wrap table.table-bordered {
  border: 1px solid #ccc;
}*/

#failed-data tr td:last-child, .error_cols{
    color: #a94442;
}
div.dt-buttons{
    position:relative;
    top: 20px;
}
a.paginate_button {
    padding: 10px;
}
.dataTables_filter input{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.dataTables_filter input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.dataTables_filter input::-moz-placeholder {
    color: #777;
    opacity: 1;
}
.dataTables_filter input:-ms-input-placeholder {
    color: #777;
}
.dataTables_filter input::-webkit-input-placeholder {
    color: #777;
}
.form-group .form-control {
    height: 32px !important;
}
.file-zoom-dialog .kv-zoom-title {
    color: #fff !important;
}
.kv-file-content i {
    margin-top: 40px;
}
.file-upload-indicator {
    display: none;
}
.file-zoom-dialog .file-other-icon {
    font-size: 10vmin;
}

/* product listing */
.container-shadow{
  background-color: #fff;
  padding-top: 2em;
  box-shadow: 2px 2px 6px #EAEAEA;
  border-radius: 3px;
}
.grid-view .summary{
  font-size: 12px;
  font-style: italic;
}
.grid-view#list-products, #list-pro-attr-brand.grid-view{
  padding-left: 15px;
  padding-right: 15px;
}

/* product attribute */
.col-md-12.oc-attrs-wrap{
  background-color: #fff;
  padding-top: 1em;
  box-shadow: 2px 2px 6px #EAEAEA;
  border-radius: 3px;
  margin-top: 1em;
  margin-left: 15px;
  padding-left: 0px !important;
}
.row.oc-main-productWarp{
  margin-right: 15px;
}
.grid-view .row .col-md-12{
  padding-right: 0px;
}

/* reports  */
.oc-status-search-type#stat_type{
  width: 80px
}
span.mlm {
  font-size: 12px;
}
.oc-search-key.form-control{
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  color: #979797;
  font-style: italic;
}
.form-control.oc-start-date-show , .form-control.oc-end-date-show{
  width: 100px;
  font-weight: 400;
}
.btn.oc-export-invoice,
.btn.oc-export-report {
  background: #8BF4D5;
  color: #4a4a4a;
  border: transparent;
}
.searchby-label{
  text-transform: uppercase;
  font-size: 12px;
}
.btn.oc-select-time-range-btn:hover, .oc-select-time-range-btn:focus, .btn.oc-outlet-select:hover, .btn.oc-outlet-select:focus{
  color: #ffffff;
  background: #3BA686 !important;
}
.btn.oc-writeoff{
  background: #fff;
  color: #3BA686;
  border: 1px solid #3ba686;
}
.oc-xreading-wrap, .oc-zreading-wrap{
  padding-left: 15px;
  padding-right: 15px;
}
.btn.oc-export, .btn.oc-export-list{
  background: #8BF4D5;
  color: #4a4a4a;
  border: transparent;
  height: 31px;
}
.mbs.pull-right.margin-top{
  margin-top: 30px;
}
#list-payment-mode.grid-view{
  padding: 0px;
}


.font-red {
  color: #d43f3a;
}
.font-green {
  color: #3ba686;
}

/*==== Webpos CRM styling =====*/
.fixed-panel{
  min-height: 460px;
  max-height: 460px;
}

.logo_reward{
  margin-top: 3em;
}
.member-type-box,.member-type-box_{
  padding: 0.8em 0.8em 0.8em 0.8em;
  margin: 0.6em 0.6em 0.6em 0.6em;
  height: 150px;
  width: 250px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

._create{
  padding-top: 2.8em;
  font-size: 20px;
  border: 2.5px;
  border-style: dotted;
  text-align: Center;
  background:  linear-gradient(145deg,#3498c9,#64d9ba);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 0.4em;
  margin-top: 0.4em;
}

.member-type-box_:hover{
  background:  linear-gradient(145deg,#2e87b2,#5fceb0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.member-type-box:hover{
  background:  linear-gradient(145deg,#2e87b2,#5fceb0);
}

._content{
  color: #FFFFFF;
  border-style: none;
  background: linear-gradient(145deg,#3498c9, #64d9ba);
}

.membershipName{
  font-size: 18px;
  margin-top: 0.3em;
  margin-bottom: 0.8em;
  padding-right: 1em;
  padding-left: 1em;
}
.membershipType{
  padding-right: 1em;
  padding-left: 2.5em;
  margin-bottom: 0.5em;
}
.starman{
  padding-left: 2.5em;
  margin-bottom: 0.5em;
}

.descBox{
  text-align: center;
  margin-bottom: 13px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.birthdayTitle{
  font-weight: bold;
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
  border: none !important;
  width: 230px;
}

.well-crm{
  min-height: 20px;
  height: auto ;
  padding: 2px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  background:white;

}
.hightlight{
  background-color: #4dc788;
  color: white;
}
.hightlight:hover{
  background-color: #4dc788;
}

.oc-spend-during{
  width:7em;
  height: 2.1em;
}

#list-customers{
  overflow-x: auto;
}

#list-auditlog{
  overflow-x: auto;
}

.clickable-value{
  color: #288E6F;
}

.oc-membership-conversion-detail table{
  width: 100%;
}

.sub-menus-main-nav {
  overflow-y: auto !important;
}
.sub-menus-main-nav::-webkit-scrollbar {
  width: 3px;
}
.sub-menus-main-nav::-webkit-scrollbar-thumb {
  background: rgba(59,166,134,0.9);
}

.oc-writeoff {
  margin-left: 15px;
}
.oc-report-filter-wrap .oc-report-filter-wrap,
.oc-report-filter .oc-report-filter-wrap {
  width: 100%;
}

@media (max-width: 1310px) {
  .oc-report-filter-wrap,
  .oc-report-search {
    width: 100%;
  }
  .oc-report-search > .form-inline {
    float: left !important;
    margin-top: 15px;
  }
  .oc-report-search2 {
    width: 100%;
    float: left !important;
    margin-top: 15px;
    margin-left: 15px;
  }
  .oc-report-search2 .pop-show-text {
    float: left !important;
  }
  .oc-report-search3 .form-inline {
    margin-left: 15px;
  }
}

@media only screen and (max-device-width: 768px) {
  #sell-through-report .sell-through-report-filter,
  .oc-sales-by-promotion-wrap .oc-search-customer-bar,
  .oc-sales-by-promo-code-wrap .oc-search-customer-bar,
  .oc-purchase-listing-wrap .oc-search-customer-bar,
  .oc-purchase-history-wrap .oc-search-customer-bar,
  .oc-recruitment-history-wrap .oc-search-customer-bar {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
  }
  #sell-through-report .sell-through-report1, #sell-through-report .sell-through-report2 {
    width: 50%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
  }
  #sell-through-report .sell-through-report1 a {
    float: left !important;
  }
  #sell-through-report .sell-through-report2 .text-right {
    margin-top: 5px !important;
  }
  .oc-sales-by-promotion-wrap .oc-search-customer-bar {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
  }
  .oc-recruitment-history-wrap #chartData {display: inline-block}
}

.select-box.upload-prod-type {width: 100% !important;}
.checkbox.checkbox-success.checkbox-inline.margin-top {
  margin-top: 10px !important;
}
/* System Report - CRM */
.summary-monitor, .summary-monitor-replace{
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 9px 0 #d0d0d0;
  -moz-box-shadow: 0 0 9px 0 #d0d0d0;
  box-shadow: 0 0 9px 0 #d0d0d0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.monitor-record .row:first-child{
  text-align: center;
  font-size: 25px;
  font-weight: 700;
}

.monitor-record .row:last-child{
  text-align: center;
}
.monitor-record {
  padding:20px;
}
.row.monitor-date-range{
  padding:10px;
  border-radius: 5px 5px 0 0;
  /*margin: 5px;*/
  background: linear-gradient(145deg,#3498c9, #64d9ba);
  font-size: 16px;
  color: #fff;
}
.row.monitor-problem{
  background: #fff3f3;
}
.row.monitor-problem a {
  color: #de0202;
}

.row.monitor-problem .monitor-record {
  border: 1px solid #fff;
}
.monitor-record.col-md-3 div:first-child,.monitor-record.col-md-6.label-summary div:first-child{
  color: #64d9ba;
}
.scrollable-grid{
  overflow: auto;
}



/* The Close Button */
.image-close-modal {
  position: absolute;
  top: 45px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.image-close-modal:hover,
.image-close-modal:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* The Modal (background) */
.modal.modal-image-preview {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 70px; /* Location of the box */
  left: 0;
  top: 0;
  text-align: center;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.table-scrollable{
  overflow-x:auto;
}

.ml-3 { margin-left: 3px;}
.cursor-pointer { cursor: pointer}