@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");
                                /*!
                 _____________________
                 |###################|          
                 |###################|          
                 |###################|          
                 |###################|          
     ((-----------------------------------------
     | \         /  /@@ \      /@@ \  \
      \ \,      /  (     )    (     )  \            _____
       \ \      |   \___/      \___/   |           /  __ \
        \ ""*-__/                      \           | |  | |
         ""*-_                         "-_         | |  """
              \    -.  _________   .-   __"-.__.-((  ))
               \,    \^    U    ^/     /  "-___--((  ))
                 \,   \         /    /'            | |
                  |    \       /   /'              | |
                  |     "-----"    \               | |
                 /                  "*-._          | |
                /   /\          /*-._    \         | |
               /   /  "\______/"     /   /         | |
              /   /                 /   /          | |
             /. ./                  |. .|          """
            /  | |                  / | \
           /   |  \                /  |  \   
          /.-./.-.|               /.-.|.-.\
*/
/*!  
 * @description: yellowpages.co.za
 * @version: 3.0
 * @author: Alex "The Lion" Littlejohn
 */
/*Yellow*/
/*Dark Grey*/
/*Blue*/
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html, body {
  min-width: 240px;
}

html {
  color: #33383c;
  /* 2 */
  font-size: 100%;
  font-family: 'Open Sans', sans-serif;
  /* 3 */
  font-weight: 400;
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
}

/**
 * Remove default margin.
 */
body {
  background: #fff;
  /* 1 */
  margin: 0;
  line-height: 1.5;
}

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

::-moz-selection {
  color: white;
  background: #33383c;
}

::selection {
  color: white;
  background: #33383c;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a {
  color: inherit;
  text-decoration: inherit;
}

a:focus {
  outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h1, h2, h3, h4, h5, h6, strong {
  font-weight: 700;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: 700;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  height: 0;
  border: solid #e5e5e5;
  border-width: 0 0 1px 0;
  margin: 20px 40px;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

blockquote {
  border-left: 5px solid #e5e5e5;
  margin: 1em 0;
  padding: 0 40px;
  color: #999;
}

ol {
  counter-reset: item;
}

ol li {
  display: block;
}

ol li:before {
  content: counters(item,".") " ";
  counter-increment: item;
  position: absolute;
  margin-left: -20px;
  font-weight: bold;
  text-align: right;
  font-size: 12px;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: 'Open Sans', sans-serif;
  /* 3 */
  font-weight: 400;
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
  resize: none;
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

@font-face {
  font-family: "yellowpages";
  font-weight: normal;
  font-style: normal;
  src: url("/Assets/fonts/yellowpages.eot");
  src: url("/Assets/fonts/yellowpages.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/yellowpages.ttf") format("truetype");
}
[data-icon]:before,
[data-icon-after]:after {
  font-family: 'yellowpages';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

[data-icon-after]:after {
  content: attr(data-icon-after);
}

i {
  font-style: normal;
}

.upgradeBanner {
  height: 60px;
  line-height: 60px;
  color: #fff;
  background: #f1736a;
  padding: 0 30px;
  font-size: 12px;
  text-align: center;
}

.upgradeBanner a {
  font-weight: 700;
  color: #33383c;
}

.center {
  margin: 0 auto;
  max-width: 1200px;
}

.content {
  overflow: hidden;
  padding: 0 10px;
  margin: 10px auto;
  max-width: 1200px;
}

.contentoutscourcer {
  /*overflow: hidden;*/
  padding: 0 10px;
  margin: 10px auto;
  max-width: 70%;
}

@media all and (min-width: 30em) {
  .content {
    padding: 0 20px;
  }
}
.logo {
  text-align: center;
  display: none;
  line-height: 1;
  float: right;
  margin: 0;
  height: 70px;
  font-size: 80px;
}

@media all and (min-width: 60em) {
  .logo {
    display: block;
  }
}
.topBar {
  height: 101px;
  border: solid #e2b500;
  border-width: 1px 0;
  background: #fff200;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
  background: #fff200;
  background: -webkit-linear-gradient(top, #fff200 0%, #f5d716 100%);
  background: -moz-linear-gradient(top, #fff200 0%, #f5d716 100%);
  background: linear-gradient(to bottom, #fff200 0%, #f5d716 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#f5d716',GradientType=0 );
}

@media all and (min-width: 30em) {
  .topBar {
    height: 92px;
    padding: 10px;
  }

  .tourist.topBar {
    height: 105px;
  }

  .fixed .topBar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
  }

  .fixed .wrapper {
    padding-top: 80px;
  }
}
@media all and (min-width: 60em) {
  .topBar .center,
  .footer .center {
    padding: 0 20px;
    overflow: hidden;
  }
}
.tourBtn {
  display: none;
  color: #2d72d9;
  font-size: 13px;
  font-weight: 700;
  padding: 2px 10px;
  cursor: pointer;
}

.tourBtn:hover {
  text-decoration: underline;
}

@media all and (min-width: 30em) {
  .tourist .tourBtn {
    display: block;
  }
}
.footer {
  overflow: hidden;
  border-top: 1px solid #040505;
  border-bottom: 2px solid #fff200;
  background: #33383c;
  color: #7a858e;
  font-size: 11px;
  padding: 10px 0;
}

/* sticky footer */
@media all and (min-width: 48em) {
  html, body {
    height: 100%;
  }

  .wrapper {
    padding-bottom: 380px;
    min-height: 100%;
  }

  .footer {
    margin-top: -380px;
    height: 380px;
  }
}
/* footer */
.footer h5 {
  font-size: 12px;
  margin: 20px 0 5px 0;
  color: #fff200;
}

.footerLinks,
.footerLinks ul {
  padding: 0;
  margin: 0;
  overflow: hidden;
  list-style: none;
}

.footerLinks .sharing {
  overflow: visible;
}

.footer a:hover {
  color: #2d72d9;
}

.footerLinks a {
  display: block;
  padding: 4px 0;
}

.footerLinks > li {
  width: 100%;
}

@media all and (min-width: 30em) {
  .footerLinks > li {
    width: 50%;
    float: left;
  }
}
@media all and (min-width: 48em) {
  .footerLinks > li {
    width: 33.3%;
  }
}
@media all and (min-width: 60em) {
  .footerLinks > li {
    width: 16.6%;
  }
}
.footerCopyright {
  padding: 10px 0;
  margin: 10px 0;
  border-top: 1px solid #7a858e;
}

.footerCopyright p {
  margin: 0;
}

.footerSocial a {
  color: #fff;
  font-size: 24px;
  line-height: 1;
  margin: 0;
}

.footerSocial a:hover {
  color: #7A848D;
}

.debug {
  display: none;
  margin: 10px !important;
  font-size: 12px;
}

.debugMode .debug {
  display: block;
  overflow-wrap: break-word;
}

.panel {
  padding: 10px;
  border: 1px solid #e5e5e5;
}

.panel > :first-child {
  margin-top: 0;
}

.advertBar {
  overflow: hidden;
  padding: 10px 0;
  background: #fff;
  text-align: center;
}

.advert {
  display: inline-block;
  width: 468px;
  height: 60px;
  margin: 0 1%;
  background: #e5e5e5;
}

.notification {
  padding: 15px 20px;
  border: 2px solid;
  font-size: 12px;
}

.notification.error {
  border-color: #f1736a;
  color: #f1736a;
}

.searchPage list {
  display: inline-block;
}

.sideBarWrapper {
  margin-top: 5em;
  background: #fff;
  height: 450px;
  overflow: auto;
  overflow-x: hidden;
  margin: 0;
}

.sideBarHeader {
  font-variant-caps: titling-caps;
  font-weight: 600;
  text-align: center;
  padding: 20px;
  background-color: #3e657b;
  color: #ffffff;
}

.sideBarWrapper label {
  border: none !important;
  width: 292px !important;
  height: 52px !important;
  border-radius: 5px !important;
  line-height: 15px !important;
  background: #f5f5f5 !important;
  font-size: 11px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  padding: 13px !important;
}

.toggle-btn:hover {
  border: none !important;
}

.btnContainer button {
  float: left;
  position: relative;
  width: 100px;
  font-size: 10px;
}

.btnContainer input {
  left: 20px;
  position: relative;
  width: 170px;
  font-size: 10px;
  margin-top: 14px !important;
}

.btnContainer {
  background: #fff;
  height: 50px;
  overflow: hidden;
  position: relative;
  margin-top: 10px;
}

.toggle-btn-grp.FETsidebar * {
  height: 54px !important;
}

#overlay {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
}

#overlay.showing {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.csstransitions #overlay {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  display: block;
  visibility: hidden;
}

.csstransitions #overlay.showing {
  visibility: visible;
}

.modal {
  display: none;
  position: fixed;
  background: #fff;
  padding: 20px;
  z-index: 100000;
  width: 100%;
  height: 100%;
  overflow: auto;
  left: 0;
  top: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
}

@media all and (min-width: 30em) {
  .modal {
    width: 60%;
    left: 20%;
    top: 10%;
    height: auto;
    overflow: visible;
  }
}
@media all and (min-width: 60em) {
  .modal {
    top: 5px;
    left: 50%;
    width: auto;
  }
}
.csstransitions .modal {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  opacity: 0;
  display: block;
  visibility: hidden;
}

.csstransitions .modal.showing {
  opacity: 1;
  visibility: visible;
}

.modal h4 {
  text-transform: uppercase;
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  padding: 20px 50px 20px 20px;
  border-bottom: 2px solid #e2b500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff200;
  background: -webkit-linear-gradient(top, #fff200 0%, #f5d716 100%);
  background: -moz-linear-gradient(top, #fff200 0%, #f5d716 100%);
  background: linear-gradient(to bottom, #fff200 0%, #f5d716 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#f5d716',GradientType=0 );
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.fnbModal {
  display: none;
  position: fixed;
  background: #fff;
  padding: 20px;
  z-index: 100000;
  width: 100%;
  height: 100%;
  overflow: auto;
  left: 0;
  top: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

@media all and (min-width: 30em) {
  .fnbModal {
    width: 60%;
    left: 20%;
    top: 10%;
    height: auto;
    overflow: visible;
  }
}
@media all and (min-width: 60em) {
  .fnbModal {
    top: 100px;
    left: 50%;
    width: auto;
  }
}
.fnbModal h4 {
  text-transform: uppercase;
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  padding: 20px 50px 20px 20px;
  border-bottom: 2px solid #73c7c7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #73c7c7;
  background: -webkit-linear-gradient(top, #73c7c7 0%, #4fb8b8 100%);
  background: -moz-linear-gradient(top, #73c7c7 0%, #4fb8b8 100%);
  background: linear-gradient(to bottom, #73c7c7 0%, #4fb8b8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73c7c7', endColorstr='#4fb8b8',GradientType=0 );
}

.modalClose {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClose:hover {
  color: #7a858e;
}

.modalCloseContractMenu {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalCloseContractModal {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClosenewContractModule {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClosensaWizardModalStep2 {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClosensaAddBasicData {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClosensaAdvertLines {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClosensaAdvertLineDetailsModal {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClosennsaWizardModal {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClosensaAddBasicData {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClosecontractMenuItemModal {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClose:hover {
  color: #7a858e;
}

.modalCloseContractMenu:hover {
  color: #7a858e;
}

.modalCloseContractModal:hover {
  color: #7a858e;
}

.modalClosecontractMenuItemModal:hover {
  color: #7a858e;
}

.contractMenuLoadingModal {
  width: 100%;
  height: 100%;
}

.contractMenuLoader {
  background-image: url("/Assets/img/loading-x.gif");
  background-size: 100%;
  width: 300px;
  height: 300px;
  background-repeat: no-repeat;
}

.qoutePadding {
  font-size: 13px;
  padding: 15px;
}

#emailModal {
  height: auto !important;
}

.ToFrom {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 15px;
}

.modalClosensaAdvertLineWizardModal {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClosensaCartModal {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.modalClosing {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.noteField,
.reviewField,
.problemField {
  width: 100%;
  background: #fff;
  border: 1px solid #cdd1d4;
  border-radius: 4px;
  font-size: 16px;
  padding: 5px 10px 4px 10px;
  height: 160px;
}

.changePasswordModal .text {
  width: 100%;
}

.notesModal .btn,
.reviewsModal .btn,
.problemModal .btn,
.changePasswordModal .btn {
  float: right;
}

@media all and (min-width: 60em) {
  .modal {
    width: 400px;
    margin-left: -200px;
  }
}
.controlGroup {
  margin-bottom: 10px;
  overflow: hidden;
}

.controls {
  overflow: hidden;
}

.controls > * {
  vertical-align: middle;
}

.formFooter {
  border-top: 1px solid #e5e5e5;
  background: #33383c;
  padding: 20px;
  margin: 20px 0 0 0;
  color: #fff;
}

label {
  padding: 0 0 6px 0;
  font-size: 13px;
}

.label {
  display: block;
}

.label.required:after {
  content: " *";
}

.text {
  border: 1px solid #e5e5e5;
  background: #fff;
  padding: 6px 10px 5px 10px;
  border-radius: 2px;
}

.textArea {
  min-height: 180px;
}

.btn {
  border: 0;
  display: inline-block;
  padding: 8px 18px 7px 18px;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  background: #2d72d9;
  background: -webkit-linear-gradient(top, #2d72d9 0%, #2362c0 100%);
  background: -moz-linear-gradient(top, #2d72d9 0%, #2362c0 100%);
  background: linear-gradient(to bottom, #2d72d9 0%, #2362c0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d72d9', endColorstr='#2362c0',GradientType=0 );
  border: 1px solid #205bb3;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: 0 -1px 0 #133669;
}

.btn:hover {
  background: #2d72d9;
  background: -webkit-linear-gradient(top, #2d72d9 0%, #1b4c94 100%);
  background: -moz-linear-gradient(top, #2d72d9 0%, #1b4c94 100%);
  background: linear-gradient(to bottom, #2d72d9 0%, #1b4c94 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d72d9', endColorstr='#1b4c94',GradientType=0 );
  border-color: #1c509d;
}

.btn:active,
.btn.selected {
  background: #2362c0;
  background: -webkit-linear-gradient(top, #2362c0 0%, #2d72d9 100%);
  background: -moz-linear-gradient(top, #2362c0 0%, #2d72d9 100%);
  background: linear-gradient(to bottom, #2362c0 0%, #2d72d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2362c0', endColorstr='#2d72d9',GradientType=0 );
  border-color: #1c509d;
}

.btn.secondary {
  color: #33383c;
  background: #efefef;
  background: -webkit-linear-gradient(top, #efefef 0%, #efefef 100%);
  background: -moz-linear-gradient(top, #efefef 0%, #efefef 100%);
  background: linear-gradient(to bottom, #efefef 0%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#efefef',GradientType=0 );
  border: 1px solid #ddd;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: 0 -1px 0 #ddd;
}

.btn.secondary:hover {
  background: #e5e5e5;
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #e6e6e6 100%);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #e6e6e6 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e6e6e6',GradientType=0 );
}

.btn.secondary.active,
.btn.secondary.selected {
  background: lightgray;
  background: -webkit-linear-gradient(top, lightgray 0%, #d4d4d4 100%);
  background: -moz-linear-gradient(top, lightgray 0%, #d4d4d4 100%);
  background: linear-gradient(to bottom, lightgray 0%, #d4d4d4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lightgray', endColorstr='#d4d4d4',GradientType=0 );
}

.btn-fnb {
  border: 0;
  display: inline-block;
  padding: 8px 18px 7px 18px;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  background: #ff9900;
  background: -webkit-linear-gradient(top, #ff9900 0%, #db8400 100%);
  background: -moz-linear-gradient(top, #ff9900 0%, #db8400 100%);
  background: linear-gradient(to bottom, #ff9900 0%, #db8400 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#db8400',GradientType=0 );
  border: 1px solid #cc7a00;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: 0 -1px 0 #754600;
}

.btn-fnb:hover {
  background: #ff9900;
  background: -webkit-linear-gradient(top, #ff9900 0%, #a86500 100%);
  background: -moz-linear-gradient(top, #ff9900 0%, #a86500 100%);
  background: linear-gradient(to bottom, #ff9900 0%, #a86500 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#a86500',GradientType=0 );
  border-color: #b36b00;
}

.btn-fnb:active,
.btn-fnb.selected {
  background: #db8400;
  background: -webkit-linear-gradient(top, #db8400 0%, #ff9900 100%);
  background: -moz-linear-gradient(top, #db8400 0%, #ff9900 100%);
  background: linear-gradient(to bottom, #db8400 0%, #ff9900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8400', endColorstr='#ff9900',GradientType=0 );
  border-color: #b36b00;
}

.btn-fnb.secondary {
  color: #ffa724;
  background: #ff9900;
  background: -webkit-linear-gradient(top, #ff9900 0%, #ff9900 100%);
  background: -moz-linear-gradient(top, #ff9900 0%, #ff9900 100%);
  background: linear-gradient(to bottom, #ff9900 0%, #ff9900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0 );
  border: 1px solid #ddd;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: 0 -1px 0 #ddd;
}

.btn-fnb.secondary:hover {
  background: #ff9900;
  background: -webkit-linear-gradient(top, #ff9900 0%, #e6e6e6 100%);
  background: -moz-linear-gradient(top, #ff9900 0%, #e6e6e6 100%);
  background: linear-gradient(to bottom, #ff9900 0%, #e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#e6e6e6',GradientType=0 );
}

.btn-fnb.secondary.active,
.btn-fnb.secondary.selected {
  background: #ff9900;
  background: -webkit-linear-gradient(top, #ff9900 0%, #d4d4d4 100%);
  background: -moz-linear-gradient(top, #ff9900 0%, #d4d4d4 100%);
  background: linear-gradient(to bottom, #ff9900 0%, #d4d4d4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#d4d4d4',GradientType=0 );
}

.btn-Telkom {
  border: 0;
  display: inline-block;
  padding: 8px 18px 7px 18px;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  background: #ff9900;
  background: -webkit-linear-gradient(top, #ff9900 0%, #db8400 100%);
  background: -moz-linear-gradient(top, #ff9900 0%, #db8400 100%);
  background: linear-gradient(to bottom, #ff9900 0%, #db8400 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#db8400',GradientType=0 );
  border: 1px solid #cc7a00;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: 0 -1px 0 #754600;
}

.btn-Telkom:hover {
  background: #ff9900;
  background: -webkit-linear-gradient(top, #ff9900 0%, #a86500 100%);
  background: -moz-linear-gradient(top, #ff9900 0%, #a86500 100%);
  background: linear-gradient(to bottom, #ff9900 0%, #a86500 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#a86500',GradientType=0 );
  border-color: #b36b00;
}

.btn-Telkom:active,
.btn-Telkom.selected {
  background: #db8400;
  background: -webkit-linear-gradient(top, #db8400 0%, #ff9900 100%);
  background: -moz-linear-gradient(top, #db8400 0%, #ff9900 100%);
  background: linear-gradient(to bottom, #db8400 0%, #ff9900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8400', endColorstr='#ff9900',GradientType=0 );
  border-color: #b36b00;
}

.btn-Telkom.secondary {
  color: #ffa724;
  background: #ff9900;
  background: -webkit-linear-gradient(top, #ff9900 0%, #ff9900 100%);
  background: -moz-linear-gradient(top, #ff9900 0%, #ff9900 100%);
  background: linear-gradient(to bottom, #ff9900 0%, #ff9900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0 );
  border: 1px solid #ddd;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: 0 -1px 0 #ddd;
}

.btn-Telkom.secondary:hover {
  background: #ff9900;
  background: -webkit-linear-gradient(top, #ff9900 0%, #e6e6e6 100%);
  background: -moz-linear-gradient(top, #ff9900 0%, #e6e6e6 100%);
  background: linear-gradient(to bottom, #ff9900 0%, #e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#e6e6e6',GradientType=0 );
}

.btn-Telkom.secondary.active,
.btn-Telkom.secondary.selected {
  background: #ff9900;
  background: -webkit-linear-gradient(top, #ff9900 0%, #d4d4d4 100%);
  background: -moz-linear-gradient(top, #ff9900 0%, #d4d4d4 100%);
  background: linear-gradient(to bottom, #ff9900 0%, #d4d4d4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#d4d4d4',GradientType=0 );
}

.btnGroup .btn {
  float: left;
  border-radius: 0;
}

.btnGroup .btn:first-child ~ .btn {
  border-left: 0;
}

.btnGroup .btn:first-child {
  border-radius: 4px 0 0 4px;
}

.btnGroup .btn:last-child {
  border-radius: 0 4px 4px 0;
}

@media all and (min-width: 30em) {
  .formHorizontal .controls {
    margin-left: 180px;
  }

  .formHorizontal .label {
    float: left;
    width: 160px;
    text-align: right;
  }

  .formHorizontal .formFooter {
    padding-left: 210px;
  }
}
.validation-summary-errors ul {
  padding: 10px 10px 10px 30px;
  border: 2px solid #f1736a;
  color: #f1736a;
  font-size: 12px;
}

.field-validation-error {
  color: #f1736a;
  display: block;
  font-size: 12px;
}

.searchForm, .searchFormdrop {
  margin: 0;
  padding: 10px;
  border-radius: 4px;
  overflow: hidden;
}

@media all and (min-width: 30em) {
  .searchForm, .searchFormdrop {
    border: 1px solid #e2b500;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    background: #fff200;
    background: -webkit-linear-gradient(top, #fff200 0%, #f5d716 100%);
    background: -moz-linear-gradient(top, #fff200 0%, #f5d716 100%);
    background: linear-gradient(to bottom, #fff200 0%, #f5d716 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#f5d716',GradientType=0 );
  }
}
@media all and (min-width: 60em) {
  .searchForm {
    margin: 0 320px 0 0;
    height: 70px;
  }

  .searchFormdrop {
    height: 70px;
  }
}
.searchLabel {
  background: #fff;
  border: 1px solid #e2b500;
  position: relative;
  display: block;
  padding: 0;
  height: 38px;
  width: 100%;
  margin: 0 0 3px 0;
}

.searchLabel:before {
  text-align: center;
  z-index: 2;
  font-size: 20px;
  line-height: 38px;
  width: 38px;
}

.searchLabeldrop:before {
  margin-top: -4px;
}

.searchLabel:before,
.searchField {
  position: absolute;
  left: 0;
  height: 36px;
}

.searchField {
  width: 100%;
  right: 0;
  font-size: 12px;
  background: transparent;
  display: block;
  border: 0;
  padding: 0 15px 0 50px;
  line-height: 38px\0;
  /*ie only style*/
  -webkit-appearance: none;
  appearance: none;
}
.searchField::-webkit-input-placeholder {
  color: #393939;
}
.searchField:-moz-placeholder {
  color: #393939;
}
.searchField::-moz-placeholder {
  color: #393939;
}
.searchField:-ms-input-placeholder {
  color: #393939;
}

.searchField:focus {
  outline: 1px solid #33383c;
}

.whereLabel {
  width: 85%;
}

.bannerEishReport {
  width: 100%;
  float: left;
  cursor: pointer;
  color: #fff;
  font-weight: 500;
  border-radius: 4px 4px 4px 4px;
  text-decoration: none;
  text-align: center;
  padding: 0;
  height: 38px;
  line-height: 34px;
  font-size: 20px;
  margin: 0 0 3px 0;
  background: #33383c;
  /* Old browsers */
  background: #33383c;
  background: -webkit-linear-gradient(top, #33383c 0%, #272b2e 100%);
  background: -moz-linear-gradient(top, #33383c 0%, #272b2e 100%);
  background: linear-gradient(to bottom, #33383c 0%, #272b2e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33383c', endColorstr='#272b2e',GradientType=0 );
  border: 1px solid #33383c;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: 0 -2px 0 #1c1e20;
}

.searchBtn {
  width: 15%;
  float: right;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  border-radius: 0 4px 4px 0;
  text-decoration: none;
  text-align: center;
  padding: 0;
  height: 38px;
  line-height: 34px;
  font-size: 20px;
  margin: 0 0 3px 0;
  background: #33383c;
  /* Old browsers */
  background: #33383c;
  background: -webkit-linear-gradient(top, #33383c 0%, #272b2e 100%);
  background: -moz-linear-gradient(top, #33383c 0%, #272b2e 100%);
  background: linear-gradient(to bottom, #33383c 0%, #272b2e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33383c', endColorstr='#272b2e',GradientType=0 );
  border: 1px solid #33383c;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: 0 -2px 0 #1c1e20;
}

.searchBtn:hover {
  background: #272b2e;
  background: -webkit-linear-gradient(top, #272b2e 0%, #1c1e20 100%);
  background: -moz-linear-gradient(top, #272b2e 0%, #1c1e20 100%);
  background: linear-gradient(to bottom, #272b2e 0%, #1c1e20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272b2e', endColorstr='#1c1e20',GradientType=0 );
}

@media all and (min-width: 30em) {
  .searchBtn {
    display: block;
    width: 12%;
    height: 48px;
    line-height: 44px;
    font-size: 30px;
    margin: 0;
  }

  .searchLabel {
    height: 48px;
    margin: 0;
    width: 44%;
    float: left;
  }

  .searchLabel:before {
    line-height: 48px;
    width: 48px;
    font-size: 30px;
    height: 46px;
  }

  .searchField {
    line-height: 48px\0;
    font-size: 14px;
    height: 46px;
  }

  .whatLabel {
    border-radius: 3px 0 0 3px;
    border-right: 0;
  }

  .whereLabel {
    border-left: 0;
  }

  .whatLabel:after {
    position: absolute;
    content: "";
    width: 1px;
    background: #e2b500;
    right: 0;
    top: 6px;
    bottom: 6px;
  }
}
@media all and (min-width: 48em) {
  .searchLabel {
    margin: 0;
  }
}
.autocomplete {
  box-shadow: 0 0 6px #cdd1d4;
  background: #fff;
  position: absolute;
  font-size: 12px;
  color: #33383c;
  display: none;
  border: 1px solid #e5e5e5;
  margin-top: 36px;
  list-style: none;
  padding: 0 0 2px 0;
  z-index: 1000;
  top: 38px;
  bottom: 0;
  width: 100%;
  overflow: auto;
}

@media all and (min-width: 30em) {
  .autocomplete {
    margin-top: 46px;
  }
}
.fixed .autocomplete {
  top: 28px !important;
  /* bluegh! necessary to override js inserted inline styles */
  position: fixed;
}

.autocomplete li {
  padding: 4px 15px;
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
}

.autocomplete li:first-child {
  border: 0;
}

.autocomplete .selected,
.autocomplete li:hover {
  background: whitesmoke;
  color: #33383c;
}

.autocomplete .unselectable,
.autocomplete .unselectable:hover {
  background: #222;
  cursor: default;
  color: #fff;
}

.autocomplete i {
  font-weight: 700;
}

.autocompleteClass {
  box-shadow: 0 0 6px #cdd1d4;
  background: #fff;
  position: absolute;
  font-size: 12px;
  color: #33383c;
  display: none;
  border: 1px solid #e5e5e5;
  margin-top: 36px;
  list-style: none;
  padding: 0 0 2px 0;
  z-index: 1000;
  top: 38px;
  bottom: 0;
  width: 100%;
  overflow: auto;
}

@media all and (min-width: 30em) {
  .autocompleteClass {
    margin-top: 46px;
  }
}
.autocompleteClass li {
  padding: 4px 15px;
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
}

.autocompleteClass li:first-child {
  border: 0;
}

.autocompleteClass .selected,
.autocompleteClass li:hover {
  background: whitesmoke;
  color: #33383c;
}

.autocompleteClass .unselectable,
.autocompleteClass .unselectable:hover {
  background: #222;
  cursor: default;
  color: #fff;
}

.autocompleteClass i {
  font-weight: 700;
}

.pageHeader {
  background: #33383c;
  border-bottom: 1px solid #040505;
  border-top: 2px solid #fff200;
  width: 100%;
  height: 48px;
}

@media all and (min-width: 60em) {
  .pageHeader {
    height: 32px;
  }
}
/*     -----------------   */
.menu {
  display: none;
  color: #7a858e;
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0;
  top: 48px;
  background: #1c1e20;
  font-size: 12px;
  list-style: none;
  z-index: 1000;
}

.pageMenu {
  left: 0;
}

.userMenu {
  right: 0;
}

.menu li,
.menu a {
  display: block;
  text-align: left;
}

.menu a {
  border-bottom: 1px solid #33383c;
  padding: 10px 20px;
}

.menu a:hover {
  color: #fff;
}

.userMenu ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

@media all and (min-width: 30em) {
  .menu {
    width: 60%;
  }
}
@media all and (min-width: 48em) {
  .menu {
    width: 40%;
  }
}
@media all and (min-width: 60em) {
  .userMenu {
    float: right;
    /*margin-right: 320px;*/
    text-transform: uppercase;
  }

  .pageMenu {
    float: left;
  }

  .menu {
    padding: 0 10px;
    display: block;
    position: static;
    width: auto;
    background: transparent;
  }

  .menu a {
    padding: 8px 10px 0 10px;
    border: 0;
    color: #fff200;
  }

  .userMenu form,
  .menu li,
  .menu a {
    float: left;
  }

  .pageMenu > li:first-child a {
    font-weight: 700;
  }
}
.menuBtn {
  width: 46px;
  height: 46px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  padding: 8px;
  float: left;
  font-size: 32px;
  line-height: 32px;
}

.userMenuBtn {
  float: right;
}

.menuBtn:before {
  display: inline;
}

.menuBtn:hover,
.menuBtn.open {
  background: #1c1e20;
}

.menuBtn.open + .menu {
  display: block;
}

@media all and (min-width: 60em) {
  .menuBtn {
    display: none;
  }
}
.pageTitle {
  display: block;
  margin: 0 auto;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  line-height: 48px;
  text-align: center;
  width: 160px;
  position: relative;
  padding-left: 20px;
}

.pageTitle:before {
  font-size: 32px;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 0;
  position: absolute;
  margin-top: -16px;
}

@media all and (min-width: 60em) {
  .pageTitle {
    display: none;
  }
}
.searchResults,
.searchActions,
.resultActions,
.resultNotes ul,
.resultPhoneNumbers {
  list-style: none;
  padding: 0;
}

.searchResults {
  margin: 10px 0;
}

.grid .searchResults {
  overflow: hidden;
}

/* results top bar */
.searchToolBar {
  height: 47px;
  display: none;
  padding-top: 5px;
}

@media all and (min-width: 60em) {
  .searchToolBar {
    display: block;
  }
}
.resultsTop {
  overflow: hidden;
}

.searchViewTypes {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  height: 42px;
}

.searchViewTypes li,
.searchViewTypes a {
  float: left;
  width: 64px;
  height: 42px;
}

.searchViewTypes a {
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding: 0 12px;
  font-size: 24px;
  text-align: center;
  line-height: 44px;
  cursor: pointer;
  color: #888;
}

.searchViewTypes .selected {
  background: #e5e5e5;
  border-color: #d5d5d5;
  color: #666;
}

.searchViewTypes a:hover {
  border-color: #d5d5d5;
  color: #666;
}

.searchViewTypes .debugBtn,
.searchViewTypes .debugBtn a {
  width: auto;
}

.searchViewTypes .debugBtn a {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 18px;
}

.searchViewTypes li + li a {
  border-left: 0;
}

.searchViewTypes li:first-child a {
  border-radius: 4px 0 0 4px;
}

.searchViewTypes li:last-child a {
  border-radius: 0 4px 4px 0;
}

.filters {
  float: right;
  z-index: 50;
  position: relative;
}

.searchFilters {
  display: none;
  margin-top: 15px;
  padding: 15px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.searchFilters h4,
.searchFilters p {
  margin: 0;
}

.filterList,
.filterListWords {
  list-style: none;
  padding: 0;
  overflow: hidden;
  margin: 0;
  min-width: 130px;
}

.filterList li {
  float: left;
  margin: 1px;
  background: #e5e5e5;
  color: #33383c;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 13px;
  text-transform: lowercase;
}

.filterList a {
  display: block;
  width: 24px;
  height: 24px;
}

.filterList li.selected {
  background: #33383c;
  color: #fff;
}

.filterListWords a {
  margin: 1px;
  background: #e5e5e5;
  color: #33383c;
  display: inline-block;
  padding: 3px 6px;
  font-size: 13px;
  text-transform: lowercase;
  white-space: nowrap;
}

.filterListWords li.selected > a {
  background: #33383c;
  color: #fff;
}

.filterListWords.inner {
  padding-left: 20px;
}

.filterListWords.inner a {
  font-size: 12px;
}

.filterColumns {
  overflow: hidden;
  padding-top: 20px;
  text-transform: lowercase;
}

.filterColumn {
  float: left;
  width: 50%;
  padding-right: 20px;
}

.filterBtn {
  display: inline-block;
  white-space: nowrap;
  height: 42px;
  line-height: 26px;
  border-radius: 0;
}

.dealsBtn {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  height: 42px;
  line-height: 26px;
  border-radius: 0;
  padding-left: 42px;
}

.dealsIcon {
  position: absolute;
  max-height: 24px;
  left: 10px;
  top: 10px;
}

.filterGroup:last-child .filterBtn {
  border-radius: 4px 0 0 4px;
}

.filterGroup:last-child .filterBtn:hover {
  border-radius: 4px 0 0 0;
}

.filterGroup {
  float: right;
  position: relative;
}

.filterDD {
  display: none;
  position: absolute;
  z-index: 100000;
  background: #f5f5f5;
  border: solid #e5e5e5;
  border-width: 0 1px 1px 1px;
  padding: 12px;
}

.filterGroup:hover .filterDD {
  display: block;
}

.filterGroup h4 {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 10px 0;
}

.filterGroup h4 ~ h4 {
  margin: 10px 0;
}

.clearFilterBtn, .searchcompBtn {
  float: right;
  font-size: 24px;
  padding: 0 12px;
  text-align: center;
  line-height: 44px;
  height: 42px;
  border-radius: 0 4px 4px 0;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  color: #888;
}

.clearFilterBtn, .searchcompStdBankBtn {
  float: right;
  font-size: 24px;
  padding: 0 12px;
  text-align: center;
  line-height: 44px;
  height: 42px;
  border-radius: 0 4px 4px 0;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  color: #888;
}

.clearFilterBtn:hover {
  background: #f1736a;
  color: #fff;
  border-color: #ed473b;
}

.clearFilterBtn ~ .filterGroup .filterBtn {
  border-right: 0;
}

.searchcompBtn {
  cursor: pointer;
}

.searchcompStdBankBtn {
  cursor: pointer;
}

.resultsIndicator,
.filtersIndicator {
  color: #aaa;
  font-size: 12px;
  margin: 10px 0 0 0;
  float: left;
}

.filtersIndicator {
  float: right;
}

.grid .content,
.map .content {
  max-width: 100%;
}

/* Result items */
.result {
  margin: 0 0 10px 0;
  padding: 10px 10px 0 10px;
  background: #fff;
  border: 1px solid #e5e5e5;
  position: relative;
}

.result:hover {
  border-color: #d5d5d5;
}

.result.sponsored:before {
  left: -10px;
  top: 10px;
  background: #fff200;
  width: 10px;
  height: 40px;
  content: "";
  position: absolute;
}

@media all and (min-width: 60em) {
  .grid .result {
    margin: 1%;
    height: 250px;
    float: left;
    width: 48%;
  }
}
@media all and (min-width: 90em) {
  .grid .result {
    width: 31%;
  }
}
@media all and (min-width: 110em) {
  .grid .result {
    width: 23%;
  }
}
.resultSelector {
  font-size: 24px;
  color: #2d72d9;
  padding: 20px;
  width: 64px;
  float: left;
  margin: -20px 0 0 -20px;
  cursor: pointer;
}

.resultSelector.selected {
  color: #5fb571;
}

.resultSelector .s {
  display: none;
}

.resultSelector.selected .s {
  display: inline;
}

.resultSelector.selected .u {
  display: none;
}

.resultSelector ~ .resultName a,
.resultSelector ~ .resultContact,
.resultSelector ~ .businessDetails,
.resultSelector ~ .resultAddress,
.resultSelector ~ .resultKeywords {
  margin-left: 44px;
  padding-left: 0;
}

.resultName {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  margin: -20px 130px 0 -20px;
  color: #2d72d9;
}

.panel .resultName {
  margin-top: -20px;
  font-size: 22px;
}

.resultName a {
  display: block;
  padding: 18px 20px;
}

.fnbBrandAddress {
  color: #fff;
  margin: -20px 0 0 0;
  font-size: 12px;
}

.resultAddress {
  color: #aaa;
  margin: -20px 0 0 0;
  font-size: 12px;
}

.resultGetDirections {
  color: #33383c;
  margin-left: 10px;
  cursor: pointer;
  white-space: nowrap;
}

.resultGetDirections:hover {
  color: #2d72d9;
}

.resultKeywords {
  font-size: 12px;
  color: #aaa;
  margin: 10px 0;
  border: solid #e5e5e5;
  border-width: 1px 0;
  padding: 5px 0;
}

.resultContact {
  color: #33383c;
  padding: 6px 0 0 0;
  margin: 0;
  list-style: none;
  min-height: 42px;
  line-height: 36px;
  overflow: hidden;
}

.resultContact li {
  float: left;
  height: 36px;
}

.resultMainNumber {
  color: #2d72d9;
  font-size: 20px;
  cursor: pointer;
}

.resultMainNumberContainer ~ li {
  border-left: 1px solid #e5e5e5;
}

.resultWebLink,
.resultContact .freeCall, .freeCallNsa {
  color: #33383c;
  padding: 0 10px;
  font-size: 12px;
  cursor: pointer;
}

.resultWebLink:hover,
.resultContact .freeCall:hover, .freeCallNsa:hover {
  color: #2d72d9;
}

.contracted {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95px;
}

.contracted + .freeCall {
  display: inline-block;
  overflow: hidden;
}

.result .businessDetails {
  display: none;
}

.result .businessDetails a {
  display: inline-block;
  overflow: hidden;
}

.paging {
  text-align: center;
  font-size: 0;
}

.paging a {
  font-size: 12px;
  display: inline-block;
  padding: 4px 10px;
  background: whitesmoke;
  border-radius: 2px;
  margin: 0 1px 0 0;
}

.paging a:hover,
.paging .current {
  background: #2d72d9;
  color: #fff;
}

.shareBar {
  height: 44px;
  color: #fff;
  font-size: 12px;
  line-height: 44px;
  background: #33383c;
}

@media all and (min-width: 60em) {
  .fixed .shareBar {
    position: fixed;
    z-index: 10;
    top: 80px;
    width: 100%;
  }
}
.shareBar .center {
  padding: 0 20px;
}

.shareBar a {
  color: #5fb571;
}

.resultExtras {
  float: right;
  text-align: right;
  width: 120px;
}

.resultLogo {
  max-height: 40px;
  display: block;
  margin-bottom: 2px;
  max-width: 120px;
}

.seoSpam {
  padding: 2px 15px;
  border: 1px solid #e5e5e5;
  margin: 45px 0;
  background: #f5f5f5;
}

.seoSpam p {
  font-size: 12px;
}

.seoSpam h3 {
  font-size: 18px;
}

.seoSpam h4 {
  font-size: 16px;
}

.fnbBrand {
  background-color: #73c7c7;
}

.newFilters {
  position: fixed;
  max-height: 48px;
  bottom: 48px;
  width: 100%;
  left: 0;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  color: #33383c;
  z-index: 1200;
}

/*new filters for trudon space here*/
.hideFilters {
  display: none;
}

.topLevelFilters {
  margin: 1px;
  background: #e5e5e5;
  color: #33383c;
  display: inline-block;
  padding: 3px 6px;
  font-size: 13px;
  text-transform: lowercase;
  white-space: nowrap;
  cursor: pointer;
}

.seoSpam {
  font-size: 12px;
}

.searchResults,
.searchActions,
.resultActions,
.resultNotes ul,
.resultPhoneNumbers {
  list-style: none;
  padding: 0;
}

.searchResults {
  margin: 10px 0;
}

.grid .searchResults {
  overflow: hidden;
}

/* results top bar */
.searchToolBar {
  height: 47px;
  display: none;
  padding-top: 5px;
}

@media all and (min-width: 60em) {
  .searchToolBar {
    display: block;
  }
}
.resultsTop {
  overflow: hidden;
}

.searchViewTypes {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  height: 42px;
}

.searchViewTypes li,
.searchViewTypes a {
  float: left;
  width: 64px;
  height: 42px;
}

.searchViewTypes a {
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding: 0 12px;
  font-size: 24px;
  text-align: center;
  line-height: 44px;
  cursor: pointer;
  color: #888;
}

.searchViewTypes .selected {
  background: #e5e5e5;
  border-color: #d5d5d5;
  color: #666;
}

.searchViewTypes a:hover {
  border-color: #d5d5d5;
  color: #666;
}

.searchViewTypes .debugBtn,
.searchViewTypes .debugBtn a {
  width: auto;
}

.searchViewTypes .debugBtn a {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 18px;
}

.searchViewTypes li + li a {
  border-left: 0;
}

.searchViewTypes li:first-child a {
  border-radius: 4px 0 0 4px;
}

.searchViewTypes li:last-child a {
  border-radius: 0 4px 4px 0;
}

.filters {
  float: right;
  z-index: 50;
  position: relative;
}

.searchFilters {
  display: none;
  margin-top: 15px;
  padding: 15px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.searchFilters h4,
.searchFilters p {
  margin: 0;
}

.filterList,
.filterListWords {
  list-style: none;
  padding: 0;
  overflow: hidden;
  margin: 0;
  min-width: 130px;
}

.filterListWordsPlain {
  list-style: none;
  padding: 0;
  overflow: hidden;
  margin: 0;
  min-width: 130px;
}

.filterList li {
  float: left;
  margin: 1px;
  background: #e5e5e5;
  color: #33383c;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 13px;
  text-transform: lowercase;
}

.filterList a {
  display: block;
  width: 24px;
  height: 24px;
}

.filterList li.selected {
  background: #33383c;
  color: #fff;
}

.filterListWords a {
  margin: 1px;
  background: #e5e5e5;
  color: #33383c;
  display: inline-block;
  padding: 3px 6px;
  font-size: 13px;
  text-transform: lowercase;
  white-space: nowrap;
}

.filterListWords li.selected > a {
  background: #33383c;
  color: #fff;
}

.filterListWords.inner {
  padding-left: 20px;
}

.filterListWords.inner a {
  font-size: 12px;
}

.filterListWordsPlain a {
  margin: 1px;
  background: #e5e5e5;
  color: #33383c;
  display: inline-block;
  padding: 3px 6px;
  font-size: 13px;
  text-transform: lowercase;
  white-space: nowrap;
}

.filterListWordsPlain li.selected > a {
  background: #33383c;
  color: #fff;
}

.filterListWordsPlain.inner {
  padding-left: 20px;
}

.filterListWordsPlain.inner a {
  font-size: 12px;
}

.filterColumns {
  overflow: hidden;
  padding-top: 20px;
  text-transform: lowercase;
}

.filterColumn {
  float: left;
  width: 50%;
  padding-right: 20px;
}

.filterBtn {
  display: inline-block;
  white-space: nowrap;
  height: 42px;
  line-height: 26px;
  border-radius: 0;
}

.dealsBtn {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  height: 42px;
  line-height: 26px;
  border-radius: 0;
  padding-left: 42px;
}

.dealsIcon {
  position: absolute;
  max-height: 24px;
  left: 10px;
  top: 10px;
}

.filterGroup:last-child .filterBtn {
  border-radius: 4px 0 0 4px;
}

.filterGroup:last-child .filterBtn:hover {
  border-radius: 4px 0 0 0;
}

.filterGroup {
  float: right;
  position: relative;
}

.filterDD {
  display: none;
  position: absolute;
  z-index: 100000;
  background: #f5f5f5;
  border: solid #e5e5e5;
  border-width: 0 1px 1px 1px;
  padding: 12px;
}

.filterGroup:hover .filterDD {
  display: block;
}

.filterGroup h4 {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 10px 0;
}

.filterGroup h4 ~ h4 {
  margin: 10px 0;
}

.clearFilterBtn, .searchcompBtn {
  float: right;
  font-size: 24px;
  padding: 0 12px;
  text-align: center;
  line-height: 44px;
  height: 42px;
  border-radius: 0 4px 4px 0;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  color: #888;
}

.clearFilterBtn, .searchcompStdBankBtn {
  float: right;
  font-size: 24px;
  padding: 0 12px;
  text-align: center;
  line-height: 44px;
  height: 42px;
  border-radius: 0 4px 4px 0;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  color: #888;
}

.clearFilterBtn:hover {
  background: #f1736a;
  color: #fff;
  border-color: #ed473b;
}

.clearFilterBtn ~ .filterGroup .filterBtn {
  border-right: 0;
}

.searchcompBtn {
  cursor: pointer;
}

.searchcompStdBankBtn {
  cursor: pointer;
}

.resultsIndicator,
.filtersIndicator {
  color: #aaa;
  font-size: 12px;
  margin: 10px 0 0 0;
  float: left;
}

.filtersIndicator {
  float: right;
}

.grid .content,
.map .content {
  max-width: 100%;
}

/* Result items */
.result {
  margin: 0 0 10px 0;
  padding: 10px 10px 0 10px;
  background: #fff;
  border: 1px solid #e5e5e5;
  position: relative;
}

.result:hover {
  border-color: #d5d5d5;
}

.result.sponsored:before {
  left: -10px;
  top: 10px;
  background: #fff200;
  width: 10px;
  height: 40px;
  content: "";
  position: absolute;
}

@media all and (min-width: 60em) {
  .grid .result {
    margin: 1%;
    height: 250px;
    float: left;
    width: 48%;
  }
}
@media all and (min-width: 90em) {
  .grid .result {
    width: 31%;
  }
}
@media all and (min-width: 110em) {
  .grid .result {
    width: 23%;
  }
}
.resultSelector {
  font-size: 24px;
  color: #2d72d9;
  padding: 20px;
  width: 64px;
  float: left;
  margin: -20px 0 0 -20px;
  cursor: pointer;
}

.resultSelector.selected {
  color: #5fb571;
}

.resultSelector .s {
  display: none;
}

.resultSelector.selected .s {
  display: inline;
}

.resultSelector.selected .u {
  display: none;
}

.resultSelector ~ .resultName a,
.resultSelector ~ .resultContact,
.resultSelector ~ .businessDetails,
.resultSelector ~ .resultAddress,
.resultSelector ~ .resultKeywords {
  margin-left: 44px;
  padding-left: 0;
}

.resultName {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  margin: -20px 130px 0 -20px;
  color: #2d72d9;
}

.panel .resultName {
  margin-top: -20px;
  font-size: 22px;
}

.resultName a {
  display: block;
  padding: 18px 20px;
}

.fnbBrandAddress {
  color: #fff;
  margin: -20px 0 0 0;
  font-size: 12px;
}

.resultAddress {
  color: #aaa;
  margin: -20px 0 0 0;
  font-size: 12px;
}

.resultGetDirections {
  color: #33383c;
  margin-left: 10px;
  cursor: pointer;
  white-space: nowrap;
}

.resultGetDirections:hover {
  color: #2d72d9;
}

.resultKeywords {
  font-size: 12px;
  color: #aaa;
  margin: 10px 0;
  border: solid #e5e5e5;
  border-width: 1px 0;
  padding: 5px 0;
}

.resultContact {
  color: #33383c;
  padding: 6px 0 0 0;
  margin: 0;
  list-style: none;
  min-height: 42px;
  line-height: 36px;
  overflow: hidden;
}

.resultContact li {
  float: left;
  height: 36px;
}

.resultMainNumber {
  color: #2d72d9;
  font-size: 20px;
  cursor: pointer;
}

.resultMainNumberContainer ~ li {
  border-left: 1px solid #e5e5e5;
}

.resultWebLink,
.resultContact .freeCall, .freeCallNsa {
  color: #33383c;
  padding: 0 10px;
  font-size: 12px;
  cursor: pointer;
}

.resultWebLink:hover,
.resultContact .freeCall:hover, .freeCallNsa:hover {
  color: #2d72d9;
}

.contracted {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95px;
}

.contracted + .freeCall {
  display: inline-block;
  overflow: hidden;
}

.result .businessDetails {
  display: none;
}

.result .businessDetails a {
  display: inline-block;
  overflow: hidden;
}

.paging {
  text-align: center;
  font-size: 0;
}

.paging a {
  font-size: 12px;
  display: inline-block;
  padding: 4px 10px;
  background: whitesmoke;
  border-radius: 2px;
  margin: 0 1px 0 0;
}

.paging a:hover,
.paging .current {
  background: #2d72d9;
  color: #fff;
}

.shareBar {
  height: 44px;
  color: #fff;
  font-size: 12px;
  line-height: 44px;
  background: #33383c;
}

@media all and (min-width: 60em) {
  .fixed .shareBar {
    position: fixed;
    z-index: 10;
    top: 80px;
    width: 100%;
  }
}
.shareBar .center {
  padding: 0 20px;
}

.shareBar a {
  color: #5fb571;
}

.resultExtras {
  float: right;
  text-align: right;
  width: 120px;
}

.resultLogo {
  max-height: 40px;
  display: block;
  margin-bottom: 2px;
  max-width: 120px;
}

.seoSpam {
  padding: 2px 15px;
  border: 1px solid #e5e5e5;
  margin: 45px 0;
  background: #f5f5f5;
}

.seoSpam p {
  font-size: 12px;
}

.seoSpam h3 {
  font-size: 18px;
}

.seoSpam h4 {
  font-size: 16px;
}

.fnbBrand {
  background-color: #73c7c7;
}

.newFilters {
  position: fixed;
  max-height: 48px;
  bottom: 48px;
  width: 100%;
  left: 0;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  color: #33383c;
  z-index: 1200;
}

/*new filters for trudon space here*/
.hideFilters {
  display: none;
}

.topLevelFilters {
  margin: 1px;
  background: #e5e5e5;
  color: #33383c;
  display: inline-block;
  padding: 3px 6px;
  font-size: 13px;
  text-transform: lowercase;
  white-space: nowrap;
  cursor: pointer;
}

.seoSpam {
  font-size: 12px;
}

.camProductHeading {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  color: #33383c;
  margin: 0;
}

.camProductName h2 {
  margin: 0;
  padding: 0;
}

.camResult {
  margin: 0 0 2px 0;
  padding: 0px 5px 0 5px;
  background: #fff;
  position: relative;
  list-style: none;
}

.camResult:hover {
  border-color: #d5d5d5;
}

.camProductBox {
  color: #33383c;
  padding: 0 0 0 0;
  margin: 0;
  list-style: none;
  line-height: 36px;
  overflow: hidden;
}

.camProductBox li {
  display: inline-block;
  margin: 0 10px 0 0;
  float: left;
  padding: 0px 6px 0 10px;
  border: 1px solid #e5e5e5;
  min-height: 140px;
  max-height: 180px;
  min-width: 112px;
  max-width: 128px;
  cursor: pointer;
}

@media only screen and (max-width: 910px) {
  .camProductBox li {
    min-height: 150px;
    max-height: 150px;
    min-width: 135px;
    max-width: 135px;
  }
}
.camBox {
  background: #f5f5f5;
  text-transform: uppercase;
  text-align: center;
  top: 50%;
  max-width: 100px;
}

.camProductImage {
  /* max-height: 60px; */
  /* display: block; */
  /* margin-bottom: 2px; */
  /* max-width: 120px; */
  /* padding: 2px; */
  /* margin: 0; */
  width: 70px;
  margin-left: 5%;
}

.camBoxText {
  position: relative;
  bottom: -40px;
}

/*.camProductBoxBrowse {
    background: #f5f5f5;
    text-wrap: normal;
    text-transform: uppercase;
    text-align: center;
}

.camProductBoxBrowse a {
    padding: 10px;
    margin: 0;
    position: absolute;
    top: 50%;
    line-height: 18px;
    font-size: 14px;
    transform: translate(-50%, -50%);
    max-width: 100px;
}*/
.camProductImage {
   /* max-height: 60px;
	display: block;
    margin: 0;
	margin-bottom: 2px;
	max-width: 120px;
    padding: 2px;
    text-align: center;*/
}

.camProductImageBox {
  text-align: center;
  margin: 0;
  width: 100%;
}

.camProductName {
  text-align: center;
  float: left;
  margin: 0;
  font-size: 11px;
  line-height: 14px;
  overflow-wrap: break-word;
}

.camProductContainer {
  position: relative;
}

.camYellow {
  background: linear-gradient(to bottom, #fff000 0%, #fff000 100%);
  border-color: #fff000;
  color: black;
}

.camYellow:hover {
  background: linear-gradient(to bottom, #fff000 0%, #e6d800 100%);
  border-color: #fff000;
}

.camProductBoxBottom {
  position: absolute;
  bottom: 0;
  left: 20%;
  margin: 10px -10px -1px -10px;
  height: 32px;
  font-size: 10px;
  min-width: 100px;
  max-width: 140px;
}

.camProductList {
  margin: 4px !important;
}

.camProductPrice {
  width: 50%;
  overflow: hidden;
  display: table-cell;
  text-align: center;
}

.camProductUrl {
  width: auto;
  overflow: hidden;
  display: table-cell;
  text-align: center;
  color: #009933;
}

.result-actions {
  /*	margin: 10px -10px -1px -10px;*/
  height: 32px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.result-actions-fnb {
  margin: 10px -10px -1px -10px;
  height: 32px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.result-actions-Telkom {
  margin: 10px -10px -1px -10px;
  height: 32px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.businessPage .result-actions {
  margin-bottom: -11px;
}

@media all and (min-width: 60em) {
  .grid .result-actions {
    position: absolute;
    bottom: 0;
    right: 10px;
    left: 10px;
  }
}
.recommend {
  position: relative;
}

.recommend span {
  position: absolute;
  background: #f1736a;
  min-width: 12px;
  padding: 0 2px;
  height: 12px;
  font-size: 8px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  line-height: 12px;
  bottom: 4px;
  right: 4px;
}

.ra-btn {
  height: 32px;
  line-height: 29px;
  font-size: 24px;
  padding: 0 12px;
  border: solid #e5e5e5;
  background: #f5f5f5;
}

.ra-btn-fnb {
  height: 31px;
  color: #fff;
  line-height: 29px;
  font-size: 24px;
  padding: 0 12px;
  border: solid #ff9900;
  background: #FF9900;
}

.ra-btn-Telkom {
  height: 31px;
  color: #fff;
  line-height: 29px;
  font-size: 24px;
  padding: 0 12px;
  border: solid #0083c2;
  background: #0083c2;
}

.favourite,
.recommend {
  font-size: 28px;
}

.yextbtn,
.autodialer,
.favourite,
.addNote,
.eish,
.eishSBSA,
.eishTrudonSpace,
.eishContentOutSourcer,
.exteishTrudonSpace,
.productPrintIcon,
.recommend,
.eish-alternate,
.freeCall {
  margin-left: 4px;
  border-width: 1px;
}

.yextbtn {
  float: right;
}

.eish,
.eishSBSA,
.eishContentOutSourcer,
.eishTrudonSpace,
.exteishTrudonSpace,
.recommend,
.eish-alternate {
  float: right;
  border-width: 1px 0 1px 1px;
}

.productPrintIcon {
  float: left;
  border-width: 1px 0 1px 1px;
}

.webeish,
.webeish-alternate {
  float: right;
  border-width: 1px 0 1px 1px;
}

.callBack,
.callBack-alternate {
  float: right;
  border-width: 1px 0 1px 1px;
}

.eshop {
  position: relative;
  float: left;
  line-height: 29px;
  padding: 0 12px;
  border: 1px solid #e5e5e5;
  background: #FFF000;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 18px;
  max-width: 550px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.grid .eshop {
  position: relative;
  float: left;
  line-height: 29px;
  font-size: 18px;
  padding: 0 12px;
  border: 1px solid #e5e5e5;
  background: #FF9900;
  text-transform: uppercase;
  font-weight: 300;
  max-width: 50px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.eshop .eshopIcon {
  position: relative;
  max-height: 24px;
  left: -5px;
  top: 5px;
}

.grid .eshop .eshopIcon {
  position: relative;
  max-height: 24px;
  left: 0px;
  top: 5px;
}

.offers {
  position: relative;
  float: left;
  line-height: 29px;
  font-size: 12px;
  padding: 0 12px;
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  text-transform: uppercase;
  font-weight: 700;
  max-width: 550px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.grid .offers {
  position: relative;
  float: left;
  line-height: 29px;
  font-size: 12px;
  padding: 0 12px;
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  text-transform: uppercase;
  color: #f5f5f5;
  font-weight: 700;
  max-width: 50px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.offers .offersIcon {
  position: relative;
  max-height: 24px;
  left: -5px;
  top: 5px;
}

.grid .offers .offersIcon {
  position: relative;
  max-height: 24px;
  left: 0px;
  top: 5px;
}

.result-actions {
  height: 42px;
  /*WHOOO*/
}

.ra-btn,
.offers {
  height: 42px;
  padding: 5px 6px;
}

.result-actions a.active {
  background: #2d72d9;
  color: #fff;
  border-color: #1c509d;
}

.action-ribbon .exteishTrudonSpace {
  float: right;
}

.result-actions .offers:hover {
  border: 1px solid darken;
  background: darken;
}

.grid .result-actions .offers:hover {
  border: 1px solid darken;
  background: darken;
  color: transparent;
}

@media all and (min-width: 30em) {
  .result-actions {
    height: 32px;
  }

  .ra-btn,
  .offers {
    height: 32px;
    padding: 0 12px;
  }
}
.action-ribbon {
  background: whitesmoke;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
  height: 65px;
}

.action-ribbon a {
  float: left;
  font-size: 32px;
  height: 42px;
  width: 44px;
  cursor: pointer;
  text-align: center;
  color: #888;
}

.action-ribbon a:hover {
  color: #666;
}

.action-ribbon .eish {
  float: right;
}

.action-ribbon .eishSBSA {
  float: right;
}

.action-ribbon .eishTrudonSpace {
  float: right;
}

.action-ribbon .eishContentOutSourcer {
  float: right;
}

.action-ribbon .webeish {
  float: right;
}

.action-ribbon .callBack {
  float: right;
}

.action-ribbon a.active {
  color: #2d72d9;
}

.action-ribbon-fnb {
  background: #73c7c7;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
  height: 65px;
}

.action-ribbon-fnb a {
  float: left;
  font-size: 32px;
  height: 42px;
  width: 44px;
  cursor: pointer;
  text-align: center;
  color: #fff;
}

.action-ribbon-fnb a:hover {
  color: #666;
}

.action-ribbon-fnb .eish {
  float: right;
}

.action-ribbon-fnb .eishSBSA {
  float: right;
}

.action-ribbon-fnb .webeish {
  float: right;
}

.action-ribbon-fnb a.active {
  color: #2d72d9;
}

.action-ribbon-fnb {
  background: #0083c2;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
  height: 65px;
}

.action-ribbon-Telkom a {
  float: left;
  font-size: 32px;
  height: 42px;
  width: 44px;
  cursor: pointer;
  text-align: center;
  color: #fff;
}

.action-ribbon-Telkom a:hover {
  color: #666;
}

.action-ribbon-Telkom .eish {
  float: right;
}

.action-ribbon-Telkom .eishSBSA {
  float: right;
}

.action-ribbon-Telkom .webeish {
  float: right;
}

.action-ribbon-Telkom a.active {
  color: #2d72d9;
}

.ra-share-fnb,
.ra-share,
.ra-hotlink,
.ra-share-left {
  font-size: 20px;
}

.ra-share-Telkom,
.ra-hotlink,
.ra-share {
  font-size: 20px;
}

.ra-share-dd,
.ra-share-left-dd {
  list-style: none;
  margin: 0;
}

.ra-share-dd,
ra-share-left-dd {
  position: absolute;
  background: #fff;
  padding: 0;
  display: none;
  margin: 0;
  bottom: 100%;
  left: -1px;
  width: 222px;
}

.ra-share:hover .ra-share-dd {
  display: block;
}

.ra-share-fnb:hover .ra-share-dd {
  display: block;
}

.ra-share-Telkom:hover .ra-share-dd {
  display: block;
}

.ra-share-fnb {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  border-width: 0 1px;
  position: relative;
}

.ra-share-Telkom {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  border-width: 0 1px;
  position: relative;
}

.ra-share {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  border: solid #e5e5e5;
  border-width: 0 1px;
  position: relative;
  background: #f5f5f5;
}

.ra-hotlink {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  border: solid #e5e5e5;
  border-width: 0 1px;
  position: relative;
  background: #f5f5f5;
}

.ra-share-left {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  border: solid #e5e5e5;
  border-width: 0 1px;
  position: relative;
  background: #f5f5f5;
}

.ra-share-left {
  float: left;
  border-width: 1px;
}

.ra-share,
.ra-hotlink,
.result-actions a,
.ra-share-left {
  color: #888;
  cursor: pointer;
}

.ra-share-fnb,
.result-actions-fnb a {
  cursor: pointer;
}

.ra-share-Telkom,
.result-actions-Telkom a {
  cursor: pointer;
}

.ra-share-Telkom,
.ra-share-fnb,
.ra-share,
.ra-hotlink,
.favourite,
.recommend,
.addNote {
  float: right;
  border-width: 1px;
}

.ra-share-dd,
.ra-share-left-dd {
  background: #f5f5f5;
  font-size: 32px;
  border: 1px solid #e5e5e5;
}

.ra-share-dd li,
.ra-share-dd a,
.ra-share-left-dd li,
.ra-share-left-dd a {
  float: left;
  width: 44px;
  height: 44px;
  line-height: 46px;
}

.ra-share-Telkom,
.ra-share-fnb,
.ra-share,
.ra-hotlink,
.favourite,
.recommend,
.addNote {
  float: right;
  border-width: 1px;
}

.ra-share,
.ra-hotlink,
.ra-share-left,
.result-actions a {
  color: #888;
  cursor: pointer;
  float: right;
}

.ra-share:hover,
.ra-hotlink:hover,
.ra-share-left:hover,
.result-actions a:hover {
  color: #666;
  background: #e5e5e5;
  border-color: #d5d5d5;
}

.ra-share-fnb:hover,
.result-actions-fnb a:hover {
  color: #666;
  background: #e5e5e5;
  border-color: #d5d5d5;
}

.ra-share-Telkom:hover,
.result-actions-Telkom a:hover {
  color: #666;
  background: #e5e5e5;
  border-color: #d5d5d5;
}

.ra-share-dd a {
  padding: 0 6px;
}

/*NSA STUFF*/
.freeCallNsa {
  margin-left: 4px;
  border-width: 1px;
}

#ShowShareOnHover:hover ~ #ShareBtnHover {
  overflow: visible !important;
}

.InsyncTimeText {
  font-size: 13px;
  margin: 0 0 10px 3px;
  text-align: left;
}

.mapContainer {
  position: relative;
  display: none;
}

.map .searchResults,
.map .paging,
.map .sideBar {
  display: none;
}

.map .mapContainer {
  display: block;
}

.map .sideBar + .contentColumn {
  margin: 0;
}

.marker {
  font-size: 32px;
  width: 28px;
  height: 32px;
  color: #33383c;
  cursor: pointer;
  line-height: 1;
  background: #fff200;
  border-radius: 6px;
}

.marker:after {
  border: 4px solid;
  border-color: #33383c transparent transparent transparent;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -4px;
}

.deCarta-Pin {
  width: 28px;
  height: 32px;
}

.marker:hover {
  color: #1c1e20;
}

.popover {
  background: #fff;
  width: 400px;
  border: 1px solid #e5e5e5;
  padding: 20px;
  position: relative;
}

.popover .resultContact {
  float: none;
}

.popoverClose {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #cdd1d4;
  text-decoration: none;
}

.popoverClose:hover {
  color: #7a858e;
}

.sideBar {
  float: right;
  display: none;
  min-height: 240px;
}

@media all and (min-width: 60em) {
  .sideBar {
    display: block;
    width: 300px;
  }
}
.sideAdvert {
  height: 250px;
  background: #2d72d9;
  margin-bottom: 20px;
}

.associatedTerms h3 {
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: 400;
}

.associatedTerms ul {
  list-style: none;
  padding: 0;
  margin: 20px 0;
  border-top: 1px solid #e5e5e5;
}

.associatedTerms li {
  border-bottom: 1px solid #e5e5e5;
}

.associatedTerms a {
  padding: 5px 10px;
  font-size: 12px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.associatedTerms a:hover {
  color: #2d72d9;
  background: whitesmoke;
}

.promo {
  padding: 20px 0;
  border-bottom: 10px solid #fff200;
  display: none;
  background: #32373b;
  background: -webkit-linear-gradient(top, #32373b 0%, #1a1a1a 100%);
  background: -moz-linear-gradient(top, #32373b 0%, #1a1a1a 100%);
  background: linear-gradient(to bottom, #32373b 0%, #1a1a1a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32373b', endColorstr='#1a1a1a',GradientType=0 );
}

.promo .content {
  position: relative;
}

.promoImage {
  width: 100%;
  display: block;
}

@media all and (min-width: 60em) {
  .promo {
    display: block;
  }
}
.homeBanners {
  padding: 20px 0;
  background: #32373b;
  background: -webkit-linear-gradient(top, #32373b 0%, #1a1a1a 100%);
  background: -moz-linear-gradient(top, #32373b 0%, #1a1a1a 100%);
  background: linear-gradient(to bottom, #32373b 0%, #1a1a1a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32373b', endColorstr='#1a1a1a',GradientType=0 );
  overflow: hidden;
}

.biggerBanner {
  float: left;
}

@media all and (min-width: 60em) {
  .smallerBanner {
    float: right;
  }
}
.secondPromoImage {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
  display: none;
}

.extraneousBar {
  overflow: hidden;
  padding: 20px;
}

.extraneousFeature img {
  float: left;
}

.extraneousFeature h3 {
  font-size: 18px;
  margin: 0 28px 0 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.extraneousFeature p {
  font-size: 13px;
  margin: 0 28px 0 100px;
}

@media all and (min-width: 60em) {
  .extraneousFeature {
    float: left;
    width: 50%;
  }
}
.sliderPaging {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 18px 0 11px;
  position: absolute;
  bottom: 0;
  right: 20px;
  width: 25.6%;
  background: #424242;
  background: -webkit-linear-gradient(top, #424242 0%, #292929 100%);
  background: -moz-linear-gradient(top, #424242 0%, #292929 100%);
  background: linear-gradient(to bottom, #424242 0%, #292929 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#292929',GradientType=0 );
}

.sliderPaging li {
  display: inline-block;
  background: url("../img/slideerIndicators.png") right top;
  width: 19px;
  height: 19px;
  cursor: pointer;
}

.sliderPaging li:hover {
  background-position: center top;
}

.sliderPaging li.active {
  background-position: left top;
}

.featuresContainer {
  padding: 20px 0 10px 0;
  border-top: 1px solid #e2b500;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 -5px 10px -1px rgba(0, 0, 0, 0.1) inset;
}

.features {
  vertical-align: top;
  text-align: justify;
  font-size: 10px;
}

.features:after,
.features:after {
  content: '';
  display: inline-block;
  width: 900px;
}

.feature {
  vertical-align: top;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 20px 0;
}

.promo:hover .featureTitle,
.feature:hover .featureTitle {
  background: #ffde00;
  padding-right: 20px;
}

.feature img {
  float: left;
}

.feature h2 {
  font-size: 18px;
  margin: 0 28px 0 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feature p {
  font-size: 13px;
  margin: 0 28px 0 100px;
  text-align: left;
}

.feature:hover h2 {
  color: #2d72d9;
}

.featureBtn {
  font-size: 13px;
  margin: 10px 28px 0 100px;
  color: #aaa;
  display: block;
  text-transform: uppercase;
}

@media all and (min-width: 48em) {
  .feature {
    width: 33%;
    display: inline-block;
    padding: 0;
  }
}
.changeLocationView {
  font-size: 11px;
  margin: 0;
  padding: 4px 10px;
  color: #33383c;
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.showChangeLocationBtn {
  color: #2d72d9;
}

@media all and (min-width: 30em) {
  .changeLocationView {
    padding: 4px 20px;
  }
}
.locationField {
  border-radius: 2px 0 0 2px;
  width: 85%;
  float: left;
}

.changeLocationBtn {
  border-radius: 0 4px 4px 0;
  width: 15%;
  text-align: center;
}

.changeLocationModal .currentLocation,
.locationautocomplete li,
.previousLocations li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.changeLocationModal {
  position: fixed;
}

.changeLocationModal h4 {
  margin-bottom: 0;
}

.locationautocomplete {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
  display: none;
}

.locationautocomplete li,
.previousLocations li {
  padding: 3px 0;
  cursor: pointer;
  font-size: 13px;
}

.locationautocomplete li {
  border-bottom: 1px solid #cdd1d4;
}

.locationautocomplete .unselectable {
  cursor: default;
}

@media all and (min-width: 60em) {
  .changeLocationModal {
    width: 420px;
    margin-left: -210px;
  }
}
.previousLocations {
  list-style: none;
  padding: 0;
  margin: 0 -20px 20px -20px;
}

.previousLocations li {
  padding: 3px 20px;
  border-bottom: 1px solid #cdd1d4;
}

.previousLocations li:hover,
.locationautocomplete li:hover,
.locationautocomplete li.selected {
  background: whitesmoke;
}

@media all and (min-width: 60em) {
  .sideBar + .contentColumn {
    margin-right: 320px;
  }
}
.contentPage {
  line-height: 1.6em;
}

.contentPage a {
  color: #2d72d9;
}

.contentPage a:hover {
  text-decoration: underline;
}

/* help page */
.navigationColumn {
  font-size: 12px;
}

@media all and (min-width: 48em) {
  .navigationColumn {
    width: 180px;
    float: left;
  }

  .detailColumn {
    margin-left: 200px;
  }
}
.contentPage .productBlock {
  background: #ffe401;
  padding: 10px 10px 30px 10px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  color: #33383c;
  display: block;
  margin: 20px 0;
  overflow: hidden;
}

.contentPage .productBlock:hover {
  text-decoration: none;
  background: #ffde00;
}

.productBlock h3 {
  font-size: 18px;
  margin: 0;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productBlock h4 {
  font-size: 12px;
  margin: -7px 0 0 0;
  color: #c46200;
  font-weight: 400;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productBlock p {
  font-size: 12px;
  margin: 0;
}

.productBlockBtn {
  font-size: 14px;
  float: right;
  background: #33383c;
  color: #fff;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  font-weight: 400;
  text-transform: uppercase;
  padding: 6px 15px;
  margin: 0 -10px -30px -10px;
}

.productBlock:hover .productBlockBtn {
  padding: 6px 20px;
}

.seoStuff {
  background: #ececec;
  padding: 20px 0;
  text-align: center;
}

.seoStuff p {
  font-size: 20px;
}

.seoStuff h2 {
  font-size: 26px;
}

@media all and (min-width: 48em) {
  .seoStuff p {
    padding: 0 100px;
  }
}
.downloadsBox {
  margin-top: 31px;
  padding: 19px 0;
  list-style: none;
}

.downloadsBox li {
  width: 98%;
  height: 104px;
  text-align: center;
  background: #ececec;
  padding: 5px;
  margin: 1%;
  border: 1px solid #e5e5e5;
}

.downloadsBox h3 {
  font-size: 12px;
}

.downloadsBox a {
  display: block;
  text-align: center;
}

@media all and (min-width: 30em) {
  .downloadsBox li {
    width: 48%;
    float: left;
  }
}
@media all and (min-width: 48em) {
  .downloadsBox li {
    width: 31%;
  }
}
.mobile .mobile-banner {
  display: block;
}

.desktop .mobile-banner {
  display: none;
}

.businessPage .panel {
  margin-bottom: 20px;
}

.restricted {
  background-color: #fef2a1;
}

.notValid {
  font-size: 14px;
  color: #000;
}

.resultViewPRINT {
  background-color: #91d2fa;
}

.resultViewIYP {
  background-color: #fff30a;
}

.resultViewTYP {
  background-color: #0aff84;
}

.businessDetails {
  font-size: 12px;
  margin: 20px 0 0 0;
}

.businessDetails a:hover {
  color: #2d72d9;
}

.businessDetails dt,
.businessDetails dd {
  display: block;
  padding: 5px 0;
  margin: 0;
}

@media all and (min-width: 30em) {
  .businessDetails {
    overflow: hidden;
  }

  .businessDetails dt,
  .businessDetails dd {
    padding: 5px 10px 5px 0;
    float: left;
  }

  .businessDetails dt {
    width: 15%;
  }

  .businessDetails dd {
    width: 85%;
  }
}
.businessDetails dt {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.businessDetails dt:first-child,
.businessDetails dt:first-child + dd {
  border-top: 1px solid #e5e5e5;
}

.businessTels ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.businessAddress {
  color: #aaa;
  margin: 0 0 20px 0;
  font-size: 12px;
}

.branchMap {
  display: none;
  height: 500px;
  position: relative;
}

.businessTitle {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  color: #2d72d9;
}

.businessDescription {
  color: #626b73;
  font-size: 13px;
  margin: 0;
}

.businessContact {
  color: #5fb571;
  height: 32px;
  line-height: 32px;
  margin-bottom: 20px;
}

.businessContact .freeCall {
  font-size: 12px;
  cursor: pointer;
  color: #2d72d9;
}

.businessPage .sharing {
  float: none;
  color: #2d72d9;
}

.businessActions {
  font-size: 12px;
  color: #2d72d9;
  list-style: none;
  padding: 0;
}

.businessActions a:hover {
  color: #5fb571;
}

.businessActions a {
  cursor: pointer;
}

.frameContainer {
  height: 100%;
}

.mysiteiFrame {
  width: 100%;
  min-height: 3000px;
  display: block;
}

.mysiteiFrameNoHeight {
  width: 100%;
  height: 800px;
  display: block;
}

.extraKeywords {
  display: none;
}

.showExtraKeywordsBtn {
  color: #2d72d9;
  cursor: pointer;
}

.extraDescription {
  display: none;
}

.showExtraDescriptionBtn {
  color: #2d72d9;
  cursor: pointer;
}

.businessPage .resultExtras {
  width: 200px;
}

.businessPage .resultLogo {
  float: right;
  max-width: 200px;
  max-height: 140px;
}

.galleryPanel img {
  max-width: 98%;
}

@media all and (min-width: 30em) {
  .galleryPanel img {
    max-width: 49%;
  }
}
.shareField {
  border-radius: 2px 0 0 2px;
  width: 75%;
  float: left;
}

.shareViaBtn {
  border-radius: 0 2px 2px 0;
  width: 25%;
  text-align: center;
}

.shareModal .error {
  display: none;
}

.shareModal.error .error {
  display: block;
}

.sharing {
  font-size: 32px;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.sharing li,
.sharing a {
  float: left;
}

.sharing a {
  padding: 0 10px 0 0;
  height: 34px;
  line-height: 1;
  cursor: pointer;
}

.sharing a:hover {
  color: #2d72d9;
}

.resultActions .recommend.active,
.resultActions .favourite.active {
  color: #5fb571;
}

.modal .controlGroup {
  padding: 0;
}

.freeCallField {
  border-radius: 2px 0 0 2px;
  float: left;
  width: 80%;
}

.freeCallSelect {
  background: #fff;
  border: 1px solid #cdd1d4;
  border-radius: 4px;
  width: 100%;
  font-size: 16px;
  padding: 5px 10px 4px 10px;
  float: left;
  -webkit-appearance: none;
}

.freeCallModal .notification {
  display: none;
}

.freeCallBtn {
  float: right;
  width: 20%;
  border-radius: 0 4px 4px 0;
  text-align: center;
}

.problemLabel {
  display: block;
  padding: 3px 0;
  margin-bottom: 5px;
}

.problemLabel input {
  margin: 0 4px 5px 0;
}

.problemModal .btn {
  float: right;
}

.problemModal .notification {
  display: none;
  margin-top: 10px;
}

.problemModalContent {
  overflow: hidden;
  padding: 2px;
}

.loading {
  position: fixed;
  top: 100%;
  left: 20px;
  height: 30px;
  padding: 5px 10px;
  line-height: 20px;
  color: #fff;
  border-radius: 2px 2px 0 0;
  background: #33383c;
  font-size: 11px;
  z-index: 10000;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.loading.showing {
  margin-top: -30px;
}

.spinnerTarget {
  margin: 10px 20px 10px 10px;
}

.showing .spinnerTarget {
  display: block;
}

.spinnerTarget,
.inactive .spinnerTarget {
  display: none;
}

.loadingMessage,
.spinnerTarget {
  float: left;
}

.loading.error {
  background: #f1736a;
}

.note {
  padding: 5px;
  border-top: 1px solid #e5e5e5;
  font-size: 12px;
  margin: 0 -10px;
  overflow: hidden;
}

.panel .note {
  margin: 10px -10px -10px -10px;
}

.note a {
  float: right;
  cursor: pointer;
  margin-left: 10px;
}

.reviewRatings {
  list-style: none;
  color: #aaa;
  overflow: hidden;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.reviewRatings li {
  display: inline-block;
  padding: 3px 0;
  cursor: pointer;
}

.reviewRatings .hovered,
.reviewRatings .selected {
  color: #e2b500;
}

.reviewRatings.inactive,
.reviewRatings.inactive li {
  cursor: default;
}

.reviewsPanel h2 {
  margin-top: 0;
}

.loginRequired {
  float: right;
  font-size: 13px;
  color: #2d72d9;
  cursor: pointer;
}

.loginRequired:hover {
  color: #5fb571;
}

.addReviewBtn {
  float: right;
}

.reviewBtn {
  float: left;
  margin-top: -5px;
  margin-left: 500px;
  width: 90px;
  border: 1px solid #e5e5e5;
}

.reviews {
  list-style: none;
  padding: 0;
  margin: 0;
}

.review {
  padding: 20px 0;
  border-top: 1px solid #e5e5e5;
}

.reviewer {
  font-size: 13px;
  display: block;
}

.reviewDate {
  font-size: 11px;
  color: #aaa;
  display: block;
}

.review .rating {
  float: right;
}

.reviewContent {
  padding-top: 10px;
}

.resultReviews {
  text-align: right;
  width: 120px;
  white-space: nowrap;
  line-height: 1;
}

.resultReviews p {
  margin: 0;
  font-size: 12px;
}

.resultReviews a {
  color: #2d72d9;
  font-size: 12px;
}

.tripAdvisorReviewsListings {
  list-style: none;
  font-size: 13px;
}

.tripAdvisorReviewsModal {
  width: 80%;
  left: 20%;
  height: 80%;
  overflow-x: scroll;
}

.tripAdvisors {
  cursor: pointer;
}

.note {
  padding: 5px;
  border-top: 1px solid #e5e5e5;
  font-size: 12px;
  margin: 0 -10px;
  overflow: hidden;
}

.panel .note {
  margin: 10px -10px -10px -10px;
}

.note a {
  float: right;
  cursor: pointer;
  margin-left: 10px;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 220px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #4a5258;
  border: 2px solid #33383c;
  border-radius: 2px;
}

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

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383c;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383c;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383c;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

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

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

.table tbody tr.error > td {
  background-color: #f2dede;
}

.table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.table tbody tr.info > td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}

.advertiseWithUsForm {
  border: 1px solid #e5e5e5;
  background: whitesmoke;
  padding: 10px;
}

.advertiseWithUsForm .text {
  width: 100%;
}

.advertiseWithUsForm p {
  font-size: 12px;
}

.advertiseWithUsForm > :first-child {
  margin-top: 0;
}

.categoryHeaders {
  list-style: none;
  padding: 3px;
  overflow: hidden;
  color: #fff;
  background: #33383c;
  background: -webkit-linear-gradient(top, #33383c 0%, #272b2e 100%);
  background: -moz-linear-gradient(top, #33383c 0%, #272b2e 100%);
  background: linear-gradient(to bottom, #33383c 0%, #272b2e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33383c', endColorstr='#272b2e',GradientType=0 );
}

.categoryHeaders li {
  float: left;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  border-right: 1px solid #4a5258;
}

.categoryHeaders .active {
  background: #4a5258;
}

.alphabetCategories li {
  width: 3.8%;
}

.provinceCategories li {
  padding: 0 5px;
}

.category li {
  padding-right: 20px;
}

@media all and (min-width: 30em) {
  .category li {
    width: 50%;
    float: left;
  }
}
@media all and (min-width: 48em) {
  .category li {
    width: 33%;
  }
}
/*TESTsdghdgh*/
.feedbackForm .text {
  width: 100%;
  max-width: 480px;
}

.addBusinessPage .text {
  width: 100%;
  max-width: 480px;
}

.addBusinessPage .text.short {
  width: 50%;
  max-width: 240px;
}

.playerInterface {
  background: whitesmoke;
  border: 1px solid #e5e5e5;
  max-width: 320px;
  height: 48px;
  position: relative;
}

.jp-controls {
  list-style: none;
  overflow: hidden;
  position: absolute;
  font-size: 32px;
  top: 7px;
  left: 7px;
  margin: 0;
  padding: 0;
  height: 32px;
  line-height: 1;
}

.jp-controls li {
  width: 32px;
  height: 32px;
  float: left;
  cursor: pointer;
}

.jp-time-holder {
  position: absolute;
  right: 14px;
  top: 11px;
}

@media all and (min-width: 60em) {
  #shopViewModal {
    width: 960px;
    margin-left: -480px;
    top: 100px;
    bottom: 100px;
  }
}
#shopViewModal {
  min-height: 510px;
}

.shopViewIframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  min-height: 400px;
}

.shopViewHeader {
  position: relative;
}

.shopViewContainer {
  position: absolute;
  top: 86px;
  bottom: 20px;
  right: 20px;
  left: 20px;
}

.mobile .shopViewLink {
  display: none;
}

@media all and (min-width: 60em) {
  #dealsViewModal {
    width: 835px;
    margin-left: -480px;
    top: 100px;
    bottom: 350px;
  }
}
#dealsViewModal {
  min-height: 510px;
}

.dealsViewIframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  min-height: 400px;
}

.dealsViewHeader {
  position: relative;
}

.dealsViewContainer {
  position: absolute;
  top: 86px;
  bottom: 20px;
  right: 20px;
  left: 20px;
}

.mobile .dealsViewLink {
  display: none;
}

@media all and (min-width: 60em) {
  #nofiyViewModal {
    width: 835px;
    margin-left: -480px;
    top: 100px;
    bottom: 350px;
  }
}
#nofiyViewModal {
  min-height: 510px;
}

.notifyViewContainer {
  position: absolute;
  top: 86px;
  bottom: 20px;
  right: 20px;
  left: 20px;
}

/**
 *
 * Copyright 2013 LinkedIn Corp. All rights reserved.

 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at

 *     http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * This fade animation is based on Dan Eden's animate.css (http://daneden.me/animate/), under the terms of the MIT license.
 *
 * Copyright 2013 Dan Eden.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }

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

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-down {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade-in-right {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade-in-left {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/**
 *
 * Copyright 2013 LinkedIn Corp. All rights reserved.

 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at

 *     http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.hopscotch-bubble .hopscotch-nav-button {
  /* borrowed from katy styles */
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  text-decoration: none !important;
  width: auto;
  padding: 0 10px;
  height: 26px;
  line-height: 24px;
  font-size: 12px;
  *zoom: 1;
  white-space: nowrap;
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hopscotch-bubble .hopscotch-nav-button:hover {
  *zoom: 1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.hopscotch-bubble .hopscotch-nav-button:active {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
}

.hopscotch-bubble .hopscotch-nav-button.next {
  border-color: #1b5480;
  color: #fff;
  margin: 0 0 0 10px;
  /* HS specific*/
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background-color: #287bbc;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#287bbc', endColorstr='#23639a');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287bbc), color-stop(100%, #23639a));
  background-image: -webkit-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: -moz-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: -o-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: linear-gradient(top, #287bbc 0%, #23639a 100%);
}

.hopscotch-bubble .hopscotch-nav-button.next:hover {
  background-color: #2672ae;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#2672ae', endColorstr='#1e4f7e');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2672ae), color-stop(100%, #1e4f7e));
  background-image: -webkit-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: -moz-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: -o-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
}

.hopscotch-bubble .hopscotch-nav-button.prev {
  border-color: #a7a7a7;
  color: #444;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f2f2f2;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#e9e9e9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #e9e9e9));
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
}

.hopscotch-bubble .hopscotch-nav-button.prev:hover {
  background-color: #e8e8e8;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFA9A9A9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(13%, #e3e3e3), color-stop(32%, #d7d7d7), color-stop(71%, #b9b9b9), color-stop(100%, darkgray));
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, darkgray 100%);
  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, darkgray 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, darkgray 100%);
  background-image: linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, darkgray 100%);
}

.hopscotch-bubble {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 4px rgba(0, 0, 0, 0.15);
  background: #fff200;
  background: -webkit-linear-gradient(top, #fff200 0%, #f5d716 100%);
  background: -moz-linear-gradient(top, #fff200 0%, #f5d716 100%);
  background: linear-gradient(to bottom, #fff200 0%, #f5d716 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#f5d716',GradientType=0 );
  border-radius: 4px;
  border: 1px solid #e2b500;
  color: #33383c;
  font-family: Helvetica, Arial;
  font-size: 13px;
  position: absolute;
  z-index: 999999;
  -moz-background-clip: padding;
  /* for Mozilla browsers*/
  -webkit-background-clip: padding;
  /* Webkit */
  background-clip: padding-box;
  /*  browsers with full support */
}

.hopscotch-bubble.animate {
  -moz-transition-property: top, left;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: top, left;
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: top, left;
  -o-transition-duration: 1s;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-property: top, left;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: top, left;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
}

.hopscotch-bubble.invisible {
  opacity: 0;
}

.hopscotch-bubble.hide,
.hopscotch-bubble .hide,
.hopscotch-bubble .hide-all {
  display: none;
}

.hopscotch-bubble h3 {
  color: #000;
  font-family: Helvetica, Arial;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin: -1px 15px 0 0;
  padding: 0;
}

.hopscotch-bubble .hopscotch-bubble-container {
  padding: 15px;
  position: relative;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  /* to fix text flickering */
}

.hopscotch-bubble .hopscotch-content {
  font-family: Helvetica, Arial;
  font-weight: normal;
  line-height: 17px;
  margin: -5px 0 11px;
  padding-top: 8px;
}

.hopscotch-bubble .hopscotch-bubble-content {
  margin: 0;
}

.hopscotch-bubble.no-number .hopscotch-bubble-content {
  margin: 0;
}

.hopscotch-bubble .hopscotch-bubble-close {
  color: #000;
  background: transparent url(/Assets/img/sprite-green-0.3.png) -192px -92px no-repeat;
  display: block;
  padding: 8px;
  position: absolute;
  text-decoration: none;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  top: 0;
  right: 0;
}

.hopscotch-bubble .hopscotch-bubble-close.hide,
.hopscotch-bubble .hopscotch-bubble-close.hide-all {
  display: none;
}

.hopscotch-bubble .hopscotch-bubble-number {
  background: #33383c;
  border-radius: 50%;
  color: #fff;
  display: none;
  float: left;
  font-size: 17px;
  font-weight: bold;
  line-height: 31px;
  margin: 0 10px 0 0;
  text-align: center;
  width: 30px;
  height: 30px;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container {
  position: absolute;
  width: 34px;
  height: 34px;
}

.hopscotch-bubble-arrow-border {
  display: none;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,
.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border {
  width: 0;
  height: 0;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
  top: -22px;
  left: 10px;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  border-bottom: 17px solid #e2b500;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  position: relative;
  top: 5px;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 17px solid #e2b500;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
  bottom: -39px;
  left: 10px;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  border-top: 17px solid #e2b500;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  position: relative;
  top: -24px;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top: 17px solid #e2b500;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
  top: 10px;
  left: -22px;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
  border-bottom: 17px solid transparent;
  border-right: 17px solid #e2b500;
  border-top: 17px solid transparent;
  position: relative;
  left: 7px;
  top: -34px;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right: 17px solid #e2b500;
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
  top: 10px;
  right: -39px;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
  border-bottom: 17px solid transparent;
  border-left: 17px solid #e2b500;
  border-top: 17px solid transparent;
  position: relative;
  left: -7px;
  top: -34px;
}

.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left: 17px solid #e2b500;
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent;
}

.hopscotch-bubble .hopscotch-actions {
  margin: 10px 0 0;
  text-align: right;
}

.loginPage,
.registerPage,
.recoveryPage {
  margin: 0 auto;
  max-width: 320px;
  overflow: hidden;
}

.loginPage p,
.registerPage p,
.recoveryPage p {
  font-size: 13px;
  overflow: hidden;
}

.loginForm,
.socialLoginForm,
.registerForm,
.recoveryForm {
  border: 1px solid #e5e5e5;
  padding: 20px;
  background: #fff;
  margin: 20px 10px;
  width: 300px;
}

.loginForm h1,
.socialLoginForm h1,
.registerForm h1,
.recoveryForm h1 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 0;
}

.loginForm,
.registerForm,
.recoveryForm {
  overflow: hidden;
}

.loginForm .text,
.registerForm .text,
.recoveryForm .text {
  width: 100%;
}

.loginForm .btn,
.registerForm .btn,
.recoveryForm .btn {
  float: right;
}

.socialLoginForm .btn {
  width: 258px;
}

.socialLoginForm ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.socialLoginForm li {
  margin: 10px 0 0 0;
}

.passwordReset {
  font-size: 13px;
  display: block;
  padding: 0 10px;
}

.loginCta,
.registerCta {
  font-size: 12px;
  margin-left: 8px;
}

.loginCta a,
.registerCta a {
  color: #2d72d9;
}

.btn.facebook {
  background: #4264ab;
  background: -webkit-linear-gradient(top, #4264ab 0%, #3b5999 100%);
  background: -moz-linear-gradient(top, #4264ab 0%, #3b5999 100%);
  background: linear-gradient(to bottom, #4264ab 0%, #3b5999 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4264ab', endColorstr='#3b5999',GradientType=0 );
  border-color: #344e87;
}

.btn.twitter {
  background: #66ccff;
  background: -webkit-linear-gradient(top, #66ccff 0%, #4cc4ff 100%);
  background: -moz-linear-gradient(top, #66ccff 0%, #4cc4ff 100%);
  background: linear-gradient(to bottom, #66ccff 0%, #4cc4ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ccff', endColorstr='#4cc4ff',GradientType=0 );
  border-color: #33bcff;
}

.btn.googleplus {
  background: #da4e36;
  background: -webkit-linear-gradient(top, #da4e36 0%, #d13f26 100%);
  background: -moz-linear-gradient(top, #da4e36 0%, #d13f26 100%);
  background: linear-gradient(to bottom, #da4e36 0%, #d13f26 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da4e36', endColorstr='#d13f26',GradientType=0 );
  border-color: #bb3822;
}

.btn.facebook,
.btn.twitter,
.btn.googleplus {
  color: #fff;
  text-shadow: 0 1px 1px transparent;
  box-shadow: 0 1px 0 transparent;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.btn.facebook:hover,
.btn.twitter:hover,
.btn.googleplus:hover {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.profileCrumbs {
  overflow: hidden;
  background: #e5e5e5;
}

.profileCrumbs a {
  float: left;
  padding: 10px 10px 10px 30px;
  position: relative;
  font-size: 12px;
  height: 38px;
}

.profileCrumbs a[href]:hover {
  color: #2d72d9;
}

.profileCrumbs a:first-child {
  font-size: 24px;
  width: 44px;
  background: #33383c;
  color: #fff;
}

.profileCrumbs a:first-child:before {
  position: absolute;
  top: 6px;
  left: 10px;
}

.profileCrumbs a:first-child + a {
  background: #cccccc;
}

.profileCrumbs a:first-child + a:before {
  border: 19px solid;
  border-color: transparent transparent transparent #33383c;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
}

.profileCrumbs a:first-child + a:after {
  border: 19px solid;
  border-color: transparent transparent transparent #cccccc;
  position: absolute;
  content: "";
  left: 100%;
  top: 0;
}

.profilePage h1 {
  margin-top: 0;
}

.profileContent {
  overflow: hidden;
  border: 1px solid #e5e5e5;
  background: #fff;
  padding: 0 20px 20px 20px;
}

.profileInfo {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px;
}

@media all and (min-width: 48em) {
  .profileInfo {
    float: left;
    width: auto;
    border: 0;
  }

  .profileDetail {
    margin-left: 311px;
    border-left: 1px solid #e5e5e5;
  }
}
.profileTabs {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 49px;
  background: whitesmoke;
  border-bottom: 1px solid #e5e5e5;
}

.profileTabs li {
  float: left;
  padding: 15px 20px;
  font-size: 12px;
  border-right: 1px solid #e5e5e5;
  cursor: pointer;
}

.profileTabs .active,
.profileTabs li:hover {
  background: #fff;
}

.profileTabs .active {
  margin-bottom: -1px;
  padding-bottom: 16px;
}

.profileInfo dl {
  font-size: 12px;
  margin: 0 0 20px 0;
  padding: 0;
}

.profileInfo dt,
.profileInfo dd {
  display: block;
}

.profileInfo dt {
  font-weight: 700;
}

.profileInfo dd {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #e5e5e5;
}

.tab {
  min-height: 240px;
  display: none;
  overflow: auto;
  padding: 20px;
}

.favouritesTab {
  display: block;
}

.profileList {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.profileList li {
  display: block;
}

.profileList a {
  display: block;
  color: #2d72d9;
  padding: 0 0 5px 0;
}

#fielderror {
  color: #f1736a;
}

.profileBar {
  position: fixed;
  max-height: 48px;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  color: #33383c;
  z-index: 1200;
}

.profileBar.open {
  max-height: 500px;
}

.profileBar .profileInfo {
  padding: 8px;
}

.profileBar .profileContent,
.profileBar .profileInfo,
.profileBar .profileDetail,
.profileBar .profileTabs,
.profileBar .profileInfo dd {
  background: #fff;
  border: 0;
}

.profileBar .profileTabs {
  border-bottom: 1px solid #e5e5e5;
  background: whitesmoke;
}

.profileBar .profileDetail {
  border-left: 1px solid #e5e5e5;
}

.profileBar .profileTabs li {
  border-color: #e5e5e5;
}

.profileBar .profileTabs li:hover,
.profileBar .profileTabs .active {
  background: #fff;
}

.closeProfileBtn {
  display: none;
}

.profileBar.open .closeProfileBtn {
  float: right;
  display: block;
}

/*Filters in profile bar*/
.employeeFilter {
  max-width: 300px;
  border: 1px solid #e5e5e5;
  display: inline-block;
}

.itemCodesFilter {
  max-width: 300px;
  border: 1px solid #e5e5e5;
  display: inline-block;
}

.accounts {
  background: whitesmoke;
}

.accounts .logo {
  float: none;
  margin-top: 20px;
  display: block;
  overflow: hidden;
  margin: 20px auto 0 auto;
  max-width: 1200px;
  padding: 0 20px;
}

/**
 * selectize.default.css (v0.8.1) - Default Theme
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  visibility: visible !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  font-size: 20px !important;
  line-height: 20px;
  color: #303030;
  opacity: 0.4;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  float: left;
  border-top: 0 none;
  border-right: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 17px;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-family: inherit;
  font-size: 13px;
  -webkit-font-smoothing: inherit;
  line-height: 18px;
  color: #303030;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  display: inline-block;
  cursor: text;
  background: #ffffff;
}

.selectize-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  padding: 8px 8px;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: baseline;
  zoom: 1;
}

.selectize-control.multi .selectize-input > div {
  padding: 2px 6px;
  margin: 0 3px 3px 0;
  color: #ffffff;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input > div.active {
  color: #ffffff;
  background: #92c836;
  border: 1px solid #00578d;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}

.selectize-input > input {
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 1px !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  background: none !important;
  border: 0 none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-user-select: auto !important;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  display: block;
  clear: left;
  content: ' ';
}

.selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: #f0f0f0;
  content: ' ';
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -1px 0 0 0;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-top: 0 none;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  cursor: default;
  background: #ffffff;
}

.selectize-dropdown .active {
  color: #495c68;
  background-color: #f5fafd;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: ' ';
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-color: transparent transparent #808080 transparent;
  border-width: 0 5px 5px 5px;
}

.selectize-control.rtl.single .selectize-input:after {
  right: auto;
  left: 15px;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  background-color: #fafafa;
  opacity: 0.5;
}

.selectize-control.multi .selectize-input.has-items {
  padding-right: 5px;
  padding-left: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}

.selectize-control.single .selectize-input {
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-size: 0.85em;
  font-weight: bold;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

.extended-eish-page .text,
.extended-eish-page .keywords {
  width: 480px;
}

.eishform {
  padding-bottom: 220px;
  float: left;
  max-width: 480px;
}

.extendEishOtherCompanies {
  max-width: 960px;
}

.extendEishOtherCompanies li {
  list-style: none;
}

.keywords-container {
  position: relative;
}

.taxonomy-popup {
  position: absolute;
  display: none;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  width: 480px;
}

.taxonomy-popup h4 {
  margin: 3px;
}

.taxonomy-items {
  list-style: none;
  margin: 0;
  padding: 0 0 0 3px;
}

.taxonomy-items .item {
  padding: 2px 6px;
  line-height: 18px;
  margin: 0 3px 3px 0;
  color: #666;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #666;
  display: inline-block;
  font-size: 12px;
  background: #e5e5e5;
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #c5c5c5 100%);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #c5c5c5 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #c5c5c5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#c5c5c5',GradientType=0 );
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.taxonomy-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  /*padding: 20px 20px 20px 0;*/
  color: #cdd1d4;
  text-decoration: none;
  cursor: pointer;
}

.extended-eish-page .error {
  color: red;
}

.extended-eish-page .red {
  color: red;
  padding: 0 5px 0 0;
}

.extended-eish-page h1 {
  text-transform: capitalize;
}

.equivalents-page .error {
  color: red;
}

/* tables */
table.tablesorter {
  font-family: arial;
  background-color: #CDCDCD;
  margin: 10px 0pt 15px;
  font-size: 8pt;
  width: 100%;
  text-align: left;
  border: 1px solid #e6EEEE;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  background-color: #e6EEEE;
  border: 1px solid #FFF;
  font-size: 8pt;
  padding: 4px;
}

table.tablesorter thead tr .header {
  background-image: url(../img/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  border: 1px solid #e6EEEE;
  cursor: pointer;
}

table.tablesorter tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  border: 1px solid #e6EEEE;
  vertical-align: top;
}

table.tablesorter tbody tr.odd td {
  background-color: #F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url(../img/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
  background-image: url(../img/desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #F0F0F6;
}

/* misc */
.autoDailerAdded {
  background-color: #2bd672 !important;
}

.btnCancel {
  color: black  !important;
  float: right;
  background: url(../img/header.gif) !important;
}

.btnDisabled {
  color: black  !important;
  background: url(../img/header.gif) !important;
}

.btn {
  margin-bottom: 4px !important;
}

.sidebysidediv {
  float: left;
  width: 47%;
  margin: 5px 15px 15px 0;
}

.sidebysidesimplediv {
  float: left;
  width: 47%;
}

.sidebysidesimplediv67 {
  float: left;
  width: 67%;
}

.sidebysidesimplediv27 {
  float: left;
  width: 27%;
}

.sidebysidedivR {
  float: Right;
  width: 47%;
  margin: 5px 15px 15px 0;
}

.divhundred {
  width: 98%;
  clear: both;
}

.sidebysidediv2 {
  float: left;
  width: 70%;
  max-height: 455px;
  margin-bottom: 15px;
  overflow: auto !important;
}

.sidebysidediv3 {
  float: left;
  width: 30%;
  max-height: 455px;
  margin-bottom: 15px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.sidebysidediv30 {
  float: left;
  width: 30%;
  margin: 5px 15px 15px 0;
}

#autoDialingModal {
  width: 80%;
  margin-left: -40%;
}

/* accordian */
.accordian {
  font: 12px Verdana,Arial !important;
}

code {
  font-family: "Courier New",Courier;
}

.options {
  width: 457px;
  margin: 20px auto;
  color: #9ac1c9;
  margin-left: 0px !important;
}

.options a {
  text-decoration: none;
  color: #9ac1c9;
}

.options a:hover {
  color: #033;
}

#acc {
  width: 95%;
  list-style: none;
  color: #033;
  padding-left: 0px;
}

#acc h3 {
  width: 95%;
  border: 1px solid #9ac1c9;
  padding: 6px 6px 8px 0px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0px !important;
  cursor: pointer;
  background: url(../img/header.gif);
}

#acc h3:hover {
  background: url(../img/header_over.gif);
}

#acc .acc-section {
  overflow: hidden;
  background: #fff;
}

#acc .acc-content {
  width: 95%;
  padding: 15px;
  border: 1px solid #9ac1c9;
  border-top: none;
  background: lightyellow;
  overflow-y: auto;
}

#companyInfoconWalker {
  width: 100%;
  list-style: none;
  color: #033;
  padding-left: 0px;
}

#companyInfoconWalker h3 {
  width: 100%;
  border: 1px solid #9ac1c9;
  padding: 6px 6px 8px 0px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0px !important;
  cursor: pointer;
  background: url(../img/header.gif);
}

#companyInfoconWalker h3:hover {
  background: url(../img/header_over.gif);
}

#companyInfoconWalker .comp-section {
  overflow: hidden;
  background: #fff;
}

#companyInfoconWalker .comp-content {
  width: 100%;
  padding: 15px;
  border: 1px solid #9ac1c9;
  border-top: none;
  background: lightyellow;
  overflow-y: auto;
}

#accd {
  width: 95%;
  list-style: none;
  color: #033;
  margin-left: 6px;
  padding-left: 0px;
}

#accd h3 {
  width: 95%;
  border: 1px solid #9ac1c9;
  padding: 6px 6px 8px 0px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0px !important;
  cursor: pointer;
  background: url(../img/header.gif);
}

#accd h3:hover {
  background: url(../img/header_over.gif);
}

#accd .acc-section {
  overflow: hidden;
  background: #fff;
}

#accd .acc-content {
  width: 95%;
  padding: 15px;
  border: 1px solid #9ac1c9;
  border-top: none;
  background: lightyellow;
}

/*new custom styles*/
.customModalClose {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #f5d716;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.customModalClose modalFirst::before {
  color: #f5d716;
}

.customModalClose {
  color: #f5d716;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
}

.customModalClose:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.modalClose, .alertModalCloseBtn, .modalFirst, .modalSecond, .modalCloseBtn {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalClose, .modalFirst, .modalSecond, .modalCloseBtn, .alertModalCloseBtn:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

#companyInfoconWalker h3, #acc h3, #accd h3 {
  background-color: #333 !important;
  border: 1px #ccc solid !important;
  border-bottom: 4px #f5d716 solid !important;
  color: #fff !important;
  padding: 5px !important;
}

#acc .acc-content, #accd .acc-content, #companyInfoconWalker .comp-content {
  background: #fff;
  border: 1px #ccc solid;
}

#acc {
  color: #333;
}

#acc h3:hover, #companyInfoconWalker h3:hover, #accd h3:hover {
  background-color: #333;
  border-bottom: 4px #f5d716 solid;
}

.eishTabs .active {
  /*.eishTabs li:hover*/
  background-color: #333;
  color: #fff;
  /*border-bottom:4px #f5d716 solid;*/
}

.tab {
  overflow: inherit;
  overflow-y: visible;
}

.eishTabs {
  background: #fff;
  color: #333;
}

.eishTabs li {
  border-right: none;
}

.AddressShift {
  margin-top: 24px;
}

.ListText {
  display: block;
  float: left;
  width: 150px;
}

.ContactPersonTypeSelect {
  width: 220px;
}

.BreakWord {
  width: 180px;
  height: 45px;
  word-wrap: break-word;
  overflow: hidden;
  position: absolute;
}

.eishTabs li {
  border-bottom: 2px #fff solid;
}

.eishTabs li:hover {
  border-bottom: 2px #f5d716 solid;
}

.eishTabs li:active {
  background: #333;
  cursor: default;
  color: #fff;
  border-bottom: 2px #f5d716 solid;
}

.eishTabs .eishTabs li:hover {
  color: #333;
  background: #fff;
}

.eishTabs .active {
  background: #333;
  color: #fff;
}

.eishTabs .active:hover {
  background: #333;
  color: #fff;
}

.help active:active {
  color: #fff;
}

.contractModal {
  width: 900px;
  height: 760px;
  overflow: hidden;
}

.activeTab {
  display: block;
  height: 490px;
  border: 1px #ccc solid;
  overflow: auto;
}

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

/*end of new custom styles*/
/**
* Style-sheet for dtpicker
* https://github.com/mugifly/jquery-simple-datetimepicker
*/
.datepicker {
  display: inline-block;
  font: 15px/1.5 "Helvetica Neue", mplus-2c, Helvetica, Arial, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-weight: 300;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0.5px 0.5px 0px #c8c8c8;
  -webkit-box-shadow: 0.5px 0.5px 3px #eeeeee;
  -moz-box-shadow: 0.5px 0.5px 3px #eeeeee;
}

/*
* datepicker_header
*/
.datepicker > .datepicker_header {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #eeeeee;
  color: #3f3f3f;
  text-align: center;
  font-size: 9pt;
  font-weight: bold;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.datepicker > .datepicker_header > a {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
  color: #3b7796;
}

.datepicker > .datepicker_header > a:hover {
  color: #303030;
  background-color: #c8c8c8;
}

.datepicker > .datepicker_header > a:active {
  color: #ffffff;
  background-color: #808080;
}

.datepicker > .datepicker_header > span {
  margin-left: 20px;
  margin-right: 20px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.datepicker > .datepicker_header > .icon-home {
  position: absolute;
  display: none;
  float: left;
  margin-top: 2px;
  margin-left: 5px;
  width: 11pt;
  height: 11pt;
  vertical-align: middle;
}

.datepicker > .datepicker_header > .icon-home > svg > g > path {
  fill: #3b7796;
}

.datepicker > .datepicker_header > a:hover > svg > g > path {
  fill: #303030;
  /* Icon button hover color */
}

/*
* datepicker_inner_container 
*/
.datepicker > .datepicker_inner_container {
  margin: -2px 0px -2px 0px;
  background-color: #d2d2d2;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0.5px 0px 3px #c8c8c8;
  -webkit-box-shadow: 0.5px 0px 3px #c8c8c8;
  -moz-box-shadow: 0.5px 0px 3px #c8c8c8;
}

.datepicker > .datepicker_inner_container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*
* datepicker_inner_container > datepicker_calendar
*/
.datepicker > .datepicker_inner_container > .datepicker_calendar {
  float: left;
  width: auto;
  margin-top: -0.5px;
  margin-left: -1px;
  margin-bottom: -2px;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  border-top: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > table {
  padding: 10px;
}

/*
* datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > th (WDay-cell)
*/
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th {
  color: #646464;
  width: 18px;
  font-size: small;
  font-weight: normal;
  text-align: center;
}

/*
* datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > td (Day-cell)
*/
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td {
  color: #000000;
  font-size: small;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today {
  border-bottom: #bfbfbf solid 2px;
  margin-bottom: -2px;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat {
  color: #0044aa;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun {
  color: #e13b00;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month {
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past {
  cursor: default;
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_unallowed {
  cursor: default;
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.out_of_range {
  cursor: default;
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active {
  color: #ffffff;
  background-color: #808080;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover {
  color: #000000;
  background-color: #c8c8c8;
}

/*
* datepicker_inner_container > datepicker_timelist
*/
.datepicker > .datepicker_inner_container > .datepicker_timelist {
  float: left;
  width: 4.2em;
  height: 118px;
  margin-top: -0.5px;
  padding: 5px;
  padding-left: 0px;
  padding-right: 0px;
  overflow: auto;
  overflow-x: hidden;
  background-color: #ffffff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

/*
.datepicker > .datepicker_inner_container > .datepicker_timelist::after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
}
*/
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar {
  overflow: hidden;
  width: 6px;
  background: #fafafa;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar:horizontal {
  height: 1px;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-button {
  display: none;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece {
  background: #eee;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece:start {
  background: #eee;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-thumb {
  background: #aaaaaa;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-corner {
  background: #333;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 7px;
  padding-right: 25px;
  margin-top: 5px;
  margin-bottom: 2px;
  font-size: small;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past {
  cursor: default;
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.out_of_range {
  cursor: default;
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active {
  color: #ffffff;
  background-color: #808080;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover {
  color: #000000;
  background-color: #c8c8c8;
}

.halfstandardtxtR {
  float: right;
}

.halfstandardtxt, .halfstandardtxtR {
  width: 50%;
  background: #fff;
  border: 1px solid #cdd1d4;
  border-radius: 4px;
  font-size: 16px;
  padding: 5px 10px 4px 10px;
  margin-bottom: 10px;
}

.nowidthstandardtxt {
  background: #fff;
  border: 1px solid #cdd1d4;
  border-radius: 4px;
  font-size: 16px;
  padding: 5px 10px 4px 10px;
  margin-bottom: 10px;
  width: 220px;
}

.nowidthstandardsearchtxt {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 14px;
  padding: 5px 10px 4px 10px;
  height: 42px;
  border-top-right-radius: 0px;
}

.standardtxt {
  width: 90%;
  background: #fff;
  border: 1px solid #cdd1d4;
  border-radius: 4px;
  font-size: 16px;
  padding: 5px 10px 4px 10px;
}

.resultNamesimple {
  font-size: 18px;
  text-transform: uppercase;
  color: #2d72d9;
}

.icobtn {
  cursor: pointer;
}

.itemss {
  list-style-type: none;
  padding: 0;
  position: relative;
  max-height: 230px;
  margin-left: 2px;
  overflow-y: auto;
  overflow-x: hidden;
}

.itemss li {
  height: 30px;
  width: 95%;
  line-height: 30px;
  padding-left: 20px;
  border: 1px solid #9ac5c9;
  background: #FDF8F2;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*position: absolute; top: 0; left: 0;*/
  cursor: move;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.itemss li.dragging:nth-child(n) {
  -webkit-transform: none;
  -webkit-transition: none;
  transform: none;
  transition: none;
  box-shadow: 0 0 8px black;
  background-color: white;
}

.itemdisabled {
  border: 1px solid #eee !important;
  background: #FBFDE6 !important;
  cursor: not-allowed !important;
}

.tick {
  color: green;
  float: right;
}

.alertModalCloseBtn, .modalCloseBtn, .modalClosechangeBtn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.ad fieldset {
  border: 1px solid #9AC1C9;
  border-radius: 8px;
  height: auto;
}

.ad legend {
  background: #ffffff;
  border: solid 1px #9AC1C9;
  border-top: solid 1px #9AC1C9;
  border-radius: 6px;
  padding: 6px;
}

fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
  margin-left: 3px;
  border-radius: 0px;
}

#eishview {
  max-height: 800px;
  overflow-y: auto;
}

#extendedeishmodal {
  width: 70%;
  margin-left: -35%;
  margin-top: -5%;
}

#autoDialerModal {
  width: 850px;
  margin-left: -425px;
}

#eishlaunch {
  cursor: pointer;
}

#productlaunch {
  cursor: pointer;
}

#preview-frame {
  width: 100%;
  height: 900px;
  background-color: #fff;
}

#dailmsg {
  float: right;
}

.dialError {
  border: 1px solid red;
}

.taxonomy-popup {
  z-index: 9999999999999999999;
}

/* entire container, keeps perspective */
.card {
  perspective: 1000;
}

.flip {
  display: inline-block;
}

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
}

 /*.front {
	display:block;
}  
 .back {
	display:none;
}   */
.ad .text {
  width: 90%;
}

.bttn {
  display: inline-block;
  padding: 0 0 7px 5px;
  color: #2d72d9;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  float: Right;
}

.mybtn {
  float: right;
  padding: 0 8px 0 8px;
  margin-bottom: 20px !important;
  margin-right: 10px;
}

.standardcbo {
  background: #fff;
  border: 1px solid #cdd1d4;
  border-radius: 4px;
  font-size: 16px;
  padding: 5px 10px 4px 10px;
  margin-bottom: 10px;
  width: 220px;
}

.spinner {
  text-align: center;
}

/* Scrollbar */
.scrollbar {
  margin: 0 0 5px 0;
  height: 2px;
  background: #ccc;
  line-height: 0;
}

.scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #023c66;
  cursor: pointer;
}

.scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}

/* Controls */
.controls {
  margin: 8px 0;
  text-align: center;
}

.prevPage {
  float: left;
}

.nextPage {
  float: right;
}

button[disabled] {
  color: black  !important;
  background: url(../img/header.gif) !important;
}

	/*
* CSS TOGGLE SWITCHES
* Unlicense
*
* Ionu? Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* Supported values are px, rem-calc, em-calc */
/* Functions */
/* Toggle Switches */
/* Shared */
/* Checkbox
*/
/* Radio Switch
*/
/* Hide by default
*/
.switch-toggle a, .switch-light span span {
  display: none;
}

/* We can't test for a specific feature,
* so we only target browsers with support for media queries.
*/
@media only screen {
  /* Checkbox switch
  */
  .switch-light {
    display: block;
    min-height: 1.875em;
  /* Outline the toggles when the inputs are focused

  position: relative;
  overflow: visible;
  padding: 0;
  margin-left: 6.25em;*/
  /* Position the label over all the elements, except the slide-button (<a>)
* Clicking anywhere on the label will change the switch-state
*/
  /* Don't hide the input from screen-readers and keyboard access
*/
  }

  .switch-light * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .switch-light a {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .switch-light label, .switch-light > span {
    line-height: 1.875em;
    vertical-align: middle;
  }

  .switch-light input:focus ~ a, .switch-light input:focus + label {
    outline: 1px dotted #888;
  }

  .switch-light label {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
  }

  .switch-light input {
    position: absolute;
    opacity: 0;
    z-index: 5;
  }

  .switch-light input:checked ~ a {
    right: 0%;
  }

  .switch-light > span {
    position: absolute;
    left: -6.25em;
    width: 100%;
    margin: 0;
    padding-right: 6.25em;
    text-align: left;
  }

  .switch-light > span span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 6.25em;
    text-align: center;
  }

  .switch-light > span span:last-child {
    left: 50%;
  }

  .switch-light a {
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 4;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0;
  }

  /* Radio switch
  */
  .switch-toggle {
    display: block;
    min-height: 1.875em;
  /* Outline the toggles when the inputs are focused
*/
    position: relative;
    display: table;
    table-layout: fixed;
  /* For callout panels in foundation
*/
    padding: 0 !important;
    /* Generate styles for the multiple states */
  }

  .switch-toggle * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .switch-toggle a {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .switch-toggle label, .switch-toggle > span {
    line-height: 1.875em;
    vertical-align: middle;
  }

  .switch-toggle input:focus ~ a, .switch-toggle input:focus + label {
    outline: 1px dotted #888;
  }

  .switch-toggle * {
    font-size: 1em;
  }

  .switch-toggle input {
    position: absolute;
    opacity: 0;
  }

  .switch-toggle input + label {
    position: relative;
    z-index: 2;
    display: table-cell;
    width: 50%;
    padding: 0 0.5em;
    margin: 0;
    text-align: center;
  }

  .switch-toggle a {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 50%;
    height: 100%;
  }

  .switch-toggle input:last-of-type:checked ~ a {
    left: 50%;
  }

  .switch-toggle.switch-3 label, .switch-toggle.switch-3 a {
    width: 33.3333333333%;
  }

  .switch-toggle.switch-3 input:checked:nth-of-type(2) ~ a {
    left: 33.3333333333%;
  }

  .switch-toggle.switch-3 input:checked:last-of-type ~ a {
    left: 66.6666666667%;
  }

  .switch-toggle.switch-4 label, .switch-toggle.switch-4 a {
    width: 25%;
  }

  .switch-toggle.switch-4 input:checked:nth-of-type(2) ~ a {
    left: 25%;
  }

  .switch-toggle.switch-4 input:checked:nth-of-type(3) ~ a {
    left: 50%;
  }

  .switch-toggle.switch-4 input:checked:last-of-type ~ a {
    left: 75%;
  }

  .switch-toggle.switch-5 label, .switch-toggle.switch-5 a {
    width: 20%;
  }

  .switch-toggle.switch-5 input:checked:nth-of-type(2) ~ a {
    left: 20%;
  }

  .switch-toggle.switch-5 input:checked:nth-of-type(3) ~ a {
    left: 40%;
  }

  .switch-toggle.switch-5 input:checked:nth-of-type(4) ~ a {
    left: 60%;
  }

  .switch-toggle.switch-5 input:checked:last-of-type ~ a {
    left: 80%;
  }

  /* Standalone Themes */
  /* Candy Theme
  * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
  * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
  */
  .switch-candy {
    background-color: #2d3035;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #191b1e;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
  }

  .switch-candy label {
    color: #fff;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
  }

  .switch-candy input:checked + label {
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }

  .switch-candy a {
    border: 1px solid #333;
    background-color: #70c66b;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
  }

  .switch-candy > span {
    color: #333;
    text-shadow: none;
  }

  .switch-candy span {
    color: #fff;
  }

  .switch-candy.switch-candy-blue a {
    background-color: #38a3d4;
  }

  .switch-candy.switch-candy-yellow a {
    background-color: #f5e560;
  }

  /* Android Theme
  */
  .switch-android {
    background-color: #464747;
    border-radius: 1px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
    color: #fff;
    /* Selected ON switch-light
    */
  }

  .switch-android label {
    color: #fff;
  }

  .switch-android > span span {
    opacity: 0;
    margin-left: 7.1875em;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
  }

  .switch-android > span span:first-of-type {
    opacity: 1;
  }

  .switch-android > span span, .switch-android input + label {
    font-size: 85%;
    line-height: 2.15625em;
  }

  .switch-android a {
    background-color: #666;
    border-radius: 1px;
    box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0;
  }

  .switch-android.switch-light input:checked ~ a {
    background-color: #0E88B1;
  }

  .switch-android.switch-light input:checked ~ span span:first-of-type {
    opacity: 0;
  }

  .switch-android.switch-light input:checked ~ span span:last-of-type {
    opacity: 1;
  }

  .switch-android.switch-toggle, .switch-android > span span {
    text-transform: uppercase;
  }

  /* iOS Theme
  */
  .switch-ios.switch-light {
    color: #868686;
  }

  .switch-ios.switch-light a {
    left: 0;
    width: 1.875em;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
  }

  .switch-ios.switch-light > span span {
    width: 100%;
    left: 0;
    opacity: 0;
  }

  .switch-ios.switch-light > span span:first-of-type {
    opacity: 1;
    padding-left: 1.875em;
  }

  .switch-ios.switch-light > span span:last-of-type {
    padding-right: 1.875em;
  }

  .switch-ios.switch-light > span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 6.25em;
    top: 0;
    background-color: transparent;
    border: 1px solid #d3d3d3;
    border-radius: 30px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
  }

  .switch-ios.switch-light input:checked ~ a {
    left: 100%;
    margin-left: -1.875em;
  }

  .switch-ios.switch-light input:checked ~ span:before {
    border-color: #FEEF02;
    box-shadow: inset 0 0 0 30px #FEEF02;
  }

  .switch-ios.switch-light input:checked ~ span span:first-of-type {
    opacity: 0;
  }

  .switch-ios.switch-light input:checked ~ span span:last-of-type {
    opacity: 1;
    color: #fff;
  }

  .switch-ios.switch-toggle {
    background-color: transparent;
    border: 1px solid #d3d3d3;
    border-radius: 30px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
  }

  .switch-ios.switch-toggle a {
    background-color: #007dc1;
    border-radius: 25px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .switch-ios.switch-toggle label {
    color: #868686;
  }

  .switch-ios input:checked + label {
    color: #fff;
  }
}
/* Bugfix for older Webkit, including mobile Webkit. Adapted from
* http://css-tricks.com/webkit-sibling-bug/
*/
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
  .switch-light, .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s;
  }
}
@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
.eishTabs {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 48px;
  background: #F9F9DE;
  border-bottom: 1px solid #F4F4CA;
}

.eishTabs li {
  float: left;
  padding: 15px 20px;
  font-size: 12px;
  border-right: 1px solid #e5e5e5;
  cursor: pointer;
}

.eishTabs .active,
.eishTabs li:hover {
  background: #fff;
}

.eishTabs .active {
  margin-bottom: -1px;
  padding-bottom: 16px;
}

.floatrightbtn {
  float: right !important;
  font-weight: 700;
}

.sliderw {
  width: 85%;
  width: 85%;
  float: left;
}

.slider {
  width: 85%;
  float: left;
}

.txtaria {
  display: block;
  width: 102%;
  height: 150px;
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid #cccccc;
  font-size: 13px;
}

  /*.thumbnail {    
    width: 248px;
    height: 200px;
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
}*/
.thumbnailSmall {
  position: relative;
  width: 80px;
  height: 50px;
  overflow: hidden;
}

.thumbnail {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.thumbnail img.portrait {
  width: 100%;
  height: auto;
}

.c-selector input {
  position: absolute;
  float: left;
}

.c-selector {
  margin: 7px;
}

  /*! jQuery UI - v1.11.4 - 2015-05-23
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.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-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-widget {
  font-family: Trebuchet MS,Tahoma,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: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6d914 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #fff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #1c94c4;
  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 #fbcb09;
  background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}

.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: #c77405;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: white url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top 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: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #fff;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #fff;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #fff;
}

.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_ffffff_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_228ef1_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_ffd27a_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: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: black url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px;
}

.extended-eish-page .text,
.extended-eish-page .keywords {
  width: 480px;
}

.eishform {
  padding-bottom: 220px;
  float: left;
  max-width: 480px;
}

.extendEishOtherCompanies {
  float: right;
  max-width: 480px;
}

.extendEishOtherCompanies li {
  list-style: none;
}

.keywords-container {
  position: relative;
}

.taxonomy-popup {
  position: absolute;
  display: none;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  width: 480px;
}

.taxonomy-popup h4 {
  margin: 3px;
}

.taxonomy-items {
  list-style: none;
  margin: 0;
  padding: 0 0 0 3px;
}

.taxonomy-items .item {
  padding: 2px 6px;
  line-height: 18px;
  margin: 0 3px 3px 0;
  color: #666;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #666;
  display: inline-block;
  font-size: 12px;
  background: #e5e5e5;
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #c5c5c5 100%);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #c5c5c5 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #c5c5c5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#c5c5c5',GradientType=0 );
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.taxonomy-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  /*padding: 20px 20px 20px 0;*/
  color: #cdd1d4;
  text-decoration: none;
  cursor: pointer;
}

.extended-eish-page .error {
  color: red;
}

.extended-eish-page .red {
  color: red;
  padding: 0 5px 0 0;
}

.extended-eish-page h1 {
  text-transform: capitalize;
}

.equivalents-page .error {
  color: red;
}

.dvChkFilers {
  height: 145px;
  overflow-y: auto;
  border: thin solid #C0C0C0;
}

.dvFilterHeaders {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #e2b500;
  font-weight: bold;
  background: linear-gradient(to bottom, #fff200 0%, #f5d716 100%);
  padding: 2px;
}

.itemCodesFilterFull {
  max-width: 300px;
  border: 1px solid #e5e5e5;
  display: inline-block;
}

.chkFilters {
  margin: 5px;
}

/*This is for the config managers*/
.configSelector {
  width: auto;
  height: auto;
  display: block;
}

.contractViewModal {
  width: 100%;
  float: left;
  position: absolute;
  overflow-y: scroll;
  left: 0px;
  margin-left: 0px;
}

.circleBase {
  border-radius: 50%;
  behavior: url(PIE.htc);
  /* remove if you don't care about IE8 */
}

.platformName {
  padding: 0px 50%;
}

.platformCirle {
  width: auto;
  max-width: 50%;
  /* height: 200px; */
  background: white;
  border: 3px solid black;
  padding: 50px;
  height: auto;
  min-height: 300px;
}

.productCircle {
  height: auto;
  background: green;
  border: 1px solid #000;
  margin-left: 10px;
  margin-top: 10px;
  float: left;
  font-size: 12px;
  font-weight: bold;
  width: auto;
  padding: 10px;
  padding-right: 10px;
}

.type3 {
  width: 500px;
  height: 500px;
  background: aqua;
  border: 30px solid blue;
}

.node {
  cursor: pointer;
}

.node:hover {
  stroke: #000;
  stroke-width: 1.5px;
}

.node--leaf {
  fill: white;
}

.label {
  font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-anchor: middle;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
}

.node--root,
.node--leaf {
  pointer-events: none;
}

.node--root {
  fill: none;
  background-color: white;
}

.contractContainer {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}

.contractMenuModal {
  height: 100%;
  overflow-y: scroll;
}

.contractMenuItemModal {
  height: 100%;
  overflow-y: scroll;
}

.contractViewModal {
  height: 1200px;
}

.node node--root {
  fill: none;
  background-color: white;
}

.Advertiser {
  font-size: 20px;
  z-index: 0;
}

.leaf {
  z-index: 1;
}

.usernameSmall {
  position: fixed;
  top: 2px;
  right: 10px;
  float: right;
  margin-right: 15%;
}

.contractMenuItem {
  font-size: 14px;
  font-weight: bolder;
}

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

.finalPositionForNsaContract {
  position: fixed;
  height: 80%;
  top: 20%;
}

.listingInfo {
  display: none;
}

.newContractModule {
  width: 100%;
  z-index: 10000;
  float: left;
  position: absolute;
  overflow-y: scroll;
  left: 0px;
  margin-left: 0px;
  height: 1200px;
}

.contractMenuItemModal {
  z-index: 100000;
}

.svgCircle {
  margin-left: auto;
  margin-right: auto;
  display: inherit;
}

.browse {
  display: inline-block;
  left: 220px;
  width: 80px;
  height: 30px;
  background: #CCC;
  color: #FFF;
  text-decoration: none;
  line-height: 30px;
  text-align: center;
}

.problemModalTrudonSpace .problemField {
  max-height: 100px;
}

.problemModalTrudonSpace .trudonSpaceIssueTextArea {
  max-height: 100px;
}

#nsaAnnouncementsModal {
  width: 850px;
  margin-left: -425px;
}

.tabsNsa ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tabsNsa li {
  display: inline;
  border: solid;
  border-width: 1px 1px 0 1px;
  margin: 0 0.5em 0 0;
}

.tabsNsa {
  width: 100%;
  display: inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.tabsNsa-links:after {
  display: block;
  clear: both;
  content: '';
}

.tabsNsa-links li {
  margin: 0px 5px;
  float: left;
  list-style: none;
}

.tabsNsa-links a {
  padding: 9px 15px;
  display: inline-block;
  border-radius: 3px 3px 0px 0px;
  background: #7FB5DA;
  font-size: 16px;
  font-weight: 600;
  color: #4c4c4c;
  transition: all linear 0.15s;
}

.tabsNsa-links a:hover {
  background: #a7cce5;
  text-decoration: none;
}

li.active a, li.active a:hover {
  background: #fff;
  color: #4c4c4c;
}

/*----- Content of Tabs -----*/
.tabsNsa-content {
  padding: 15px;
  border-radius: 3px;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
  background: #fff;
}

.tabsNsa.active {
  display: block;
}

.nsaElecLocation {
  overflow: scroll;
  height: 400px;
}

.notMyAllocation {
  background-color: #aaa;
  enabled: false;
}

.nsaElecLocation .resultAddress {
  color: white;
}

#statFileRequester {
  width: 100%;
  right: 0;
  font-size: 12px;
  display: block;
  padding: 0 15px 0 5px;
  line-height: 38px;
}

.nsaContractDataUpdater {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  left: 10%;
  overflow-y: scroll;
  height: 100%;
}

.nsaContractUpdaterForm {
  width: 100%;
}

.nsaWizardModal {
  left: 15%;
  width: 90%;
  height: 100%;
  overflow-y: scroll;
}

.nsaWizardModal {
  left: 15%;
  width: 90%;
  overflow-y: scroll;
  height: 100%;
}

.nsaAdvertLineWizardModal {
  left: 15%;
  width: 50%;
  overflow-y: scroll;
  height: 100%;
  z-index: 99999999;
}

/*start of new custom styles*/
.modalBackground {
  background-color: #fff !important;
  left: 40%;
  width: 750px;
  overflow: auto;
  height: 650px;
}

.cancelListingTable1 {
  font-size: 10px;
  float: left;
  width: 700px;
  table-layout: fixed;
}

.cancelListingTable1 tbody {
  text-align: left;
  text-overflow: ellipsis;
}

.cancelListingTable1 td {
  width: 80px;
  border-bottom: none;
  overflow: hidden;
  /*white-space: nowrap;*/
  color: #000;
  text-overflow: ellipsis;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
  /*border-bottom:1px #333 solid;*/
  background-color: #fff;
  padding: 5px;
  text-align: left;
  /*text-align:center 3px #fff200 solid;*/
}

.cancelListingTable1, .sortHeadings {
  border-bottom: 1px #ccc solid;
}

cancelListingTable1 thead {
  border: 3px #333 solid;
}

.HeadingsBorder th {
  border-bottom: 4px #f5d716 solid;
  background-color: #333;
  padding: 10px;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
}

.HeadingsBorder1 th {
  border-bottom: 4px #f5d716 solid;
  background-color: #333;
  padding: 10px;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
}

.HeadingsBorder2 th {
  border-bottom: 4px #f5d716 solid;
  background-color: #333;
  padding: 10px;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
}

.cancelListingTable2 {
  font-size: 10px;
  float: left;
  width: 300px;
  background-color: #fff;
  color: #000;
  border-bottom: 1px #ccc solid;
  border-top: 1px #ccc solid;
  table-layout: fixed;
}

.cancelListingTable2 tbody {
  text-align: left;
  text-overflow: ellipsis;
}

.cancelListingTable2 td {
  width: 100px;
  border-bottom: none;
  overflow: hidden;
  background-color: #fff;
  /*white-space: nowrap;*/
  color: #000;
  text-overflow: ellipsis;
  background-color: #fff;
  padding: 7px;
  border: 1px #ccc solid;
  /*border-bottom:1px #333 solid;*/
  text-align: center;
}

.cancelListingTable2 tr {
  border: 1px #333 solid;
}

.WhiteHeading {
  color: #fff;
  font-size: 18px;
}

.newBtn {
  background: rgba(255, 255, 255, 0);
  color: #000;
  margin-top: 220px;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
  /*left:520px;*/
}

.newBtn:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: #fff;
  border-radius: 0px;
  transition: all 0.3s linear;
}

.dropDownStyle, .NSAdropDownStyle {
  background-color: #333;
  color: #fff200;
  border: 1px #333 solid;
}

.NSAdropDownStyle {
  width: 200px;
}

.NSATextBox {
  height: 30px;
  width: 200px;
}

.NSAimage {
  width: 30px;
}

.nsaAdvimage {
  width: 30px;
}

.imgSubItem {
  width: 30px;
}

.advRestruct {
  width: 30px;
}

.divNewContractElements {
  padding-top: 20px;
  padding-bottom: 20px;
  height: 500px;
  overflow: auto;
}

.divPlacementDetails {
  padding-top: 20px;
  padding-bottom: 20px;
  height: auto;
  overflow: auto;
}

.newContractElementsDiv {
  padding-top: 20px;
  padding-bottom: 20px;
  height: 400px;
  overflow: auto;
  border: 1px #ccc solid;
}

.whiteText {
  color: #fff;
  font-size: 15px;
}

.newBtn1 {
  background: #fff;
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

.newBtn1:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: #fff;
  border-radius: 0px;
  transition: all 0.3s linear;
}

.nsabtn {
  background: #fff;
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

.nsabtn:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: #fff;
  border-radius: 0px;
  transition: all 0.3s linear;
}

.newBtn2 {
  color: #fff;
  border: 1px #ccc solid;
  transition: all 0.3s linear;
  background: #ccc;
  float: right;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
}

.newBtn2:hover {
  transition: all 0.3s linear;
  background: #333;
  border: 1px #333 solid;
}

.fieldScale {
  width: 100%;
  height: 100px;
  font-size: 12px;
}

.modalCloseNew {
  padding: 30px 20px 20px 0;
}

.modalClose {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalClose:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.nsabtn {
  background: rgba(255, 255, 255, 0);
  color: #000;
  /*margin-top:220px;*/
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

.modalClosenewContractModule:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.modalClosennsaWizardModal {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalClosennsaWizardModal:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.modalCloseContractMenu {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalCloseContractMenu:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.contractMenuModal {
  top: 100px;
  width: 800px;
  height: 500px;
  overflow: hidden;
  margin-left: -400px;
}

.reasonField {
  background-color: #fff;
  overflow: auto;
  height: 22px;
}

.modal {
  border-radius: 0;
}

.modal h4 {
  background: #333;
  border-bottom: 4px #f5d716 solid;
  color: #fff;
  border-radius: 0px;
}

@media all and (min-width: 30em) {
  .reasonField .autocomplete {
    margin-top: 20px !important;
    background-color: red;
  }
}
table.tablesorter thead tr th {
  background-color: #333;
  padding: 15px;
  color: #fff;
  border-bottom: 4px #f5d716 solid;
}

.resultName {
  color: #2d72d9;
}

#contractMenuItemModal {
  width: 700px;
  height: 500px;
  margin: 200px 0 0 -361px;
  overflow: hidden;
}

.modalClosecontractMenuItemModal {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalClosecontractMenuItemModal:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.node:hover {
  stroke: #999999;
  fill: #dbdbdb;
  transition: all 0.3s linear;
}

.node--leaf {
  fill: #f1f1f1;
  transition: all 0.3s linear;
}

.node--leaf:hover {
  stroke: #f5d716;
  transition: all 0.3s linear;
}

.tabsNsa-content {
  box-shadow: none;
}

.nsaWizardModal {
  top: 100px;
}

.ui-accordion .ui-accordion-header {
  background-color: #fff;
  font-size: 15px;
  color: #333;
  border-radius: 0px;
  border: 1px #333 solid;
}

.modalClose {
  color: #f5d716;
}

/*end of new custom styles*/
/*start Bheki's quota styles*/
.QuoteModal.QuoteStyle {
  z-index: 1000000;
}

.QuoteStyle {
  background-color: #fff;
  font-size: 12px;
}

.QuoteStyle p, b, span {
  /*color:#fff;*/
}

.FieldBG {
  background-color: #eee;
  border: 1px #333 solid;
  border-bottom-right-radius: 4px;
}

.inputFont {
  font-size: 12px;
}

.HwhiteText {
  color: #fff;
}

#accordion-2 .AccordionHeader {
  background-color: #333;
  font-size: 15px;
  color: #fff;
  border-left: 1px #333 solid;
  border-right: 1px #333 solid;
  border-top: 1px #333 solid;
  border-bottom: 1px #333 solid;
  border-radius: 0px;
}

#accordion-2 .AccordionHeader:hover {
  color: #fff200;
}

#accordion-36 .AccordionHeader:hover {
  color: #fff200;
}

#accordion-2 .AccordionHeader:active {
  border: 1px #fff200 solid;
}

#accordion-2 .AccordionHeader:focus {
  background-color: #333;
  color: #fff200;
}

#accordion-36 .AccordionHeader {
  background-color: #333;
  font-size: 15px;
  color: #fff;
  border-left: 1px #333 solid;
  border-right: 1px #333 solid;
  border-top: 1px #333 solid;
  border-bottom: 1px #333 solid;
  border-radius: 0px;
}

#accordion-36 .AccordionHeader:active {
  border: 1px #fff200 solid;
}

#accordion-36 .AccordionHeader:focus {
  background-color: #333;
  color: #fff200;
}

#accordion-35 h3 {
  background-color: #333;
  padding: 13px;
  color: #fff;
}

.nsabtn {
  background: #fff;
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

.nsabtn:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: #fff;
  border-radius: 0px;
  transition: all 0.3s linear;
}

.newBtnNext {
  background: #fff;
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  margin-top: -102px;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

.newBtnNext:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: #fff;
  border-radius: 0px;
  transition: all 0.3s linear;
}

.newBtn {
  background: #fff;
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

.newBtn:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: #fff;
  border-radius: 0px;
  transition: all 0.3s linear;
}

.newBtn2 {
  background: #fff;
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

.newBtn2:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: #fff;
  border-radius: 0px;
  transition: all 0.3s linear;
}

#showOTPMsg1 {
  background: #fff;
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

#showOTPMsg1:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: #fff;
  border-radius: 0px;
  transition: all 0.3s linear;
}

.newBtn3 {
  background: #fff;
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

.newBtn3:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: #fff;
  border-radius: 0px;
  transition: all 0.3s linear;
}

.newBtn4 {
  border: 1px #eee solid;
  border-left: 4px #eee solid;
  margin-top: 10px;
  background: #eee;
  transition: all 0.2s linear;
  color: #333;
  float: right !important;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
}

.newBtn4:hover {
  border-right: 1px #eee solid;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  border-left: 4px #333 solid;
  background: #eee;
  transition: all 0.2s linear;
}

.DeleteModal {
  background: #fff;
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

.customModalClose {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #f5d716;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.customModalClose modalFirst::before {
  color: #f5d716;
}

.customModalClose {
  color: #f5d716;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
}

.customModalClose:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.modalClose, .alertModalCloseBtn, .modalCloseBtn {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalClose, .alertModalCloseBtn, .modalCloseBtn, .modalCloseBtn:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

#companyInfoconWalker h3, #acc h3, #accd h3 {
  background-color: #333;
  border: 1px #ccc solid;
  border-bottom: 4px #f5d716 solid;
  color: #fff;
  border-radius: 0px;
}

.tableServiceModal thead {
  background-color: #333;
  color: #f5d716;
  padding: 10px;
}

.ServicesHeading {
  border-bottom: 4px #f5d716 solid;
  background-color: #333;
  padding: 10px;
  color: #fff;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
}

.headerRow {
  border-bottom: 4px #f5d716 solid;
  background-color: #333;
  padding: 10px;
  color: #fff;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
}

.tableService {
  border: 1px #ccc solid;
  font-size: 12px;
}

.headerRow td {
  padding: 10px;
}

.font12 {
  font-size: 12px;
}

.ServicesHeading td {
  padding: 15px;
  color: #fff;
}

.Servicespadding td {
  padding: 10px;
  font-size: 12px;
}

.TableServiceWidth {
  width: 700px;
}

.TableServiceWidth td {
  width: 200px;
}

.RemoveDots {
  list-style-type: none;
}

.hyperlinkBlue, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #0645AD;
}

.ui-state-hover a {
  color: #0645AD;
}

.hyperlinkBlue, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:hover {
  color: #0645AD;
}

.irc_mut:hover {
  -webkit-transform: scale(2) !important;
  -ms-transform: scale(2) !important;
  transition: all 0.3s linear;
}

.irc_mut {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transition: all 0.3s linear;
}

.CancelBtn {
  background: rgba(255, 255, 255, 0);
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
  font-weight: bold;
  font-size: 14px;
  /*left:520px;*/
}

.button_container a {
  padding-right: 50px;
}

.contractModal {
  width: 900px;
  height: 760px;
  overflow: hidden;
}

.activeTab {
  display: block;
  height: 490px;
  border: 1px #ccc solid;
  /*overflow:auto;*/
}

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

/*end of new custom styles*/
@media all and (min-width: 30em) {
  .reasonField .autocomplete {
    margin-top: 20px !important;
    background-color: red;
  }
}
.hideitems {
  display: none;
}

.nsaCartModal {
  /* float: right; */
  display: visible;
  width: 19%;
  top: 140px;
  right: 5px;
  position: absolute;
  height: auto;
  /* right: 500px; */
  left: 80%;
  z-index: 99999999;
}

#nsaCart {
  border: 1px solid;
  margin: 5px;
  padding: 5px;
  display: none;
}

#CartToggle {
  width: 20px;
  height: 20px;
  background-color: red;
  position: fixed;
  float: right;
  margin-left: 95%;
  margin-top: 50px;
  z-index: 999999;
  top: 5px;
  display: none;
}

#CartToggle:hover {
  cursor: pointer;
  background-color: blue;
}

.cartItemRemoved {
  background-color: red;
}

.cartItemChanged {
  background-color: green;
}

/*start of new custom styles*/
.modalBackground {
  background-color: #fff !important;
  left: 40%;
  width: 750px;
  overflow: auto;
  height: 650px;
}

.cancelListingTable1 {
  font-size: 10px;
  float: left;
  width: 100%;
  table-layout: fixed;
}

.cancelListingTable1 tbody {
  text-align: left;
  text-overflow: ellipsis;
}

.cancelListingTable1 td {
  width: 80px;
  border-bottom: none;
  overflow: hidden;
  /*white-space: nowrap;*/
  color: #000;
  text-overflow: ellipsis;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
  /*border-bottom:1px #333 solid;*/
  background-color: #fff;
  padding: 5px;
  text-align: center;
  /*text-align:center 3px #fff200 solid;*/
}

.cancelListingTable1, .sortHeadings {
  border-bottom: 1px #ccc solid;
}

cancelListingTable1 thead {
  border: 3px #333 solid;
}

.HeadingsBorder th {
  border-bottom: 4px #f5d716 solid;
  background-color: #333;
  padding: 10px;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
}

.HeadingsBorder1 th {
  border-bottom: 4px #f5d716 solid;
  background-color: #333;
  padding: 10px;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
}

.HeadingsBorder2 th {
  border-bottom: 4px #f5d716 solid;
  background-color: #333;
  padding: 10px;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
}

.cancelListingTable2 {
  font-size: 10px;
  float: left;
  width: 300px;
  background-color: #fff;
  color: #000;
  border-bottom: 1px #ccc solid;
  border-top: 1px #ccc solid;
  table-layout: fixed;
}

.cancelListingTable2 tbody {
  text-align: left;
  text-overflow: ellipsis;
}

.cancelListingTable2 td {
  width: 100px;
  border-bottom: none;
  overflow: hidden;
  background-color: #fff;
  /*white-space: nowrap;*/
  color: #000;
  text-overflow: ellipsis;
  background-color: #fff;
  padding: 7px;
  border: 1px #ccc solid;
  /*border-bottom:1px #333 solid;*/
  text-align: center;
}

.cancelListingTable2 tr {
  border: 1px #333 solid;
}

.WhiteHeading {
  color: #fff;
  font-size: 18px;
}

.newBtn {
  background: rgba(255, 255, 255, 0);
  color: #000;
  margin-top: 220px;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
  /*left:520px;*/
}

.newBtn:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: rgba(255, 255, 255, 0);
  border-radius: 0px;
  transition: all 0.3s linear;
}

.dropDownStyle {
  color: #333;
  background-color: #f9f9f9;
  border: 1px #ccc solid;
  font-size: 12px;
}

.whiteText {
  color: #fff;
  font-size: 15px;
}

.newBtn1 {
  background: rgba(255, 255, 255, 0);
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

.newBtn1:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: rgba(255, 255, 255, 0);
  border-radius: 0px;
  transition: all 0.3s linear;
}

.nsabtn {
  background: rgba(255, 255, 255, 0);
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
}

.nsabtn:hover {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #333 solid;
  border-left: 1px #fff solid;
  background: rgba(255, 255, 255, 0);
  border-radius: 0px;
  transition: all 0.3s linear;
}

.newBtn2 {
  color: #fff;
  border: 1px #ccc solid;
  transition: all 0.3s linear;
  background: #ccc;
  float: right;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
}

.newBtn2:hover {
  transition: all 0.3s linear;
  background: #333;
  border: 1px #333 solid;
}

.fieldScale {
  width: 100%;
  height: 100px;
  font-size: 12px;
}

.modalCloseNew {
  padding: 30px 20px 20px 0;
}

.modalClose {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalClose:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.modalClosenewContractModule {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalClosenewContractModule:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.modalClosennsaWizardModal {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalClosennsaWizardModal:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.modalCloseContractMenu {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalCloseContractMenu:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.contractMenuModal {
  top: 100px;
  width: 800px;
  height: 500px;
  overflow: hidden;
  margin-left: -400px;
}

.reasonField {
  background-color: #fff;
  overflow: auto;
  height: 22px;
}

.modal {
  border-radius: 0;
}

.modal h4 {
  background: #333;
  border-bottom: 4px #f5d716 solid;
  color: #fff;
  border-radius: 0px;
}

@media all and (min-width: 30em) {
  .reasonField .autocomplete {
    margin-top: 20px !important;
    background-color: red;
  }
}
table.tablesorter thead tr th {
  background-color: #333;
  padding: 15px;
  color: #fff;
  border-bottom: 4px #f5d716 solid;
}

.resultName {
  color: #333;
}

#contractMenuItemModal {
  width: 700px;
  height: 500px;
  margin: 200px 0 0 -361px;
  overflow: hidden;
}

.modalClosecontractMenuItemModal {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalClosecontractMenuItemModal:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.node:hover {
  stroke: #ffffff;
  fill: #dbdbdb;
  transition: all 0.3s linear;
}

.node--leaf {
  fill: #f1f1f1;
  transition: all 0.3s linear;
}

.node--leaf:hover {
  stroke: #f5d716;
  transition: all 0.3s linear;
}

.tabsNsa-content {
  box-shadow: none;
}

.nsaWizardModal {
  top: 100px;
}

.ui-accordion .ui-accordion-header {
  background-color: #333;
  font-size: 15px;
  color: #fff;
  border-radius: 0px;
  border: 1px #333 solid;
}

/*new custom styles*/
.customModalClose {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.customModalClose modalFirst::before {
  color: #f5d716;
}

.customModalClose {
  color: #f5d716;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: absolute;
}

.customModalClose:hover {
  color: #ff0000;
  transition: all 0.3s linear;
}

.modalClose, .alertModalCloseBtn, .modalFirst, .modalSecond, .modalCloseBtn {
  color: #f5d716;
  transition: all 0.3s linear;
}

.modalClose, .modalFirst, .modalSecond, .modalCloseBtn, .alertModalCloseBtn:hover {
  color: #f5d716;
  transition: all 0.3s linear;
}

#companyInfoconWalker h3, #acc h3, #accd h3 {
  background-color: #333;
  border: 1px #ccc solid;
  border-bottom: 4px #f5d716 solid;
  color: #fff;
  padding: 5px;
}

#acc .acc-content, #accd .acc-content, #companyInfoconWalker .comp-content {
  background: #fff;
  border: 1px #ccc solid;
}

#acc {
  color: #333;
}

#acc h3:hover, #companyInfoconWalker h3:hover, #accd h3:hover {
  background-color: #333;
  border-bottom: 4px #f5d716 solid;
}

.eishTabs .active {
  /*.eishTabs li:hover*/
  background-color: #333;
  color: #fff;
  /*border-bottom:4px #f5d716 solid;*/
}

.tab {
  overflow: inherit;
  overflow-y: visible;
}

.eishTabs {
  background: #fff;
  color: #333;
}

.eishTabs li {
  border-right: none;
}

.AddressShift {
  margin-top: 24px;
}

.ListText {
  display: block;
  float: left;
  width: 150px;
}

.ContactPersonTypeSelect {
  width: 220px;
}

.BreakWord {
  width: 180px;
  height: 45px;
  word-wrap: break-word;
  overflow: hidden;
  position: absolute;
}

.eishTabs li {
  border-bottom: 2px #fff solid;
}

.eishTabs li:hover {
  border-bottom: 2px #f5d716 solid;
}

.eishTabs li:active {
  background: #333;
  cursor: default;
  color: #fff;
  border-bottom: 2px #f5d716 solid;
}

.eishTabs .eishTabs li:hover {
  color: #333;
  background: #fff;
}

.eishTabs .active {
  background: #333;
  color: #fff;
}

.eishTabs .active:hover {
  background: #333;
  color: #fff;
}

.help active:active {
  color: #fff;
}

.button_container {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  position: relative;
  top: 20px;
}

.CancelBtn {
  background: rgba(255, 255, 255, 0);
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px #fff solid;
  font-weight: bold;
  font-size: 14px;
  /*left:520px;*/
}

.button_container a {
  padding-right: 50px;
}

.contractModal {
  width: 1300px;
  height: 860px;
  overflow: hidden;
  margin-left: -500px;
}

.DeleteModal {
  background: rgba(255, 255, 255, 0);
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px rgba(255, 255, 255, 0) solid;
  border-top: 1px rgba(255, 255, 255, 0) solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px rgba(255, 255, 255, 0) solid;
}

.activeTab {
  display: block;
  height: 700px;
  border: 1px #ccc solid;
  /*overflow:auto;*/
}

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

.DeleteModal:hover {
  border-right: 1px rgba(255, 255, 255, 0) solid;
  border-top: 1px rgba(255, 255, 255, 0) solid;
  border-bottom: 4px #333 solid;
  border-left: 1px rgba(255, 255, 255, 0) solid;
  background: rgba(255, 255, 255, 0);
  border-radius: 0px;
  transition: all 0.3s linear;
}

.nsaCartModal {
  /* float: right; */
  /*display: visible;*/
  width: 19%;
  top: 140px;
  right: 5px;
  position: absolute;
  height: auto;
  /* right: 500px; */
  left: 80%;
  z-index: 99999999;
}

.editModalBtn {
  background: rgba(255, 255, 255, 0);
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px rgba(255, 255, 255, 0) solid;
  border-top: 1px rgba(255, 255, 255, 0) solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px rgba(255, 255, 255, 0) solid;
}

.editModalBtn:hover {
  border-right: 1px rgba(255, 255, 255, 0) solid;
  border-top: 1px rgba(255, 255, 255, 0) solid;
  border-bottom: 4px #333 solid;
  border-left: 1px rgba(255, 255, 255, 0) solid;
  background: rgba(255, 255, 255, 0);
  border-radius: 0px;
  transition: all 0.3s linear;
}

#nsaCart {
  border: 1px solid;
  margin: 5px;
  padding: 5px;
  display: none;
}

#CartToggle {
  width: 20px;
  height: 20px;
  background-color: red;
  position: fixed;
  float: right;
  margin-left: 95%;
  margin-top: 50px;
  z-index: 999999;
  top: 5px;
  display: none;
}

#CartToggle:hover {
  cursor: pointer;
  background-color: blue;
}

.cartItemRemoved {
  background-color: red;
}

.cartItemChanged {
  background-color: green;
}

.nsaAdvertLineWizardModal {
  left: 35%;
  width: 50%;
  overflow-y: scroll;
  height: 100%;
  z-index: 99999999;
}

/*::-webkit-scrollbar { 
    display: none; 
}*/
.fileUpload, .advFilter {
  border: 1px #ccc solid;
  width: 120px;
  height: 120px;
  overflow: hidden;
  font-size: 12px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s linear;
  float: left;
  margin-left: 1%;
  margin-top: 1%;
}

.advertFiltersDiv {
  top: 20px;
  overflow: auto;
  width: 95%;
  margin: 0 auto;
  position: relative;
}

.fileUpload, .advFilter:hover {
  border: 1px #ccc solid;
  background-color: #cccccc;
  transition: all 0.3s linear;
  color: #272b2e;
}

.button_container .backCheckContractBtn {
  float: left;
  position: relative;
}

.button_container .btnSaveThisContract {
  float: right;
  position: relative;
  top: -20px;
}

.button_container .backcancelListingButton {
  float: left;
  position: relative;
}

.button_container .nextSaveContractBtn, .showBillingscreen {
  float: right;
  position: relative;
}

.nextNavigationButton {
  float: right;
  position: relative;
}

.UploadContainer {
  /*border:1px red solid;*/
  width: 500px;
  height: auto;
}

.fileUpload:nth-of-type(1) {
  float: left;
}

.fileUpload:nth-of-type(2) {
  float: right;
}

/*end of new custom styles*/
.ui-widget-content {
  background: none;
  border: none;
}

#quoteHeader {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  color: #fff;
  background-color: #333;
  font-size: 17px;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

#lbl {
  visibility: hidden;
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  color: #fff;
  background-color: #333;
  padding: 10px;
  font-size: 17px;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.hyperlinkBlue a:visited {
  color: #0645AD;
}

.hyperlinkBlue {
  text-decoration: underline;
}

.hyperlinkBlue a:hover {
  color: #0645AD;
  cursor: pointer;
  text-decoration: underline;
}

.AddModalbtn {
  background: rgba(255, 255, 255, 0);
  color: #000;
  margin-left: auto;
  transition: all 0.3s linear;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  position: relative;
  border-right: 1px rgba(255, 255, 255, 0) solid;
  border-top: 1px rgba(255, 255, 255, 0) solid;
  border-bottom: 4px #f5d716 solid;
  border-left: 1px rgba(255, 255, 255, 0) solid;
}

.AddModalbtn:hover {
  border-right: 1px rgba(255, 255, 255, 0) solid;
  border-top: 1px rgba(255, 255, 255, 0) solid;
  border-bottom: 4px #333 solid;
  border-left: 1px rgba(255, 255, 255, 0) solid;
  background: rgba(255, 255, 255, 0);
  border-radius: 0px;
  transition: all 0.3s linear;
}

.selectize-input {
  width: 113px;
}

.selectize-control.multi .selectize-input > div {
  padding: 2px 6px;
  margin: 0 3px 3px 0;
  color: #000000;
  cursor: pointer;
  background-color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: none;
  background-color: #ffffff;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: repeat-x;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.productcancelItemCodes {
  width: 100%;
  height: auto;
  position: relative;
}

.viewContractButton, .nextcancelListingButton {
  float: right;
}

.viewContractButton {
  right: 10px;
}

.nsaUploadSingedContract, .nsaUploadCopyInstructions {
  float: left;
  padding: 10px;
  width: 510px;
  margin-left: 10px;
  overflow: auto;
}

.nsaUploadSingedContract {
  float: left;
}

#selectedFiles, #selectedInstuctionsFiles {
  display: inline-block;
}

.contractTableDiv {
  height: 500px;
  overflow: auto;
  border: 1px #ccc solid;
}

.billingDiv {
  height: 500px;
  overflow: scroll;
  border: 1px #ccc solid;
}

.nsaTable tr {
  border-bottom: 1px solid grey;
  border-top: 1px solid grey;
}

.nsaTable td {
  border-bottom: none;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
  text-align: center;
  padding: 5px;
}

.billingTable, .nsaNewContractTable {
  border-spacing: 10px;
}

.billingTable, .nsaNewContractTable td {
  border: none;
  text-align: left;
}

.billingTable, .nsaNewContractTable tr {
  padding-bottom: 1em;
}

.billingTable, .nsaNewContractTable tbody {
  text-align: left;
}

.nsaConfirmationTable td {
  padding-bottom: 1em;
}

.onlineAdvertFieldsTable {
  border-spacing: 10px;
}

.onlineAdvertFieldsTable td {
  border: none;
  text-align: left;
}

.onlineAdvertFieldsTable tr {
  padding-bottom: 1em;
}

.onlineAdvertFieldsTable tbody {
  text-align: left;
}

.customTab {
  display: block;
  height: 540px;
  border: 1px #ccc solid;
  overflow: auto;
  padding: 10px;
}

.divElements {
  display: block;
  height: 540px;
  border: 1px #ccc solid;
  overflow: auto;
  padding: 10px;
}

.selectize-input.items .item {
  padding: 2px 6px;
  line-height: 18px;
  margin: 0 3px 3px 0;
  color: #666;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #666;
  display: inline-block;
  font-size: 12px;
  background: #e5e5e5;
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #c5c5c5 100%);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #c5c5c5 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #c5c5c5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#c5c5c5',GradientType=0 );
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-input.items .nsaitem {
  padding: 2px 6px;
  line-height: 18px;
  margin: 0 3px 3px 0;
  /*width:60px;*/
  color: #666;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #666;
  display: inline-block;
  font-size: 12px;
  background: #e5e5e5;
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #c5c5c5 100%);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #c5c5c5 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #c5c5c5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#c5c5c5',GradientType=0 );
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  padding: 8px 8px;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 35px;
}

.companyDiv {
  overflow: auto;
}

/*@media (min-width: 60em){ 
    .modal{
    width:auto;
}
                          }*/
/*end Bheki's quota styles*/
.eshop {
  position: relative;
  float: right;
  line-height: 29px;
  padding: 0 12px;
  border: 1px solid #e5e5e5;
  background: #FFF000;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 18px;
  max-width: 550px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.result-actions {
  /* overflow:hidden;*/
  padding-bottom: 50px;
}

.nsaAdvertLine {
  margin-top: 45px;
  overflow: auto;
  height: 300px;
  padding: 10px;
  border: 1px #ccc solid;
}

.aFilter {
  background-color: #ebebeb;
  color: #000000;
}

.addtionalTextFields {
  display: none;
}

.nsaAdditionalPO, .nsaAdditionalTel, .nsaAdditionalAddress {
  float: right;
  margin-right: -206px;
  margin-top: -20px;
}

.nsaAdditionalText .nsaAdvertLine strong {
  font-size: 14px;
}

.sidebysidesimplediv67 {
  font-size: 14px;
  margin-top: 5px;
}

.sidebysidesimplediv, .whitepages-container, .keywords-container {
  font-size: 14px;
}

.nsaAdditionalText h2 {
  font-size: 17px;
}

.reviewBtn {
  margin-left: 0;
  width: 100%;
  border: none;
}

#searchBankModal, #NewContractFields {
  width: 600px;
  height: 300px;
}

.btnDisabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.nsaModal {
  width: 1500px;
  height: 760px;
  overflow: hidden;
  left: 25%;
}

.nsaBillingModal {
  width: 1000px;
  height: 760px;
  overflow: hidden;
  left: 30%;
}

#NSAloading {
  background: url(../img/loading-spinner.gif) no-repeat center center rgba(54, 25, 25, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000000;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  width: auto;
}

#NSAloading.showing {
  opacity: 1;
  filter: alpha(opacity=50);
}

.csstransitions #NSAloading {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  display: block;
  visibility: hidden;
}

.csstransitions #NSAloading.showing {
  visibility: visible;
}

.nsaautocomplete {
  box-shadow: 0 0 6px #cdd1d4;
  background: #fff;
  position: absolute;
  font-size: 12px;
  color: #33383c;
  display: none;
  border: 1px solid #e5e5e5;
  margin-top: 36px;
  list-style: none;
  padding: 0 0 2px 0;
  z-index: 1000;
  top: 38px;
  bottom: 0;
  width: 100%;
  overflow: auto;
}

@media all and (min-width: 30em) {
  .nsaautocomplete {
    margin-top: 46px;
  }
}
.fixed .nsaautocomplete {
  position: fixed;
}

.nsaautocomplete li {
  padding: 4px 15px;
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
}

.nsaautocomplete li:first-child {
  border: 0;
}

.nsaautocomplete .selected,
.nsaautocomplete li:hover {
  background: whitesmoke;
  color: #33383c;
}

.nsaautocomplete .unselectable,
.nsaautocomplete .unselectable:hover {
  background: #222;
  cursor: default;
  color: #fff;
}

.nsaautocomplete i {
  font-weight: 700;
}

table.nsaAdvertLinesTable td {
  /* border-bottom: none; */
  overflow: hidden;
  /* white-space: nowrap; */
  /* color: #000; */
  text-overflow: ellipsis;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
  border-bottom: 1px #333 solid;
  padding: 5px;
  text-align: left;
  background-color: #f5f5f5;
  color: #333;
}

table.nsaAdvertLinesTable tr:hover td {
  /*.productTable*/
  background-color: #aaa;
}

table.nsaAdvertLinesTable th {
  background-color: #333;
  color: #f5f5f5;
}

table.productTable td {
  /* border-bottom: none; */
  overflow: hidden;
  /* white-space: nowrap; */
  /* color: #000; */
  text-overflow: ellipsis;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
  border-bottom: 1px #333 solid;
  padding: 5px;
  text-align: left;
  background-color: #f5f5f5;
  color: #333;
}

table.productTable tr:hover td {
  /*.productTable*/
  background-color: #aaa;
}

table.productTable th {
  background-color: #333;
  color: #f5f5f5;
}

.nsaNewContractTableDiv {
  height: 300px;
  overflow: auto;
  width: auto;
  border: 1px solid #aaa;
}

.AdvertLineSelectClass, .EntrySelectClass {
  background-color: #f49f36 !important;
}

.ui-sortable-helper {
  height: 100px;
}

.bottomButtonContainer {
  text-align: center;
}

@media only screen and (min-width: 1439px) and (max-width: 2000px) {
  .half-circle {
    padding-top: 370px;
  }

  .myblock-2 {
    bottom: 25%;
  }

  .myblock-3 {
    bottom: 35%;
  }

  .myblock-4 {
    bottom: 25%;
  }

  .myblock-1 .dropdown-menu {
    left: 391px;
    top: 147px;
  }

  .myblock-2 .dropdown-menu {
    top: 330px;
  }

  .myblock-3 .dropdown-menu {
    left: -23px;
  }

  .myblock-4 .dropdown-menu {
    right: 234px;
    top: 330px;
  }

  .myblock-5 .dropdown-menu {
    right: 397px;
    top: 147px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .wrapper {
    overflow: hidden;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container {
    width: 750px;
  }

  .half-circle {
    width: 56%;
    margin: auto;
  }

  .half-circle [class*="block"] {
    width: auto;
  }

  .myblock-1 {
    bottom: 2%;
    left: -29%;
  }

  .myblock-2 {
    bottom: 26%;
    left: -4%;
  }

  .myblock-3 {
    bottom: 36%;
    left: 33%;
  }

  .myblock-3 .middle-handle {
    margin-left: -3px;
  }

  .myblock-4 {
    bottom: 26%;
    right: -4%;
  }

  .myblock-5 {
    bottom: 2%;
    right: -29%;
  }

  .top-circle {
    height: 140px;
    width: 140px;
  }

  .top-circle article {
    height: 132px;
    width: 132px;
  }

  .top-circle a {
    padding: 5px 6px;
  }

  .top-circle h1 {
    font-size: 18px;
    margin: 0 0 2px;
  }

  .top-circle h4 {
    font-size: 10px;
    margin: 0 0 2px;
  }

  .top-circle p {
    font-size: 10px;
    line-height: 14px;
  }

  .middle-handle {
    margin-top: -20px;
  }

  .icon-circle {
    height: 60px;
    line-height: 54px;
    margin: -35px auto auto;
    width: 60px;
  }

  .plus-minus {
    bottom: 2px;
    width: 99.5%;
  }

  .plus-minus img {
    width: 30px;
  }

  .circle-link-1 a {
    bottom: 113px;
    height: 33px;
    left: -25%;
    width: 52px;
  }

  .circle-link-2 a {
    bottom: 176px;
    height: 33px;
    left: 15%;
    width: 52px;
    -moz-transform: rotate(164deg);
    -webkit-transform: rotate(164deg);
    -ms-transform: rotate(164deg);
    transform: rotate(164deg);
  }

  .circle-link-3 a {
    bottom: 176px;
    height: 33px;
    right: 15%;
    width: 52px;
    -moz-transform: rotate(-164deg);
    -webkit-transform: rotate(-164deg);
    -ms-transform: rotate(-164deg);
    transform: rotate(-164deg);
  }

  .circle-link-4 a {
    bottom: 113px;
    height: 33px;
    right: -25%;
    width: 52px;
  }

  .logo-circle {
    width: 250px;
  }

  .dots {
    bottom: 50px;
  }

  .dots .dropdown-menu {
    font-size: 11px;
    height: 157px;
    width: 170px;
    padding: 20px;
  }

  [class*="block"] .dropdown-menu {
    font-size: 11px;
    height: 190px;
    line-height: 16px;
    padding: 25px 26px;
    width: 190px;
  }

  .myblock-1 .dropdown-menu {
    left: 262px;
    top: 93px;
  }

  .myblock-2 .dropdown-menu {
    left: 144px;
    top: 227px;
  }

  .myblock-3 .dropdown-menu {
    left: -28px;
    top: 282px;
  }

  .myblock-4 .dropdown-menu {
    right: 148px;
    top: 227px;
  }

  .myblock-5 .dropdown-menu {
    right: 266px;
    top: 93px;
  }

  .dots .dropdown-menu p {
    font-size: 10px;
    line-height: 14px;
  }

  .dots li a {
    /*height: 12px;
    width: 12px;*/
  }

  .dots li {
    margin: 0 4px;
  }
}
body {
  background: #b7c7c6 url(../images/body-bg.jpg) no-repeat center top;
  background-size: cover;
  font-family: 'Open Sans', sans-serif;
  color: #666;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

a {
  color: #666;
}

a:hover, a:focus, a:active {
  text-decoration: none;
  color: inherit;
}

a, img {
  border: none;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 675px;
  overflow-y: hidden;
  margin: auto;
}

.container {
  width: 1000px;
}

.half-circle {
  position: relative;
  padding-top: 270px;
  z-index: 0;
}

.half-circle [class*="block"] {
  width: 176px;
}

.top-circle {
  width: 176px;
  height: 176px;
  padding: 4px;
  display: block;
  position: relative;
  z-index: 2;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  /*Firefox v3.6+ */
  background-image: -moz-linear-gradient(white 0%, #dfdfdf 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, color-stop(0, white), color-stop(1, #dfdfdf));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(white 0%, #dfdfdf 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(white 0%, #dfdfdf 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(white 0%, #dfdfdf 100%);
  background-image: linear-gradient(white 0%, #dfdfdf 100%);
  /* Firefox v3.5+ */
  -moz-box-shadow: 7px 19px 7px rgba(153, 153, 153, 0.4);
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-box-shadow: 7px 19px 7px rgba(153, 153, 153, 0.4);
  /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
  box-shadow: 7px 19px 7px rgba(153, 153, 153, 0.4);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffdfdfdf)";
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=7,OffY=19,Color=#66999999,Positive=true)";
}

.top-circle article {
  width: 168px;
  height: 168px;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(#dfdfdf 0%, white 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, color-stop(0, #dfdfdf), color-stop(1, white));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(#dfdfdf 0%, white 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(#dfdfdf 0%, white 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(#dfdfdf 0%, white 100%);
  background-image: linear-gradient(#dfdfdf 0%, white 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdfdfdf,endColorstr=#ffffffff)";
}

.top-circle a {
  padding: 5px 12px;
  display: block;
  height: 100%;
  cursor: pointer;
}

.top-circle a:hover {
  color: inherit;
}

.top-circle h1 {
  font-size: 40px;
  color: #797979;
  margin: 0 0 3px 0;
}

.top-circle h4 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 5px 0;
}

.top-circle p {
  font-size: 11px;
}

.text-red {
  color: #DF473F;
}

.text-orange {
  color: #F86A26;
}

.text-yellow {
  color: #FFD353;
}

.text-green {
  color: #81C42F;
}

.text-sea-green {
  color: #93C6AA;
}

.middle-handle {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-top: -12px;
}

.icon-circle {
  width: 91px;
  height: 91px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  z-index: 2;
  margin: auto;
  line-height: 90px;
  text-align: center;
  margin-top: -16px;
  /*Firefox v3.5+ */
  -moz-box-shadow: 2px 25px 6px rgba(153, 153, 153, 0.55);
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-box-shadow: 2px 25px 6px rgba(153, 153, 153, 0.55);
  /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
  box-shadow: 2px 25px 6px rgba(153, 153, 153, 0.55);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffd4355,endColorstr=#ffffa896)";
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=25,Color=#8c999999,Positive=true)";
}

.active {
  display: block;
}

.inactive {
  display: none;
}

.myblock-1 {
  left: 12%;
  position: absolute;
  /*bottom: 2%;*/
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.myblock-2 {
  left: 19%;
  position: absolute;
  bottom: 30%;
  -moz-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.myblock-3 {
  left: 41%;
  position: absolute;
  bottom: 41%;
}

.myblock-4 {
  right: 19%;
  position: absolute;
  bottom: 30%;
  -moz-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.myblock-5 {
  right: 12%;
  position: absolute;
  /*bottom: 2%;*/
  -moz-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.half-circle [class*="block"] {
  width: initial;
}

.myblock-1 .top-circle, .myblock-1 .icon-circle {
  -moz-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.myblock-2 .top-circle, .myblock-2 .icon-circle {
  -moz-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.myblock-3 .icon-circle, .myblock-3 .top-circle {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.myblock-4 .icon-circle, .myblock-4 .top-circle {
  -moz-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.myblock-5 .icon-circle, .myblock-5 .top-circle {
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.plus-minus {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  width: 57%;
  margin: auto;
}

.minus {
  position: absolute;
  left: 0%;
  bottom: 0;
}

.plus {
  position: absolute;
  right: 0%;
  bottom: 0;
}

.half-circle-link {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 57%;
}

.half-circle-link [class*="circle-link"] a {
  /*background:#666;*/
}

.circle-link-1 a {
  width: 62px;
  height: 43px;
  display: block;
  position: absolute;
  left: 7%;
  bottom: 158px;
  -moz-transform: rotate(127deg);
  -webkit-transform: rotate(127deg);
  -ms-transform: rotate(127deg);
  transform: rotate(127deg);
}

.circle-link-2 a {
  width: 72px;
  height: 43px;
  display: block;
  position: absolute;
  bottom: 248px;
  left: 29%;
  -moz-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}

.circle-link-3 a {
  width: 72px;
  height: 43px;
  display: block;
  position: absolute;
  bottom: 248px;
  right: 29%;
  -moz-transform: rotate(-162deg);
  -webkit-transform: rotate(-162deg);
  -ms-transform: rotate(-162deg);
  transform: rotate(-162deg);
}

.circle-link-4 a {
  width: 62px;
  height: 43px;
  display: block;
  position: absolute;
  right: 7%;
  bottom: 158px;
  -moz-transform: rotate(-127deg);
  -webkit-transform: rotate(-127deg);
  -ms-transform: rotate(-127deg);
  transform: rotate(-127deg);
}

.logo-circle {
  position: absolute;
  bottom: -100px;
  left: 6px;
  text-align: center;
  width: 283px;
  right: 0;
  z-index: -1;
  margin: auto;
}

.dots {
  position: absolute;
  bottom: 63px;
  text-align: center;
  width: 100%;
  right: 0;
  left: -10px;
  margin: auto;
}

.dots li {
  display: inline-block;
  margin: 0 3px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  box-shadow: 0 0 1px 0 #bbb;
}

.dots li a {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: block;
  cursor: pointer;
}

.dots li a.red {
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(#fc505f 0%, #fca790 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, color-stop(0, #fc505f), color-stop(1, #fca790));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(#fc505f 0%, #fca790 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(#fc505f 0%, #fca790 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(#fc505f 0%, #fca790 100%);
  background-image: linear-gradient(#fc505f 0%, #fca790 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffca790,endColorstr=#fffc505f)";
}

.dots li a.orange {
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(#fd7200 0%, #f9d29a 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, color-stop(0, #fd7200), color-stop(1, #f9d29a));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(#fd7200 0%, #f9d29a 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(#fd7200 0%, #f9d29a 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(#fd7200 0%, #f9d29a 100%);
  background-image: linear-gradient(#fd7200 0%, #f9d29a 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff9d29a,endColorstr=#fffd7200)";
}

.dots li a.yellow {
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(#feca4c 0%, #fff98d 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, color-stop(0, #feca4c), color-stop(1, #fff98d));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(#feca4c 0%, #fff98d 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(#feca4c 0%, #fff98d 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(#feca4c 0%, #fff98d 100%);
  background-image: linear-gradient(#feca4c 0%, #fff98d 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffff98d,endColorstr=#fffeca4c)";
}

.dots li a.green {
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(#94e505 0%, #cbfe73 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, color-stop(0, #94e505), color-stop(1, #cbfe73));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(#94e505 0%, #cbfe73 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(#94e505 0%, #cbfe73 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(#94e505 0%, #cbfe73 100%);
  background-image: linear-gradient(#94e505 0%, #cbfe73 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcbfe73,endColorstr=#ff94e505)";
}

.dots li a.sea-green {
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(#7cca8c 0%, #aff7c3 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, color-stop(0, #7cca8c), color-stop(1, #aff7c3));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(#7cca8c 0%, #aff7c3 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(#7cca8c 0%, #aff7c3 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(#7cca8c 0%, #aff7c3 100%);
  background-image: linear-gradient(#7cca8c 0%, #aff7c3 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffaff7c3,endColorstr=#ff7cca8c)";
}

.dots .dropdown-menu {
  width: 198px;
  height: 172px;
  -webkit-border-radius: 100% 100% 30% 30%;
  border-radius: 100% 100% 30% 30%;
  border: none;
  box-shadow: none;
  left: 0;
  right: 0;
  margin: auto;
  padding: 25px 25px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  overflow: hidden;
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(white 0%, #f8f8f8 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, color-stop(0, white), color-stop(1, #f8f8f8));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(white 0%, #f8f8f8 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(white 0%, #f8f8f8 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(white 0%, #f8f8f8 100%);
  background-image: linear-gradient(white 0%, #f8f8f8 100%);
}

.dots .dropdown-menu p {
  font-size: 12px;
  line-height: 16px;
}

[class*="block"] .dropdown-menu {
  width: 215px;
  height: 215px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: none;
  box-shadow: none;
  padding: 25px 32px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  overflow: hidden;
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(white 0%, #f8f8f8 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, color-stop(0, white), color-stop(1, #f8f8f8));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(white 0%, #f8f8f8 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(white 0%, #f8f8f8 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(white 0%, #f8f8f8 100%);
  background-image: linear-gradient(white 0%, #f8f8f8 100%);
}

.myblock-1 .dropdown-menu {
  position: absolute;
  left: 392px;
  top: 145px;
}

.myblock-2 .dropdown-menu {
  position: absolute;
  left: 229px;
  /*-webkit-left:229.8px;*/
  top: 334px;
}

.myblock-3 .dropdown-menu {
  position: absolute;
  left: -22px;
  top: 408px;
}

.myblock-4 .dropdown-menu {
  position: absolute;
  left: auto;
  right: 233px;
  top: 334px;
}

.myblock-5 .dropdown-menu {
  position: absolute;
  right: 396px;
  left: auto;
  top: 145px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .myblock-1 .dropdown-menu {
    top: 145px;
    left: 392.7px;
  }

  .myblock-3 .dropdown-menu {
    top: 409px;
  }

  .myblock-4 .dropdown-menu {
    right: 233px;
  }

  .myblock-5 .dropdown-menu {
    top: 145px;
    right: 396px;
  }
}
/*!
 * FullCalendar v2.2.3 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}

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

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

#QueueModal {
  width: 600px;
  top: 5px;
  margin-left: -300px;
  height: auto;
}

.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.fc-unthemed .fc-today {
  background: #fcf8e3;
}

.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #ccc;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  font-size: 2em;
  line-height: .5em;
  height: .5em;
  /* will make the total height 1em */
  font-family: "Courier New", Courier, monospace;
}

.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
}

.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
}

.fc-icon-left-double-arrow:after {
  content: "\000AB";
}

.fc-icon-right-double-arrow:after {
  content: "\000BB";
}

.fc-icon-x:after {
  content: "\000D7";
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: .05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .1em;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(to bottom, white, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 25px;
  margin-top: 4px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc hr {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-style: solid;
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
  z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  overflow-y: scroll;
  overflow-x: hidden;
}

.fc-scroller > * {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-day-grid-event > .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resize handle (outside of fc-content, so can go outside of bounds) */
.fc-day-grid-event .fc-resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 7px;
}

.fc-ltr .fc-day-grid-event .fc-resizer {
  right: -3px;
  cursor: e-resize;
}

.fc-rtl .fc-day-grid-event .fc-resizer {
  left: -3px;
  cursor: w-resize;
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  /*margin-bottom: 1em;*/
}

.fc-toolbar .fc-left {
  float: left;
}

.fc-toolbar .fc-right {
  float: right;
}

.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view tbody .fc-row {
  min-height: 2.9em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
  text-align: center;
}

.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}

.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-time-grid .fc-bgevent-skeleton {
  z-index: 3;
}

.fc-time-grid .fc-highlight-skeleton {
  z-index: 4;
}

.fc-time-grid .fc-content-skeleton {
  z-index: 5;
}

.fc-time-grid .fc-helper-skeleton {
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.fc-slats .fc-minor td {
  border-top-style: dotted;
}

.fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container,
.fc-time-grid .fc-bgevent-container {
  /* a div within a cell within the fc-bgevent-skeleton */
  position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event > .fc-content {
  /* contains the time and title, but no bg and resizer */
  position: relative;
  z-index: 2;
  /* above the bg */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

.fc-time-grid-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer */
.fc-time-grid-event .fc-resizer {
  position: absolute;
  z-index: 3;
  /* above content */
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
  content: "=";
}

#calendar {
  max-width: 1000px;
  max-height: 350px;
  margin: 0 auto;
}

.Calendarbody {
  padding: 0px 231px 0px 0px;
  font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  font-size: 14px;
  margin-left: -16%;
}

/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/*.eventsCalendar-list-content
{
    padding-top:180px;
}*/
.eventsCalendar-monthWrap.currentMonth {
  z-index: 1;
  width: 100% !important;
}

#Trunkman small {
  padding-left: 15px;
  font-size: large;
}

.carBlackBox {
  border: 1px dotted #1e295b;
  padding: 3px;
  margin: 3px;
  float: left;
  width: 480px;
  height: 100px;
}

.carBlackBox .blackRadio {
  height: 13px;
  width: 15px;
  /*vertical-align: top;*/
}

#summCars {
  display: none;
  padding-left: 18px;
  padding-bottom: 20px;
}

.BigDate {
  display: none;
  font-size: large;
}

.summcars {
  display: inline-block !important;
}

.BigDate {
  display: none;
}

.eventsCalendar-list-content {
  overflow-y: scroll;
}

.LIpastStuff {
  background-color: grey !important;
  border-color: grey !important;
}

.bookingSlotsTime {
  margin: 3px;
  float: left;
  width: 239px;
  margin-top: -4%;
}

.bookingSlotsTime2 {
  margin-top: -15%;
  float: right;
  width: 239px;
}

.modal fieldset {
  border: 1px solid #9AC1C9;
  border-radius: 8px;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.modal legend {
  background: #ffffff;
  border: solid 1px #9AC1C9;
  border-top: solid 2px #9AC1C9;
  border-radius: 6px;
  padding: 6px;
}

.recurrence {
  padding: 3px;
  margin: 3px -18px;
  width: 110px;
  height: 30px;
}

.actualRecurrence {
  width: 483px;
  margin-left: -12px;
  margin-top: -4%;
}

#resources {
  width: 487px;
}

#dailyRecurrenceDetaials {
  padding: 3px;
  margin: -43px 1px 10px 177px;
  width: 245px;
  height: 30px;
}

#weeklyRecurrenceDetails {
  padding: 3px;
  margin: -43px 1px 10px 172px;
  width: 245px;
  height: 30px;
}

#ounceOffNothing {
  width: 245px;
  height: 60px;
}

/*#groupRecur{
	margin: -54px 1px 10px 177px;
}

#dailyRecurrence{
	padding: 3px;
    margin: -54px 1px 10px 177px;
}

#weeklyRecurrence{
	padding: 3px;
    margin: -54px 1px 10px 177px;
}*/
.disabledDays {
  background-color: #b9b5b5;
}

.fc-future {
  cursor: pointer !important;
}

.bookedSlots {
  background-color: red;
}

#legends {
  float: right;
  margin: -26% 7% 0% 8%;
}

#legendsGreenBlocks {
  border: 1px dotted #1e295b;
  /*padding: 3px;
  margin: 3px;*/
  float: left;
  width: 50px;
  height: 20px;
  background-color: #ffffff;
}

#legendswhitesmokeBlocks {
  border: 1px dotted #1e295b;
  /*padding: 3px;
  margin: 2px 0px 0px -53px;*/
  float: left;
  width: 50px;
  height: 20px;
  background-color: #b9b5b5;
}

#legendorangeblocks {
  border: 1px dotted #1e295b;
  /*padding: 3px;margin: 3px 0px 0px 3px;*/
  float: left;
  width: 50px;
  height: 20px;
  background-color: orange;
}

#legendredblock {
  border: 1px dotted #1e295b;
  /*padding: 3px;margin: 5px 0px 0px 4px;*/
  float: left;
  width: 50px;
  height: 20px;
  background-color: yellow;
}

#legendrejectedblock {
  border: 1px dotted #1e295b;
  /*padding: 3px;margin: 5px 0px 0px 4px;*/
  float: left;
  width: 50px;
  height: 20px;
  background-color: red;
}

#legendyellowblock {
  border: 1px dotted #1e295b;
  /*padding: 3px;margin: 7px 0px 0px 6px;*/
  float: left;
  width: 50px;
  height: 20px;
  background-color: red;
}

#legendpinkblock {
  border: 1px dotted #1e295b;
  /*padding: 3px;margin: 9px 0px 0px 8px;*/
  float: left;
  width: 50px;
  height: 20px;
  background-color: DarkRed;
}

.legendsDescriptions {
  font-size: 13px;
  font-weight: bold;
}

.borderRed {
  background-color: #E0ECFF !important;
  border: 2px ridge purple !important;
}

.bookedDate {
  background-color: grey;
}

.myslot {
  background-color: orange;
}

.pendingSlot {
  background-color: yellow;
}

.rejected {
  background-color: red;
}

.logginMessageToBook {
  color: red;
}

.bookingPhoneField {
  width: 96%;
  background: #fff;
  border: 1px solid #cdd1d4;
  border-radius: 4px;
  font-size: 16px;
  padding: 5px 10px 4px 10px;
  margin: 1%;
}

#bookingbtn {
  margin: 1%;
}

#loggedOutBooking {
  margin: -11px;
}

.userDetails {
  border: 1px dotted #1e295b;
  padding: 3px;
  width: 485px;
  height: 174px;
}

#endRecurrancesAfter {
  /*margin:-48px 0px 0px 177px;
  margin:-10% 0px 0px 39%;*/
  float: right;
  width: 61.33%;
  overflow: hidden;
}

#endRecurrancesBy {
  /*margin:-48px 0px 0px 177px;
  margin:-10% 0px 0px 39%;*/
  float: right;
  width: 61.33%;
  overflow: hidden;
}

#hrStyle {
  border: solid #e5e5e5;
  border-width: 0 0 1px 0;
  margin: 18px 0px;
}

.inputSize {
  width: 90%;
  margin-bottom: 10px;
}

#otpfielset {
  margin-left: -3%;
  margin-top: 1%;
}

/*.EmailModal{
	width:400px;
	top:100%;
}*/
.SumoSelect > .optWrapper > .options > li {
  -moz-transition: 200ms ease;
  -webkit-transition: 200ms ease;
  transition: 200ms ease;
}

.SumoSelect > .optWrapper > .options > li label, .SumoSelect > .CaptionCont {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.SumoSelect {
  display: inline-block;
  position: relative;
  width: 200px;
  margin: -10px 0px 0px 48px;
  height: 40px;
}

.SumoSelect > .CaptionCont {
  position: relative;
  border: 1px solid #ccc;
  min-height: 20px;
  background-color: #fff;
}

.SumoSelect > .CaptionCont > span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder {
  color: #ccc;
  font-style: italic;
}

.SumoSelect > .CaptionCont > label {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 30px;
  background-color: #E0D8D8;
}

.SumoSelect > .CaptionCont > label > i {
  background-image: url("https://cdn2.iconfinder.com/data/icons/picol-vector/32/arrow_sans_down-16.png");
  background-position: center center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

.SumoSelect > .optWrapper {
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -100;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
  border-radius: 3px;
}

.SumoSelect > .optWrapper.open {
  top: 40px;
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}

.SumoSelect > .optWrapper > .options {
  list-style: none;
  display: block;
  padding: 0px;
  margin: 0px;
  overflow: auto;
  border-radius: 3px;
  /*Set the height of pop up here (only for desktop mode)*/
  max-height: 250px;
  /*height*/
}

.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%;
}

.SumoSelect > .optWrapper > .options > li {
  padding: 4px 6px;
  border-bottom: 1px solid #F3F3F3;
  position: relative;
}

.SumoSelect > .optWrapper > .options > li:first-child {
  border-radius: 3px 3px 0px 0px;
}

.SumoSelect > .optWrapper > .options > li:last-child {
  border-bottom: none;
  border-radius: 0px 0px 3px 3px;
}

.SumoSelect > .optWrapper > .options > li:hover {
  background-color: #CBD0FF;
}

.SumoSelect > .optWrapper > .options > li label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.SumoSelect > .optWrapper > .options > li span {
  display: none;
}

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 90%;
  bottom: 0px;
  margin: auto;
  max-height: 90%;
}

/*Hover*/
.SumoSelect:hover > .CaptionCont > label {
  background-color: #F1F1F1;
}

/*disabled state*/
.SumoSelect > .optWrapper > .options > li.disabled {
  background-color: inherit;
}

.SumoSelect > .optWrapper > .options > li.disabled * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}

/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options > li {
  padding-left: 35px;
}

.SumoSelect > .optWrapper.multiple > .options > li span {
  position: absolute;
  display: block;
  width: 30px;
  top: 0px;
  left: 0px;
  bottom: 0px;
}

.SumoSelect > .optWrapper.multiple > .options > li span i {
  background-image: url("http://graphics8.nytimes.com/packages/flash/business/20100325-FinancialTuneUp/gfx/checkbox.png");
  position: absolute;
  margin: auto;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
}

.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.13);
  border-radius: 0px 0px 3px 3px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid #DBDBDB;
  border-radius: 0px 0px 0px 3px;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0px 0px 3px 0px;
}

/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options > li {
  padding: 12px 6px;
}

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options > li {
  padding-left: 35px;
}

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px;
}

/*selected state*/
.SumoSelect > .optWrapper.multiple > .options > li.selected span i {
  background-image: url("https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/16/checkbox-checked.png");
}

/*disabled state*/
.SumoSelect.disabled {
  opacity: 0.7;
}

.SumoSelect.disabled > .CaptionCont > label {
  background-color: #F1F1F1;
}

/*styling for optgroups*/
.SumoSelect > .optWrapper > .options > li.optGroup {
  padding-left: 5px;
  text-decoration: underline;
}

/*Background overlay*/
body > .BackdropSelect {
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 100;
}

.calendarInner {
  width: 292px;
  height: 307px;
  border: 1px dotted #1e295b;
  border-width: 1px 0;
  background: #fff200;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
  background: #fff200;
  background: -webkit-linear-gradient(top, #fff200 0%, #f5d716 100%);
  background: -moz-linear-gradient(top, #fff200 0%, #f5d716 100%);
  background: whitesmoke;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#f5d716',GradientType=0 );
  border-radius: 15px 15px 15px 15px;
  display: none;
}

#meetin {
  width: 197px;
  padding-left: 40px;
}

#metting {
  padding-left: 40px;
  width: 197px;
}

.from {
  float: left;
  margin-top: 5px;
}

.to {
  float: left;
  margin-top: 5px;
}

.time {
  float: left;
  margin-top: 5px;
}

.CodeChoice {
  width: 197px;
  padding-left: 35px;
  text-align: center;
}

.funButton {
  margin-right: 136px;
  float: left;
  margin-top: 5px;
}

.timeToDrive {
  width: 197px;
  padding-left: 35px;
}

.betterStyle {
  margin: 3px 0px 0px 17px;
}

.inputSize {
  width: 90%;
  margin-bottom: 10px;
}

#Cancelationdiv {
  color: red;
  display: none;
}

#BookingCancelMargin {
  margin-left: 88px;
}

.boldTime {
  font-weight: bold;
}

.bookingTab {
  overflow-y: auto;
}

#bookingTrack {
  overflow-y: auto;
  height: 405px;
}

#ResendOTP {
  background-color: white;
  color: #54a3f7;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 18px 7px 18px;
  border-radius: 4px;
  display: inline-block;
  border-color: #54a3f7;
  float: right;
}

#reschedmodalClose {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  padding: 20px 20px 20px 0;
  color: #33383c;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.likedbooksResources {
  font-size: 15px;
}

#QueueModal {
  width: 600px;
  top: 5px;
  margin-left: -300px;
  height: auto;
}

#idNumber {
  margin-left: 0px !important;
}

.QueueMod {
  width: 600px;
  top: 5px;
  height: auto;
}

.controlSeparator {
  margin-bottom: 13px;
  width: 100%;
  background: #fff;
  border: 1px solid #cdd1d4;
  border-radius: 4px;
}

#BookingGlobalScroller {
  overflow-y: auto;
  max-height: 650px;
}

table.sortedtable thead tr .header {
  background-image: url("/Assets/img/bg.gif");
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

tbody {
  text-align: center;
}

#messageIcon {
  height: 15px;
}

.expanded {
  font-size: 12px;
  font-family: Arial;
}

/*#panelNumbers{
margin-bottom: -27px;
margin-right: 11px;
padding-bottom: 11px;


}*/
table.sortedtable thead tr .headerSortUp {
  background-image: url("/Assets/img/asc.gif");
}

table.sortedtable thead tr .headerSortDown {
  background-image: url("/Assets/img/desc.gif");
}

img.replyimg {
  resize: both;
  width: 15px;
  height: 15px;
}

.response {
  width: 50%;
  float: left;
  display: inline-block;
  margin: 0px -4px;
}

.respons {
  width: 50%;
  float: right;
  display: inline-block;
  margin: 0px -4px;
}

.header1 {
  border-bottom: 1px solid #e5e5e5;
  background: whitesmoke;
  font-size: 12px;
  text-align: center;
  font-family: Arial;
}

.menu_links:hover {
  cursor: pointer;
}

.showme {
  display: none;
  width: 100%;
  height: 160px;
  margin-bottom: 20px;
  border: 1px solid whitesmoke;
  background: whitesmoke;
  margin-top: -180px;
  padding: 10px 0 0 20px;
  font: Arial;
  font-size: 12px;
}

.showbusinness {
  display: none;
  width: 100%;
  height: 170px;
  margin-bottom: 20px;
  border: 1px solid whitesmoke;
  background: whitesmoke;
  margin-top: -180px;
  padding: 10px 0 0 20px;
  font: Arial;
  font-size: 12px;
}

.tickimage {
  visibility: hidden;
}

.accepter {
  visibility: hidden;
  cursor: pointer;
  width: 100%;
  border: 1px solid #e5e5e5;
  background: whitesmoke;
  min-height: 195px;
  max-height: 195px;
  margin-bottom: 20px;
  padding: 10px 0 5px  20px;
  font: Arial;
  font-size: 12px;
  overflow-y: scroll;
}

.tab_content {
  padding: 6px;
  margin-top: -61px;
  font: Arial;
  font-size: 12px;
  display: none;
}

.bussinessnames {
  visibility: hidden;
  cursor: pointer;
  width: 100%;
  height: 170px;
  background-color: #CCCCCC;
  margin-bottom: 20px;
  border-color: red;
  margin-bottom: 20px;
  border: 1px solid grey;
  background: whitesmoke;
  padding: 10px 0 0 20px;
  font: 80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}

.responsePadding {
  font-size: 13px;
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 15px;
}

.star-rating {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 50px;
  height: 10px;
  overflow: hidden;
  position: relative;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=");
  background-size: contain;
}

.star-rating i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: 1;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=");
  background-size: contain;
}

.rating4 {
  color: red;
}

.star-rating input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}

.star-rating input:hover + i,
.star-rating input:checked + i {
  opacity: 1;
}

.star-rating i ~ i {
  width: 40%;
}

.star-rating i ~ i ~ i {
  width: 60%;
}

.star-rating i ~ i ~ i ~ i {
  width: 80%;
}

.star-rating i ~ i ~ i ~ i ~ i {
  width: 100%;
}

.choice {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 20px;
  display: block;
}

.stylish {
  font-family: georgia, FontAwesome;
}

.items {
  cursor: pointer;
}

.ticked {
  display: inline-block;
  vertical-align: top;
  line-height: 1em;
  width: 1em;
  height: 1em;
  margin-right: 0.3em;
  text-align: center;
  content: '✔';
  color: #999;
}

#confirm {
  display: none;
}

/* Overlay */
#confirm-overlay {
  background-color: #eee;
}

/* Container */
#confirm-container {
  height: 140px;
  width: 420px;
  font: 16px/22px 'Trebuchet MS', Verdana, Arial;
  text-align: left;
  background: #fff;
  border: 2px solid #336699;
}

#confirm-container .header {
  height: 30px;
  line-height: 30px;
  width: 100%;
  background: url(../img/confirm/header.gif) repeat-x;
  color: #fff;
  font-weight: bold;
}

#confirm-container .header span {
  padding-left: 8px;
}

#confirm-container .message {
  color: #333;
  font-size: 14px;
  margin: 0;
  padding: 12px 4px 12px 8px;
}

#confirm-container .buttons {
  line-height: 26px;
  width: 160px;
  float: right;
  padding: 10px 8px 0;
}

#confirm-container .buttons div {
  float: right;
  margin-left: 4px;
  width: 70px;
  height: 26px;
  color: #666;
  font-weight: bold;
  text-align: center;
  background: url(../img/confirm/button.gif) repeat-x;
  border: 1px solid #bbb;
  cursor: pointer;
}

#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {
  text-decoration: none;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 2px;
  color: #fff;
}

#confirm-container a.modal-close:hover {
  color: #ccc;
}

.tab_container {
  border: 1px solid #e5e5e5;
  /* border-top: none; */
  clear: both;
  float: left;
  width: 189%;
  height: 130px;
  margin-bottom: 20px;
  background: white;
  margin-top: 10px;
  /*padding: 10px 0 0 20px;*/
}

.tableshower {
  width: 100%;
  height: 160px;
  border: 1px solid whitesmoke;
  margin-top: -180px;
  background: whitesmoke;
  padding: 10px 0 0 20px;
  font: Arial;
}

/*Cool.css*/
.responsetype {
  display: none;
}

.saver {
  margin: 0px;
}

#gridRibbon {
  height: 26px;
  width: 55px;
  cursor: pointer;
}

.divComp {
  margin-top: 9px;
  margin-left: 4px;
}

.Kompareimg {
  height: 20px;
  margin-top: -24px;
  margin-left: 12px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  width: 90px;
}

.sortHeadings {
  background-color: #007dc1;
  /* outline: 1px solid #33383c; */
  border: 1px solid #E3E3E3;
  border-width: 1px 0;
  color: white;
}

#rapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

.REFS {
  -moz-box-shadow: 3px 1px 0px 1px #54a3f7;
  -webkit-box-shadow: 3px 1px 0px 1px #54a3f7;
  box-shadow: 3px 1px 0px 1px #54a3f7;
  background-color: #007dc1;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: arial;
  font-size: 13px;
  padding: 8px 0px;
  padding-bottom: 18PX;
  text-decoration: none;
  text-shadow: 0px 0px 0px #2486c7;
  margin-right: 3px;
  text-align: center;
  width: 100px;
}

.REFS:hover {
  background-color: #0061a7;
}

.REFS a {
  color: white;
}

.disable {
  pointer-events: none;
  /* for "disabled" effect */
  opacity: 0.5;
}

.QuoteContentt {
  border: 1px solid #e5e5e5;
  display: none;
  overflow-y: scroll;
  max-height: 164px;
}

.QuoteTD {
  text-align: left;
  border-width: 0px 0px 1px 1px;
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  height: 15px;
  padding: 1px;
  margin: 0px;
  margin-bottom: 2px;
}

.QuoteBtn {
  border: 0px solid #000000;
  border: 0px solid #000000;
  float: left;
  width: 150px;
  height: 15px;
}

.QuoteTDH {
  background-color: #2077CF;
  border: 0px solid #000000;
  text-align: center;
  border-width: 0px 0px 1px 1px;
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
  width: 150px;
  height: 15px;
  padding: 7px;
  margin-bottom: 3px;
}

.Quoterw {
  width: auto;
  border: 1px solid #d2d7f9;
  display: inline-block;
  height: 160px;
  position: relative;
  max-height: 180px;
  margin: 1px;
  background-color: white;
  vertical-align: top;
}

.QuoteHeadings {
  border-collapse: collapse;
}

.reply {
  display: table-cell;
  height: 27px;
  width: 162px;
}

.Cooll {
  display: none;
  float: left;
}

.backgroundYel {
  background-color: #2162d7;
}

.controlls {
  display: inline-block;
  background-color: #54a3f7;
  width: 100%;
  color: white;
}

.prevBtn {
  margin-left: 5px;
  color: white;
  float: left;
}

.nextBtn {
  margin-right: 20px;
  float: right;
  color: white;
}

.CompHead {
  text-decoration: underline;
  cursor: pointer;
}

.money {
  color: red;
}

.reply {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  color: #00a8ff;
  text-decoration: none;
}

.txtComments {
  font-size: 13px;
}

.standardtxtArea {
  width: 100%;
  background: #fff;
  border: 1px solid #cdd1d4;
  border-radius: 4px;
  font-size: 13px;
  padding: 5px 10px 4px 10px;
  height: 200px;
}

.standardtxt {
  width: 100%;
  background: #fff;
  border: 1px solid #cdd1d4;
  border-radius: 4px;
  font-size: 13px;
  padding: 5px 10px 4px 10px;
}

#responseComments {
  height: 105px;
}

#reviewButtonId {
  height: 50px;
  padding: 10px;
  cursor: pointer;
}

#messageHistoryId {
  height: 50px;
  cursor: pointer;
  padding: 10px;
}

.ui-accordion .ui-accordion-content {
  padding: 0;
}

.replyModalTextArea {
  display: none;
  width: 100%;
  background: #fff;
  border: 1px solid #cdd1d4;
  border-radius: 4px;
  font-size: 13px;
  height: auto;
  padding: none !important;
}

#showOTPMsg {
  background-color: white;
  color: #54a3f7;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 18px 7px 18px;
  border-radius: 4px;
  display: inline-block;
  border-color: #54a3f7;
  float: right;
}

.QuoteModal {
  width: 600px;
  top: 5px;
  margin-left: -300px;
  height: auto;
}

.QuotationSystem {
  background-color: #fcfcfc;
  /* width: 189%;     */
}

.QuotesInfo {
  max-height: 200px;
  overflow-y: auto;
  margin-top: 20px;
  /*width:189%;*/
}

.RibbonSmall {
  background-image: url("/Assets/img/ribbonsml1.png");
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1309;
  width: 100px;
  height: 100px;
  top: 0;
  margin-left: 90px;
  margin-top: -6px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  opacity: 0.7;
}

.gotoo {
  opacity: 0;
}

a.QuoteLi.tooltip {
  opacity: 1;
  color: white;
  width: 100px;
}

/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */
/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border {
  position: relative;
  padding: 10px;
  margin: 1em 0 1em;
  border: 5px solid #54a3f7;
  color: #333;
  background: #fff;
  /* css3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 80%;
}

/* Variant : for left positioned triangle
------------------------------------------ */
.triangle-border.left {
  margin-left: 30px;
}

/* Variant : for right positioned triangle
------------------------------------------ */
.triangle-border.right {
  margin-right: 30px;
  border-color: #0061a7;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border:before {
  content: "";
  position: absolute;
  bottom: -20px;
  /* value = - border-top-width - border-bottom-width */
  left: 40px;
  /* controls horizontal position */
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #54a3f7 transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* creates the smaller  triangle */
.triangle-border:after {
  content: "";
  position: absolute;
  bottom: -13px;
  /* value = - border-top-width - border-bottom-width */
  left: 47px;
  /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #fff transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* Variant : top
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.top:before {
  top: -20px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 40px;
  /* controls horizontal position */
  border-width: 0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
  top: -13px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 47px;
  /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width: 0 13px 13px;
}

/* Variant : left
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.left:before {
  top: 3px;
  /* controls vertical position */
  bottom: auto;
  left: -30px;
  /* value = - border-left-width - border-right-width */
  border-width: 15px 30px 15px 0;
  border-color: transparent #54a3f7;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
  top: 10px;
  /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom: auto;
  left: -21px;
  /* value = - border-left-width - border-right-width */
  border-width: 9px 21px 9px 0;
  border-color: transparent #fff;
}

/* Variant : right
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.right:before {
  top: 3px;
  /* controls vertical position */
  bottom: auto;
  left: auto;
  right: -30px;
  /* value = - border-left-width - border-right-width */
  border-width: 15px 0 15px 30px;
  border-color: transparent #0061a7;
}

/* creates the smaller  triangle */
.triangle-border.right:after {
  top: 10px;
  /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom: auto;
  left: auto;
  right: -21px;
  /* value = - border-left-width - border-right-width */
  border-width: 9px 0 9px 21px;
  border-color: transparent #fff;
}

.scrollableDiv {
  overflow-y: auto;
  max-height: 500px;
}

.msgdate {
  color: grey;
}

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/
/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating {
  width: 80px;
  text-align: center;
  height: 16px;
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  clear: both;
  position: relative;
  background: url(/Assets/img/star-matrix.gif) no-repeat 0 0;
}

/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {
  background-position: 0 0;
}

.onestar {
  background-position: 0 -16px;
}

.twostar {
  background-position: 0 -32px;
}

.threestar {
  background-position: 0 -48px;
}

.fourstar {
  background-position: 0 -64px;
}

.fivestar {
  background-position: 0 -80px;
}

ul.rating li {
  align: center !important;
  cursor: pointer;
  /*ie5 mac doesn't like it if the list is floated\*
  /* end hide*/
  text-indent: -999em;
}

ul.rating li a {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  text-decoration: none;
  z-index: 200;
}

ul.rating li.one a {
  left: 0;
}

ul.rating li.two a {
  left: 16px;
}

ul.rating li.three a {
  left: 32px;
}

ul.rating li.four a {
  left: 48px;
}

ul.rating li.five a {
  left: 64px;
}

ul.rating li a:hover {
  z-index: 2;
  width: 80px;
  height: 16px;
  overflow: hidden;
  left: 0;
  background: url(/Assets/img/star-matrix.gif) no-repeat 0 0;
}

ul.rating li.one a:hover {
  background-position: 0 -96px;
}

ul.rating li.two a:hover {
  background-position: 0 -112px;
}

ul.rating li.three a:hover {
  background-position: 0 -128px;
}

ul.rating li.four a:hover {
  background-position: 0 -144px;
}

ul.rating li.five a:hover {
  background-position: 0 -160px;
}

/* end rating code 
h3{margin:0 0 2px 0;font-size:110%;max-width: 360px;
}*/
/*Driving School css*/
/* TREVIEW*/
.treeview, .treeview ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.treeview ul {
  background-color: white;
  margin-top: 4px;
}

.treeview .hitarea {
  background: url(../img/treeview-default.gif) -64px -25px no-repeat;
  height: 16px;
  width: 16px;
  margin-left: -16px;
  float: left;
  cursor: pointer;
}

.treeview li {
  margin: 0;
  padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
  background-color: #eee;
}

#treecontrol {
  margin: 1em 0;
  display: none;
}

.treeview .hover {
  color: red;
  cursor: pointer;
}

.treeview li {
  background: url(../img/treeview-default-line.gif) 0 0 no-repeat;
}

.treeview li.collapsable, .treeview li.expandable {
  background-position: 0 -176px;
}

.treeview .expandable-hitarea {
  background-position: -80px -3px;
}

.treeview li.last {
  background-position: 0 -1766px;
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
  background-image: url(../img/treeview-default.gif);
}

.treeview li.lastCollapsable {
  background-position: 0 -111px;
}

.treeview li.lastExpandable {
  background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
  background-position: 0;
}

.treeview-red li {
  background-image: url(../img/treeview-red-line.gif);
}

.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable {
  background-image: url(../img/treeview-red.gif);
}

.treeview-black li {
  background-image: url(../img/treeview-black-line.gif);
}

.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {
  background-image: url(../img/treeview-black.gif);
}

.treeview-gray li {
  background-image: url(../img/treeview-gray-line.gif);
}

.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {
  background-image: url(../img/treeview-gray.gif);
}

.treeview-famfamfam li {
  background-image: url(../img/treeview-famfamfam-line.gif);
}

.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable {
  background-image: url(../img/treeview-famfamfam.gif);
}

.treeview .placeholder {
  background: url(../img/ajax-loader.gif) 0 0 no-repeat;
  height: 16px;
  width: 16px;
  display: block;
}

.filetree li {
  padding: 3px 0 2px 16px;
}

.filetree span.folder, .filetree span.file {
  padding: 1px 0 1px 16px;
  display: block;
}

.filetree span.folder {
  background: url(../img/folder.gif) 0 0 no-repeat;
}

.filetree li.expandable span.folder {
  background: url(../img/folder-closed.gif) 0 0 no-repeat;
}

.filetree span.file {
  background: url(../img/file.gif) 0 0 no-repeat;
}

/*Date picker css*/
/**
* Style-sheet for dtpicker
* https://github.com/mugifly/jquery-simple-datetimepicker
*/
.datepicker {
  display: inline-block;
  width: 50%;
  font: 15px/1.5 "Helvetica Neue", mplus-2c, Helvetica, Arial, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-weight: 300;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0.5px 0.5px 0px #c8c8c8;
  -webkit-box-shadow: 0.5px 0.5px 3px #eeeeee;
  -moz-box-shadow: 0.5px 0.5px 3px #eeeeee;
}

/*
* datepicker_header
*/
.datepicker > .datepicker_header {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #eeeeee;
  color: #3f3f3f;
  text-align: center;
  font-size: 9pt;
  font-weight: bold;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.datepicker > .datepicker_header > a {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
  color: #3b7796;
}

.datepicker > .datepicker_header > a:hover {
  color: #303030;
  background-color: #c8c8c8;
}

.datepicker > .datepicker_header > a:active {
  color: #ffffff;
  background-color: #808080;
}

.datepicker > .datepicker_header > span {
  margin-left: 20px;
  margin-right: 20px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.datepicker > .datepicker_header > .icon-home {
  position: absolute;
  display: none;
  float: left;
  margin-top: 2px;
  margin-left: 5px;
  width: 11pt;
  height: 11pt;
  vertical-align: middle;
}

.datepicker > .datepicker_header > .icon-home > svg > g > path {
  fill: #3b7796;
}

.datepicker > .datepicker_header > a:hover > svg > g > path {
  fill: #303030;
  /* Icon button hover color */
}

/*
* datepicker_inner_container 
*/
.datepicker > .datepicker_inner_container {
  margin: -2px 0px -2px 0px;
  background-color: #d2d2d2;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0.5px 0px 3px #c8c8c8;
  -webkit-box-shadow: 0.5px 0px 3px #c8c8c8;
  -moz-box-shadow: 0.5px 0px 3px #c8c8c8;
}

.datepicker > .datepicker_inner_container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*
* datepicker_inner_container > datepicker_calendar
*/
.datepicker > .datepicker_inner_container > .datepicker_calendar {
  float: left;
  width: 100%;
  margin-top: -0.5px;
  margin-left: -1px;
  margin-bottom: -2px;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  border-top: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > table {
  padding: 10px;
  width: 100%;
}

/*
* datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > th (WDay-cell)
*/
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th {
  color: #646464;
  width: 18px;
  font-size: small;
  font-weight: normal;
  text-align: center;
}

/*
* datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > td (Day-cell)
*/
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td {
  color: #000000;
  font-size: small;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today {
  border-bottom: #bfbfbf solid 2px;
  margin-bottom: -2px;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat {
  color: #0044aa;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun {
  color: #e13b00;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month {
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past {
  cursor: default;
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_unallowed {
  cursor: default;
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.out_of_range {
  cursor: default;
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active {
  color: #ffffff;
  background-color: #808080;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover {
  color: #000000;
  background-color: #c8c8c8;
}

/*
* datepicker_inner_container > datepicker_timelist
*/
.datepicker > .datepicker_inner_container > .datepicker_timelist {
  float: left;
  width: 4.2em;
  height: 146px !important;
  margin-top: -0.5px;
  padding: 5px;
  padding-left: 0px;
  padding-right: 0px;
  display: none !important;
  overflow: auto;
  overflow-x: hidden;
  background-color: #ffffff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

/*
.datepicker > .datepicker_inner_container > .datepicker_timelist::after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
}
*/
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar {
  overflow: hidden;
  width: 6px;
  background: #fafafa;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar:horizontal {
  height: 1px;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece {
  background: #eee;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece:start {
  background: #eee;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-thumb {
  background: #aaaaaa;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-corner {
  background: #333;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 7px;
  padding-right: 25px;
  margin-top: 5px;
  margin-bottom: 2px;
  font-size: small;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past {
  cursor: default;
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.out_of_range {
  cursor: default;
  color: #cccccc;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active {
  color: #ffffff;
  background-color: #808080;
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover {
  color: #000000;
  background-color: #c8c8c8;
}

.colorOption {
  color: black;
}

/*Pop Modal css*/
/* popModal */
.popModal {
  position: absolute;
  background: #fff;
  padding: 15px;
  border: 1px solid #aaa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  text-align: left;
  max-width: 300px;
  min-width: 180px;
  z-index: 9997;
  box-sizing: border-box;
}

.popModal .close {
  line-height: 12px;
  font-size: 25px;
  font-weight: bold;
  font-family: serif;
  position: absolute;
  right: 8px;
  top: 8px;
  color: #000;
  opacity: 0.2;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: 0;
}

.popModal .close:hover {
  opacity: 1;
}

.popModal .popModal_content {
  margin: 15px auto;
  word-wrap: break-word;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: initial;
  font-style: initial;
  color: initial;
  text-decoration: initial;
  text-transform: initial;
  padding: initial;
}

.popModal .popModal_content.popModal_contentOverflow {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 15px -8px;
  padding: 0 7px;
}

.popModal .popModal_content:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
  bottom: -20px;
}

.popModal .popModal_footer {
  background: #fafafa;
  padding: 15px;
  border-top: 1px solid #ddd;
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.popModal .popModal_footer button {
  margin: 0 0 0 5px;
}

.popModal:before,
.popModal:after {
  content: '';
  position: absolute;
  border: 10px solid transparent;
}

.popModal:after {
  z-index: 1;
}

.popModal.bottomRight {
  right: 0;
}

.popModal.bottomLeft:before,
.popModal.bottomRight:before,
.popModal.bottomCenter:before {
  border-top-width: 0;
  border-bottom-color: #aaa;
  top: -10px;
  left: 6px;
}

.popModal.bottomLeft:after,
.popModal.bottomRight:after,
.popModal.bottomCenter:after {
  border-top-width: 0;
  border-bottom-color: #fff;
  top: -9px;
  left: 6px;
}

.popModal.bottomRight:before,
.popModal.bottomRight:after {
  left: auto;
  right: 6px;
}

.popModal.bottomCenter:before,
.popModal.bottomCenter:after {
  left: 50%;
  margin-left: -10px;
}

.popModal.leftTop:before,
.popModal.leftCenter:before {
  border-right-width: 0;
  border-left-color: #aaa;
  top: 6px;
  right: -10px;
}

.popModal.leftTop:after,
.popModal.leftCenter:after {
  border-right-width: 0;
  border-left-color: #fff;
  top: 6px;
  right: -9px;
}

.popModal.rightTop:before,
.popModal.rightCenter:before {
  border-left-width: 0;
  border-right-color: #aaa;
  top: 6px;
  left: -10px;
}

.popModal.rightTop:after,
.popModal.rightCenter:after {
  border-left-width: 0;
  border-right-color: #fff;
  top: 6px;
  left: -9px;
}

.popModal.leftCenter:before,
.popModal.rightCenter:before {
  top: 50%;
  margin-top: -10px;
}

.popModal.leftCenter:after,
.popModal.rightCenter:after {
  top: 50%;
  margin-top: -10px;
}

@media (max-width: 400px) {
  .popModal {
    position: relative;
    top: 10px !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: none;
  }
}
/* notifyModal */
.notifyModal {
  position: fixed;
  z-index: 999999;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  cursor: pointer;
  transition: all 200ms ease;
}

.notifyModal.overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.notifyModal.overlay.center {
  top: 0;
  bottom: 0;
}

.notifyModal.open {
  opacity: 1;
}

.notifyModal.open .notifyModal_content {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.notifyModal .notifyModal_content {
  position: absolute;
  background: #F9EDBE;
  width: 380px;
  padding: 25px;
  margin: auto;
  border: 1px solid #CAB388;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: all 200ms ease;
  -webkit-transform: scale(0.95, 0.95);
  -ms-transform: scale(0.95, 0.95);
  transform: scale(0.95, 0.95);
  font-family: sans-serif;
  font-size: 14px;
  font-weight: initial;
  font-style: initial;
  color: initial;
  text-decoration: initial;
  text-transform: initial;
  line-height: 18px;
  box-sizing: border-box;
}

.notifyModal.alert .notifyModal_content {
  background: #A24343;
  border-color: #8A2525;
  color: #fff;
}

.notifyModal.simple .notifyModal_content {
  background: #fff;
  border-color: #aaa;
}

.notifyModal.dark .notifyModal_content {
  background: #333;
  border-color: #000;
  color: #ccc;
}

.notifyModal.dark .notifyModal_content .close {
  color: #ccc;
}

.notifyModal.leftTop {
  top: 0;
  left: 0;
}

.notifyModal.centerTop {
  top: 0;
  left: 0;
  right: 0;
}

.notifyModal.rightTop {
  top: 0;
  right: 0;
}

.notifyModal.center {
  top: 35%;
  bottom: auto;
  left: 0;
  right: 0;
}

.notifyModal.leftBottom {
  bottom: 0;
  left: 0;
}

.notifyModal.centerBottom {
  bottom: 0;
  left: 0;
  right: 0;
}

.notifyModal.rightBottom {
  bottom: 0;
  right: 0;
}

.notifyModal.center .notifyModal_content {
  left: 0;
  right: 0;
  top: 35%;
}

.notifyModal.leftTop .notifyModal_content {
  left: 20px;
  top: 20px;
}

.notifyModal.centerTop .notifyModal_content {
  left: 0;
  right: 0;
  top: 20px;
}

.notifyModal.rightTop .notifyModal_content {
  right: 20px;
  top: 20px;
}

.notifyModal.leftBottom .notifyModal_content {
  left: 20px;
  bottom: 20px;
}

.notifyModal.centerBottom .notifyModal_content {
  left: 0;
  right: 0;
  bottom: 20px;
}

.notifyModal.rightBottom .notifyModal_content {
  right: 20px;
  bottom: 20px;
}

.notifyModal .notifyModal_content .close {
  line-height: 12px;
  font-size: 25px;
  font-weight: bold;
  font-family: serif;
  position: absolute;
  right: 8px;
  top: 8px;
  color: #000;
  opacity: 0.2;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: 0;
}

.notifyModal .notifyModal_content .close:hover {
  opacity: 1;
}

@media (max-width: 400px) {
  .notifyModal .notifyModal_content {
    width: auto;
    margin: auto 20px;
  }
}
/* hintModal */
.hintModal {
  position: relative;
  overflow: visible;
}

.hintModal .hintModal_container {
  display: none;
  left: 0;
  margin: 0;
  font: initial;
  text-transform: none;
  position: absolute;
  background: #F8F4E1;
  padding: 10px;
  border: 1px solid #B4A984;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  display: none;
  opacity: 0;
  text-align: left;
  max-width: 260px;
  min-width: 260px;
  z-index: 1;
  font-size: 12px;
  font-weight: normal;
  font-family: sans-serif;
  font-style: initial;
  margin-top: 6px;
  color: #555;
  top: 100%;
  box-sizing: border-box;
  color: initial;
  text-decoration: initial;
  text-transform: initial;
}

.hintModal .hintModal_container:before,
.hintModal .hintModal_container:after {
  content: '';
  position: absolute;
  border: 6px solid transparent;
  border-top-width: 0;
  border-bottom-color: #B4A984;
  top: -6px;
  left: 6px;
}

.hintModal .hintModal_container:before {
  border-bottom-color: #B4A984;
  top: -6px;
}

.hintModal .hintModal_container:after {
  border-bottom-color: #F8F4E1;
  top: -5px;
  z-index: 1;
}

.hintModal.bottomRight .hintModal_container {
  left: auto;
  right: 0;
}

.hintModal.bottomRight .hintModal_container:before,
.hintModal.bottomRight .hintModal_container:after {
  left: auto;
  right: 6px;
}

.hintModal.bottomCenter .hintModal_container {
  left: -120px;
  right: -120px;
  margin-left: auto;
  margin-right: auto;
}

.hintModal.bottomCenter .hintModal_container:before,
.hintModal.bottomCenter .hintModal_container:after {
  left: 50%;
  margin-left: -6px;
}

.hintModal:hover .hintModal_container {
  display: block;
}

/* dialogModal */
.dialogModal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 888888;
  overflow: auto;
  opacity: 0;
  transition: all 200ms ease;
}

.dialogModal .dialogModal_container {
  padding: 5px;
  position: relative;
  width: 80%;
  height: auto;
  max-width: 650px;
  left: 0;
  right: 0;
  margin: auto auto 40px;
  opacity: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
  background: #fff;
  transition: all 300ms ease;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: initial;
  font-style: initial;
  color: initial;
  text-decoration: initial;
  text-transform: initial;
  -webkit-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}

#replyModal {
  height: auto !important;
  width: 550px;
}

.dialogModal.open {
  opacity: 1;
}

.dialogModal.open .dialogModal_container {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.dialogModal .dialogModal_container .dialogPrev.notactive,
.dialogModal .dialogModal_container .dialogNext.notactive {
  display: none;
}

.dialogModal .dialogModal_container .dialogPrev,
.dialogModal .dialogModal_container .dialogNext {
  position: absolute;
  width: 10%;
  top: 0;
  bottom: 0;
  left: -10%;
  cursor: pointer;
}

.dialogModal .dialogModal_container .dialogNext {
  left: auto;
  right: -10%;
}

.dialogModal .dialogModal_container .dialogPrev:after,
.dialogModal .dialogModal_container .dialogNext:after {
  content: '';
  position: absolute;
  border: 10px solid transparent;
  top: 50%;
  margin-top: -10px;
  margin-left: -5px;
  left: 50%;
}

.dialogModal .dialogModal_container .dialogPrev:after {
  border-left: 0;
  border-right-color: #aaa;
}

.dialogModal .dialogModal_container .dialogNext:after {
  border-right: 0;
  border-left-color: #aaa;
}

.dialogModal .dialogModal_container .dialogPrev:hover,
.dialogModal .dialogModal_container .dialogNext:hover {
  background: rgba(0, 0, 0, 0.2);
}

.dialogModal .dialogModal_container .close {
  line-height: 12px;
  font-size: 25px;
  font-weight: bold;
  font-family: serif;
  position: absolute;
  right: 12px;
  top: 12px;
  color: #000;
  opacity: 0.2;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: 0;
}

.dialogModal .dialogModal_container .close:hover {
  opacity: 1;
}

.dialogModal h4 {
  width: 650px !important;
  text-transform: uppercase;
  margin: -5px 0 20px -5px;
  padding: 20px 0 20px 20px;
  border-bottom: 2px solid #e2b500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff200;
  background: -webkit-linear-gradient(top, #fff200 0%, #f5d716 100%);
  background: -moz-linear-gradient(top, #fff200 0%, #f5d716 100%);
  background: linear-gradient(to bottom, #fff200 0%, #f5d716 100%);
}

.dialogModal .dialogModal_header {
  padding: 10px 20px;
  background: #eaeaea;
  line-height: 20px;
}

.dialogModal .dialogModal_content {
  padding: 25px 20px;
}

.dialogModal .dialogModal_footer {
  background: #fafafa;
  padding: 15px 20px;
  border-top: 1px solid #ddd;
  text-align: right;
}

.dialogModal .dialogModal_footer button {
  margin: 0 0 0 5px;
}

body.dialogModalOpen {
  overflow: hidden;
}

@media (max-width: 1000px) {
  .dialogModal .dialogModal_container {
    width: 78%;
  }
}
.comparecheck {
  margin-top: -8px;
}

.bookFromQuote {
  cursor: pointer;
  color: #00a8ff;
  text-decoration: none;
}

#btnQuoteCancel {
  float: right;
}

/* titleModal */
.titleModal {
  position: absolute;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 4px 10px;
  margin-top: 6px;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  max-width: 120px;
  opacity: 0;
  font-family: sans-serif;
  font-weight: initial;
  font-style: initial;
  text-decoration: initial;
  text-transform: initia;
}

.titleModal:after {
  content: '';
  position: absolute;
  border: 6px solid transparent;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.7);
  top: -6px;
  left: 50%;
  margin-left: -6px;
}

.titleModal.top {
  margin-top: -6px;
}

.titleModal.top:after {
  border: 6px solid transparent;
  border-bottom-width: 0;
  border-top-color: rgba(0, 0, 0, 0.7);
  top: auto;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
}

.titleModal.left {
  margin-top: auto;
  margin-left: 3px;
}

.titleModal.left:after {
  border: 6px solid transparent;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.7);
  top: 50%;
  left: auto;
  right: -6px;
  margin-left: 0;
  margin-top: -6px;
}

.titleModal.right {
  margin-top: auto;
  margin-left: -3px;
}

.titleModal.right:after {
  border: 6px solid transparent;
  border-left-width: 0;
  border-right-color: rgba(0, 0, 0, 0.7);
  top: 50%;
  left: 0;
  margin-top: -6px;
}

/* animation */
.animated {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

.fadeInTop {
  -webkit-animation-name: fadeInTop;
  animation-name: fadeInTop;
}

.fadeInTopBig {
  -webkit-animation-name: fadeInTopBig;
  animation-name: fadeInTopBig;
}

.fadeOutTop {
  -webkit-animation-name: fadeOutTop;
  animation-name: fadeOutTop;
}

.fadeInBottom {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
}

.fadeOutBottom {
  -webkit-animation-name: fadeOutBottom;
  animation-name: fadeOutBottom;
}

.Quotes {
  /*width:189%;*/
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeOutLeft {
  100% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
  }

  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeOutLeft {
  100% {
    opacity: 0;
    transform: translateX(-10px);
  }

  0% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeOutRight {
  100% {
    opacity: 0;
    -webkit-transform: translateX(10px);
  }

  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeOutRight {
  100% {
    opacity: 0;
    transform: translateX(10px);
  }

  0% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }

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

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

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeOutTop {
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }

  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeOutTop {
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }

  0% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeOutBottom {
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }

  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeOutBottom {
  100% {
    opacity: 0;
    transform: translateY(10px);
  }

  0% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*jquery ui css*/
/* Layout helpers----------------------------------*/
.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;
  /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  margin-bottom: 0;
}

.ui-accordion .ui-accordion-icons {
  /*padding-left: 2em;*/
}

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  /*padding-left: 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;
  height: auto !important;
}

.quotemessage {
  font-size: 16px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: none url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  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 #fbcb09;
  background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}

.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: #c77405;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: white url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top 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: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}

.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);
  /* For IE8 - See #6059 */
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.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;
}

.complete {
  display: none;
}

.more {
  color: blue;
  font-size: 13px;
  cursor: pointer;
}

/* Pretty printing styles. Used with prettify.js. */
.str {
  color: #080;
}

.kwd {
  color: #008;
}

.com {
  color: #800;
}

.typ {
  color: #606;
}

.lit {
  color: #066;
}

.pun {
  color: #660;
}

.pln {
  color: #000;
}

.tag {
  color: #008;
}

.atn {
  color: #606;
}

.atv {
  color: #080;
}

.dec {
  color: #606;
}

pre.prettyprint {
  padding: 5px;
  border: 1px solid #d2d2d2;
  background: whitesmoke;
}

@media print {
  .str {
    color: #060;
  }

  .kwd {
    color: #006;
    font-weight: bold;
  }

  .com {
    color: #600;
    font-style: italic;
  }

  .typ {
    color: #404;
    font-weight: bold;
  }

  .lit {
    color: #044;
  }

  .pun {
    color: #440;
  }

  .pln {
    color: #000;
  }

  .tag {
    color: #006;
    font-weight: bold;
  }

  .atn {
    color: #404;
  }

  .atv {
    color: #060;
  }
}
.ui-multiselect {
  padding: 2px 0 2px 4px;
  text-align: left;
  width: 197px !important;
  background: whitesmoke;
}

.ui-multiselect span.ui-icon {
  float: right;
}

.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important;
}

.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 3px 0 3px 4px;
}

.ui-multiselect-header ul {
  font-size: 0.9em;
}

.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0;
}

.ui-multiselect-header a {
  text-decoration: none;
}

.ui-multiselect-header a:hover {
  text-decoration: underline;
}

.ui-multiselect-header span.ui-icon {
  float: left;
}

.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0;
}

.ui-multiselect-menu {
  display: none;
  padding: 3px;
  position: absolute;
  z-index: 10000;
  text-align: left;
}

.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: auto;
  background: #f5f5f5;
}

.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
  padding: 3px 1px;
}

.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px;
}

.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px;
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid;
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none;
}

/*star rating css*/
/*

slight remix of
http://lea.verou.me/2011/08/accessible-star-rateResponse-widget-with-pure-css/

*/
.rateResponse {
  display: none;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rateResponse:not(:checked) > input {
  position: absolute;
  float: left;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}

.rateResponse:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 .1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  line-height: 1.2;
  color: #ddd;
  text-shadow: 1px 1px #bbbbbb, 2px 2px #666666, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
}

.rateResponse:not(:checked) > label:before {
  content: '★ ';
}

.rateResponse > input:checked ~ label {
  color: #659D32;
  text-shadow: 1px 1px #659D32;
  border-color: green;
}

.rateResponse:not(:checked) > label:hover,
.rateResponse:not(:checked) > label:hover ~ label {
  color: gold;
  text-shadow: 1px 1px goldenrod, 2px 2px #b57340, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
}

.rateResponse > input:checked + label:hover,
.rateResponse > input:checked + label:hover ~ label,
.rateResponse > input:checked ~ label:hover,
.rateResponse > input:checked ~ label:hover ~ label,
.rateResponse > label:hover ~ input:checked ~ label {
  color: #ea0;
  text-shadow: 1px 1px goldenrod, 2px 2px #b57340, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
}

.rateResponse > label:active {
  position: relative;
  top: 2px;
  left: 2px;
}

#tabs_wrapper {
  width: 422px;
}

#tabs {
  list-style: none;
  padding: 5px 0 4px 0;
  margin: 0 0 10px;
  font: 0.75em arial;
}

#tabs li {
  display: inline;
}

#tabs li a {
  border: 1px solid #ccc;
  padding: 5px 24px;
  text-decoration: none;
  background-color: #eeeeee;
  outline: none;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

#tabs li a:hover {
  background-color: #dddddd;
  padding: 5px 24px;
}

#tabs li.active a {
  border-bottom: 1px solid #fff;
  background-color: #fff;
  padding: 5px 24px 5px 6px;
}

#tabs li.active a:hover {
  background-color: #eeeeee;
  padding: 4px 6px 5px 6px;
}

#tabs li a.icon_accept {
  background-image: url(accept.png);
  background-position: 5px;
  background-repeat: no-repeat;
  padding-left: 24px;
}

#tabs li a.icon_accept:hover {
  padding-left: 24px;
}

#tabs_content_container {
  clear: both;
  float: left;
  width: 100%;
  height: 130px;
  margin-bottom: 20px;
  padding: 24px;
  background: white;
  margin-top: -50px;
}

/* Frame */
.frame {
  overflow: hidden;
}

.frame ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}

.frame ul li {
  float: left;
  width: 227px;
  height: 100%;
  margin: 0 1px 0 0;
  padding: 0;
  background: #007dc1;
  color: #ddd;
  text-align: center;
  cursor: pointer;
}

.frame ul li.active {
  color: #fff;
  background: #024c82;
}

#usernametWO {
  margin: 1%;
}

#phonetWO {
  margin: 1%;
}

#UsernameOnProfile {
  margin: 1%;
}

#phoneOnProfile {
  margin: 1%;
}

#nameProfile {
  margin: 1%;
}

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

/* Not needed for tooltips to work */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 20%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 250px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  z-index: 10;
  line-height: 1.2;
}

.webgrid-table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  width: 100%;
  display: table;
  border-collapse: separate;
  border: solid 1px #e5e5e5;
  background-color: white;
}

.webgrid-table td, th {
  border: 1px solid #e5e5e5;
  padding: 3px 7px 2px;
}

.webgrid-header {
  background-color: #cccccc;
  color: black;
  padding-bottom: 4px;
  padding-top: 5px;
  text-align: left;
}

.webgrid-row-style {
  padding: 3px 7px 2px;
}

.webgrid-alternating-row {
  background-color: #cccccc;
  padding: 3px 7px 2px;
}

/* Triangle hack to make tooltip look like a speech bubble 
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}*/
/* Show tooltip content on hover 
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}*/
.repDiv {
  float: left;
  width: 33.33%;
  overflow: hidden;
}

.canvassDiv {
  float: left;
  width: 16.66%;
  overflow: hidden;
}

.configManagerSelector {
  float: left;
  width: 50%;
  overflow: hidden;
}

.configButton {
  float: left;
  width: 25%;
  overflow: hidden;
}

.productLabel {
  font: normal 12px courier !important;
}

.saleableProduct {
  font: normal 12px courier !important;
}

.oneColumn {
  float: left;
  width: 100%;
  overflow: hidden;
}

.twoColumn {
  float: left;
  width: 50%;
  overflow: hidden;
}

.threeColumn {
  float: left;
  width: 33.33%;
  overflow: hidden;
}

.fourColumn {
  float: left;
  width: 25%;
  overflow: hidden;
}

.fourColumnRight {
  float: right;
  width: 25%;
  overflow: hidden;
}

.fiveColumn {
  float: left;
  width: 20%;
  overflow: hidden;
}

.sixColumn {
  float: left;
  width: 17.66%;
  overflow: hidden;
}

.sevenColumn {
  float: left;
  width: 14.29%;
  overflow: hidden;
}

.eightColumn {
  float: left;
  width: 12.5%;
  overflow: hidden;
}

.configManagerSelector {
  float: left;
  width: 50%;
  overflow: hidden;
}

#existingCampaign {
  position: absolute;
  top: 17%;
  left: 5%;
  margin-top: 5px;
}

#lstExitistingCampaigns {
  width: 100%;
  outline: 0;
}

select option {
  margin: 2px;
  	/*font-style: italic;
  	background:#9AC1C9;
  	color:#F8DE10;
      background: rgba(0,0,0,0.3);
      color:#F8DE10;
      text-shadow:0 1px 0 rgba(0,0,0,0.4);
  	*/
}

.campaignLeft {
  width: 45%;
  float: left;
  size: 15;
  overflow: auto;
}

.headerLeft {
  margin-top: 1px;
  width: 45%;
  float: left;
}

.headerRight {
  margin-top: 1px;
  width: 45%;
  float: right;
}

.campaignRight {
  width: 45%;
  float: right;
  size: 15;
  overflow: auto;
}

.clearControl {
  float: right;
  margin-right: 5px;
}

#Keywords {
  float: right;
  margin-right: -5px;
}

.selectedItems {
  font-size: 65%;
}

.boxed {
  border: 1px solid #f9e10e;
  background-color: #F9E10E;
}

.accScroll {
  height: 310px;
  overflow-y: auto;
  max-height: 310px;
}

.horizontalLine {
  color: #fff;
  text-align: center;
  background: #2867C4;
  border-style: solid;
  border-color: #2867C4;
  width: 75%;
  margin-left: -1cm;
  margin-right: -1cm;
  height: 50px;
}

.horizontalShading-yellow {
  color: #000;
  text-align: center;
  background: #FFFFE0;
  border-style: solid;
  border-color: #FFFFE0;
  margin-left: -1cm;
  margin-right: 1cm;
}

.success {
  text-align: center;
  background-color: #5cb85c !important;
}

.warning {
  text-align: center;
  background-color: #f0ad4e !important;
}

.error {
  text-align: center;
  background-color: #d9534f !important;
}

.border-content-cyan {
  color: #9AC1C9;
  border-style: solid;
}

/*FFFFE0*/
.modalSize {
  width: 70%;
  height: 70%;
  position: absolute;
  left: 25%;
  top: 5%;
  right: 25%;
  bottom: 25%;
  overflow-y: auto;
}

/* accordian */
.accordian {
  font: 12px Verdana,Arial !important;
}

code {
  font-family: "Courier New",Courier;
}

.options {
  width: 457px;
  margin: 20px auto;
  color: #9ac1c9;
  margin-left: 0px !important;
}

.options a {
  text-decoration: none;
  color: #9ac1c9;
}

.options a:hover {
  color: #033;
}

#acc {
  width: 100%;
  list-style: none;
  color: #033;
  padding-left: 0px;
}

#acc h3 {
  width: 100%;
  border: 1px solid #9ac1c9;
  padding: 6px 6px 8px 0px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0px !important;
  cursor: pointer;
  background: url(../img/header.gif);
}

#acc h3:hover {
  background: url(../img/header_over.gif);
}

#acc .acc-section {
  overflow: hidden;
  background: #fff;
}

#acc .acc-content {
  width: 100%;
  padding: 15px;
  border: 1px solid #9ac1c9;
  border-top: none;
  background: lightyellow;
}

.btnDisabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.bigCheckboxButton {
  width: 30px;
  height: 30px;
}

.slideThree {
  width: 80px;
  height: 26px;
  background: #333;
  margin: 20px auto;
  position: relative;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.slideThree:after {
  content: 'OFF';
  color: #000;
  position: absolute;
  right: 10px;
  z-index: 0;
  font: 12px/26px Arial, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.slideThree:before {
  content: 'ON';
  color: #27ae60;
  position: absolute;
  left: 10px;
  z-index: 0;
  font: 12px/26px Arial, sans-serif;
  font-weight: bold;
}
.slideThree label {
  display: block;
  width: 34px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  background: #fcfff4;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50px;
  transition: all 0.4s ease;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.slideThree input[type=checkbox] {
  visibility: hidden;
}
.slideThree input[type=checkbox]:checked + label {
  left: 43px;
}

/* end .slideThree */
.conciergeListModal {
  width: 50%;
  left: 35%;
}

.exportList {
  list-style: none;
}

.exportList li {
  border-bottom: 1px solid #ccc;
  padding: .2em 0 .2em .5em;
  font-weight: bold;
  color: #666;
}

.exportList li:hover {
  cursor: pointer;
  list-style-image: url(check.gif);
  background-color: #f2f2f2;
  color: #000;
}

.conciergeCHKAdding {
  float: right;
}

.filterListWordsPlain {
  width: 500px;
}

.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #2e353d;
  float: left;
  width: 300px;
  height: 100%;
  color: #e1ffff;
}

.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}

.nav-side-menu .toggle-btn {
  display: none;
}

.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
}

.sub-menu .collapse {
  display: none;
}

.sub-menu collapse {
  display: none;
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}

.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}

.nav-side-menu ul .sub-menu .collapse {
  color: green;
  display: none;
}

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}

.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}

.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
}

.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}

.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }

  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }

  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}
body {
  margin: 0px;
  padding: 0px;
}

.mycollapeser {
  display: none;
}

a {
  color: inherit;
}

.crmUserStyle {
  margin-left: 305px;
  max-width: 1600px;
}

/* Decarta mapping */
/***********************/
/* mapping imports */
/***********************/
.deCarta-control-copyright {
  font-family: 'Arial';
  font-size: 11px;
  color: black;
  background-color: #FFF;
  padding: 4px;
  margin: 1px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  border: 1px solid black;
}

.deCarta-control-layer {
  margin: 8px;
}

.deCarta-control-layer .button {
  float: left;
  cursor: pointer;
  margin: 2px;
}

.deCarta-control-layer .button.street {
  background-image: url("/Assets/img/mapping/map_off.png");
  height: 35px;
  width: 35px;
}

.deCarta-control-layer .button.satellite {
  background-image: url("/Assets/img/mapping/satellite_off.png");
  height: 35px;
  width: 35px;
}

.deCarta-control-layer .button.hybrid {
  background-image: url("/Assets/img/mapping/hybrid_off.png");
  height: 35px;
  width: 67px;
}

.deCarta-control-layer .button.street:hover {
  background-image: url("/Assets/img/mapping/map_rollover.png");
  height: 35px;
  width: 35px;
}

.deCarta-control-layer .button.satellite:hover {
  background-image: url("/Assets/img/mapping/satellite_rollover.png");
  height: 35px;
  width: 35px;
}

.deCarta-control-layer .button.hybrid:hover {
  background-image: url("/Assets/img/mapping/hybrid_rollover.png");
  height: 35px;
  width: 67px;
}

.deCarta-control-layer .button.street.selected {
  background-image: url("/Assets/img/mapping/map_on.png");
  height: 35px;
  width: 35px;
}

.deCarta-control-layer .button.satellite.selected {
  background-image: url("/Assets/img/mapping/satellite_on.png");
  height: 35px;
  width: 35px;
}

.deCarta-control-layer .button.hybrid.selected {
  background-image: url("/Assets/img/mapping/hybrid_on.png");
  height: 35px;
  width: 67px;
}

.deCarta-control-locate {
  height: 50px;
  width: 50px;
  margin: 2px;
}

.deCarta-control-locate-off {
  background-image: url("/Assets/img/mapping/img/gpsOff.png");
}

.deCarta-control-locate-on {
  background-image: url("/Assets/img/mapping/img/gpsOn.png");
}

.deCarta-control-overview {
  width: 128px;
  height: 128px;
  border: 1px solid #333;
  overflow: hidden;
}

/* hider thingy */
.deCarta-control-overview-hide {
  background-image: url("/Assets/img/mapping/map_overview_hide.png");
  border: 1px solid #333;
  position: absolute;
  width: 17px;
  height: 17px;
  background-size: 17px 17px;
  top: 0;
  left: 0;
  z-index: 1000000;
}

.deCarta-control-overview-show {
  background-image: url("/Assets/img/mapping/map_overview_show.png");
}

.deCarta-control-pan {
  width: 50px;
  height: 50px;
  margin: 10px;
  background-image: url("/Assets/img/mapping/pan.png");
}

.deCarta-control-scale {
  font-family: 'Arial';
  font-size: 9px;
  color: black;
  text-align: left;
  background-color: #FFF;
  padding: 2px 4px 2px 4px;
  margin: 0px 3px 1px 3px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  border: 1px solid #333;
}

.deCarta-control-scale .scaleImperial {
  border-bottom: 1px solid #000000;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  height: 6px;
}

.deCarta-control-scale .scaleMetric {
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-top: 1px solid #000000;
  height: 6px;
}

.deCarta-control-select {
  margin: 10px 18px 10px 8px;
  width: 18px;
  height: 43px;
}

.deCarta-control-select-on {
  background-image: url("/Assets/img/mapping/qz_on.png") !important;
}

.deCarta-control-select-off {
  background-image: url("/Assets/img/mapping/qz_off.png") !important;
}

.deCarta-control-zoom {
  margin: 10px 17px 10px 1px;
}

.deCarta-control-zoomInBtn {
  background-image: url("/Assets/img/mapping/zoom_in.png");
  height: 21px;
  width: 20px;
  margin-left: 4px;
  cursor: pointer;
}

.deCarta-control-zoomOutBtn {
  background-image: url("/Assets/img/mapping/zoom_out.png");
  height: 21px;
  width: 20px;
  margin-left: 4px;
  cursor: pointer;
  top: 27px;
}

.deCarta-control-zoomPillar {
  background-image: url("/Assets/img/mapping/zoom_rail.png");
  /* PLEASE LOOK AT THE CODE TO UNDERSTAND THE HEIGHT
  height: (10 * this.zoomLevels)  + px;*/
  width: 20px;
  left: 4px;
  position: relative;
  cursor: pointer;
}

.deCarta-control-zoomCursor {
  background-image: url("/Assets/img/mapping/zoom_handle.png");
  background-repeat: no-repeat;
  height: 20px;
  line-height: 20px;
  left: -5px;
  width: 36px;
  position: absolute;
  cursor: url("/Assets/img/mapping/openhand.cur");
}

.deCarta-control-zoom-mobile {
  margin: 10px 10px 10px 21px;
}

.deCarta-control-zoomInBtn-mobile {
  background-color: #cccccc;
  color: #333333;
  opacity: 0.7;
  line-height: 44px;
  text-align: center;
  font-size: 22px;
  height: 44px;
  width: 44px;
  margin: 4px;
  border: 1px solid #aaaaaa;
  cursor: pointer;
}

.deCarta-control-zoomOutBtn-mobile {
  background-color: #cccccc;
  color: #333333;
  opacity: 0.7;
  line-height: 44px;
  text-align: center;
  font-size: 22px;
  height: 44px;
  width: 44px;
  margin: 4px;
  border: 1px solid #aaaaaa;
  cursor: pointer;
}

.deCarta-control-zoomInBtn-mobile:before {
  content: "+";
}

.deCarta-control-zoomOutBtn-mobile:before {
  content: "-";
}

/*****************************************/
/* google maps info window scrollbar fix */
/*****************************************/
.popoverNoBorder {
  line-height: 1.35;
  overflow: hidden;
  white-space: nowrap;
}

/***********************/
/* STYLES FOR THE PINS */
/***********************/
.deCarta-Pin-Default {
  position: absolute;
  height: 13px;
  width: 13px;
  top: -8px;
  /* we need to center it*/
  left: -8px;
  border: 1px inset #eee;
  background: #2ad310;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #2ad310 0%, #20820a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #2ad310), color-stop(100%, #20820a));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #2ad310 0%, #20820a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #2ad310 0%, #20820a 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #2ad310 0%, #20820a 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #2ad310 0%, #20820a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ad310', endColorstr='#20820a',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  -webkit-border-radius: 100em;
  -moz-border-radius: 100em;
  border-radius: 100em;
}

.deCarta-Pin-Cluster-Default {
  position: absolute;
  height: 20px;
  width: 20px;
  top: -10px;
  /* we need to center it*/
  left: -10px;
  border: 1px inset #eee;
  background: #f74100;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #f74100 0%, #cc0000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f74100), color-stop(100%, #cc0000));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #f74100 0%, #cc0000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #f74100 0%, #cc0000 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #f74100 0%, #cc0000 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #f74100 0%, #cc0000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f74100', endColorstr='#cc0000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  -webkit-border-radius: 100em;
  -moz-border-radius: 100em;
  border-radius: 100em;
}

.deCarta-Pin-Cluster-label {
  text-align: center;
  width: 20px;
  height: 18px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  position: absolute;
  top: -5px;
  left: -5px;
  padding: 0px;
  border: 2px solid white;
  background-color: #A00;
  color: #FFF;
  font-size: 12px;
  font-family: arial;
  font-weight: bold;
  background-image: -webkit-gradient(radial, 12 12, 12, 12 12, 2, from(#fc0505), to(#9c090e));
  background-image: -moz-radial-gradient(20% 20% 90deg, circle cover, #9c090e, #fc0505);
  text-shadow: 1px 1px 1px #333333;
  -moz-box-shadow: 2px 2px 2px #333;
  -webkit-box-shadow: 2px 2px 2px #333;
  box-shadow: 2px 2px 2px #333;
  padding-top: 2px;
}

/*******************************************/
/* These are the styles for the infoWindow */
/*******************************************/
.deCarta-InfoWindow-Content-External {
  min-width: 150px;
  max-width: 400px;
  min-height: 50px;
  max-height: 300px;
  position: relative;
}

.deCarta-InfoWindow {
  position: absolute;
  padding: 0;
  cursor: auto;
  margin-top: -15px;
  z-index: 2147483647;
}

.deCarta-InfoWindow-Background {
  display: none;
}

/* Variant : for top positioned triangle
------------------------------------------ */
.deCarta-InfoWindow.top {
  margin-top: 15px;
}

/* Variant : for left/right positioned triangle
------------------------------------------ */
.deCarta-InfoWindow.left {
  margin-left: 25px;
  margin-right: -25px;
}

/* Variant : for right positioned triangle
------------------------------------------ */
.deCarta-InfoWindow.right {
  margin-left: -25px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
/* creates triangle */
.deCarta-InfoWindow:after {
  content: "";
  position: absolute;
  bottom: -14px;
  /* value = - border-top-width - border-bottom-width */
  left: 50%;
  /* controls horizontal position */
  margin-left: -15px;
  border-width: 15px 15px 0;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #fff transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

.deCarta-InfoWindow:before {
  content: "";
  position: absolute;
  bottom: -15px;
  /* value = - border-top-width - border-bottom-width */
  left: 50%;
  /* controls horizontal position */
  margin-left: -16px;
  border-width: 16px 16px 0;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #e5e5e5 transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* Variant : top
------------------------------------------ */
.deCarta-InfoWindow.top:after {
  top: -14px;
  /* value = - border-top-width - border-bottom-width */
  right: 50%;
  /* controls horizontal position */
  margin-right: -15px;
  bottom: auto;
  left: auto;
  border-width: 0 15px 15px;
  /* vary these values to change the angle of the vertex */
}

/* Variant : left
------------------------------------------ */
.deCarta-InfoWindow.left:after {
  left: auto;
  right: 25px;
  margin-right: -15px;
}

/* Variant : right
------------------------------------------ */
.deCarta-InfoWindow.right:after {
  left: 25px;
}

/* Variant : top
------------------------------------------ */
.deCarta-InfoWindow.top:before {
  top: -15px;
  /* value = - border-top-width - border-bottom-width */
  right: 50%;
  /* controls horizontal position */
  margin-right: -15px;
  bottom: auto;
  left: auto;
  border-width: 0 15px 15px;
  /* vary these values to change the angle of the vertex */
}

/* Variant : left
------------------------------------------ */
.deCarta-InfoWindow.left:before {
  left: auto;
  right: 25px;
  margin-right: -15px;
}

/* Variant : right
------------------------------------------ */
.deCarta-InfoWindow.right:before {
  left: 25px;
}

/********************************************/
/* Other styles 							*/
/********************************************/
.deCarta-Core-TileImage.blank {
  width: 256px;
  height: 256px;
  background: url(data:image/gif;base64,R0lGODlhAAEAAYABAJmZmf///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUI0MTgyQjczMzE1MTFFMDg5MTA5RTNDRDlERkUzMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUI0MTgyQjgzMzE1MTFFMDg5MTA5RTNDRDlERkUzMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQjQxODJCNTMzMTUxMUUwODkxMDlFM0NEOURGRTMzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQjQxODJCNjMzMTUxMUUwODkxMDlFM0NEOURGRTMzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAAAQABAAL/jI+pe8APkYt0zYrNzXXz6H1PKFrliabqyrbuC6vkOstxUKc5up99+bsJh8Si8WgMfpQcZsaJgXZuUkoVic1qt1wa9Ru7QsQjMIzcTavXbCLaFDa/3gp6wi5p6/f8vhDfIOcCqCHYQojjp7jI2Ah3ZsiCOBnp5XiJmdlFGdcJ6TlXqTlKWsojqoN6CjqoavoKG1vIeugKZCvCKbvLC6sbSiuJuzTca3y89tsabPnpDIwcLb2nXMtsc52aPc3d7Vb8BB4lPrXtfY7eDL2+/NzObp0uP6/+bh8PL2wO5NCf6N8PAMB/BAca/CewoMKDDBMyXAgx4MOJER1GvGjQIsWN/zg0YvwokCOiRPtykbNyEkRKeizlVdPnDt89mPla2ryZpyQxnU1WluGJM2i3l/VkGqU5s6jQpfOIYouJ9KjSqUyrDvXJwKk2qFS3Wv3qTesqrk9rlk0KNm0vsT6wPjLrFa3aub7c1rF7B29OsnT7kmJ7C+g4weX4+j18CbBJwigZq3SMOHIaxTsNt4X807LkzXoo98ScVW8g0JxLfyN9F3Ve1Xvhmn69SfQszYtpV3YNOzcWz+FYj7b9+YxIjyIrFh9+HCRxkMaZI3euPPnG5QdlkwTeG/tg7YV1e+fCezvuwNwbl/+OPq7Us+vVR33fNb388bXp35Y71n7w+fyth//vjt9l543RX4G+zaZfdgmKFyB5Bj7IHnwRxifgggC2B2GG5lm4YYP1eXgfhhqO+BaI+5moIIoMikhiiwiqeKGE7lHoIIwuGvhfhyx+uGOIMt7oYo6PDZgZh0MaCeR8QhJ44HVIFmljkkr6R2WTS0qJ3pWhWVklkVh6p2WJPZ44ZoqHPCddc2k2tKaa0E1E3ZsItcmmnHAW1+WTW3op5o8VfnljmKnxOaiefdIIaIGCrkYoo4YWGmWiui3aWqRQlrmin5L2R+lvjzpq6Z6fbipZpy9iGiOiPqpKapZ5hnrohLLO2Kqir6Kqo6Y86lrrd6Y6CSukuB4ZbK+H/Yrsrbz/Gptbslw+2yizdDkbrafFVjqstJFRO6q12V66rLalcXutt+Fmyqq4nJH7rajlnnquutsqmy66s+Y3CJp2LhTnmv3a+a90Ab858HEFO3cwvff+2W6stD4sL2zsxptrvakuHPG4CkPMMMXENpzxVxNbXDHGu5Ic8lwjm7wqy2R6nHJaK3NcI8ig2hyzUDPji7O5KDOZ86Qb8wwzuD8bHfRmO3d8tLs9w5u00kMz7bKZRTsdtdTQdgt11fbSnLXKU9d8tcNENx32TUuTjbawZbud9rFjn+z1xWC3HPe0c+N9dt0l3513VWvTDbjVbd+hL51z7lun4gAdnDjjizs+ueSP/+O59bvAPr352zcH3tfgfFNd+Nd9gy7z3i8fjq3nraOuluir+/2x6z7DDpbshtMONNed45676ruXbvfpxgO/lO6mk34827wjj47yxTNPvfPEQ++S8Mtb3zzh3WPfkvR/fz/79bWDn7z203Nfvffto0+P+Oc/jzXrt8Ovtvrjv18++cPjHz79zc98vdPcSAD4CvkVkHMKRCAyGlg/+pmNf0+InOMgFx3LFQSD06Hc5TT4QQ92BHPV6hoBkXbCCKZwgg5MBwRZ6D72yTCGLTzHC+EmQRyuUIc1dKEAF2g7E/pvez28SuYY+EMUFtGGSVThENdHw9EtkRs3/Jz9hEhBIv9OMRpVfF0OrfhFL27RiCX8XRjv98T9zXCMx+giGrMIRSlGkY1raSIM5YjH/sGRjnU5YhDNuEMwBpKPibEjD/c4wDQmkpDGcCMW16hHSP6PkXX04xUBqUggXpKSfXAkJhGpyTNqwIKW4yBGTHknEFbOg6h0EytJ6DtPypKTYTGkIDOpRFDmkpaxmKUlRflJXvaxjL4kpjCnUcxY2vKYfEimAZfJzM5A85FznKQktRjNTDgTib/Mpim2+UdPejM23cSlE3V5zmuOcxHgvKQ416mFdgLznfDczTSDWU1sWjOf9ezkPeU5yH5uAaDmvGMk+SlQaZYTnQbdZx4rmEERhkQRlRKh6AgtOlGJtrJxFD1YAQAAOw==);
}

.gmapsScrollFix {
  line-height: 1.35;
  overflow: hidden;
  white-space: nowrap;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

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

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

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

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

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*
    Common 
*/
.wizard,
.tabcontrol {
  display: block;
  width: 100%;
  overflow: hidden;
}

.wizard a,
.tabcontrol a {
  outline: 0;
}

.wizard ul,
.tabcontrol ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li {
  display: block;
  padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info {
  position: absolute;
  left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title {
  position: absolute;
  left: -999em;
}

/*
    Wizard
*/
.wizard > .steps {
  position: relative;
  display: block;
  width: 100%;
}

.wizard.vertical > .steps {
  display: inline;
  float: left;
  width: 30%;
}

.wizard > .steps .number {
  font-size: 1.429em;
}

.wizard > .steps > ul > li {
  width: 25%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
  float: left;
}

.wizard.vertical > .steps > ul > li {
  float: none;
  width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
  display: block;
  width: auto;
  margin: 0 0.5em 0.5em;
  padding: 1em 1em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
  background: #e2b500;
  color: #000;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
  background: #DEB97F;
  color: #fff;
  cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
  background: #e2b500;
  color: #000;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
  background: #ff3111;
  color: #fff;
}

.wizard > .content {
  background: #FBFFDD;
  display: block;
  margin: 0.5em;
  min-height: 35em;
  overflow: hidden;
  position: relative;
  width: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.wizard.vertical > .content {
  display: inline;
  float: left;
  margin: 0 2.5% 0.5em 2.5%;
  width: 65%;
}

.wizard > .content > .body {
  float: left;
  position: absolute;
  width: 95%;
  height: 95%;
  padding: 2.5%;
}

.wizard > .content > .body ul {
  list-style: disc !important;
}

.wizard > .content > .body ul > li {
  display: list-item;
}

.wizard > .content > .body > iframe {
  border: 0 none;
  width: 100%;
  height: 100%;
}

.wizard > .content > .body input {
  display: block;
  border: 1px solid #ccc;
}

.wizard > .content > .body input[type="checkbox"] {
  display: inline-block;
}

.wizard > .content > .body input.error {
  background: #fbe3e4;
  border: 1px solid #fbc2c4;
  color: #8a1f11;
}

.wizard > .content > .body label {
  display: inline-block;
  margin-bottom: 0.5em;
}

.wizard > .content > .body label.error {
  color: #8a1f11;
  display: inline-block;
  margin-left: 1.5em;
}

.wizard > .actions {
  position: relative;
  display: block;
  text-align: right;
  width: 100%;
}

.wizard.vertical > .actions {
  display: inline;
  float: right;
  margin: 0 2.5%;
  width: 95%;
}

.wizard > .actions > ul {
  display: inline-block;
  text-align: right;
}

.wizard > .actions > ul > li {
  margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li {
  margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
  background: #2184be;
  color: #fff;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
  background: #eee;
  color: #aaa;
}

/*
    Tabcontrol
*/
.tabcontrol > .steps {
  position: relative;
  display: block;
  width: 100%;
}

.tabcontrol > .steps > ul {
  position: relative;
  margin: 6px 0 0 0;
  top: 1px;
  z-index: 1;
}

.tabcontrol > .steps > ul > li {
  float: left;
  margin: 5px 2px 0 0;
  padding: 1px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover {
  background: #edecec;
  border: 1px solid #bbb;
  padding: 0;
}

.tabcontrol > .steps > ul > li.current {
  background: #fff;
  border: 1px solid #bbb;
  border-bottom: 0 none;
  padding: 0 0 1px 0;
  margin-top: 0;
}

.tabcontrol > .steps > ul > li > a {
  color: #5f5f5f;
  display: inline-block;
  border: 0 none;
  margin: 0;
  padding: 10px 30px;
  text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover {
  text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a {
  padding: 15px 30px 10px 30px;
}

.tabcontrol > .content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 35em;
  overflow: hidden;
  border-top: 1px solid #bbb;
  padding-top: 20px;
}

.tabcontrol > .content > .body {
  float: left;
  position: absolute;
  width: 95%;
  height: 95%;
  padding: 2.5%;
}

.tabcontrol > .content > .body ul {
  list-style: disc !important;
}

.tabcontrol > .content > .body ul > li {
  display: list-item;
}