#sylappscnil-banner,
#sylappscnil-settings {
  color: #cccccc;
  font-family: sans-serif !important;
  font-size: 16px !important; }
  #sylappscnil-banner a,
  #sylappscnil-settings a {
    color: #cccccc;
    text-decoration: none;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms; }
    #sylappscnil-banner a:hover, #sylappscnil-banner a:focus,
    #sylappscnil-settings a:hover,
    #sylappscnil-settings a:focus {
      color: #996666; }
  #sylappscnil-banner h1, #sylappscnil-banner h2, #sylappscnil-banner h3, #sylappscnil-banner h4, #sylappscnil-banner h5, #sylappscnil-banner h6,
  #sylappscnil-settings h1,
  #sylappscnil-settings h2,
  #sylappscnil-settings h3,
  #sylappscnil-settings h4,
  #sylappscnil-settings h5,
  #sylappscnil-settings h6 {
    font-family: sans-serif !important;
    color: #57565c !important; }
  #sylappscnil-banner h3,
  #sylappscnil-settings h3 {
    font-size: 19px !important;
    font-weight: bold !important; }
  #sylappscnil-banner h4,
  #sylappscnil-settings h4 {
    font-size: 16px !important;
    font-weight: bold !important; }

#sylappscnil-banner {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #cccccc;
  text-align: center;
  z-index: 999999;
  border-bottom: 1px solid #b3b3b3;
  color: #48474c;
  visibility: hidden;
  opacity: 0;
  display: none;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
  #sylappscnil-banner.open {
    visibility: visible;
    opacity: 1;
    display: block; }
  #sylappscnil-banner.top {
    top: 0; }
  #sylappscnil-banner.bottom {
    bottom: 0; }
  #sylappscnil-banner.closing {
    opacity: 0; }
  #sylappscnil-banner > .sylappscnil-banner-inner {
    padding: 5px 10px; }
    #sylappscnil-banner > .sylappscnil-banner-inner > .scb-links {
      display: inline-block;
      margin: 5px; }
      #sylappscnil-banner > .sylappscnil-banner-inner > .scb-links > button {
        display: inline-block;
        border: none;
        padding: 7px;
        color: white;
        font-family: sans-serif !important;
        font-size: 14px !important; }
        #sylappscnil-banner > .sylappscnil-banner-inner > .scb-links > button.sc-settings {
          background-color: #996666; }
          #sylappscnil-banner > .sylappscnil-banner-inner > .scb-links > button.sc-settings:hover, #sylappscnil-banner > .sylappscnil-banner-inner > .scb-links > button.sc-settings:focus {
            background-color: #8a5c5c; }
        #sylappscnil-banner > .sylappscnil-banner-inner > .scb-links > button.scb-acceptAll {
          background-color: #7caa67; }
          #sylappscnil-banner > .sylappscnil-banner-inner > .scb-links > button.scb-acceptAll:hover, #sylappscnil-banner > .sylappscnil-banner-inner > .scb-links > button.scb-acceptAll:focus {
            background-color: #6f9f59; }
        #sylappscnil-banner > .sylappscnil-banner-inner > .scb-links > button + a {
          margin-left: 5px; }

#sylappscnil-settings {
  position: fixed;
  z-index: 999999;
  margin: auto;
  left: 0;
  right: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  display: none;
  background-color: #cccccc;
  border-left: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
  color: #48474c;
  overflow: auto;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms; }
  @media (min-width: 768px) {
    #sylappscnil-settings {
      width: 500px; } }
  #sylappscnil-settings.open {
    visibility: visible;
    opacity: 1;
    display: block; }
  #sylappscnil-settings > #sylappscnil-settings-inner {
    padding: 0 10px; }
    #sylappscnil-settings > #sylappscnil-settings-inner > table {
      width: 100%;
      border-collapse: collapse; }
      #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.type > td {
        border-top: 1px solid #b3b3b3;
        padding: 10px 0; }
        #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.type > td > h3 {
          margin: 0;
          padding: 0 0 2px;
          text-align: left; }
        #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.type > td > p {
          font-size: 0.9em;
          margin: 0; }
      #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > td {
        border-top: 1px solid #bfbfbf; }
      #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .text {
        text-align: left;
        padding: 10px 0; }
        #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .text > h4 {
          margin: 0;
          padding: 0 0 2px; }
        #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .text > a {
          color: #6b4747;
          font-size: 0.9em; }
          #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .text > a:hover, #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .text > a:focus {
            color: #996666; }
      #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .switch {
        text-align: right;
        width: 1%; }
        #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .switch > label {
          padding: 10px;
          display: block;
          position: relative;
          width: 40px;
          height: 16px; }
          #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .switch > label, #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .switch > label * {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box; }
          #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .switch > label > input[type=checkbox] {
            visibility: hidden;
            display: none; }
            #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .switch > label > input[type=checkbox] + span {
              background-color: #996666; }
              #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .switch > label > input[type=checkbox] + span > span {
                margin-left: 0; }
            #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .switch > label > input[type=checkbox]:checked + span {
              background-color: #7caa67; }
              #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .switch > label > input[type=checkbox]:checked + span > span {
                margin-left: 100%; }
          #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .switch > label > span {
            position: absolute;
            display: block;
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
            cursor: pointer;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            -webkit-transition: background-color 300ms;
            -moz-transition: background-color 300ms;
            -ms-transition: background-color 300ms;
            -o-transition: background-color 300ms;
            transition: background-color 300ms; }
            #sylappscnil-settings > #sylappscnil-settings-inner > table > tbody > tr.service > .switch > label > span > span {
              position: absolute;
              -webkit-border-radius: 100%;
              -moz-border-radius: 100%;
              border-radius: 100%;
              top: -2px;
              width: 16px;
              height: 16px;
              left: -8px;
              border: 2px solid #cccccc;
              background-color: #48474c;
              -webkit-transition: margin-left 300ms;
              -moz-transition: margin-left 300ms;
              -ms-transition: margin-left 300ms;
              -o-transition: margin-left 300ms;
              transition: margin-left 300ms; }
