/** Ultima CSS Reset **/
  fieldset,img,abbr,iframe {border:0}
  ul{-webkit-padding-start: 0px;}
  .unstyled { list-style-type: none }
/* DEFAULT FONT(s) */
  body, p {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#585858;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.64;
    font-weight: 400;
  }
  p, h1, h2, h3, h4, h5, h6, { }

/* Row/Column Tweaks */
  div.row.nomarg {margin: 0px;}
  div.nopad {padding: 0px!important;}

/* Body/wrapper/footer Tweak*/
  body, html {height: 100%;}
  .wrapper {
    min-height: 100%;
    margin-bottom: -195px;
  }
  .wrapper:after {
    content: "";
    display: block;
  }
  #footer, .wrapper:after {
    height: 195px;
  }
.desk-external-variables {display:none!important;}

span.highlight {background: #FF0;}
/* -----------------------------------------------------------
               ------ TABLE OF CONTENTS ------
--------------------------------------------------------------
   1. HEADER

   2. SEARCH BAR
   3. AUTO COMPLETE (Search)
   4. BREADCRUMBS

   5. DEFAULT CONTENT
   6. INDEX PAGE

   7. TOPIC PAGE
   8. SEARCH RESULTS
   9. ARTICLE PAGE
  10. PUBLIC QUESTIONS

  11. MY PORTAL INDEX
  12. MY PORTAL CASE VIEW
  13. MY PORTAL ACCOUNT/PROFILE

  14. FORMS / INPUTS
  15. LOGIN / PASSWORD RESET / REGISTER
  **. CUSTOMER FEEDBACK
  16. NOTIFICATIONS
  17. SIDEBAR
  18. SIDEBAR AUTO SUGGEST
  19. FOOTER

  20. SITE CANVAS/MOBILE
  21. MOBILE BRAND/USER
  22. MOBILE NAV/LANGUAGE
  23. MOBILE SEARCH
  24. MOBILE HEADER/TOPBAR
  25. MOBILE MENU BUTTON
  26. RESONSIVE TWEAKS / BREAKPOINTS

  27. LIGHTBOX (BETA)
----------------------------------------------------------- */



/* -----------------------------------------------------------
DESK HEADER STYLES ------
----------------------------------------------------------- */
  #header {background: #3498db;}
  #header .container {padding:40px 15px;}
  #header .page-header {border: none;}
  #header h1 {
    margin: 0px;
  }
  #header h1 a{
    color: #fff;
    font-weight: normal;
    font-size: 30px;
  }
  #header h1:hover a{
    text-decoration: none;
  }


  #header ul.nav.nav-pills {
    margin: 0px;
    float: right;
  }

  #header ul.nav.nav-pills li {
    margin-right: 14px;
    display: inline;
  }

  #header ul.nav.nav-pills li p{
    color: #fff;
    font-size: 14px;
    border: none;
    padding: 10px 16px;
    margin: 0px;
  }

  #header ul.nav.nav-pills li a{
    color: #fff;
    font-size: 14px;
    border: 2px solid #7ac4f4;
    padding: 7px 16px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
  #header ul.nav.nav-pills li:hover a{
    color: #fff;
    background: none;
    border-color: #fff;
  }

  /* Lanague Dropdown */
  #header .langslct {
    color: #fff;
    font-size: 14px;
    border: 2px solid #7ac4f4;
    padding: 7px 16px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }

  #header .langslct.langslctHover {
  /* Styles for when the select box is hovered */
      background: none;
      border-color: #fff;
  }

  #header .langslct.langslctOpen {
  /* Styles for when the select box is open */
      background: none;
      border-color: #fff;
  }

  #header .langslct.langslctFocus {
  /* Styles for when the select box is in focus */
      background: none;
      border-color: #fff;
  }

  #header .langslct > .langslctInner{
    color: #fff;
    width: auto!important;
  }
  #header .langslct i {
    margin-left: 5px;
  }
/* -----------------------------------------------------------
DESK SEARCH STYLES ------
----------------------------------------------------------- */
  #search {
   background: rgba( 0, 0, 0, .035);

  }
  #search .container {
    padding: 30px 0px;
  }
  #search #q {
    background: white;
    font-weight: 300;
    font-size: 24px;
    padding: 15px 30px;
    width: 100%;
    border:2px solid #dadada;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    height: 60px;
  }
  #search #support-search-submit {
    color:#8b8b8b;
    background: none;
    border:  none;
    font-size: 24px;
    position: absolute;
    right: 35px;
    top: 17px;
    z-index: 999;
    outline: none;
  }
  #search #support-search-submit:hover, #search input[type=submit]:hover, #search button:hover{
    background: none;
    color: #585858;
  }
  #search input[type=submit]:hover,#search input[type=submit]:focus,
  .btn.btn-primary:hover,#search button:hover,#search button:focus {
   opacity: 1;
  }
  #search input#q:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  ::-webkit-input-placeholder {
     color: #8b8b8b;
     font-weight: 300;
     transition: opacity 0.25s ease;
  }

  :-moz-placeholder { /* Firefox 18- */
     color: #8b8b8b;
      font-weight: 300;
     transition: opacity 0.25s ease;
  }

  ::-moz-placeholder {  /* Firefox 19+ */
     color: #8b8b8b;
      font-weight: 300;
     transition: opacity 0.25s ease;
  }

  :-ms-input-placeholder {
     color: #8b8b8b;
      font-weight: 300;
     transition: opacity 0.25s ease;
  }

  [placeholder]:focus::-webkit-input-placeholder {
    transition: opacity 0.25s ease;
     font-weight: 300;
    opacity: 0.33;
  }

  .desk-index-subheader.span12 {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #FFFFFF !important;
  }
/* -----------------------------------------------------------
SEARCH AUTO COMPLETE ------
----------------------------------------------------------- */
  .ui-menu {
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .24);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .24);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .24);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

  }
  .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 {
    background: transparent;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
  }
  .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    margin: 0;
  }
  ul.ui-menu li.ui-menu-item {
    background: #fff;
    padding: 6px;
  }
  ul.ui-menu li.ui-menu-item a{
    color: #3498db;
  }
  ul.ui-menu li.ui-menu-item:hover {
    color: #fff;
    background-color: #3498db;
    cursor: pointer;
  }
  .article-autocomplete-subject {
    display: block;
    font-weight: normal;
  }
  .article-autocomplete-body {
    color: #585858;
    line-height: 1.1;
  }
  .ui-menu .ui-menu-item {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
  }
/* -----------------------------------------------------------
BREADCRUMB STYLES ------
----------------------------------------------------------- */
  #breadcrumbs {
    background: none;
  }
  #breadcrumbs > .container {
    padding: 40px 15px 44px 15px;
  }
  #breadcrumbs > .container > .row {

  }
  #breadcrumbs ol.breadcrumb {
    margin: 0px;
    background: none;
    padding: 0px;
  }
  #breadcrumbs ol.breadcrumb li {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
  }
  #breadcrumbs ol.breadcrumb li a {
    color: #3498db;
  }
  #breadcrumbs ol.breadcrumb > li + li:before {
    content:"\003e";
  }
  #breadcrumbs ol.breadcrumb > li.pull-right:before{
    content:"";
  }
/* -----------------------------------------------------------
DEFAULT CONTENT ------
----------------------------------------------------------- */
  #content {

  }
  /* LONG STRING BREAKS */
  #content p,
  #content .container .body,
  #content .container .header {
-ms-word-break: break-word;
     word-break: break-word;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
  }
  #content .container {
    padding: 0px 15px 130px;
  }
  .container .header h2 {
    margin: 0px;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1;
  }
  #content > .container > .row > .col-md-8 {
    padding-left: 0px;
    padding-right: 30px;
  }
  #content > .container > .row > .col-md-4{
      padding-left: 45px;
      padding-right: 0px;
  }
  #content > .container > .row > .col-md-4.left{
      padding-left: 0px;
      padding-right: 45px;
  }
  .container .body.row {
    padding-top: 40px;
  }
  span.gravatar,
  .gravatar{
      display: block;
      width: 50px;
      height: 50px;
      overflow: hidden;
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      border-radius: 24px;
    }
  .danger {color: #d9534f;}
  .warning {color: #f0ad4e;}
  .info {color: #5bc0de;}
  .success {color: #5cb85c;}
/* -----------------------------------------------------------
INDEX PAGE ------
----------------------------------------------------------- */
  #content .container.index {
    padding: 84px 15px 130px 15px;
  }
  #content .container.index .header h2{
    margin-bottom: 40px;
    font-weight: 600;
  }
  #content .container.index .centered .header h2 {
    text-align: center;
  }
  #content .container.index .desk-topic,
  #content .container.index .desk-qna,
  #content .container.index .get-sat {
    padding-bottom: 40px;
  }

  #content .container.index .desk-topic h3,
  #content .container.index .desk-qna h3,
  #content .container.index .get-sat h4 {
    padding-bottom: 26px;
    margin-bottom: 24px;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 17px;
    border-bottom: 2px solid #e1e1e1;
    text-transform: uppercase;
    font-weight: 600;
    text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; overflow: hidden;
  }
  #content .container.index .desk-topic h3 a,
  #content .container.index .desk-qna h3 a,
  #content .container.index .get-sat h4 a{
    color: #585858;
    text-decoration: none;
  }
  #content .container.index .desk-topic ul,
  #content .container.index .desk-qna ul,
  #content .container.index .get-sat ul{
    padding-left: 20px;
    margin-bottom: 34px;
  }
  #content .container.index .desk-topic ul li,
  #content .container.index .desk-qna ul li,
  #content .container.index .get-sat ul li {
    padding-left: 0px;
    margin-bottom: 18px;
    color: #c6c6c6;
    font-size: 16px;
  }
  #content .container.index .desk-topic ul li a,
  #content .container.index .desk-qna ul li a,
  #content .container.index .get-sat ul li a{
    color: #585858;
  }
  /* GET SAT ONLY */
  #content .container.index .get-sat h5 {
    display: none;
  }
  #content .container.index .get-sat ul li {
    width: 100%;
  }
  #content .container.index .get-sat ul li a {

  }

  /* LIST STYLE INDEX */
  #content .container.index .desk-topic.list ul,
  #content .container.index .desk-qna.list ul{
    list-style:none;
    padding-left: 0px;
  }
  #content .container.index .desk-topic.list ul li,
  #content .container.index .desk-qna.list ul li{
    padding: 10px 0px;
    border-bottom: 1px solid #eaeaea;
  }
  #content .container.index .list ul li:hover {
    background: #efefe;
  }
  #content .container.index .desk-qna.list ul
  #content .container.index .list a.btn {
    margin-left: 14px;
    float: right;
  }
  #content .container.index .list h3 {
    margin-bottom: 10px;
    font-size: 1.8em;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }
  /* TOPICS ONLY */
  #content .container.index .topics-only .desk-topic a.btn {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: none;
    white-space: nowrap;
    padding: 18px 24px;
    font-size: 16px;
    line-height: 1.42857;
   }
  #content .container.index .topics-only .desk-topic a.btn > span {
    background: rgba(0,0,0, .2);
    padding: 5px 10px;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
/* -----------------------------------------------------------
TOPIC PAGE ------
----------------------------------------------------------- */
  #content > .container.topic > .row > .col-md-8 {
    padding-right: 55px;
  }
  #content .container.topic .header .switch .btn {
    float: right;
    margin-left: 10px;
  }

  #content .container.topic .body .qna,
  #content .container.topic .body .article {
    border-top: 2px solid #eaeaea;
    padding: 40px 0px;
  }
  #content .container.topic .body .qna h3,
  #content .container.topic .body .article h3 {
    margin: 0px 0px 14px 0px;
    font-size: 21px;
  }
  #content .container.topic .body .qna h3 a,
  #content .container.topic .body .article h3 a {
    color: #585858;
  }

  #content .container.topic .body .qna p,
  #content .container.topic .body .article p {
    margin-bottom: 18px;
  }
/* -----------------------------------------------------------
SEARCH RESULTS ------
----------------------------------------------------------- */
  #content > .container.search > .row > .col-md-8 {
      padding-right: 55px;
  }
  #content .container.search .result.row{}
  #content .container.search .noresults.row{}
  #content .container.search .result.question,
  #content .container.search .result.article {
    border-top: 2px solid #eaeaea;
    padding: 40px 0px;
  }
  #content .container.search .result.question:first-child,
  #content .container.search .result.article:first-child {
    border: none;
  }
  #content .container.search .result.question h3,
  #content .container.search .result.article h3 {
    margin: 0px 0px 14px 0px;
    font-size: 21px;
  }
  #content .container.search .result.question h3 a,
  #content .container.search .result.article h3 a {
    color: #585858;
  }
  #content .container.search .result.question p,
  #content .container.search .result.article p {
    margin-bottom: 18px;
  }
/* -----------------------------------------------------------
ARTICLE PAGE ------
----------------------------------------------------------- */
  #content .container.article {}

  #content .container.article .header.row h2 {}

  #content .container.article .body.row {
    padding-bottom: 60px;
    max-width: 100%;
    height: auto !important;
  }
  #content .container.article .body.row > div{
    max-width: 100%;
    height: auto !important;
  }
  #content .container.article .body.row,
  #content .container.article .body.row p{

  }
  #content .container.article .body ul {
    margin-left: 40px;
  }
  #content .container.article .body.row img {
    padding: 10px;
  }
  #content .container.article .body.row ul{

  }
  #content .container.article .body.row ul li {

  }
  /* RATE BLOCK STYLES */
  div.rateblock.row {
    margin: 0px;

  }
  div.rateblock > div{
    padding: 50px 10px;
    border-top: 2px solid #ebeced;
    border-bottom: 2px solid #ebeced;
  }
  div.rateblock p {
    color:#585858;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
  }
  #rate_article span {
    display: none; /* Remove to display vote snippets */
  }

  #rate_article a{
      color: #65bc9c;
      font-size: 14px;
      border: 2px solid #65bc9c;
      padding: 8px 24px;
      margin: 0px;
      float: left;
      font-weight: 600;
      margin-right: 12px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px
  }
  #rate_article .rate-link-down a {
    color: #b85252;
    border-color: #f19595;
  }

  #rate_article a:hover {
    background:#65bc9c;
    color: #fff;
    text-decoration: none;
  }
  #rate_article .rate-link-down a:hover{
    background:#f19595;
    color: #fff;
    text-decoration: none;
  }
  /* FOOTER STYLES */
  #content .container.article .row.footer{
    padding-top: 60px;
  }
  #content .container.article .row.footer p.updated {
    text-transform: uppercase;
    color: #999999;
    font-size: 16px;
  }
  /* SOCIAL ICONS */
  ul.social {
    list-style: none;
  }
  ul.social li{
    float: left;
  }
  ul.social li.btn-facebook{
    margin-right: 35px;
  }
  ul.social li iframe,
  ul.social > li > div {
    vertical-align: bottom!important;
  }
/* -----------------------------------------------------------
PUBLIC QUESTION ------
----------------------------------------------------------- */
  .container.qna .header h3,
  .container.qna .header h3 span {
    margin: 0px;
    color: #999999;
    font-weight:400;
    font-size: 17px;
  }
  div.container.qna > div.row {

  }
  div.container.qna div.body.question hr{
    margin: 55px 0px;
    border: 1px solid #ebeced;
  }
  div.container.qna div.row.header h2{
    margin-bottom: 12px;
  }

  div.container.qna div.row.header.question {
    padding-top: 30px;
  }
  div.container.qna div.header.question div.col-md-1 {
    margin-top: 5px;
  }
  /* Answer Styles */
  div.container.qna div.row.header.answers {}
  div.container.qna div.row.body.answer {
    margin: 0px;
  }
  div.container.qna div.row.body.answer div.col-md-1 {
    padding-left: 0px;
  }
  div.container.qna div.row.body.answer h3 {
    margin-top: 0px;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 30px;
  }

  div.container.qna div.row.body.answer h3 small{
    font-size: 17px;
    color: #999;
    font-weight: 400;
  }
  /* Best Answer */
  div.container.qna div.row.body.answer.best {
    padding: 30px 0px;
    background: #ffffcc;
    margin: 0px -15px;
  }
   div.container.qna div.row.body.answer.best h3 span.best{
    float: right;
    margin: 0px;
    padding: 6px 12px;
    color: #fff;
    background: #5cb85c;
    margin-top: -10px;
   }
  div.container.qna div.row.body.answer.best div.col-md-1 {
    padding-left: 15px;
  }
  div.container.qna div.row.body.answer.best div.col-md-11 {
    padding-left: 30px;
  }
   div.container.qna div.row.body.answer.last hr{display:none;}


  /* Reply Styles */
  div.container.qna div.reply.row {
    padding-top: 60px;
    border-top: 2px solid #efefef;
    margin: 60px 0px 0px 0px;
  }
  div.container.qna div.reply.row h2,
  #content div.container.qna div.row.header.answer h2{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 20px 0px;
  }
  /* Attachments */
  .container.qna .attachments.row,
  .container.portal .attachments.row > {padding: 20px 0px;}

  /* ANSWER RATING */
  .answer-rating a.rate {
    font-size: 18px;
    border: 2px solid #ebeced;
    padding: 2px 18px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
  }
  .answer-rating span {text-transform: capitalize;}
  .answer-rating span.score {
    margin-right: 10px;
  }
  .answer-rating a.rate.increment {
    color: #65bc9c;
  }
  .answer-rating a.rate.decrement {
    color: #e76565;
  }
  .answer-rating a.rate:hover {
    background: #ebeced;
  }
/* -----------------------------------------------------------
MY PORTAL INDEX------
----------------------------------------------------------- */
  .myportal.index .header {}
  .myportal.index .header ul.case-menu {
    list-style: none;
  }
  .myportal.index .header ul.case-menu li{
    float: left;
    margin-right: 15px;
  }
  .myportal.index .header ul.case-menu li.new{
    float: right;
    margin-right: 0px;
  }
  .myportal.index .header ul.case-menu li.new a{
    background: #3498db;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    margin: 0px;
    font-weight: 400;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .myportal.index .header ul.case-menu li.new a:hover {
    background: #353C45;
    text-decoration: none;
    color: #fff;
  }
  /* ACTIVE ONLY CHECKBOX */
  .myportal.index .header ul.case-menu li label{
    float: left;
    margin-top:8px;
    margin-right: 10px;
  }

  .myportal.index .header ul.case-menu li .checkbox input {
      display: none;
  }

  .myportal.index .header ul.case-menu li .checkbox span {
      width: 26px;
      height: 26px;
      display: block;
      background: url('img/checkbox.png') no-repeat;
      background-position: 0px 0px;
      float: left;
  }
  .myportal.index .header ul.case-menu li .checkbox input:checked + span {
    background-position: 0px -32px;
  }
  .myportal.index .body{}
  .myportal.index .body.row {
    padding-top: 45px;
  }
  /* MY CASES TABLE */
  .myportal.index .body table thead {
    background: #f6f6f6;
    color: #676767;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    border-top: 1px solid #ebeced;
  }
  .myportal.index .body table thead th {
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: none;
    line-height: 1;
    padding: 20px 10px;
  }
  .myportal.index .body table thead th span {
    font-weight: 600;
    color: #676767;
    font-size: 14px;
  }

  .myportal.index .body table tbody{
    font-size: 16px;
    font-weight: 400;
    color: #525252;
  }
  .myportal.index .body table tbody tr td{
    border: none;
    line-height: 1;
    padding: 18px 10px;

  }
  .myportal.index .body table tbody tr td.a-casesubject {
    padding: 0px;
    line-height: 52px;
  }
   .myportal.index .body table tbody tr td.a-casesubject img {
    margin-right: 8px;
    opacity: .75;
   }
  .myportal.index .body table tbody tr a{
    color: #3498DB;

  }
  .myportal.index .body table tbody tr:nth-child(odd) > td {
    background: none;
  }
  .myportal.index .body table tbody tr:nth-child(even) > td {
    background: #fafafa;
  }

  .myportal.index .body table.sort thead th span:after{
    font-family: FontAwesome;
    content: "\f0dc";
    color: #e2e2e2;
    margin-left: 8px;
  }
  .myportal.index .body table.sort thead th.headerSortUp span:after{
    font-family: FontAwesome;
    content:"\f0de";

  }
  .myportal.index .body table.sort thead th.headerSortDown span:after{
    font-family: FontAwesome;
    content:  "\f0dd";
  }
/* -----------------------------------------------------------
MY PORTAL CASE VIEW------
----------------------------------------------------------- */
  div.myportal.case {}
  div.myportal.case div.row.header {margin:0px;}
  /* QUESTION/HEADING */
  div.myportal.case .header .col-md-1{
    margin-top: 5px;
    padding:0px;
  }
  div.myportal.case .header h2{
    margin-bottom: 12px;
  }
  .myportal.case .header h3,
  .myportal.case .header h3 span {
    margin: 0px;
    color: #999999;
    font-weight:400;
    font-size: 17px;
  }
  /* CASE STATUS/ATTACHMENTS */
  .myportal.case .status{
    margin: 60px 0px;
    padding: 30px 0px;
    border: 2px solid #ebeced;
    border-width: 2px 0px;
  }
  .myportal.case .status .stats{
    padding-left: 0px;
  }
  .myportal.case .status table {
    margin-bottom: 0px;
  }
  .myportal.case .status table tbody{
    font-size: 16px;
    font-weight: 400;
  }
  .myportal.case .status table tbody tr td{
    border: none;
    line-height: 1;
    padding: 10px 5px;

  }
  .myportal.case .status table tbody tr:nth-child(odd) > td {
    background: none;
  }
  .myportal.case .status table tbody tr:nth-child(even) > td {
    background: none;
  }
  .myportal.case .status  button,
  .myportal.case .status  input[type="submit"]{
    background: #3498db;
    color: #fff;
    padding: 10px 15px;
    font-size: 17px;
    margin: 0px;
    font-weight: 400;
    float: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 0px;
  }
  .myportal.case .status button:hover,
  .myportal.case .status input[type="submit"]:hover {
    background: #353C45;
    text-decoration: none;
    color: #fff;
  }
  /* CASE ANSWERS/REPLIES */
  .myportal.case .answer.row{
    margin: 0px;
  }
  .myportal.case  .answer.row .col-md-1{
    margin-top: 0px;
    padding-left: 0px;
  }
 .myportal.case div.answer.row {
    margin-top: 65px;
  }
 .myportal.case div.answer.row h2,
 .myportal.case div.row.header.answer h2{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 20px 0px;
  }
 .myportal.case div.row.answer h3.meta {
    margin-top: 0px;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 28px;
  }

 .myportal.case div.row.answer h3.meta small{
    font-size: 17px;
    color: #999;
    font-weight: 400;
  }




  /* CHAT STYLES */
  ul.chat-msgs {list-style: none;}
  ul.chat-msgs li{
    border-bottom: 1px solid #eee;
  }
  ul.chat-msgs li:nth-child(odd) {
    border-top: 1px solid #efefef;
  }
  ul.chat-msgs li.system {border: none;}
  ul.chat-msgs li div.row.system-msg {
    margin: 12px 0px;
  }
  ul.chat-msgs li div.row.system-msg h4 {
    font-size: 15px;
    margin: 0px;
  }
  ul.chat-msgs li div.row.system-msg h4 i {
    margin-right: 6px;
  }
  ul.chat-msgs li div.chat.row{
    margin: 0px;
  }
  ul.chat-msgs li div.chat.row .col-md-1{
    margin-top: 0px;
    padding-left: 0px;
  }
  ul.chat-msgs li div.chat.row {
    margin: 0px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.03);
  }
   ul.chat-msgs li:nth-child(odd) div.chat.row{
    background: rgba(0, 0, 0, 0.05);

  }
  ul.chat-msgs li div.chat.row.agent {
    border-left: 4px solid #F0AD4E;
  }

  ul.chat-msgs li div.chat.row h2,
  ul.chat-msgs li div.row.header.chat h2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 20px 0px;
  }
  ul.chat-msgs li div.row.chat h3.meta {
    margin-top: 0px;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  ul.chat-msgs li div.row.chat h3.meta small{
    font-size: 17px;
    color: #999;
    font-weight: 400;
  }
  /* REPLY FORM */
  .myportal.case div.reply.row {
    padding-top: 60px;
    margin: 60px 0px 0px 0px;
  }
  .myportal.case div.reply.row h2{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 20px 0px;
  }
/* -----------------------------------------------------------
MY PORTAL ACCOUNT/PROFILE ------
----------------------------------------------------------- */
  div.myportal.account {}
  div.myportal.account .myaccount-form img{
    display:none;
  }
  div.myportal.account .myaccount-form {
    font-size: 16px;
    font-weight: 400;
    color: #525252;
  }
  div.myportal.account .myaccount-form i{
    color:#9f9f9f;
    margin: 0px 8px;
  }
  /* EMAIL */
  div.myportal.account .myaccount-form [id^="email_"] {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    padding: 15px 10px;
  }
  div.myportal.account .myaccount-form .confirmed {
    background: #fafafa;
    padding: 15px 10px;
  }
  div.myportal.account .myaccount-form  div[id^="email_"] span.verify_sent_at {
    display: none;
  }
  div.myportal.account .myaccount-form  div[id^="email_"] .verified input {
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 400;
    color: #3498db;
    padding: 0px;
    margin-top: -3px;
    margin-left: 15px;
  }
  div.myportal.account .myaccount-form div[id^="email_"] > div.verified{
    float: right;
    color: #9f9f9f;
    margin: 0px;
  }
  div.myportal.account .myaccount-form .confirmed > div.verified:before{
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color:#65BC9C;
  }
  div.myportal.account .myaccount-form div[id^="email_"] > .email_delete{
    float: right;
    float: right;
    margin-top: -3px;
  }
  div.myportal.account .myaccount-form .email_delete input{
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    max-height: 26px;
  }
  /* TWITTER */
  div.myportal.account .myaccount-form [id^="twitter_"] {
    background: #fafafa;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    padding: 15px 10px;
    position: relative;
  }
  div.myportal.account .myaccount-form div[id^="twitter_"] > .verified .verify-checked{
    position: absolute;
    right: 10px;
    top: 15px;
    color: #9f9f9f;
  }
  div.myportal.account .myaccount-form div[id^="twitter_"] > .verified .verify-checked:before{
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color:#65BC9C;
  }
  /* FACEBOOK */
  div.myportal.account .myaccount-form [id^="facebook_"] {
    background: #fafafa;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    padding: 15px 10px;
    position: relative;
  }
  div.myportal.account .myaccount-form div[id^="facebook_"] > .verified {
    position: absolute;
    right: 10px;
    top: 15px;
    color: #9f9f9f;
  }
  div.myportal.account .myaccount-form div[id^="facebook_"] > .verified:before{
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color:#65BC9C;
  }
   /* NEW EMAIL ACCOUNT */
  .new_customer_contact_email {
    padding: 40px 0px;
    border-bottom: 2px solid #eee;
    min-height: 122px;
  }
  .new_customer_contact_email input {
    max-width: 400px;
    float: left;
  }
  .new_customer_contact_email button {
    color: #fff;
    background: #3498db;
    padding: 5px 10px;
    float: left;
    border: none;
    min-height: 44px;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .new_customer_contact_email button:hover{
    background: #353c45;
  }
  /* ADD ACCOUNTS */
  #add_facebook,
  #add_twitter {
    padding: 30px 0px;
    border-bottom: 2px solid #eee;
  }
  #add_facebook input.btn,
  #add_twitter input.btn {
    font-weight: 600;
    font-size: 14px;
    font-weight: 600;
    background: none;
    border: 2px solid #EAEAEA;
    color: #3498DB;
    padding: 7px 16px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
/* -----------------------------------------------------------
BUTTONS & FORMS ------
----------------------------------------------------------- */
  /* DEFAULT PILL STYLE BUTTONS */
  .login a.btn,
  .input-button > input.btn,
  a.btn.btn-pill{
    font-size: 14px;
    font-weight: 600;
    background: none;
    border: 2px solid #eaeaea;
    color: #3498DB;
    padding: 7px 16px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
  a.btn.btn-pill span {
      color: #3498db;
      border-right: 2px solid #eaeaea;
      padding-right: 10px;
      margin-right: 10px;
      font-weight: 600;
      -webkit-transition: ease all 0.5s;
      -o-transition: ease all 0.5s;
      transition: ease all 0.5s;
  }
  .login a.btn:hover,
  .input-button > input.btn:hover,
  #content a.btn.btn-pill:hover,
  #content a.btn.btn-pill:hover span,
  #content a.btn.btn-pill:hover span,
  #content a.btn.btn-pill:hover {
    border-color:#999;
  }
  #content a.btn:active,
  #content a.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #content .container.topic .header .switch .btn.active,
  #content .container.topic .header .switch .btn:hover {
    color: #FFF;
    background: #3498DB;
    border-color: #3498DB;
  }
  /* FORM SUBMIT BUTTONS */
  a.button,
  .btn.btn-submit,
  .input-button > input,
  .attachments a.add_attachment,
  .input-button > input.btn.btn-submit,
  .desk_file_upload input[type=button] {
    background: #3498db;
    color: #fff;
    display: inline-block;
    padding: 13px;
    text-align: center;
    border:none;
    font-weight: 400;
    border-radius: 6px;
    font-size: 16px;
    margin: 10px 0px;
    width: auto;
  }
  a.button:hover,
  .btn.btn-submit:hover,
  .input-button > input:hover,
  .attachments a.add_attachment:hover,
  .input-button > input.btn.btn-submit:hover,
  .desk_file_upload input[type=button]:hover,
  .btn.btn-submit:focus,
  .input-button > input:focus,
  .attachments a.add_attachment:focus,
  .input-button > input.btn.btn-submit:focus,
  .desk_file_upload input[type=button]:focus {
    background:#353C45;
    color: #fff;
    text-decoration: none;
    outline:0;
  }
  .input-button > input {
    width: 100%;
  }
  .btn.btn-submit i {
    margin-top: -1px;
    margin-right: 10px;
  }


  /* PANEL/FORM ADJUSTMENTS */
  .panel-default {
    border: 2px solid #e9e9e9;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
  }
  .panel-default .panel-body,
  .panel-default .panel-footer {
    padding: 22px;
  }
  .panel-default .panel-footer.no-body {
    border: none;
  }
  .panel-default.captcha-error {
    border-color: #a94442;
  }

  label {font-weight: 400; color: #525252; font-size: 17px;}
  .panel input {margin-bottom: 10px;}
  div.upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
    color: #fff;
    font-weight: 400;
    text-shadow: none;
    float: left;
    font-size: 14px;
  }
  div.upload h2 {
    font-weight: 400;
    font-size: 16px;
    text-shadow: none;
    color: #525252;
    margin: 0px;
  }
  div.upload h2 i {
    margin-right: 10px;
    font-size: 22px;
    color: #525252;
  }
  div.upload input#case_attache {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    min-height: 40px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  input#FileName {
    border: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0px;
    color: #a94442;
    font-weight: 400;
    min-height: 0px;
    margin-top: 10px;
  }

  .field input[type=text],
  .field input[type=password],
  .form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 7px 12px;
    font-size: 17px;
    line-height: 1.42857143;
    color: #525252;
    background-color: #fff;
    background-image: none;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }
  /* VALADATION STYLES */
  .field.has-error input,
  .field.has-error input[type=text],
  .field.has-error input[type=password],
  .field.has-error label,
  .form-group.has-error label {
    color: #a94442;
    border-color: #a94442;
    font-weight: 400;
  }
  .field.has-error input,
  .field.has-error input[type=text],
  .field.has-error input[type=password] {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }
  .field.has-success input,
  .field.has-success input[type=text],
  .field.has-success input[type=password],
  .form-group.has-success label,
  .field.has-success label {
    color: #3c763d;
    border-color: #3c763d;
  }
  .field.has-success input,
  .field.has-success input[type=text],
  .field.has-success input[type=password],{
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }
  *input::-ms-clear { display: none; }
  /* CSAT ERROR REALTED */
  #spam_alert {
    color: #a94442;
    margin-left: 10px;
  }
  #recaptcha_widget_div {
    background: none;
    padding: 10px;
  }

  /* FILE ATTACHMENTS */
  .attachments label {
    line-height: 24px;
    margin-bottom: 14px;
  }
  .attachments label i{
    font-size: 24px;
    margin-right: 10px;
    font-weight: 300;
  }
  .desk_file_upload {
    overflow: hidden;
    margin-bottom: 20px;
  }

  .desk_file_upload input[type=file] {
    float: left;
    outline:none;
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width:100%;
    height:100%;
    margin-left: -99999px;
  }

  .desk_file_upload input[type=button] {
    float: left;
  }

  .desk_file_upload .faux-file-field {
    padding: 0 8px 0 0;
    margin: 0;
    z-index: 1;
    float: left;
    width: 80%;
  }
  .desk_file_upload .faux-file-field input[type=text] {
    border: none!important;
    outline:none;
    width: 100%;
    height: 52px;
    line-height: 52px;
    background: none!important;
  }
  .attachments a.add_attachment,
  .desk_file_upload input[type=button] {
    margin: 0px;
    margin-right: 10px;
  }
/* -----------------------------------------------------------
PRECREATE STYLES ------
----------------------------------------------------------- */
  #PreCreate .modal-header h2 {margin-bottom: 5px;}
  #PreCreate .modal-header h2 i{}
  #PreCreate .modal-header p.subheader{margin-bottom: 0px;}
  #PreCreate .modal-body {padding: 24px 24px 0px 24px;}
  #PreCreate .modal-body ul.results{}
  #PreCreate .modal-body ul.results li{
    margin-bottom: 24px;
  }
  #PreCreate .modal-body ul.results li h4{
    margin: 0px;
    margin-bottom: 4px;
  }
  #PreCreate .modal-body ul.results li p{
    padding-left: 25px;
    margin: 0px;
  }
  #PreCreate .modal-body ul.results li.note{
    font-size: 14px;
    margin-bottom: 10px;
    font-style: italic;
    border-bottom: none;
    text-align: center;
  }
  #PreCreate .modal-body ul.results li.article{}
  #PreCreate .modal-body ul.results li.question{}
/* -----------------------------------------------------------
LOGIN PAGE ------
PASSWORD RESET ------
REGISTER PAGE ------
----------------------------------------------------------- */
  .container.login div.panel.login .panel-body,
  .container.password div.panel.login .panel-body,
  .container.register div.panel.login .panel-body{
    padding: 35px 20px;
  }
  .container.login div.login h2,
  .container.password div.login h2,
  .container.register div.login h2 {
    text-align: center;
    margin-top: 0px;
  }
  .alternatelogins {
    border-top: 2px solid #E8E8E8;
    padding-top: 20px;
    margin-top: 20px;
  }
  .alternatelogins > div {
    float: left;
    width: 45%;
    margin-left: 2.5%
  }
  .alternatelogins > div:first-child {
    margin-right: 2.5%;
  }
  .alternatelogins > div > a{
    display:inline-block;
    width: 100%;
    border: 2px solid #E8E8E8;
    font-weight: 700;

  }
  .alternatelogins > div > a:hover {
    background: #E8E8E8;
  }
  .alternatelogins #facebook {
    display: inline-block;
    color: #205D96;
  }
  .alternatelogins #twitter {
    display: inline-block;
    color: #55ACEE;

  }
  div.options {}
  div.options ul{list-style: none;}
  div.options ul li{float: left; width: 50%;text-align: center}
  div.options ul li a{font-weight: 700; color: #3498DB; text-transform: uppercase;font-size: 14px;}
/* -----------------------------------------------------------
CUSTOMER FEEDBACK (CSAT) ------
----------------------------------------------------------- */
  .container.feedback {}
  .container.feedback .panel-heading {
    padding: 30px 0px;
    text-align: center;
  }
  .container.feedback .panel-heading h2{
    margin-top: 0px;
    font-weight: 400;
  }
  .container.feedback .panel-heading h4{
    margin-top: 0px;
    font-weight: 400;
  }
  .container.feedback .panel-heading h6{
    margin-top: 0px;
    font-weight: 400;
  }

  .container.feedback .form label {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 100%;
  }

  .container.feedback .form input[type=radio] {
    float: left;
    height: 46px;
    vertical-align: middle;
    margin: 0px;
  }


  .container.feedback .form button.btn-radio {
    background: none;
    border: none;
    margin: 0px auto;
    display: block;
  }
  .container.feedback .form button.btn-radio.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .radio-label-rating-type {
      vertical-align: middle;
  }
  .container.feedback div.two-up,
  .container.feedback div.four-up {padding: 30px 0px;}
  /* TWO UP */
  .container.feedback div.two-up > div:first-child{border-right: 1px solid #e9e9e9;}
  .container.feedback div.two-up button.btn.value-0{float: right;}
  .container.feedback div.two-up button.btn.value-3{float: left;}
  /* FOUR UP */
  .container.feedback div.four-up{}
  .container.feedback div.four-up > div {
    border-right: 1px solid #e9e9e9;
  }
  .container.feedback div.four-up > div:last-child { border: none;}
  .container.feedback div.four-up > div > div.form-group{
    width: 100%;
    margin: 0px;
  }
  .container.feedback div.four-up > div:last-child > div.form-group{ border: none;}
  .container.feedback div.four-up button img {
    margin: 0px auto;
  }
  @media only screen and (max-width: 40em) {
    .container.feedback div.four-up > div {border: none;}
    .container.feedback div.four-up > div > div.forum-group {width: auto;}
  }
/* -----------------------------------------------------------
NOTIFICATIONS ------
----------------------------------------------------------- */
  #flash {
    display:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    min-height: 50px;
    background-color: #FFF8EA;
    border: 0;
    margin-bottom: 0;
    color: #A79A80;
    text-shadow: none;
    text-align: center;
    padding: 20px;
  }
  .agent_notifier_msg.a-flash.flash_notice{
    font-weight: 400;
    text-align: center;
  }
/* -----------------------------------------------------------
SIDEBAR STYLES ------
----------------------------------------------------------- */
  #sidebar {}
  #sidebar h2,
  #rowbar  h2,
  .gs-content h2 {
    margin: 0px;
    font-weight: 600;
    font-size: 28px;
  }
  #sidebar > ul.options {margin-top: 20px;}
  #sidebar > ul,
  .gs-content ul {
    border-radius: 10px;
    list-style: none;
    background: rgba( 0, 0, 0, .035);
    padding: 0px 15px;
    margin: 60px 0px;
  }

  #sidebar > ul > li,
  .gs-content ul > li{
    text-transform: uppercase;
    border-bottom: 2px solid #e2e2e2;
  }
  #sidebar > ul > li:last-child,
  .gs-content ul > li:last-child{
    border-bottom: none
  }

  #sidebar > ul > li > a,
  .gs-content ul > li > div{
    color: #3498db;
    padding: 20px 0px;
    display: block;
    font-size: 14px;
    font-weight: 600;
  }
  .gs-content ul > li > span {
    display: none;
  }
  #sidebar > ul > li.phone > a{
    color: #333;
  }

  #sidebar > ul > li > a > i {
    float: right;
    color: #c5c5c5;
    margin-right: 10px;
    font-size: 20px;
  }

  #sidebar > ul > li:hover a {

  }
  #sidebar > ul > li:hover i {
    color: #e2e2e2;
  }

  #rowbar {}
  #rowbar h2{
    text-align: center;
    margin-bottom: 40px;
  }
  #rowbar ul {list-style: none;}
  #rowbar ul li{
    width: 50%;
    padding: 0px 15px 20px 15px;
    float: left;
  }
  #rowbar ul li a{
    width: 100%;
    display: inline-block;
    background: #3498DB;
    color: #fff;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: none;
    white-space: nowrap;
    padding: 18px 24px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 4px;
  }
  #rowbar ul li a:hover {
    text-decoration: none;
  }
  #rowbar ul li a i {
    float: right;
    margin-right: 10px;
    font-size: 20px;
  }
/* -----------------------------------------------------------
SIDEBAR ARTICLE SUGGEST ------
----------------------------------------------------------- */
  .sidebar.suggest {
    padding-top: 54px;
  }
  .sidebar.suggest h2{
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .sidebar.suggest h4 {
    font-size: 16px;
    font-style: italic;
    color: #999;
  }
  #sidebar .autosuggest > ul {
    list-style: none;
    background: none;
    padding: 0px;
    margin: 20px 0px;
  }

  #sidebar .autosuggest > ul > li{
    text-transform: uppercase;
    border-bottom:none;
    padding-right: 15px;
  }
  #sidebar .autosuggest > ul > li > a{
    color: #3498db;
    padding: 20px 0px 20px 15px;
    display: block;

  }
  #sidebar .autosuggest > ul > li > a > span {
    color: #3498db;
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; overflow: hidden;
    display: inline-block;
    width: 80%;
  }
  #sidebar .autosuggest > ul > li:nth-child(odd) {
    background: rgba( 0, 0, 0, .035);
  }
  #sidebar .autosuggest > ul > li:nth-child(even) {
    background: none;
  }

  #sidebar .autosuggest > ul > li > a > i {
    float: right;
    color: #c5c5c5;
    margin-right: 10px;
    font-size: 20px;
  }

  #sidebar .autosuggest > ul > li:hover a {

  }
  #sidebar .autosuggest > ul > li:hover i {
    color: #e2e2e2;
  }
/* -----------------------------------------------------------
FOOTER ------
----------------------------------------------------------- */
  #footer {
    background: #353c45;
    color: #3498db;
    padding: 94px 0px 80px 0px;
  }
  #footer .container p,
  #footer .container a span{
    color: #3498db;
    margin: 0px;
  }
  #footer .container a {
    color: #fff;
    text-decoration: none;
  }
  /* Social iFrame */
  body > iframe {
    display: none;
  }
/* -----------------------------------------------------------
SITE CAVAS/MOBILE ------
----------------------------------------------------------- */
  /* Canvas/Wrapper */
  #site-wrapper{
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  #site-canvas {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);

    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .show-nav #site-canvas {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);

    -webkit-transition: 300ms ease-out all;
    transition: 300ms ease-out all;
  }
  #mobile-menu {
    background: #353C45;
    color: #D4D9DE;
    width: 300px;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: -300px;
    padding: 0px;
    z-index: 999;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

  }
/* -----------------------------------------------------------
MOBILE BRAND/USER ------
----------------------------------------------------------- */
  #mobile-menu img.gravatar{
    margin: 10px auto;
    diplay: block;
  }

  #mobile-menu .brand {
    background: #252A31;
    padding: 15px 10px;
  }
  #mobile-menu .brand .logo {
    display: none;
  }
  #mobile-menu .brand h1 {
    text-align: center;
    color: #fff;
    font-weight: 400;
  }
  #mobile-menu .brand h4{
    text-align: center;
    color: #ccc;
  }
  #mobile-menu .brand h5{
    text-align: center;
    font-size: 12px;
  }
/* -----------------------------------------------------------
MOBILE NAV/LANGUAGE ------
----------------------------------------------------------- */
  #mobile-menu .nav {
    list-style: none;
  }
  #mobile-menu .nav li{
    margin: 0px;
    padding: 0px;
  }
  #mobile-menu .nav li a{
    color: #fff;
    font-weight: 400;
    padding: 14px 20px 13px 20px;
    display: block;
    cursor: pointer;
    color: #D4D9DE;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    margin: 0 0 1px;
    font-size: 13px;
  }
  #mobile-menu .nav li a:hover,
  #mobile-menu .nav li a:focus{
    background: none;
  }
  #mobile-menu .nav li a i {
    float: right;
  }
  #mobile-menu select,
  #mobile-menu input,
  #mobile-menu input {
    background: transparent;
    background-color: transparent;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
  }

  /* Lanague Dropdown */
  #mobile-menu #desk-mobile-lang-list select{
    padding: 14px 20px 13px 20px;
  }
  #mobile-menu .moblangslct {
    color: #D4D9DE;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    padding: 14px 20px 13px 20px;
    border: none;
  }

  #mobile-menu .moblangslct.moblangslctHover {
  /* Styles for when the select box is hovered */
      background: none;
      border-color: #fff;
  }

  #mobile-menu .moblangslct.moblangslctOpen {
  /* Styles for when the select box is open */
      background: none;
      border-color: #fff;
  }

  #mobile-menu .moblangslct.moblangslctFocus {
  /* Styles for when the select box is in focus */
      background: none;
      border-color: #fff;
  }

  #mobile-menu .moblangslct > .moblangslctInner{
    color: #fff;
    width: 100% important!;
  }
  #mobile-menu .moblangslct > .moblangslctInner i {
    float: right;
  }
  /* Mobile Breadcrumbs? */
/* -----------------------------------------------------------
MOBILE SEARCH ------
----------------------------------------------------------- */
  #mobile-menu .search {
    min-height: 45px;
    background: #1A86CF;
  }
  #mobile-menu .search .row{
    margin: 0px;
    height: 45px;
    background: rgba(20, 0, 20, .10);
  }
  #mobile-menu .search .row > div{
    padding: 0px;
  }
  #mobile-menu input#q2 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #39A0E5;
    border: 0;
    float: left;
    margin: 8px 0 0 10px;
    padding: 4px 10px 4px 32px;
    width: 274px;
    color: #FFF !important;
    font-size: 13px;
    line-height: 19px;
    height: 27px;
  }
  #mobile-menu .search button {
    color: rgba(255,255,255, 0.4);
    background: none;
    border: none;
    font-size: 16px;
    position: absolute;
    left: 14px;
    top: 12px;
    z-index: 999;
  }
   #mobile-menu input#q2 ::-webkit-input-placeholder {
     color: #fff !important;
     font-weight: 300;
     transition: opacity 0.25s ease;
  }

   #mobile-menu input#q2 :-moz-placeholder { /* Firefox 18- */
     color: #fff !important;
      font-weight: 300;
     transition: opacity 0.25s ease;
  }

   #mobile-menu input#q2 ::-moz-placeholder {  /* Firefox 19+ */
     color: #fff !important;
      font-weight: 300;
     transition: opacity 0.25s ease;
  }

   #mobile-menu input#q2 :-ms-input-placeholder {
     color: #fff !important;
      font-weight: 300;
     transition: opacity 0.25s ease;
  }

  #mobile-menu input#q2 [placeholder]:focus::-webkit-input-placeholder {
    transition: opacity 0.25s ease;
     font-weight: 300;
      opacity: 0.33;

  }
  /* Mobile Search Suggestion */
  #mobile-menu .mobile-suggest{
      -webkit-transition: 0.5s ease-in-out;
      -o-transition:0.5s ease-in-out;
      transition: 0.5s ease-in-out;
  }
  #mobile-menu .mobile-suggest ul.results {
    list-style: none;
    margin-bottom: 0px;
  }

  #mobile-menu .mobile-suggest ul.results li{
    line-height: 19px;
  }
  #mobile-menu .mobile-suggest ul.results li a{
    font-size: 14px;
    font-weight: 600;
    padding: 14px 80px 13px 20px;
    display: block;
    cursor: pointer;
    color: #D4D9DE;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    margin: 0 0 1px;
  }
  #mobile-menu .mobile-suggest ul.results li a i{
    color: #3498db;
    position: absolute;
    right: 15px;
    top: 16px;
    min-width: 20px;
    text-align: center;
  }
  #mobile-menu .mobile-suggest ul.results li.title {
    display: block;
    padding: 13px 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #8C939C;
    background: #252A31;
    border: none;
  }
/* -----------------------------------------------------------
MOBILE HEADER/TOPBAR ------
----------------------------------------------------------- */
  #mobileHeader {
    margin-bottom: 0px;
    background: #3498db;
    border: none;
    height: 45px;
  }

  #mobileHeader a.menu{
    color: #fff;
    float: left;
    background: none;
    border: none;
    height: 45px;
    margin-left: 10px;
  }
  #mobileHeader a i{
    float: left;
    cursor: pointer;
    font-size: 22px;
    line-height: 45px;
    font-weight:300;
  }
  #mobileHeader h1 {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    line-height: 45px;
  }
  #mobileHeader h1 a {
    color: #fff;
  }
/* -----------------------------------------------------------
MOBILE MENU BRUGER BUTTON ------
----------------------------------------------------------- */
  #mobileHeader .menu-button{
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    height: 3em;
    margin: 7px 0px 0px 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 3em;
    -webkit-tap-highlight-color: transparent;
  }
  #mobileHeader .menu-button span{
    background: #fff;
    border-radius: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 0.4em;
    position: absolute;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
  }
  #mobileHeader .menu-button span {
    width: 50%;
  }
  #mobileHeader .menu-button span:nth-child(1) {
    border-radius: 1em 0 0 1em;
    left: 0;
    top: .5em;
  }
  #mobileHeader .menu-button span:nth-child(2) {
    border-radius: 0 1em 1em 0;
    top: .5em;
    right: 0;
  }
  #mobileHeader .menu-button span:nth-child(3) {
    left: 0;
    top: 1.3em;
    width: 100%;
  }
  #mobileHeader .menu-button span:nth-child(4) {
    border-radius: 1em 0 0 1em;
    left: 0;
    top: 2.1em;
  }
  #mobileHeader .menu-button span:nth-child(5) {
    border-radius: 0 1em 1em 0;
    right: 0;
    top: 2.1em;
  }
  #mobileHeader .menu-button.open span:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(0.4em);
    -ms-transform: rotate(45deg) translate(0.4em);
    transform: rotate(45deg) translate(0.4em);
  }
  #mobileHeader .menu-button.open span:nth-child(2) {
    -webkit-transform: rotate(-45deg) translate(-0.45em);
    -ms-transform: rotate(-45deg) translate(-0.45em);
    transform: rotate(-45deg) translate(-0.45em);
  }
  #mobileHeader .menu-button.open span:nth-child(3) {
    opacity: 0;
  }
  #mobileHeader .menu-button.open span:nth-child(4) {
    -webkit-transform: rotate(-45deg) translate(0.4em);
    -ms-transform: rotate(-45deg) translate(0.4em);
    transform: rotate(-45deg) translate(0.4em);
  }
  #mobileHeader .menu-button.open span:nth-child(5) {
    -webkit-transform: rotate(45deg) translate(-0.45em);
    -ms-transform: rotate(45deg) translate(-0.45em);
    transform: rotate(45deg) translate(-0.45em);
  }

/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
#mobileHeader {display: none;}

@media only screen and (max-width : 1200px) {
  #mobileHeader {display: none;}
}
@media only screen and (max-width : 979px) {
    #header,
    #search {display: none;}
    #mobileHeader {display: block;}
    #breadcrumbs > .container > .row {
      padding: 0px 15px;
    }
    #content > .container > .row > .col-md-8 {
      padding: 0px 15px;
    }
    #content > .container > .row > .col-md-4{
      padding: 0px 15px;
    }
}

@media only screen and (max-width : 767px) {
    #header,
    #search {display: none;}
    #mobileHeader {display: block;}
}

@media only screen and (max-width : 480px) {
    #header,
    #search {display: none;}
    #sidebar {margin-top: 50px;}
    #mobileHeader {display: block;}
    #mobileHeader select {padding: 10px 15px;}
    #content .gravatar {display: none;}
    #mobile-menu .gravatar {display: block;}
    #content > .container > .row {
      margin: 0px -15px !important;
    }
    #breadcrumbs > .container > .row {
      padding: 0px 15px;
    }
    #content > .container > .row > .col-md-8 {
      padding: 0px 15px;
    }
    #content > .container > .row > .col-md-4{
      padding: 0px 15px;
    }
    #content .container.index .desk-topic ul,
    #content .container.index .desk-qna ul{
      list-style: none;
      padding: 0px;
    }

    #content .container.index .desk-topic ul li,
    #content .container.index .desk-qna ul li {
      width: 100%;
      margin-bottom: 0px;
      padding: 15px;
      border-bottom: 1px solid #efefef;
    }
    #content .container.index .desk-topic ul li a,
    #content .container.index .desk-qna ul li a{
      display: inline-block;
      width: 100%;
    }
    #content .container.index a.desk-topic-view-all {
      float: right;
    }
    div.options ul li,
    .alternatelogins > div {
      width: 100%;
      margin: 5px auto;
    }

    .new_customer_contact_email input {
      max-width: 75%;
    }
}

/* -----------------------------------------------------------
                ------ END STYLES ------
----------------------------------------------------------- */

.end {}