/*--------general setting--------*/
body {
    margin: 0 auto;
    padding: 0;
    position: relative;
    /*background-color: #272727;*/
    color:#fff;
    /*font-family:Meiryo UI, Helvetica, sans-serif, Arial;*/
    -webkit-text-size-adjust: none;
  }
  
  body a {
      outline:none;
      text-decoration:none;
  }
  
  body a, body a:focus {
      outline:none;
      text-decoration:none;
  }
  
  input[type=text]::-ms-clear {
       display:none;
  }
  
  .container {
      /* background-image:url(../img/buttons/popup_bg.png); */
      Position:relative;
      width:100%;
      min-width:1280px;
      /*margin:0px !important;*/
  }
  
  #content {
      height:auto;
      width: 100%;
      min-width:1280px;
      min-height:730px;
      z-index:100;
  }
  
  .btn-primary {
      background: #c9c9ca; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #c9c9ca 0%, #aaaaab 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9ca), color-stop(100%,#aaaaab)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #c9c9ca 0%,#aaaaab 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9ca', endColorstr='#aaaaab',GradientType=0 ); /* IE6-8 */
    
      color: #373737;
      font-size:15px;
      padding: 5px 6px;
      border: none !important;        
  }
  
  .btn-primary:hover {
      background: rgb(55,55,55); /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3MzczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzY5NmE2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: -moz-linear-gradient(top,  rgba(55,55,55,1) 0%, rgba(105,106,106,1) 99%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,55,55,1)), color-stop(99%,rgba(105,106,106,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#696a6a',GradientType=0 ); /* IE6-8 */
  
  
      color: #373737;
      border: none !important;
  }
  
  .btn {
      background-color: #c9c9ca;
  }
  
  .text-xlg {
      color: #373737;
      font-size:24px;
  }
  
  .text-lg {
      color: #373737;
      font-size:18px;
  }
  
  .text-mid {
      color: #6d6d6d;
      font-size:15px;
  }
  
  .text-sm {
      color: #373737;
      font-size:12px;
  }
  
  .btn-st {
      border:none;
      border-radius: 5px;
      
      background: #c9c9ca; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
      /* background: -moz-linear-gradient(top,  #c9c9ca 0%, #aaaaab 100%); FF3.6+ */
      /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9ca), color-stop(100%,#aaaaab)); Chrome,Safari4+ */
      /* background: -webkit-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); Chrome10+,Safari5.1+ */
      /* background: -o-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); Opera 11.10+ */
      /* background: -ms-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); IE10+ */
      /* background: linear-gradient(to bottom,  #c9c9ca 0%,#aaaaab 100%); W3C */
      /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9ca', endColorstr='#aaaaab',GradientType=0 ); IE6-8 */
      
      color: #373737;
      font-size: 18px;
      margin-top: 20px;
      margin-bottom: 10px;
      min-width:115px;
      width: auto;
      height: 45px;
      padding: 5px 10px;
  }
  
  .btn-st:hover, .btn-st:active {
      background:#F05A1E; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3MzczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzY5NmE2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); */
      /* background: -moz-linear-gradient(top,  rgba(55,55,55,1) 0%, rgba(105,106,106,1) 99%); FF3.6+ */
      /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,55,55,1)), color-stop(99%,rgba(105,106,106,1))); Chrome,Safari4+ */
      /* background: -webkit-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); Chrome10+,Safari5.1+ */
      /* background: -o-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); Opera 11.10+ */
      /* background: -ms-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); IE10+ */
      /* background: linear-gradient(to bottom,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); W3C */
      /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#696a6a',GradientType=0 ); IE6-8 */
  
      outline:none;
      border:none;
      color:#fff;
  }
  
  .btn-group.open .dropdown-toggle {
      background: #aaaaab; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #aaaaab 0%, #c9c9ca 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaab), color-stop(100%,#c9c9ca)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #aaaaab 0%,#c9c9ca 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #aaaaab 0%,#c9c9ca 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #aaaaab 0%,#c9c9ca 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #aaaaab 0%,#c9c9ca 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaab', endColorstr='#c9c9ca',GradientType=0 ); /* IE6-8 */    
      
      outline:none;
      border:none;
      -webkit-box-shadow:none;
      box-shadow:none;
  }
  
  .btn-lg, .btn-lg-active {
      width: 180px;
      height:45px;
      margin-left:3px;
      margin-bottom:6px;
      background-color: #c9c9ca;
  }
  
  .btn-lg:hover {
      color: #fff;
  }
  
  .btn-lg-active, .btn-lg-active:hover {
      background-color: #F05A1E;
      color:#fff;
      padding: 10px 16px;
      font-size: 18px;
      line-height: 1.33;
      border-radius: 6px;
  }
  
  .btn-upload {
    width: 100px;
    height:30px;
    margin-left:3px;
    margin-bottom:6px;
    background-color: #c9c9ca;
  }

  .btn-upload:hover {
      color: #fff;
  }

 .btn-upload-active, .btn-upload-active:hover {
    background-color: #F05A1E;
    color:#fff;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
  }

  .grayout-text {
      color: #595757 !important;
  }
  
  .grayout-bg {
      color: #595757 !important;
      background-color: #C9C9CA !important;
  }
  
  .dropdown-menu .grayout-dropdown {
      color: #464646 !important;
  }
  
  .message-bar {
      background-color: #1DA9D8;
      height: 40px;
      width:100%;
      position: absolute;
      padding: 3px 15px;
      top: 45px;
      left: 0;
  }
  
  .check-icon {
      background-image: url(../img/icons/sticky-check.png);
      background-repeat: no-repeat;
      /* background-position: 2px 2px; */
      width: 30px;
      height: 20px;
      display: inline-block;
      margin-left: 20px;
  }
  
  .message-error {
      background-color: #B51C22;
      height: 40px;
      width:100%;
      position: absolute;
      padding: 3px 15px;
      top: 0;
      left: 0;
  }
  
  .message-error .text-sm, .message-bar .text-sm {
      color:#fff;
      display:inline-block;
      padding-top:8px;
  }
  
  .message-error>.btn, .message-error>.bar-closer, .message-bar>.bar-closer {
      position:relative;
      float:right;
      margin-left: 20px;
      margin-right: 20px;
  }
  
  /*--.bar-closer {
      background-image:url(../img/icons/message_off.png);
      background-position:center;
      background-repeat:no-repeat;
      border:none;
      background-color:transparent;
      display:block;
      height:25px;
      width:25px;
      padding: 18px 15px;
  }--*/
  
  .cursor-unable {
      cursor:not-allowed;
  }
  
  .tooltip {
      font-size:10px;    
  }
  
  .tooltip-inner {
      background-color: #373737;
      border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      -webkit-border-radius: 3px 3px 3px 3px;
      border: 0px none transparent;    
  }
  
  .tooltip-arrow {
      background-color: #373737;
      border:none;
      margin-top: 5px;
  }
  
  .poppvererror {
      background-color: #B51C22;
      /*position:absolute;*/
      height:auto;
      width: auto;
      margin-bottom:10px;
      margin-left:10px;
      min-width: 250px;
  }
  
  .popovererror-title {
      padding: 2px 5px;
      margin: 5px 5px;
      color: #fff;
      font-size: 12px;
      border:none;
  }
  
  .popovererror-content {
      display:block;
      padding:0;
      margin: 5px 5px;
      color: #fff;
      font-size: 12px;
  }
  
  .popover {
      background-image:url(../img/buttons/popup_bg.png);
      position:absolute;
      height:auto;
      width: auto;
      margin-bottom:10px;
  }
  
  .popover-title {
      padding: 2px 35px;
      margin: 5px 5px;
      background-image:url(../img/icons/c-bike_gray.png);
      background-repeat:no-repeat;
      color: #373737;
      font-size:18px;
      border:none;
  }
  
  .popover-header {
      display:block;
      padding:0;
      height:15px;
  }
  
  
  .popover-content {
      display:block;
      padding:0;
      margin: 5px 5px;
      color: #373737;
      font-size:15px;
  }
  
  .viewdetail-link {
      color: #373737;
      text-align:left;
      text-size: 10px;
  }
  
  .viewdetail-link:hover {
      color: #F05A1E;
      text-decoration:none;
  }
  
  .viewmore-link .popover-title {
      font-size:15px !important;
  }
  
  
  .pager {
      margin: 0;
      height: 85px;
      padding-top: 35px;
      padding-right: 20px;
      text-align: right;
  }
  
  .pager li a{
      background-color:transparent;
      border:none;
  }
  
  .pager li a:hover{
      background-color:transparent;
      border:none;
  }
  
  .director {
      float:left;
  }
  
  .pager .text-mid {
      padding-top: 12px;
  }
  
  .preset-area {
      margin: 30px auto;
      border: 1pt #CCC solid;
      width:960px;
      height:800px;
  }
  
  .progress {
      height: 15px;
      width: 250px;
      display:inline-block;
  }
  
  ::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
      background-color: #c9c9ca;
  }
  
  ::-webkit-scrollbar
  {
      width: 10px;
      background-color: #f5f5f5;
  }
  
  ::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      background-color: #B4B5B5;
  }
  
  ::-webkit-scrollbar-track:horizontal
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
      background-color: #c9c9ca;
  }
  
  ::-webkit-scrollbar:horizontal
  {
      height: 10px;
      background-color: #f5f5f5;
  }
  
  ::-webkit-scrollbar-thumb:horizontal
  {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      background-color: #B4B5B5;
  }
  
  /*--------general dropdown button--------*/
  .btn-group .btn, .ps-btn-group .btn {
      background: #D8D8D8;
      
      color: #373737;
      font-size:18px;
      border: none !important;
      outline:none !important;
  }
  
  .btn-group .btn:hover, .btn-group .btn .active, .ps-btn-group .btn:hover:hover {
  
  }
  
  .white-caret {
      border-top-color: #fff !important;
      border-bottom-color: #fff !important;
      margin-right: -2px !important;
      position: absolute;
      display: block;
      top: 50%;
      right: 8%;
  }
  
  .dropdown-menu, .dashboard-content>.dropdown-menu {
      overflow-y: auto;
      padding:0;
      border-radius: initial;
      background-color:#525252;
      margin-top:5px;
      z-index:1001;
  }
  
  .dropdown-menu li, .dashboard-content>.dropdown-menu li{
      padding:0;
      margin:0;
      border-bottom: 1px #7C7C7C solid;
  }
  
  .dashboard-content .dropdown-menu li a {
      white-space:nowrap !important;
  }
  
  .dropdown-menu li a {
      color: #dfdddd;
      white-space:inherit;
      font-size:15px;
      padding-bottom: 10px;
      padding-top: 10px;
      /*padding-left: 10px;*/
  }
  
  .dropdown-menu li:hover a {
      color: #FFF;
      background-color:#333;
  }
  
  .dropdown-menu li a:active{
      color:#FFF;
      font-size:15px;    
  }
  
  .col-lg-1 .checkbox,.dropdown-menu .menuitem .checkbox,.calendar .checkbox {
      float: left;
      margin: 3px 15px 3px 0px;
  }
  
  /*--------header--------*/
  #header {
      background: #272727; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #272727 0%, #000000 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#000000)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #272727 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #272727 0%,#000000 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #272727 0%,#000000 100%); /* IE10+ */
      background: linear-gradient(to bottom, #272727 0%,#000000 100%); /* W3C */
      /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
      
      Position:relative;
      height:100px;
      width:100%;
      min-width:1280px;
      margin:0px !important;
      z-index: 1001;
  }

  #header .navbar{
	height: 60px;
	max-width: 1320px;
	margin: 0 auto;
  }
  
  .row-fluid {
      display:inline-block;
      width:100%;
      min-width:950px !important;
      maring-left:10px;
  }
  
  .row {
      /*margin-right: 10px;*/
      /*height:100px;*/
  }
  
  .pull-right {
      margin-right: 10px;
  }
  
  #page-header .text{
      /*color:#dfdddd;
      font-size:15px;
      font-weight: bold;*/
  }
  
  #page-header .navdrop .text{
      display:inline-block;
      padding-top: 55px;
      padding-left: 15px;
      padding-right: 15px;
      color:#dfdddd;
      font-size:15px;
      font-weight: bold;
  }
  
  .brand > a {
        background: url(../img/banner/logo.png);
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        margin:0px 20px;
        height: 60px;
        width: 210px;
        background-repeat: no-repeat;
        display: block;
  }
  
  .brand .magellan > a {
      background: url(../img/banner/MAG_Logo.png);
  }
  .brand.magellan > a {
      background: url(../img/banner/MAG_Logo.png);
  }
  
  .brand.mivia > a
  {
      background: url(../img/banner/MiVia_Typography.png);
      background-repeat: no-repeat;
  }
  
  .navbar {
      height: 100px;
      display:block;
      min-width: 800px;
      position: relative;
      margin-bottom: 0px !important;
  }
  
  .navbar-nav {
      min-width: 300px;
      float:left;
  }
  
  .nav-right {
      display:inline-block;
      position:relative;
      min-width: 300px;
  }
  
  .sep-line {
      background-image:url(../img/buttons/sep-line-3.png);
      background-repeat:no-repeat;
      margin: 15px 5px;
      width: 3px;
      height: 75px;
  }
  
  #page-header .nav {
      padding: 0 5px;
      width:auto;
  }
  
  #page-header .nav>li {
      /*padding: 0 5px;*/
      float:left;
      /*height:70px;*/
      text-align: center;
      cursor:pointer;
  }
  
  #page-header .nav>li:hover a {
      
      position: relative;
      height: inherit;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
  }
  
  #page-header .nav>li a:hover:after, 
  #page-header .nav>li a:hover .after {
      background-color: transparent;
      position: relative;
      height: inherit;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
  }
  
  #page-header .nav>li a .text {
      top: 40px;
      padding:0px 15px;
      display: block;
      position: relative;
      text-align: center;
  }
  
  #nav-recording {
      background-image: url(../img/icons/h_history.png);
      background-repeat:no-repeat;
      display:block;
      height:50px;
      margin-top: 5px;
      background-position: center;
      float:left;
      cursor:pointer;
  }
  
  #page-header .nav>li:hover #nav-recording  ,#page-header .nav>li #nav-recording.active{
      background-image: url(../img/icons/h_history_h.png);
  }
  
  #page-header .nav>li:hover #nav-recording>.text,#page-header .nav>li #nav-recording.active>.text{
      color: #F05A1E;
  }
  
  #nav-tracks {
      background-image: url(../img/icons/h_tours.png);
      background-repeat:no-repeat;
      display:block;
      height:50px;
      margin-top: 5px;
      background-position: center;
      float:left;
      cursor:pointer;
  }
  
  #page-header .nav>li:hover #nav-tracks, #page-header .nav>li #nav-tracks.active {
      background-image: url(../img/icons/h_tours_h.png);
  }
  
  #page-header .nav>li:hover #nav-tracks>.text, #page-header .nav>li #nav-tracks.active>.text{
      color: #F05A1E;
  }
  
  #nav-explore {
      background-image: url(../img/icons/h_explore.png);
      background-repeat:no-repeat;
      display:block;
      height:50px;
      margin-top: 5px;
      background-position: center;
      float:left;
      cursor:pointer;
  }
  
  #page-header .nav>li:hover #nav-explore , #page-header .nav>li #nav-explore.active {
      background-image: url(../img/icons/h_explore_h.png);
  }
  
  #page-header .nav>li:hover #nav-explore>.text, #page-header .nav>li #nav-explore.active>.text{
      color: #F05A1E;
  }
  
  #page-header .breadcrumb {
      background-color:transparent !important;
      padding-top:60px;
      position:relative;
      float:left;
      display:inline;
      margin:0px !important;
  }
  
  #page-header .breadcrumb li a{
      font-size:15px !important;
      color: #dfdddd !important;
      font-weight: bold;
  }
  
  #page-header .breadcrumb li a:hover{
      font-size:15px !important;
      color: #F05A1E !important;
      text-decoration:none;
  }
  
  #page-header .breadcrumb li a.hover:after{
      font-size:15px !important;
      color: #F05A1E !important;
  }
  
  #shopping {
      background-image:url(../img/icons/h_shop.png);
      background-repeat:no-repeat;
      display:block;
      height:30px;
      margin-top: 25px;
      top:22px;
      background-position: center;
      float:left;
  }
  
  #shopping .text {
      top: 40px;
      padding: 0 10px;
      display: block;
      position: relative;
      text-align: center;
  }
  
  #page-header .nav>li:hover #shopping, #page-header .nav>li #shopping.active {
      background-image:url(../img/icons/h_shop_h.png);
  }
  
  #page-header .nav>li:hover #shopping>.text, #page-header .nav>li #shopping.active>.text{
      color: #F05A1E;
  }
  
  #news {
      background-image:url(../img/icons/h_news.png);
      top:22px;
      background-repeat:no-repeat;
      height:30px;
      margin-top: 25px;
      background-position: center;
      float:left;
      cursor:pointer;
  }
  
  #news .text {
      top: 40px;
      padding: 0 10px;
      display: block;
      position: relative;
      text-align: center;
  }
  
  #page-header .nav>li:hover #news, #page-header .nav>li #news.active{
      background-image:url(../img/icons/h_news_h.png);
  }
  
  #page-header .nav>li:hover #news>.text, #page-header .nav>li #news.active>.text{
      color: #F05A1E;
  }
  
  .badge {
      background: #e84618; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NDYxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZTJhMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #e84618 0%, #9e2a01 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e84618), color-stop(100%,#9e2a01)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #e84618 0%,#9e2a01 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #e84618 0%,#9e2a01 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #e84618 0%,#9e2a01 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #e84618 0%,#9e2a01 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84618', endColorstr='#9e2a01',GradientType=0 ); /* IE6-8 */
      position:absolute;
      float:left;
      z-index:999;
      top: 20px;    
  }
  
  /*--------header dropdown button--------*/
  #page-header .btn-group {
      padding: 0 3px;
      margin-right: 20px;
      float:left;
  }
  
  #page-header .btn {
        background: #ef8200; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmODIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYTQ4MGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #ef8200 0%, #ca480d 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef8200), color-stop(100%,#ca480d)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ef8200 0%,#ca480d 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ef8200 0%,#ca480d 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ef8200 0%,#ca480d 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ef8200 0%,#ca480d 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8200', endColorstr='#ca480d',GradientType=0 ); /* IE6-8 */
    
    border:none;
    padding: 0 8px;
    top: 35px;
    font-size: 15px;
    width:auto;
    max-width: 200px;
    height: auto;
    min-height:34px;
    max-height: 54px;
    filter: none;
    -pie-poll: true;
  }
  
  #page-header .btn:hover {
      background: #ca480d; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhNDgwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjgyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #ca480d 0%, #ef8200 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca480d), color-stop(100%,#ef8200)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ca480d 0%,#ef8200 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ca480d 0%,#ef8200 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ca480d 0%,#ef8200 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ca480d 0%,#ef8200 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca480d', endColorstr='#ef8200',GradientType=0 ); /* IE6-8 */
  }
  
  #page-header .btn-group.open .dropdown-toggle {
      background: #ca480d; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhNDgwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjgyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #ca480d 0%, #ef8200 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca480d), color-stop(100%,#ef8200)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ca480d 0%,#ef8200 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ca480d 0%,#ef8200 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ca480d 0%,#ef8200 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ca480d 0%,#ef8200 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca480d', endColorstr='#ef8200',GradientType=0 ); /* IE6-8 */
      
      outline:none;
      border:none;
      -webkit-box-shadow:none;
      box-shadow:none;
  }

  /* put .row-date to avoid overwrite original dropdown-toggle class 
  this will hide triangle*/
 .row-date .dropdown-toggle::after {
    display: none;
    margin-left: .55em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
 }

 .col-title .dropdown-toggle::after {
    display: none;
    margin-left: .55em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
 }
  
  #page-header .btn .text {
      color: #FFF;
      font-size: 15px;
      margin: 5px 0px;
      padding-right: 15px;
      width: auto;
      max-width:180px;
      display: block;
      white-space: normal;
      word-break: break-all;
      word-wrap: break-word;
      text-align: left;    
  }
  
  #page-header .dropdown-menu {
      /*top: 98px;
      max-width: 140px;*/
      position: absolute;
  }
  
  /*--------slideshow--------*/
  #banner .carousel slide row-fluid{
      margin: 0;
      padding: 0;
      position:relative;
      width: 100%;
  }
  
  .carousel-caption {
      top: 280px;
      left: 50%;
      margin: 10px 0;
      min-width: 560px;
  }
  
  h1 {
      font-size: 30px !important;
  }
  
  .carousel-caption .btn {
      background: #c9c9ca; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #c9c9ca 0%, #aaaaab 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9ca), color-stop(100%,#aaaaab)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #c9c9ca 0%,#aaaaab 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9ca', endColorstr='#aaaaab',GradientType=0 ); /* IE6-8 */
      
      color: #373737;
      font-size:18px;
      border: none !important;
      width: auto;
      min-width:230px;
      min-height: 65px;
      margin-top: 30px;
  }
  
  .carousel-caption .btn:hover {
      background: rgb(55,55,55); /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3MzczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzY5NmE2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: -moz-linear-gradient(top,  rgba(55,55,55,1) 0%, rgba(105,106,106,1) 99%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,55,55,1)), color-stop(99%,rgba(105,106,106,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#696a6a',GradientType=0 ); /* IE6-8 */
      
      color: #fff;
  }
  
  .carousel-caption .text-mid {
      margin-top: 10px;
      color:#fff;
  }
  
  .carousel-caption .text-mid a {
      color: #fff;
  }
  
  .carousel-caption .text-mid a:hover {
      color: #F05A1E;
      text-decoration:none;
  }
  
  /*--------teaser--------*/
  #teaser {
      background: #070c15; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3MGMxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAxMWEzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: -moz-linear-gradient(top, #070c15 0%, #011a33 50%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#070c15), color-stop(50%,#011a33)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #070c15 0%,#011a33 50%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #070c15 0%,#011a33 50%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #070c15 0%,#011a33 50%); /* IE10+ */
      background: linear-gradient(to bottom, #070c15 0%,#011a33 50%); /* W3C */
      /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070c15', endColorstr='#011a33',GradientType=0 ); /* IE6-8 */
      
      Position:relative;
      width:100%;
      min-width:92px;
      margin:0px!important;
  }
  
  #teaser .nav {
      margin:0px auto;
      float:inherit;
      width:810px;
      height: 185px;
  }
  
  #teaser .nav li {
      padding: 0 5px;
      width: 405px;
      height: 50px;
      margin-top: 20px;
      background-position: 50% 0;
      display: block-inline;
      float: left;
  }
   
  #teaser .nav li a{
      background-color:transparent !important;
      position: relative;
      height: inherit;
      padding: 0 15px;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
      border: none !important;
  }
  
  #teaser .nav li a:hover{
      position: relative;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
      border: none !important;
  }
  
  #teaser .nav li a:hover:after{
      color:#F06;
      position: relative;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
      border: none !important;
  }
  
  #teaser .nav li a .text {
      color: #dfdddd;
      margin-left:50px;
      position: relative;
      text-align:left;
  }
  
  .intro-dashboard {
      background-image:url(../img/icons/b_dashboard.png);
      background-repeat:no-repeat;
  }
  
  .intro-dashboard:hover{
      background-image:url(../img/icons/b_dashboard_h.png);
  }
  
  #teaser .nav .intro-dashboard:hover .text{
      color: #F05A1E;
  }
  
  .intro-recording {
      background-image: url(../img/icons/b_recording.png);
      background-repeat:no-repeat;
  }
  
  .intro-recording:hover {
      background-image: url(../img/icons/b_recording_h.png);
  }
  
  #teaser .nav .intro-recording:hover .text{
      color: #F05A1E;
  }
  
  .intro-track {
      background-image: url(../img/icons/h_tours.png);
      background-repeat:no-repeat;
  }
  
  .intro-track:hover {
      background-image: url(../img/icons/h_tours_h.png);
  }
  
  #teaser .nav .intro-track:hover .text{
      color: #F05A1E;
  }
  
  .intro-explore {
      background-image: url(../img/icons/b_explore.png);
      background-repeat:no-repeat;
  }
  
  .intro-explore:hover {
      background-image: url(../img/icons/b_explore_h.png);
  }
  
  #teaser .nav .intro-explore:hover .text{
      color: #F05A1E;
  }
  
  /*------ recording ------*/
  #page-wrap .nav-tabs, #setting .nav-tabs, #helpage .nav-tabs, #explore .nav-tabs, #mexplore .nav-tabs {
      clear:both;
      background-color:#9D9D9D;
      width: 100%;
      height: 45px;
      position:absolute;
      left:0px;
      z-index:999;
  }
  
  .nav-tabs li, #setting .nav-tabs li, #helpage .nav-tabs li, #mexplore .nav-tabs li {
      left:28%;
      /*background-color:#9D9D9D;*/
      min-width:20%;
  }
  
  #explore .nav-tabs li {  
      left:18%;
      /*background-color:#9D9D9D;*/
      width:20%;
  }
              
  #page-wrap .nav li a, #setting .nav li a, #helpage .nav li a, #explore .nav li a, #mexplore .nav li a {
      color:#373737;
      text-align:center;
      padding:10px 50px;
      height: 44px;
  }
  
  #page-wrap .nav li a:hover, #setting .nav li a:hover, #helpage .nav li a:hover, #explore .nav li a:hover, #mexplore .nav li a:hover {
      border:none;
      color:#F05A1E;
      background-color:#9D9D9D;
  }
  
  .nav-tabs>li.active>a {
      color: #F05A1E !important;
      background-image:url(../img/buttons/popup_bg.png);
      background-color:none !important;
      border:none !important;
      width:auto;
      height:46px !important;
      border-bottom-color: transparent;
  }
  
  /*#page-wrap .btn-group {
      margin: 0px auto !important;
      left: 39%;
      padding-top: 80px;
      padding-bottom: 30px;
  }
  #rec-switch .btn {
      border-color:inherit;
      border-radius: initial;
      
      background: #c9c9ca; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #c9c9ca 0%, #aaaaab 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9ca), color-stop(100%,#aaaaab)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #c9c9ca 0%,#aaaaab 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9ca', endColorstr='#aaaaab',GradientType=0 ); /* IE6-8 */
      
      color: #373737;
      font-size:15px;
      margin-left:1px;
  }*/
  
  #rec-switch .btn:hover, #rec-switch>.btn:active, #rec-switch .btn-active, .date-switch .back-btn .btn-active {
          
      background: #ca480d; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhNDgwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjgyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #ca480d 0%, #ef8200 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca480d), color-stop(100%,#ef8200)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ca480d 0%,#ef8200 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ca480d 0%,#ef8200 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ca480d 0%,#ef8200 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ca480d 0%,#ef8200 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca480d', endColorstr='#ef8200',GradientType=0 ); /* IE6-8 */
      
      font-size:15px;
      color:#FFF;
      outline:none;
  }
  
  #page-wrap .info-detail {
      margin:0px auto;
      height: 60px;
      width: 780px;
  
  }
  
  #page-wrap .detail {
      min-width:180px;
      width:auto;
      height: 60px;
      float:left;
      margin-left:15px;
  }
  
  .info-detail .text-mid {
      padding-top: 0px;
      padding-left: 50px;
  }
  
  #page-wrap .text-lg {
      font-weight:bold;
      padding-left: 50px;  
  }
  
  .dis {
      background-image:url(../img/icons/w_dis_index.png);
      background-repeat:no-repeat;
      padding: 0px 3px;
  }
  
  .cal {
      background-image:url(../img/icons/w_cal_index.png);
      background-repeat:no-repeat;
      padding: 0px 3px;
  }
  
  .time {
      background-image:url(../img/icons/time_index.png);
      background-repeat:no-repeat;
      padding: 0px 3px;
  }
   
  .ascent {
      /* background-image:url(../img/icons/Ascent_index.png); */
      background-repeat:no-repeat;
      padding: 0px 3px;
  }
  
  .date-switch {
      height: 40px;
      width: 1024px;
      margin: 30px auto 6px auto;
  }
  
  .date-switch .back-btn .btn-st,
  .toolbar-area .back-btn .btn-st {
      border-radius: initial;
      border-radius: 4px;
      border-color:inherit;
      font-size:15px;
      height: 35px;
      width: auto;
      float:left;
      margin: 0;
      padding: 5px;
      margin-top: 4px;
  }
  
  .date-switch .back-btn .btn-st:hover, .btn-st.active,
  .toolbar-area .back-btn .btn-st:hover, .btn-st.active {
      background: #ca4300; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhNDgwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjgyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
      /* background: -moz-linear-gradient(top,  #ca480d 0%, #ef8200 100%); FF3.6+ */
      /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca480d), color-stop(100%,#ef8200)); Chrome,Safari4+ */
      /* background: -webkit-linear-gradient(top,  #ca480d 0%,#ef8200 100%); Chrome10+,Safari5.1+ */
      /* background: -o-linear-gradient(top,  #ca480d 0%,#ef8200 100%); Opera 11.10+ */
      /* background: -ms-linear-gradient(top,  #ca480d 0%,#ef8200 100%); IE10+ */
      /* background: linear-gradient(to bottom,  #ca480d 0%,#ef8200 100%); W3C */
      /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca480d', endColorstr='#ef8200',GradientType=0 ); IE6-8 */
  
      color:#FFF;
      border:none;
      outline:none;
  }

  .btn-st.btn-active{
    background: #F05A1E;
  }

  .date-switch .dropdown {
      padding: 0px 8px;
      /*border-right: 1px solid #9D9D9D;*/
      float:left;
  }
  
  .date-switch .dropdown-menu li a:hover, .date-switch .dropdown-menu li a.active {
      background-color:#F05A1E;
  }
  
  .date-switch .dropdown .btn {
      /*background-color:transparent;
      border:none;*/
      padding:5px;
      margin-top: 4px;
  }
  .date-switch .dropdown-header {
      background-image:url(../img/buttons/dropdown-header.png);
      width:113px;
  }
  
  .date-switch .dropdown-menu {
      top: 30px;
      border-radius: initial;
      padding:0;
      z-index: 1001;
  }
  
  .text-year, .text-date {
      color: #373737;
      font-size:16px;
      font-weight:bold;
      padding:0px 8px;
  }
  
  .rec-breadcrumb .text-date-grayout {
      color: #9D9D9D;
      font-size:20px;
      font-weight:bold;
      padding:0px 8px;
  }
  
  .black-caret {
      margin: 0px 5px;
      padding-bottom: 10px;
  }
  
  #page-wrap .rec-breadcrumb li {
      list-style:none;
      height:30px;
      float:left;
      border:none;
      padding:0;    
      margin-left: 20px;
      margin-top: 3px;
  }
  
  #page-wrap .rec-breadcrumb li:hover span {
      color: #fff !important;
      background-color:#F05A1E;
      padding: 4px 8px 4px 8px;
      border-radius: 5px;
  }
  
  #page-wrap .rec-breadcrumb a:hover {
      text-decoration:none;
  }
  
  #page-wrap .rec-breadcrumb li:active {
      background-color:transparent;
      outline:none;
  }
  
  
  #page-wrap .rec-breadcrumb-active {
      font-size:20px;
      background-color:#F05A1E !important;
      color:#fff;
      outline:none;
      padding: 4px 8px 4px 8px;
      border-radius: 5px;
  }
  
  /*--------Calendar---------*/
  #page-wrap .calendar-yearly,.calendar-weekly,.calendar-monthly {
      clear:both;
      margin:0px auto;
      padding-top:5px;
      padding-left: 10px;
      height:    auto;
      min-width:1024px;
      max-width:1048px;
      position:relative;
      margin-bottom: 30px;
      overflow:hidden;
  }
  
  .col-lg-1 {
      float:left;
      padding:0px 0px;
      margin:0px;
  }
  
  .col-lg-1 .text-mid {
      padding-left:5px;
  }
  
  .calendar-yearly .col-lg-1 .text-mid {
      padding-top:4px;
      display:block;
  }
  
  .calendar-yearly .row-date .date0 {
      width:100px !important;
  }
  
  .calendar-yearly .row-date .col-lg-1 {
      width:76px;
      height:30px;
      background-color: #e2e2e2;
      /* border: 1px #cebfbf solid; */
  }
  
  .calendar-weekly .row-date .col-lg-1,
  .calendar-monthly .row-date .col-lg-1 {
      float:left;
      width:117px;
      height:35px;
      background-color: #e2e2e2;
      padding-top:6px;
      text-align: center;
  }

  .calendar-weekly .row-date .col-lg-1 {
      width:126px;
      border: 1px #dedede solid;
  }
  
  .calendar-monthly .row-date .col-lg-2 {
      float:left;
      margin:0px;
      width:200px;
      height:35px;
      display: inline-block;
      padding:0px;
  }
  
  .calendar-monthly .switch-navbar {
      padding:0px;
      margin:0px;
      width:201px;
      height:35px;
      list-style-type:none;
  }
  
  .calendar-monthly .switch-navbar li {
      width:50px;
      height:35px;
      margin-left: 0px;
      background-color: #e2e2e2;
      float:left;
      padding: 7px;
  }
  
  .calendar-monthly .switch-navbar li:hover {
      /* background-color: #c9c9ca; */
      cursor:pointer;
  }
  .calendar-monthly .switch-navbar li#btnDistance:hover {
      background-color: #988C7D;
      cursor:pointer;
  }
  .calendar-monthly .switch-navbar li#btnCalories:hover {
      background-color: #ED7342;
      cursor:pointer;
  }
  .calendar-monthly .switch-navbar li#btnActime:hover {
      background-color: #6E937C;
      cursor:pointer;
  }
  .calendar-monthly .switch-navbar li#btnAscent:hover {
      background-color: #D5A054;
      cursor:pointer;
  }
  
  .calendar-monthly .switch-navbar li a:active, a:selcted, a:visited  {
      outline:none;
      border:none;
  }
  
  .distance-switch {
      background-image:url(../images/16x16/distance.png);
      background-repeat:no-repeat;
      background-position:center;
      width: 34px;
      height: 22px;
      border-radius: 4px;
      display: block;
  }
  
  .distance-switch:hover, .distance-switch .active {
      /* background-image:url(../images/16x16/distance-w.png);
      background-color: #988C7D; */
      outline:none;
  }
  
  .calorise-switch {
      background-image:url(../images/16x16/calories.png);
      background-repeat:no-repeat;
      background-position:center;
      width: 34px;
      height: 22px;
      border-radius: 4px;
      display: block;
  }
  
  .calorise-switch:hover, .calorise-switch .active {
      /* background-image:url(../images/16x16/calories-w.png);
      background-color: #988C7D; */
      outline:none;
  }
  
  .actime-switch {
      background-image:url(../images/16x16/time.png);
      background-repeat:no-repeat;
      background-position:center;
      width: 34px;
      height: 22px;
      border-radius: 4px;
      display: block;
  }
  
  .actime-switch:hover, .actime-switch .active {
      /* background-image:url(../images/16x16/time-w.png);
      background-color: #988C7D; */
      outline:none;
  }
  
  .ascent-switch {
      background-image:url(../images/16x16/ascent.png);
      background-repeat:no-repeat;
      background-position:center;
      width: 34px;
      height: 22px;
      border-radius: 4px;
      display: block;
  }
  
  .ascent-switch:hover, .ascent-switch .active {
      /* background-image:url(../images/16x16/ascent-w.png);
      background-color: #988C7D; */
      outline:none;
  }
  
  /* .calendar-weekly .row-date .col-lg-1 {
      float:left;
      margin:0px 1px;
      width:126px;
      height:44px;
      background-color: #9D9D9D;
      padding-top:20px;    
  } */
  
  .calendar-weekly .row-date2 .col-lg-2 {
      float:left;
      margin:1px 1px;
      width:126px;
      height:100px;
      background-color: #9D9D9D;
  }
  
  .calendar-weekly .row-date2 .col-lg-1 {
      float:left;
      /* margin:1px 1px; */
      border: 1px #dedede solid;
      width:126px;
      height:100px;
      background-color: #e2e2e2;
  }
  
  .calendar-weekly .text-mid {
      padding: 0px 5px;
      margin-top:2px;
      display:block;
  }
  
  .calendar-yearly .row-distance .distance0  {
      background-image:url(../img/icons/d_dis_index.png);
      background-repeat:no-repeat;
      background-position:center top;
      background-color: #fff !important;
      margin-left:15px;
      width:100px !important;
  }
  
  .row-distance .distance0  {
      background-image:url(../img/icons/d_dis_index.png);
      background-repeat:no-repeat;
      background-position:center top;
      background-color: #c9c9ca !important;
      /* margin-left:15px; */
  }
  
  .calendar-yearly .row-calorise .calorise0 {
      background-image:url(../img/icons/d_cal_index.png);
      background-repeat:no-repeat;
      background-position:center top;
      background-color: #fff !important;
      width:100px !important;
  }
  
  .row-calorise .calorise0 {
      background-image:url(../img/icons/d_cal_index.png);
      background-repeat:no-repeat;
      background-position:center top;
      background-color: #c9c9ca !important;
  }
  
  .calendar-yearly .row-actime .actime0 {
      background-image:url(../img/icons/d_time_index.png);
      background-repeat:no-repeat;
      background-position:center top;
      background-color: #fff !important;
      width:100px !important;
  }
  
  .row-actime .actime0 {
      background-image:url(../img/icons/d_time_index.png);
      background-repeat:no-repeat;
      background-position:center top;
      background-color: #c9c9ca !important;
  }
  
  .calendar-yearly .row-ascent .ascent0 {
      background-image:url(../img/icons/d_Ascent_index.png);
      background-repeat:no-repeat;
      background-position:center top;
      background-color: #fff !important;
      width:100px !important;
  }
  
  .row-ascent .ascent0 {
      background-image:url(../img/icons/d_Ascent_index.png);
      background-repeat:no-repeat;
      background-position:center top;
      background-color: #c9c9ca !important;
  }
  
  .text-title {
      color: #373737;
      font-size:15px;
      text-align:center;
      margin-top:60px;
      word-break: break-word;
  }
  
  .calendar-yearly .row-date .col-lg-1,
  .calendar-yearly .row-distance .col-lg-1,
  .calendar-yearly .row-calorise .col-lg-1,
  .calendar-yearly .row-actime .col-lg-1,
  .calendar-yearly .row-ascent .col-lg-1 {
      float:left;
      width:76px;
      margin: 0px 0px;
      overflow:hidden;
  }

  .calendar-yearly .row-date .col-lg-1{
      background-color:#e2e2e2;
  }
  .calendar-yearly .row-distance .col-lg-1,
  .calendar-yearly .row-calorise .col-lg-1,
  .calendar-yearly .row-actime .col-lg-1,
  .calendar-yearly .row-ascent .col-lg-1 {
      background-color:#ffffff;
  }

  .calendar-yearly .row-distance .col-lg-1,
  .calendar-yearly .row-calorise .col-lg-1,
  .calendar-yearly .row-actime .col-lg-1,
  .calendar-yearly .row-ascent .col-lg-1 {
      border: 1px #dedede3b solid;
      height:130px;
  }
  
  .calendar-monthly .row1 .col-lg-1 {
      float:left;
      background-color:#ffffff;
      width: 117px;
      height: 102px;
      border: 1px #dedede solid;
      margin: 0;
  }
  
  .calendar-monthly .date-active,
  .calendar-weekly .date-active,
  .calendar-yearly .date-active {
      width:100%;
      display:block;
      border-top:3px #F05A1E solid;
      position:absolute;
      margin:0;
      padding:0;
  }
  
  .calendar-monthly .row1 .col-lg-2,
  .calendar-monthly .row2 .col-lg-2,
  .calendar-monthly .row3 .col-lg-2,
  .calendar-monthly .row4 .col-lg-2,
  .calendar-monthly .row5 .col-lg-2 {
      float:left;
      background-color:#fff;
      width:200px;
      height:102px;
      margin:0px;
      padding: 0;
      border: 1px #dedede solid;
      overflow:hidden;
  }
  
  .col-lg-2 .text-sm {
      position: absolute;
      float: right;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 4px;
      color: #000;
      text-align: right;
      width: 200px;
      word-break: break-all;
  }
  
  .calendar-weekly .row-distance .col-lg-1,
  .calendar-weekly .row-calorise .col-lg-1,
  .calendar-weekly .row-actime .col-lg-1,
  .calendar-weekly .row-ascent .col-lg-1 {
      float:left;
      background-color:#e2e2e2;
      width:126px;
      height:100px;
      /* margin:1px 1px; */
      border: 1px #dedede solid;
      overflow:hidden;
  }
  
  .calendar-monthly .row2 .col-lg-1,
  .calendar-monthly .row3 .col-lg-1,
  .calendar-monthly .row4 .col-lg-1,
  .calendar-monthly .row5 .col-lg-1 {
      float:left;
      background-color:#c9c9ca;
      width:115px;
      height:100px;
      margin:1px 1px;
      overflow:hidden;
  }
  
  .text-top {
      position:absolute;
      color: #000;
      font-size:12px;
      text-align:center;
      margin-top:5px;
      padding-left:8px;
      z-index:999;
  }
  .calendar-yearly .text-bottom {
      margin-top: 108px;
  }
  .text-bottom {
      position:absolute;
      color: #000;
      font-size:12px;
      text-align:center;
      margin-top:80px;
      padding-left:8px;
      z-index:999;
  }
  
  .bar2 {
      clear:both;
      background-color: #FAD4AC;
      height:100%;
  }
  
  .calendar-monthly .c-bike, .item-c-bike {
      background-image:url(../img/vic_img/activity-icon-table/city-bike_gray.png);
      background-repeat:no-repeat;
      background-position: 0px -3px;
      padding-left: 5px;
      display: block;
      width: 113px;
      height:auto;
      min-height:30px;
  }
  .calendar-monthly .e-c-bike, .item-e-c-bike {
      background-image:url(../img/vic_img/activity-icon-table/ebike_city_gray.png);
      background-repeat:no-repeat;
      background-position: 0px -3px;
      padding-left: 5px;
      display: block;
      width: 113px;
      height:auto;
      min-height:30px;
  }
     
  .calendar-monthly .r-bike, .item-r-bike {
      background-image:url(../img/vic_img/activity-icon-table/race-bike_gray.png);
      background-repeat:no-repeat;
      background-position: 0px -3px;
      padding-left: 5px;
      display: block;
      width: 113px;
      height:auto;
      min-height:30px;
  }
  
  .calendar-monthly .m-bike, .item-m-bike {
      background-image:url(../img/vic_img/activity-icon-table/mtb_gray.png);
      background-repeat:no-repeat;
      background-position: 0px -3px;
      padding-left: 5px;
      display: block;
      width: 113px;
      height:auto;
      min-height:30px;
  }
  
  .calendar-monthly .e-m-bike, .item-e-m-bike {
      background-image:url(../img/vic_img/activity-icon-table/e-mtb_gray.png);
      background-repeat:no-repeat;
      background-position: 0px -3px;
      padding-left: 5px;
      display: block;
      width: 113px;
      height:auto;
      min-height:30px;
  }
  
  /* .calendar-monthly .running, .item-running {
      background-image:url(../img/icons/running_gray.png);
      background-repeat:no-repeat;
      background-position: 0px -3px;
      padding-left: 5px;
      display: block;
      width: 113px;
      height:auto;
      min-height:30px;
  } */
  .item-running {
    background-image:url(../img/vic_img/activity-icon-table/running_gray.png);
    background-repeat:no-repeat;
    background-position: 0px -3px;
    padding-left: 5px;
    display: block;
    width: 113px;
    height:auto;
    min-height:30px;
  }

  .item-gravel-bike {
    background-image:url(../img/vic_img/activity-icon-table/gravel-bike_gray.png);
    background-repeat:no-repeat;
    background-position: 0px -3px;
    padding-left: 5px;
    display: block;
    width: 113px;
    height:auto;
    min-height:30px;
  }

  .item-tour-bike {
    background-image:url(../img/vic_img/activity-icon-table/tour-bike_gray.png);
    background-repeat:no-repeat;
    background-position: 0px -3px;
    padding-left: 5px;
    display: block;
    width: 113px;
    height:auto;
    min-height:30px;
  }

  .item-trek-bike {
    background-image:url(../img/vic_img/activity-icon-table/trekking-bike_gray.png);
    background-repeat:no-repeat;
    background-position: 0px -3px;
    padding-left: 5px;
    display: block;
    width: 113px;
    height:auto;
    min-height:30px;
  }
  
  .calendar-monthly .indoor, .item-indoor {
      background-image:url(../img/vic_img/activity-icon-table/indoor_gray.png);
      background-repeat:no-repeat;
      background-position: 0px -3px;
      padding-left: 5px;
      display: block;
      width: 113px;
      height:auto;
      min-height:30px;
  }
  
  .col-lg-1 .text-sm {
      margin-top:5px;
      padding-left:5px;
  }
  
  .viewmore-link {
      color: #65432F;
      padding-left:20px;
      text-align:right;
      font-size:10px;
  }
  
  .viewmore-link:hover {
      color: #F05A1E;
      text-decoration:none;
  }
  .record {
      width:113px;
      cursor:pointer;
  }
  
  .record:hover {
      background-color: #FAD4AC;
      width:100%;
  }
  
  .record .text-sm {
      padding-left: 35px;
      line-height: 13px;
      display: block;
      word-wrap: break-word;
      word-break: normal;
      text-align: left;
  }

  .popover-title-test .text-sm {
    padding-left: 35px;
    line-height: 13px;
    display: block;
    word-wrap: break-word;
    word-break: normal;
    text-align: left;
    }
  
  .tracks-detail {
      padding-left: 25px;
      padding-top: 25px;
      height: 75px;
      width: auto;
      max-width: 980px;
      display: inline-block;
  }
  
  .tracks-detail .detail {
      float:left;
      padding-right: 30px
  }
  
  #page-wrap .tracks-detail .text-lg {
      padding-left:0px;
      font-size: 24px;
  }
  
  /*--------table view--------*/
  #page-wrap .toolbar-area {
      clear:both;
      margin:0px auto;
      height:    auto;
      width:1020px;
      position:relative;
      overflow:hidden;
  }
  
  #page-wrap .tool-bar {
      clear:both;
      margin-top: 80px; 
      margin-bottom: 25px;
      float:right;
      margin-right:10px;
      width: auto;
      height: auto;
      
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
      background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
      /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#33000000',GradientType=0 ); /* IE6-8 */
  }
  
  .toolbar-area .back-btn {
      top: 50%;
      position: absolute;
      padding-top: 25px;
  }
  
  #page-wrap .table-view {
      clear:both;
      margin:0px auto;
      padding-top:5px;
      height:    auto;
      width:1024px;
      position:relative;
      margin-bottom: 30px;    
  }
  
  .table-view .row-date .col-lg-1 {
      margin:1px 1px;
      height:44px;
      background-color: #9D9D9D;
      padding-top:20px;
      min-width: 110px;
      width:100%;
      float:left;
  }
  
  .table-view .table-row1 {
      margin:0px 1px;
      width:44px !important;
      height:44px;
      background-color: #c9c9ca;
      padding-top:20px;
      float:left;
  }
  
  .table-view .col-lg-1 {
      margin:1px 1px;
      width:110px;
      height:44px;
      background-color: #c9c9ca;
      padding-top:20px;
      float:left;
  }
  
  .history .profile .function-list .open>.dropdown-menu {
      margin-top:0px !important;
      min-width:160px;
  }
  
  .history .open>.dropdown-menu {
      margin-top:0px !important;
      min-width:133px;
  }
  
  .form-function-list {
      background-image:url(../img/icons/function-list.png);
      background-repeat:no-repeat;
      width:30px;
      height:20px;
      display:block;
      float:right;
      margin-right: 10px;
      cursor:pointer;
  }
  
  .table-view .col-lg-1 .function-list .darrow, 
  .tracks-table .col .col-lg-1 .darrow {
      background-image:url(../img/icons/function-list-darrow-n.png);
      background-repeat:no-repeat;
      width:9px;
      height:20px;
      display:block;
      float: right;
  }
  
  .tracks-table .col .col-lg-1:hover .darrow, 
  .table-view .col-lg-1 .function-list:hover .darrow {
      background-image:url(../img/icons/function-list-darrow.png);
  }
  
  .table-view .col-lg-1 .function-list .uparrow, 
  .tracks-table .col .col-lg-1 .uparrow {
      background-image:url(../img/icons/function-list-uparrow-n.png);
      background-repeat:no-repeat;
      width:9px;
      height:20px;
      display:block;
      float: right;
  }
  
  .tracks-table .col .col-lg-1:hover .uparrow, 
  .table-view .col-lg-1 .function-list:hover .uparrow {
      background-image:url(../img/icons/function-list-uparrow.png);
  }
  
  .table-view .col-lg-1 .function-list .edit, 
  .tracks-table .col .col-lg-1 .edit {
      background-image:url(../img/icons/edit_icon_2.png);
      background-repeat:no-repeat;
      display:block;
      width:20px;
      height:20px;
      float:right;
      margin-right: 5px;
      cursor:pointer;
  }
  
  .tracks-table .col .col-lg-1:hover .edit, 
  .table-view .col-lg-1 .function-list:hover .edit {
      background-image:url(../img/icons/edit_icon_h2.png);
  }
  
  .two-menuitem {
      display: inline-block;
      height: 38px;
      padding: 0;
      margin: 0;
  }
  
  .item-hz {
      float:left;
      margin: 0;
      padding: 0px 3px;
      cursor:pointer;
  }
  
  .listup:hover, .listdown:hover, .boxleft:hover, .boxright:hover {
      background-color:#F05A1E;
  }
  
  .listup {
      background-image:url(../img/icons/listup.png);
      background-repeat:no-repeat;
      background-position:center;
      display:block;
      width: 65px;
      height: 41px;
  }
  
  .listdown {
      background-image:url(../img/icons/listdown.png);
      background-repeat:no-repeat;
      background-position:center;
      width: 66px;
      height: 41px;
      display:block;
  }
  
  .boxleft {
      background-image:url(../img/icons/boxleft.png);
      background-repeat:no-repeat;
      background-position:center;
      width: 22px;
      height: 41px;
      display:block;
      cursor:pointer;
  }
  
  .boxmid {
      color: #dfdddd;
      text-align:center;
      width: 86px;
      height: 41px;
      display:block;
      padding-top: 12px;
      font-size: 15px;
  }
  
  .boxright {
      background-image:url(../img/icons/boxright.png);
      background-repeat:no-repeat;
      background-position:center;
      width: 22px;
      height: 41px;
      display:block;
      cursor:pointer;
  }
  
  .table-view .col-lg-1 .function-list:hover,
  .tracks-table .col>.top-col:hover {
      background-color: #373737;
  }
  
  .table-view .col-lg-1 .function-list:hover .text-date-title,
  .tracks-table .col>.top-col:hover .text-date-title {
      color: #fff;
  }
  
  .table-view .col-lg-1 .function-list:hover .form-function-list,
  .tracks-table .col>.top-col:hover .form-function-list {
      background-image:url(../img/icons/function-list_h.png);
  }
  
  .table-view .row .col-lg-3 {
      background-color: #fff;
      width: 503px;
      min-height: 506px;
      float:left;
      padding-left: 0px;
      padding-right:0px;
      display: inline;
  }
  
  .table-view .row .col-lg-5 {
      background-color: #fff;
      width: 519px;
      min-height: 506px;
      padding-left: 0px;
      padding-right:0px;
      overflow:auto;
      overflow-y:hidden;
      float:left;
      display: inline;
      /* border-right:2px #373737 solid; */
  }
  
  .table-view .row .col-empty {
      width: 515px !important;
      height: 504px !important;
      margin-top: 2px;
      padding-left: 0px;
      padding-right:0px;
      overflow:auto;
      overflow-y:hidden;
      float:left;
      display: inline;
      background-color:#fff;
      border-top:1px #9D9D9D dotted;
      border-right:2px #9D9D9D solid;
      border-bottom:1px #9D9D9D dotted;
  }
  
  .add-col-button {
      position: relative;
      background-image: url(../img/icons/add-col.png);
      background-repeat: no-repeat;
      background-position: center;
      height: 350px;
      width: 350px;
      display: block;
      margin: 80px 70px;
      cursor:pointer;
  }
  
  .add-col-button:hover {
      background-image: url(../img/icons/add-col-h.png);
      background-repeat: no-repeat;
      background-position: center;
  }
  
  
  .calendar.table-view .row {
      height:auto;
      margin-left:0px;
      margin-right:0px;
      padding-bottom: 20px;
      display: inline;
      float:left;
  }
  
  .col-lg-1.col
  {
      padding-top: 0px; 
      height:auto;
      background-color:#fff;
      width:auto;
  }
  
  .table-view .col-lg-1.width100
  {
      width: 100%;
      max-width: 220px;
      min-width: 125px;
      clear: both;
      padding-top: 11px;
  }
  
  .table-view .col-lg-1.width100-2
  {
      width: 100%;
      max-width: 220px;
      min-width: 125px;
      clear: both;
      padding-top: 8px;
  }
  
  .width100-2-stext {
      margin-top: 5px;
      padding-left:35px;
  }
  
  .input-name .form-control {
      padding:0;
      width:auto;
      max-width: 180px;
      height:30px;
  }
  
  .table-view .col-lg-1.width101
  {
      background-color: #cacaca;
      width: 100%;
      padding-top: 8px;
      max-width: 220px;
      min-width: 125px;
      clear: both;
  }
  
  .text-date-title.autoWidth
  {
      display: inline-block;
      width: auto;
      padding-right: 10px;  
      padding-top: 2px; 
  }
  
  .text-date-title {
      width:auto;
      min-width: 130px;
      display: inline-block;
      color: #373737;
      font-size:15px;
      padding-left: 5px;
  }
  
  .tool-bar .input-area {
      margin-left:8px;
  }
  
  .tool-bar .input-group {
      width:240px;
  }
  
  .clear-all {
      background-image:url(../img/icons/close.png);
      background-repeat:no-repeat;
      position:absolute;
      width:15px;
      height:15px;
      display:block;
      right: 40px;
      top: 10px;
      cursor: pointer; 
  }
  
  .btn-search {
      background: #D8D8D8; 
      
      border:none;
      height: 34px;
      width:34px;
      padding:0;    
  }
  
  .btn-search:hover {
      border:none;
      padding:0;
  }
  
  .search-icon {
      background-image:url(../img/icons/search_icon.png);
      background-repeat:no-repeat;
      background-position:center;
      
      display:block;
      width:25px;
      height:25px;
      margin: 3px 3px;
  }
  
  .search-icon:hover {
      /*background-image:url(../img/icons/search_icon_h.png);
      background-repeat:no-repeat;
      background-position:center;*/
  }
  
  .box1 {
      float:left;
      margin:8px 7px;
  }
  
  .tool-bar .delete {
      background-color:transparent;
      border:none;
      background-image:url(../img/icons/lg_delete_icon.png);
      background-repeat:no-repeat;
      background-position:center;
      height: 35px;
      width: 35px;
  }
  
  .tool-bar .delete:hover {
      background-image:url(../img/icons/lg_delete_icon_h.png);
  }
  
  .tool-bar .delete-disable {
      background-color:transparent;
      border:none;
      background-image:url(../img/icons/delete_disable.png);
      background-repeat:no-repeat;
      background-position:center;
      height: 35px;
      width: 35px;
  }
  
  .tool-bar .save {
      background-color:transparent;
      border:none;
      background-image:url(../img/icons/lg_save_icon.png);
      background-repeat:no-repeat;
      background-position:center;
      height: 35px;
      width: 35px;
  }
  
  .tool-bar .save:hover {
      background-image:url(../img/icons/lg_save_icon_h.png);
  }
  
  .pselecter {
      float:left;
      margin: 0;
      padding: 0;
  }
  
  .page-selecter {
      height: 50px;
      margin-top: 1px;
      /* margin-bottom: 10px; */
      display:inline-block;
  }
  
  .page-selecter .ps-btn-group {
      padding:0;
      margin:0;
  }
  
  .page-selecter .dropdown-menu {
      top: 35px;
      max-height: 150px;
      position:absolute;
  }
  
  .psleft {
      background-image:url(../img/icons/psleft.png);
      background-repeat:no-repeat;
      background-position:center;
      width: 30px;
      height: 41px;
      display:block;
      cursor:pointer;
  }
  
  .psleft:hover, .pager a:hover .psleft {
      background-image:url(../img/icons/psleft_h.png);
  }
  
  .psright {
      background-image:url(../img/icons/psright.png);
      background-repeat:no-repeat;
      background-position:center;
      width: 30px;
      height: 41px;
      display:block;
      cursor:pointer;
  }
  
  .psright:hover, .pager a:hover .psright {
      background-image:url(../img/icons/psright_h.png);
  }
  
  .psdiscript {
      margin-top: 12px;
      margin-left: 20px;
      width: auto;
      min-width:250px;
      height: 41px;
      display:block;
  }
  
  #page-wrap .page-selecter>.btn-group{
      padding-top: 0px;
  }
  
  .col-lg-1>.checkbox {
      margin: -6px 16px;
      line-height: normal;
  }
  
  #popoverSampleForRecording {
      display:block;
      background-color: #272727;
      background-image:none;
      border-radius:initial;
      overflow-y:scroll;
      overflow-x:hidden;
      margin:0px;
      width:200px;
      height:450px;
      
      top: 10%;
      left: 20%;
  }
  
  
  
  #popoverSampleForRecording .popover-content {
      margin:0px;
  }
  
  #popoverSampleForRecording .glyphicon-ok {
      margin-right: 10px;
      visibility: hidden;
  }
  
  #popoverSampleForRecording .list {
      margin:0;
      padding:0;
      height:41px;
      width:190px;
      cursor:pointer;    
  }
  
  #popoverSampleForRecording .list:hover {
      background-color: #F05A1E;
      color: #fff;
      display: inline-block;
  }
  
  #popoverSampleForRecording .popover-title-test {
      color: #fff;
      display: inline-block;
      padding-bottom: 10px;
      padding-top: 10px;
      white-space:inherit;
  }
  
  /*--------Dashboard--------*/
  .dashboard-content-wrap {
      clear: both;
      margin: 0px auto;
      padding-top: 20px;
      width: 1070px;
  }
  
  .dashboard-content layout1{
      float:left;
  }
  
  .dashboard-content layout2 {
      float:left;
  }
  
  .dashboard-content .dropdown-menu {
      min-width: 200px;
      width: auto;
      margin-top:0px;
  }
  
  .title {
      color: #373737;
      padding-top: 10px;
  }
  
  .point-breakcrumb {
      margin-top: 30px;
      margin-bottom: 0px;
  }
  
  .point-breakcrumb .btn {
      background-color:transparent;
      border-right: 1px #373737 solid;
      border-radius:0px;
      padding:0px 20px;
  }
  
  .point-breakcrumb .btn-lasest {
      background-image:url(../img/icons/orange_lasest.png);
      background-repeat:no-repeat;
      margin: 0px 5px;
  }
  
  .point-breakcrumb .btn-older {
      background-image:url(../img/icons/green_older.png);
      background-repeat:no-repeat;
      margin: 0px 5px;
  }
  
  .point-breakcrumb .btn-tracks {
      background-image:url(../img/icons/blue_tracks.png);
      background-repeat:no-repeat;
      margin: 0px 5px;
  }
  
  .point-breakcrumb .btn:hover {
      color: #F05A1E;    
  }
  
  .point-breakcrumb .btn:active {
      color: #F05A1E;    
  }
  
  .map {
      /*--background-image:url(../img/banner/map3.jpg);--*/
      margin-top: 10px;
      margin-bottom: 30px;
      float:left;
      top:80px;
      width:750px;
      height:550px;
      -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.35);
      -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.35);
      box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.35);
  }
  
  .location-pin {
      background-image:url(../img/icons/blue_tracks_n.png);
      background-repeat:no-repeat;
      position:absolute;
      width: 30px;
      height: 30px;
      top: 80%;
      left: 50%;
  }
  
  .location-pin:hover {
      background-image:url(../img/icons/blue_tracks_h.png);
  }
  
  .track-pin2 {
      background-image:url(../img/icons/blue_tracks_lg.png);
      background-repeat:no-repeat;
      position:absolute;
      width: 24px;
      height: 38px;
      top: 50%;
      left: 30%;
  }
  
  .dashboard-content {
      float:left;
  }
  
  .dashboard-content .btn-group .text, .page-selecter .btn-group .text {
      margin: 5px 0px;
      padding-right:10px;
  }
  
  .dashboard-content .btn-group .caret, .page-selecter .btn-group .caret {
      margin: 10px 5px;
      float: right;
  }
  
  .dashboard-content .dropdown-menu a {
      height:43px;
      display:block;
  }
  
  .dashboard-content .dropdown-menu a .text {
      color: #fff;
      font-size: 15px;
      padding-left: 45px;
      vertical-align: middle;
      margin: 0;
      padding-right: 0;
  }
  
  .dashboard-content .col-lg-6>.text-mid {
      margin:0px 8px;
  }
  
  .all {
      background-image:url(../img/icons/all.png);
      background-repeat:no-repeat;
  }
  
  .m-bike {
      background-image:url(../img/icons/m-bike.png);
      background-repeat:no-repeat;
  }
  .e-m-bike {
      background-image:url(../img/icons/ebike_mountain.png);
      background-repeat:no-repeat;
  }
  
  .c-bike {
      background-image:url(../img/icons/c-bike.png);
      background-repeat:no-repeat;
  }
  .e-c-bike {
      background-image:url(../img/icons/ebike_city.png);
      background-repeat:no-repeat;
  }
  
  .r-bike {
      background-image:url(../img/icons/r-bike.png);
      background-repeat:no-repeat;
  }
  
  /* .running {
      background-image:url(../img/icons/running.png);
      background-repeat:no-repeat;
  } */
  
  /* .indoor {
      background-image:url(../img/icons/indoor.png);
      background-repeat:no-repeat;
  } */
  
  .col-lg-6 {
      width: 290px;
      position: relative;
      padding: 8px 0px;
      top: 100px;
      margin-left: 20px;
      float: left;
  }
  
  .dashboard-content .col-lg-6 .btn-group {
      width: 200px;
      height: 40px;
      position: relative;
      margin-top: 10px;
      display: block;
      vertical-align: middle;
  }
  
  .dashboard-content .col-lg-6 .btn-group>.btn:first-child {
      width: 200px;
  }
  
  .info-area {
      width: 200px;
      margin: 5px 0;
      position:relative;
  }
  
  #dashboard-info {
      padding-left:0px;
      padding-top: 20px;
  }
  
  #dashboard-info li {
      margin-left:0px;
      float:inherit;
      width:230px;
      display:inline-block;
      alignment-adjust:central;
      border-bottom: 1px solid #c9c9ca;
  }
  
  #dashboard-info li .details {
      display:block;
      position:relative;
      width: 145px;
      margin: 15px 0px;
      margin-left: 90px;
  }
  
  .distance, .zipped, .climbed, .burned {
      height: auto;
      width: 230px;
  }
  
  .distance {
      /* background-image:url(../img/icons/dis_index.png); */
      background-repeat:no-repeat;
  }
  
  .zipped {
      background-image:url(../img/icons/zipped_index.png);
      background-repeat:no-repeat;
  }
  
  .climbed {
      background-image:url(../img/icons/climb_index.png);
      background-repeat:no-repeat;
  }
  
  .burned {
      background-image:url(../img/icons/Cal_index.png);
      background-repeat:no-repeat;
  }
  
  /*--------Details--------*/
  .content {
      clear:both;
  }
  
  #test-area .map {
      width: auto;
  }
  
  .wrapped-info {
      width: auto;
      padding: 8px 8px;
      margin: 20px auto;
  }
  
  .top-title {
      display:table-row;
  }
  
  .top-title .text-lg {
      display:table-cell;
      vertical-align:middle;
      padding-top: 3px;
  }
  
  .edit {
      background-image:url(../img/icons/edit_icon.png);
      background-repeat:no-repeat;
      display:table-cell;
      width:25px;
      height:25px;
      margin-left:8px;
  }
  
  .edit:hover {
      background-image:url(../img/icons/edit_icon_h.png);
  }
  
  .top-title {
      position:relative;
      width: auto;
      min-width:auto;
      height: auto;
      float:left;
  }
  
  .detailbox {
      float:left;
  }
  
  .function-list {
      margin-bottom: 0;
      height: 25px;
      width: auto;
      position: relative;
      float: right;
  }
  
  .function-wrap {
      float:right;
      padding-right: 25px;
  }    
  
  .col-title .form-function-list>.dropdown-menu {
      margin-top:0px !important;
  }
  
  .input-bar .form-control {
      width: 250px;
      height: 30px;
  }
  
  .text-box {
      float:left;
      padding: 1px 15px !important;
      border-right: 1px #c9c9ca solid;
  }
  
  .top-title > .text-sm {
      margin: 4px 0px;
      border-right: none !important;
  }
  
  .detailbox li{
      margin: 0 3px;
      width: 25px;
      height: 25px;
      list-style:none;
      display:inline-block;
  }
  
  .delelte-icon {
      background-image:url(../img/icons/delete.png);
      background-repeat:no-repeat;
  }
  
  .delelte-icon:hover {
      background-image:url(../img/icons/delete_h.png);
  }
  
  .reedit-icon {
      background-image:url(../img/icons/edit.png);
      background-repeat:no-repeat;
  }
  
  .reedit-icon:hover {
      background-image:url(../img/icons/edit_h.png);
  }
  
  .save-icon {
      background-image:url(../img/icons/save.png);
      background-repeat:no-repeat;
  }
  
  .save-icon:hover {
      background-image:url(../img/icons/save_h.png);
  }
  
  .download-icon {
      background-image:url(../img/icons/download.png);
      background-repeat:no-repeat;
  }
  
  .download-icon:hover {
      background-image:url(../img/icons/download_h.png);
  }
  
  .fbshare-icon {
      background-image:url(../img/icons/FB_icon.png);
      background-repeat:no-repeat;
  }
  
  .fbshare-icon:hover {
      background-image:url(../img/icons/FB_icon_h.png);
  }
  .lock-icon {
      background-image: url(../img/icons/lock.png);
      background-repeat:no-repeat;
  }
  
  .lock-icon:hover {
      background-image: url(../img/icons/lock_h.png);
  }
  .unlock-icon {
      background-image: url(../img/icons/unlock.png);
      background-repeat:no-repeat;
  }
  
  .unlock-icon:hover {
      background-image: url(../img/icons/unlock_h.png);
  }
  
  .mapbox-gl-zoomto {
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: auto;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5pY29uL21hcC96b29tX3RvX3ZpZXdfYWxsPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxnIGlkPSJpY29uL21hcC96b29tX3RvX3ZpZXdfYWxsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIGQ9Ik0yMiwxNS4zMzMzMzMzIEwyMiwxOS43NiBMMjEuOTkxNzY5NSwxOS45NTg1MTg1IEMyMS45NDc4NzM4LDIwLjQ4IDIxLjcyODM5NTEsMjAuOTM4MjcxNiAyMS4zMzMzMzMzLDIxLjMzMzMzMzMgQzIwLjg4ODg4ODksMjEuNzc3Nzc3OCAyMC4zNjQ0NDQ0LDIyIDE5Ljc2LDIyIEwxOS43NiwyMiBMMTUuMzMzMzMzMywyMiBMMTUuMzMzMzMzMywxOS43NiBMMTkuNzYsMTkuNzYgTDE5Ljc2LDE1LjMzMzMzMzMgTDIyLDE1LjMzMzMzMzMgWiBNNC4yNCwxNS4zMzMzMzMzIEw0LjI0LDE5Ljc2IEw4LjY2NjY2NjY3LDE5Ljc2IEw4LjY2NjY2NjY3LDIyIEw0LjI0LDIyIEw0LjA0MTQ4MTQ4LDIxLjk5MTc2OTUgQzMuNTIsMjEuOTQ3ODczOCAzLjA2MTcyODQsMjEuNzI4Mzk1MSAyLjY2NjY2NjY3LDIxLjMzMzMzMzMgQzIuMjIyMjIyMjIsMjAuODg4ODg4OSAyLDIwLjM2NDQ0NDQgMiwxOS43NiBMMiwxOS43NiBMMiwxNS4zMzMzMzMzIEw0LjI0LDE1LjMzMzMzMzMgWiBNMTIuNiw3IEMxMy4xNTIyODQ3LDcgMTMuNiw3LjQ0NzcxNTI1IDEzLjYsOCBMMTMuNiwxMC40IEwxNiwxMC40IEMxNi41NTIyODQ3LDEwLjQgMTcsMTAuODQ3NzE1MyAxNywxMS40IEwxNywxMi42IEMxNywxMy4xNTIyODQ3IDE2LjU1MjI4NDcsMTMuNiAxNiwxMy42IEwxMy42LDEzLjYgTDEzLjYsMTYgQzEzLjYsMTYuNTUyMjg0NyAxMy4xNTIyODQ3LDE3IDEyLjYsMTcgTDExLjQsMTcgQzEwLjg0NzcxNTMsMTcgMTAuNCwxNi41NTIyODQ3IDEwLjQsMTYgTDEwLjM5OSwxMy42IEw4LDEzLjYgQzcuNDQ3NzE1MjUsMTMuNiA3LDEzLjE1MjI4NDcgNywxMi42IEw3LDExLjQgQzcsMTAuODQ3NzE1MyA3LjQ0NzcxNTI1LDEwLjQgOCwxMC40IEwxMC40LDEwLjQgTDEwLjQsOCBDMTAuNCw3LjQ0NzcxNTI1IDEwLjg0NzcxNTMsNyAxMS40LDcgTDEyLjYsNyBaIE0xOS43NiwyIEwxOS45NTg1MTg1LDIuMDA4MjMwNDUgQzIwLjQ4LDIuMDUyMTI2MiAyMC45MzgyNzE2LDIuMjcxNjA0OTQgMjEuMzMzMzMzMywyLjY2NjY2NjY3IEMyMS43Nzc3Nzc4LDMuMTExMTExMTEgMjIsMy42MzU1NTU1NiAyMiw0LjI0IEwyMiw0LjI0IEwyMiw4LjY2NjY2NjY3IEwxOS43Niw4LjY2NjY2NjY3IEwxOS43Niw0LjI0IEwxNS4zMzMzMzMzLDQuMjQgTDE1LjMzMzMzMzMsMiBMMTkuNzYsMiBaIE04LjY2NjY2NjY3LDIgTDguNjY2NjY2NjcsNC4yNCBMNC4yNCw0LjI0IEw0LjI0LDguNjY2NjY2NjcgTDIsOC42NjY2NjY2NyBMMiw0LjI0IEwyLjAwODIzMDQ1LDQuMDQxNDgxNDggQzIuMDUyMTI2MiwzLjUyIDIuMjcxNjA0OTQsMy4wNjE3Mjg0IDIuNjY2NjY2NjcsMi42NjY2NjY2NyBDMy4xMTExMTExMSwyLjIyMjIyMjIyIDMuNjM1NTU1NTYsMiA0LjI0LDIgTDQuMjQsMiBMOC42NjY2NjY2NywyIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzM3MzgzOCIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
  }
  
  /*--------details-info-form--------*/
  .info-form {
      height: 130px;
      margin: 20px auto;
      position: relative;
      padding: 10px 5px;
      display: inline-block;
  }
  
  .info-form .col-lg {
      float:left;
      width:160px;
      height:100px;
      margin:1px 1px;
      display:block;
  }
  
  .info-form .col-lg-1 {
      display:inline-block;
      width:160px;
  }
  
  .details-area-b {
      background-color:#c9c9ca;
      width:160px;
      height:25px;
      margin-left:1px;
      margin-bottom:1px;
      display:block;
  }
  
  .title-area {
      background-color:#9D9D9D;
      display:inline-block;
      margin-bottom: 1px;
      height: 25px;
  }
  
  .details-area {
      height: 129px;
      background-color:#c9c9ca;
      display:inline-block;
  }
  
  .icon-title-box {
      background-color:#9D9D9D;
      display:inline-block;
      height:25px;
      margin-bottom:1px;
  }
  
  .title-area>.text-mid, .icon-title-box>.text-mid {
      margin-top: 3px;
      display:block;
      text-align:center;
      margin-left: 5px;
  }
  
  .one-line {
      height: auto;
      max-height: 45px;
      display: inline-block;
      width: 160px;
      position: static;
      overflow:hidden;
  }
  
  .di {
      text-align:center;
      margin-top: 3px;
      display:block;
  }
  
  .di2 {
      float:left;
      text-align: left;
      margin-top:3px;
      margin-left:3px;
      max-width:65px;
      display: block;
      word-break:break-all;
  }
  
  .di3 {
      float:right;
      text-align: right;
      margin-top:3px;
      margin-right:3px;
      padding-right:5px;
      display: block;
  }
  
  .icon-title {
      float:left;
  }
  
  .ht-dis {
      background-image:url(../img/icons/ht_distance_ico.png);
      background-position:center;
      margin-left:30px;
      display:block;
      width:20px;
      height:25px;
  }
  .ht-time {
      background-image:url(../img/icons/ht_time_ico.png);
      background-position:center;
      margin-left:30px;
      display:block;
      width:20px;
      height:20px;    
  }
  .ht-cal {
      background-image:url(../img/icons/ht_cal_ico.png);
      background-position:center;
      margin-left:30px;
      display:block;
      width:20px;
      height:20px;
  }
  .ht-speed {
      background-image:url(../img/icons/ht_speed_ico.png);
      background-position:center;
      margin-left:30px;
      display:block;
      width:20px;
      height:20px;
  }
  .ht-alti {
      background-image:url(../img/icons/ht_altitude_ico.png);
      background-position:center;
      margin-left:30px;
      display:block;
      width:20px;
      height:20px;
  }
  .ht-hr {
      background-image:url(../img/icons/ht_hr_ico.png);
      background-position:center;
      margin-left:30px;
      display:block;
      width:20px;
      height:20px;
  }
  .ht-caden {
      background-image:url(../img/icons/ht_Caden_ico.png);
      background-position:center;
      margin-left:30px;
      display:block;
      width:20px;
      height:20px;
  }
  .ht-power {
      background-image:url(../img/icons/ht_power_ico.png);
      background-position:center;
      margin-left:30px;
      display:block;
      width:20px;
      height:20px;
  }
  .ht-fit {
      background-image:url(../img/icons/ht_fit_ico.png);
      background-position:center;
      margin-left:30px;
      display:block;
      width:20px;
      height:20px;
  }
  .ht-pace {
      background-image:url(../img/icons/ht_pace_ico.png);
      background-position:center;
      margin-left:30px;
      display:block;
      width:20px;
      height:20px;
  }
  .ht-stride {
      background-image:url(../img/icons/ht_stride_ico.png);
      background-position:center;
      margin-left:30px;
      display:block;
      width:20px;
      height:20px;
  }
  
  /*--------Register & Login--------*/  
  .content-wrap {
      clear:both;
      padding-top: 20px;
      margin: 0px auto;
      width:800px;
      min-width: 1007px;
  }
  
  .steps {
      margin:0px auto;
      width: 405px;
  }
  
  .steps li {
      margin:0px auto;
      padding:10px 0px;
      list-style: none;
      display:inline-block;
      text-align: left;
  }
  
  .steps li a:hover {
      text-decoration:none;
      cursor:default;
  }
  
  .step-1 { 
      background:url(../img/buttons/step-1-lg.png) transparent center right no-repeat; 
      width:151px;
      position: relative;
      z-index: 3;
  }
  
  .step-1 a {
      color: #fff;
      float: left;
      padding-left: 20px;
  }
  
  /*--.step-1:hover,--*/ .step-1-active { 
      background:url(../img/buttons/step-1-lg_h.png) transparent center right no-repeat;
  }
  
  .step-1-active a {
      color: #EB6000;
      display:inline;
      text-decoration:none;
  }
  
  .step-2{
      background:url(../img/buttons/step-3-lg.png) transparent center right no-repeat;
      width:165px;
      margin-left: -25px;
      z-index: 1;
  }
  
  .step-2 a {
      color: #fff;
      float: left;
      padding-left: 35px;
  }
  
  /*--.step-2:hover,--*/ .step-2-active {
      background:url(../img/buttons/step-3-lg_h.png) transparent center right no-repeat;
  }
  
  .step-2-active a {
      color: #EB6000;
      display:inline;
      text-decoration:none;
  }
  
  /*---.step-3{
      background:url(../img/buttons/step-3.png) transparent center right no-repeat;
      width:151px;
      margin-left: -25px;
      z-index: 1;
  }
  
  .step-3 a {
      color: #fff;
      float: left;
      padding-left: 35px;
  }
  
  .step-3:hover, .step-3:active {
      background:url(../img/buttons/step-3_h.png) transparent center right no-repeat;
  }--*/
  
  #register .sub-content {
      margin: 0px auto;
      padding: 30px 0;
      width:850px;
  }
  
  #register .account-creater {
      padding:0px 10px;
      float:left;
      margin-bottom: 50px;
      margin-top: 25px;
  }
  
  #input-area {
      margin:0 10px;
      width:500px;
      border-right: 1px #c9c9ca solid !important;
  }
  
  .step-info {
      margin-top: 30px;
      margin: 0px 240px;
      /* padding: 0 236px; */
      height: 80px;
  }
  
  .step-info2 {
      margin: 0px 240px;
      padding-left: 12px;
      height: 115px;
      text-align: left;
  }
  
  .done-info {
      color: #373737;
      font-size: 18px;
      margin-top:20px;
      text-align: center;
  }
  
  .download {
      margin:0px auto;
      padding-top:45px;
      width:460px;
      text-align:center;
  }
  
  #facebook-btn, #create-btn {
      margin:0 10px;
      width:300px;
  }
  
  #input-area .input-group {
      padding: 10px 0;
      width: 445px;
      height: 50px;
      display: inline-block;
  }
  
  #input-area .input {
      float: left;
  }
  
  #register .text-lg {
      padding: 10px 0;
  }
  
  .empty-space {
      background-color: transparent;
      height:30px;
      width: 30px;
      display:block;
  }
  
  .dnl {
      width: 150px;
      margin-top: 50px;
  }
  
  .next {
      margin-right:150px;
      margin-left:165px;
      min-width: 150px;
  }
  
  .back {
      margin-right: 20px;
      width:150px;
  }  
  
  .hz-btn .btn-st {
      width: auto;
      min-width: 165px;
  }
  
  .password-get {
      margin:5px 0px;
      padding-left: 165px;
  }
  
  .password-get a{
      width: 300xp;
      text-align:left;
      padding-bottom: 10px;
  }
  
  .password-get a:hover {
      color: #F05A1E;
      text-decoration:none;
  }
  
  .congratz {
      color: #373737;
      font-size:18px;
      padding-top:10px;
      margin-left:40px;
      padding-bottom: 30px;
  }
  
  .cyclo-logo {
      background-image: url(../img/icons/cycloagent.png);
      background-repeat: no-repeat;
      background-position: center;
      height: 60px;
      padding: 70px 0;
      margin-left:10px;
  }
  
  .device-ready {
      margin: 0 183px;
      width: auto;
      height: 300px;
      padding-top: 80px;
  }
  
  .device-ready .ready {
      float:left;
  }
  
  .verify-email {
      margin: 0 auto;
      width: 750px;
      height: auto;
      padding-top: 30px;
      padding-bottom:30px;
  }
  
  .email-confirm-info {
      text-align: center;
  }
  
  #register .email-confirm-info .text-lg, #register .email-confirm-info .text-mid {
      width:800px;
  }
  
  .device {
      background-image:url(../img/icons/device_ready.png);
      background-repeat:no-repeat;
      margin-right:20px;
      margin-top: 15px;
      height: 115px;
      width:115px;
  }
  
  .list-title {
      color:#373737;
      font-size:15px;
      text-align:left;
      margin-left: 20px;
  }
  
  .do-list {
      color:#373737;
      font-size:15px;
      text-align:left;
      padding-top:10px;
  }
  
  .do-list li{
      color:#373737;
      font-size:15px;
      text-align:left;
      list-style-type: square;
      padding-top:20px;
  }
  
  
  .download-step {
      color: #373737;
      font-size:18px;
      padding: 10px 0;
      margin-left:10px;
      text-align:center;
      float:left;
  }
  
  #register .text-mid {
      padding:3px 0;
      width:165px;
  }
  
  #register .bar, #setting .bar {
      width: 280px;
      height: auto;
      min-height: 40px;
  }
  
  #register .input-group .btn-lg {
      width: 280px;
      height: 38px;
      margin-left: 0px;
      padding:0px;
      background-color: #c9c9ca;
  }
  
  #register .input-group .btn-lg:hover .text-mid {
      color: #F05A1E;
  }
  
  .form-control {
      /*-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
      -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
      box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
      border-radius: 3px 3px 3px 3px !important;
      -moz-border-radius: 3px 3px 3px 3px;
      -webkit-border-radius: 3px 3px 3px 3px;
      border: 1px solid #c9c9ca;*/
  }
  
  .fb-creater {
      background-image:url(../img/icons/fb-btn-bg.png);
      background-repeat:no-repeat;
      background-color:transparent !important;
      width:155px;
      height:45px;
      border-radious: 5px;
      border:none;
  }
  
  .fbtext {
      color: #fff;
      font-size: 15px;
      margin-left: 40px;
      padding: 10px 15px;
  }
  
  .btn-fbcreater {
      background: #2d5285; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkNTI4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjJhNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #2d5285 0%, #0f2a4f 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d5285), color-stop(100%,#0f2a4f)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #2d5285 0%,#0f2a4f 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #2d5285 0%,#0f2a4f 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #2d5285 0%,#0f2a4f 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #2d5285 0%,#0f2a4f 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5285', endColorstr='#0f2a4f',GradientType=0 ); /* IE6-8 */
      
      border-radius: 5px 5px 5px 5px;
      -moz-border-radius: 5px 5px 5px 5px;
      -webkit-border-radius: 5px 5px 5px 5px;
      border:none;
      
      width:180px;
      height:45px;
  }
  
  .btn-fbcreater:hover {
      background: rgba(1,25,57,1);
      background: -moz-linear-gradient(top, rgba(1,25,57,1) 0%, rgba(25,55,97,1) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,25,57,1)), color-stop(100%, rgba(25,55,97,1)));
      background: -webkit-linear-gradient(top, rgba(1,25,57,1) 0%, rgba(25,55,97,1) 100%);
      background: -o-linear-gradient(top, rgba(1,25,57,1) 0%, rgba(25,55,97,1) 100%);
      background: -ms-linear-gradient(top, rgba(1,25,57,1) 0%, rgba(25,55,97,1) 100%);
      background: linear-gradient(to bottom, rgba(1,25,57,1) 0%, rgba(25,55,97,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011939', endColorstr='#193761', GradientType=0 );
  }
  
  .reminder {
      font-size:12px;
      color: #373737;
      width: 245px;
      text-align:center;
      margin-left:34%;
      padding-bottom: 50px;
  }
  
  .requirment {
      font-size: 15px;
      color: #373737;
      text-align: left;
      width: 100%;
      padding-bottom: 35px;
      padding-left: 20px;
  }
  
  .requirment2 {
      font-size: 15px;
      color: #373737;
      padding-left: 20px;
  }
  
  .reminder2 {
      font-size: 15px;
      color: #373737;
      text-align: center;
      width: 325px;
      margin-left: 70px;
      margin-top: 20px;
  }
  
  .reminder a, .reminder2 a {
      color:#F05A1E;
  }
  
  .hz-btn {
      margin-top:20px;
      padding-left:20px;
      display:inline-block;
  }
  
  #register .hz-btn {
      width: 850px;
      text-align: center;
  }
  
  #register .hz-btn .text-mid {
      width: 200px;
      padding-top: 35px;
  }
  
  .cyclo-agent {
      float:left;
  }
  
  #modal-timezone {
      margin: 0px auto;
  }
  
  #modal-timezone .modal-header {
      border-bottom: none !important;
      margin-bottom:5px;
  }
  
  #modal-timezone .modal-content {
      width:915px !important;
      padding:0px;
  }
  
  #modal-timezone .modal-body {
      width:960px !important;
      padding:0px;
  }
  
  .timezone {
      padding:0;
      margin:0;
      height:496px;
      width:38px;
      float:left;
      display:block;
      list-style:none !important;
  }
  
  #modal-timezone ul {
      margin:0;
      padding:0;
  }
  
  #modal-timezone .timezone li{
      position:relative;
      float:left;
      display:block;
      list-style:none !important;
  }
  
  #modal-timezone .timezone:hover {
      border: 1pt #EB6000 solid;
  }
  
  #modal-timezone .timezone:hover a,#modal-timezone .timezone-active:hover a{
      color: #F05A1E;
      text-decoration:none;
      text-align:center;
  }
  
  #modal-timezone a {
      margin:0;
      padding: 3px 10px;
      position:absolute;
      float:left;
      display:block;
      text-align:center;
  }
  
  #modal-timezone .timezone-active a{
      background-color: rgba(235, 96, 0, 0.2);
      height: 496px;
      width: 40px;
      display:block;
  }
  
  #modal-timezone .timezone li {
      float:left;    
  }
  
  .timezone1{
      background:url(../img/world%20map/m_01.png) transparent no-repeat center;
  }
  .timezone2{
      background:url(../img/world%20map/m_02.png) transparent no-repeat center;
  }
  .timezone3{
      background:url(../img/world%20map/m_03.png) transparent no-repeat center;
  }
  .timezone4{
      background:url(../img/world%20map/m_04.png) transparent no-repeat center;
  }
  .timezone5{
      background:url(../img/world%20map/m_05.png) transparent no-repeat center;
  }
  .timezone6{
      background:url(../img/world%20map/m_06.png) transparent no-repeat center;
  }
  .timezone7{
      background:url(../img/world%20map/m_07.png) transparent no-repeat center;
  }
  .timezone8{
      background:url(../img/world%20map/m_08.png) transparent no-repeat center;
  }
  .timezone9{
      background:url(../img/world%20map/m_09.png) transparent no-repeat center;
  }
  .timezone10{
      background:url(../img/world%20map/m_10.png) transparent no-repeat center;
  }
  .timezone11{
      background:url(../img/world%20map/m_11.png) transparent no-repeat center;
  }
  .timezone12{
      background:url(../img/world%20map/m_12.png) transparent no-repeat center;
  }
  .timezone13{
      background:url(../img/world%20map/m_13.png) transparent no-repeat center;
  }
  .timezone14{
      background:url(../img/world%20map/m_14.png) transparent no-repeat center;
  }
  .timezone15{
      background:url(../img/world%20map/m_15.png) transparent no-repeat center;
  }
  .timezone16{
      background:url(../img/world%20map/m_16.png) transparent no-repeat center;
  }
  .timezone17{
      background:url(../img/world%20map/m_17.png) transparent no-repeat center;
  }
  .timezone18{
      background:url(../img/world%20map/m_18.png) transparent no-repeat center;
  }
  .timezone19{
      background:url(../img/world%20map/m_19.png) transparent no-repeat center;
  }
  .timezone20{
      background:url(../img/world%20map/m_20.png) transparent no-repeat center;
  }
  .timezone21{
      background:url(../img/world%20map/m_21.png) transparent no-repeat center;
  }
  .timezone22{
      background:url(../img/world%20map/m_22.png) transparent no-repeat center;
  }
  .timezone23{
      background:url(../img/world%20map/m_23.png) transparent no-repeat center;
  }
  .timezone24{
      background:url(../img/world%20map/m_24.png) transparent no-repeat center;
  }
  #modal-timezone .modal-footer {
      text-align: center;
  }
  
  #password-get .modal-content{
      height: 345px;
      width: 625px;
  }
  
  #password-get .modal-content .message-error {
      margin-top: 60px;
      padding: 12px 15px;
  }
  
  #password-get .modal-body{
      margin-top: 40px;
  }
  #password-get .modal-body .input {
      padding:10px 10px;
  }
  
  #password-get .warning {
      padding-left:10px;
      color: #B51C22;
  }
  
  #password-get .modal-footer {
      text-align:center;
  }
  
  #register .dropdown-menu {
      margin-top: -5px;
      margin-left: 147px;
  }
  
  /*--------Tracks---------*/
  #page-wrap .tracks-table,
  #page-wrap .corrupt-form {
      clear: both;
      margin: 0px auto;
      padding-top: 5px;
      height: auto;
      width: 1000px;
      position: relative;
      margin-bottom: 30px;
      display:block;
  }
  
  .tracks-table .col-lg-1 {
      /* margin: 1px 1px; */
      width: 190px;
      height: 44px;
      background-color: #fff;
      display:inline-block;
  }

  .tracks-table .col-lg-1.width100-2 {
    border-bottom: 1px #d8d8d8 solid;
    padding-top: 13px;
  }
  
  .tracks-table .left-side-col, .col-lg-1.left-col,
  .corrupt-form .left-side-col, .col-lg-1.left-col {
      width: 44px !important;
      /* margin-left:1px; */
      display:block;
  }
  
  .col-lg-1.left-col {
      background-color: #E2E2E2;
  }

  .col-lg-1.left-col.content-rows {
    background-color: #fff;
  }
  
  .tracks-table .col {
      width: 190px;
      float:left;
      /* margin-left: 1px; */
  }
  
  .tracks-table .top-col,
  .corrupt-form .top-col{
      background-color: #E2E2E2;
      maring-left: 1px;
  }
  
  .tracks-table .text-date-title,
  .corrupt-form .text-date-title {
      min-width: 150px;
      padding-top: 13px;
      padding-left: 10px;
  }
  
  .tracks .checkbox,
  .corrupt .checkbox {
      margin: 12px 16px;
  }
  
  /*--------Explore--------*/
  #explore .explore-wrap {
      clear:both;
      margin:0 auto;
      width: auto;
      text-align: center;
  }
  
  #explore .main-btn {
      margin:100px 10px;
      display:inline-block;
  }
  
  #explore .btn-lg {
      background: rgb(255,255,255); /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(201,201,202,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(201,201,202,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(201,201,202,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(201,201,202,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(201,201,202,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(201,201,202,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9ca',GradientType=0 ); /* IE6-8 */
      
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
      -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
  
      width:260px;
      height: 430px;
      float: left;
      margin: 0 15px;
      position:relative;
      text-align:left;
      border:1pt #fff solid;
  }
  
  #explore .btn-lg:hover{
      background: rgb(255,255,255); /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(201,201,202,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(201,201,202,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(201,201,202,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(201,201,202,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(201,201,202,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(201,201,202,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9ca',GradientType=0 ); /* IE6-8 */
      
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  }
  
  #explore .btn-lg .active{
      background: rgb(201,201,202); /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YzljYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  rgba(201,201,202,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,201,202,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(201,201,202,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(201,201,202,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(201,201,202,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(201,201,202,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9ca', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
      
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
      
      outline:none;
  }
  
  #explore .btn-lg .text-xlg {
      height:240px;
      width:210px;
      display:block;
      top:200px;
      margin-left:5px;
      margin-top: 180px;
  }
  
  #explore .btn-index {
      width:145px;
      height:145px;
      display:block;
      position:absolute;
      margin: 10px auto;
      top:0px;
      left:0px;
      right:0px;
  }
  
  .main-create {
      background-image:url(../img/icons/main-create.png);
      background-repeat:no-repeat;    
      position:relative;
      top:-30px;
  }
  
  #explore .btn-lg:hover .main-create {
      background-image:url(../img/icons/main-create_h.png);
  }
  
  .main-find {
      background-image:url(../img/icons/main-find.png);
      background-repeat:no-repeat;
      position:relative;
      top:-20px;
  }
  
  #explore .btn-lg:hover .main-find {
      background-image:url(../img/icons/main-find_h.png);
  }
  
  .main-upload {
      background-image:url(../img/icons/main-upload.png);
      background-repeat:no-repeat;
      position:relative;
      top:-45px;
  }
  
  #explore .btn-lg:hover .main-upload {
      background-image:url(../img/icons/main-upload_h.png);
  }
  
  #upload {
      margin:0px auto;
      padding-top: 60px;
      height: auto;
      width: 840px;
      text-align:center;
      padding-bottom:100px;
  }
  
  #upload .progress-steps {
      margin:0px auto;
  }
  
  #upload .step-order {
      float:left;
  }
  
  #upload .Step-01 {
      margin:60px auto;
      padding: 20px 10px;
      width:auto;
      height:auto;
      min-height:310px;
      background-color: #c9c9ca;
      text-align:center;
      border-radius: 3px;
  }
  
  #upload .Step-02 {
      margin-top: 60px;
      margin-left: 50px;
      padding: 20px 10px;
      width:350px;
      height:auto;
      min-height:310px;
      background-color: #c9c9ca;
      text-align:center;
      border-radius: 3px;
  }
  
  #upload .text-lg {
      margin-top: 35px;
      margin-bottom:20px;
  }
  
  #upload .text-md {
      color: #373737;
      margin: 50px 20px;
  }
  
  #upload .text-sm {
      margin-top: 35px;
      padding-left: 10px;
  }
  
  #upload .file-selection {
      width:auto;
      display:inline-block;
  }
  
  #upload .file-btn {
      float:left;
      position:relative;
      overflow:hidden;
  }
  
  #upload .file-btn .btn-st {
      margin-top: 20px;
      margin-bottom: 10px;
      width: auto;
      height: 45px;
      padding: 10px 10px;
      display:inline-block;
  }
  
  .file-btn input {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      opacity: 0;
      -ms-filter: 'alpha(opacity=0)';
      font-size: 200px;
      direction: ltr;
      cursor: pointer;
  }
  
  #upload .dash-area {
      border: 1px #fff dashed;
      width: 300px;
      min-height: 80px;
      height: auto;
      padding: 25px 50px;
      margin: 12px auto;
      color: #999;
  }
  
  #upload .arrow {
      /* margin: -1px auto; */
      background-image: url(../img/buttons/arrow.png);
      background-repeat: no-repeat;
      width: 30px;
      height: 40px;
      /* margin-left: -19px; */
      /* margin-top: 75px; */
      float: right;
      position: relative;
      display: block;
      left: 38px;
  }
  
  .saved {
      background-image: url(../img/icons/saved_icon.png);
      background-repeat:no-repeat;
      width: 25px;
      height: 25px;
      margin-left:5px;
      margin-right:5px;
      display:block;
  }
  
  
  
  .arrow-btn {
      background-color:transparent;
      border:none;
      background-image:url(../img/buttons/back.png);
      background-repeat:no-repeat;
      width:100px;
      height:30px;
      display:block;
      text-align:center;
      position:absolute;
      float:left;
      top: 65px;
  }
  
  .arrow-btn:hover {
      background-color:transparent;
      border:none;
      background-image:url(../img/buttons/back_h.png);
      background-repeat:no-repeat;
      width:100px;
      height:30px;
      display:block;
      text-align:center;
      position:absolute;
      float:left;
      top: 65px;
  }
  
  .arrow-btn:hover .text-mid {
      color: #fff;
  }
  
  .content-blocker {
      background: rgba(0,0,0,0.8);
      background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(50%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.8)));
      background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%);
      background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%);
      background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%);
      background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
      width: 100%;
      height: 100%;
      left:0;
      position:absolute;
      z-index: 999;    
  }
  
  .content-blocker .blocker-info {
      margin:0px auto;
      width:500px;
      text-align:center;
      padding-top: 350px;
  }
  
  .content-blocker span {
      text-align:center;
  }
  
  .content-blocker .text-lg,
  .content-blocker .text-mid {
      color:#fff;
      padding: 5px 0px;
  }
  
  
  /*--------setting--------*/
  #setting .content {
      clear:both;
      padding:0;
  }
  .setting-wrap {
      margin:0px auto;
      width:1024px;
  }
  .synchorn-setting {
      margin: 0 auto; 
      width: 550px;
  }
  
  #setting .input-wrap {
      float: left;
      margin-top: 80px;
      width: 512px;
      padding: 0 30px;
  }
  
  #setting .input-wrap .input-group .btn-next:hover {
      color: #F05A1E;
  }
  
  .input-wrap>.sync-info {
      margin-bottom: 20px;
  }
  
  #setting .wrap-left {
      border-right: 1px #c9c9ca solid !important;
      height:512px;
  }
  
  #setting .wrap-right {
      height:512px;
  }
  
  #setting .wrap-right .hz-btn {
      margin-bottom:30px;
      margin-top: 280px;
  }
  
  .input-wrap .input {
      /*--padding:0px 10px;--*/
      float:left;
      margin-bottom: 10px;
  }
  
  .setting-wrap .text-lg {
      padding-bottom:25px;
  }
  
  #setting .setting-wrap .text-mid {
      margin:0px;
      width: 500px;
      padding-bottom:20px;
  }
  
  #setting .input-group .text-mid {
      padding:5px 0;
      width:150px;
  }
  
  #setting .input-group .text-mid-info {
          width:300px;
  }
  
  #register .sub-content .re-m {
      white-space: nowrap;
  }
  
  .checkbox2 {
      margin:0;
      padding-right:15px;
  }
  
  #setting .hz-btn {
      padding:0px;
      margin-bottom:30px;
      width: 500px;
      text-align: center;
  }
  
  #setting .sub-input-group {
      padding-left: 150px;
      display: inline-block;
  }
  
  /*--------footer--------*/
  #page-footer {
      /*background: #000000; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzI3MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #000000 0%, #272727 100%); /* FF3.6+ */
      /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#272727)); /* Chrome,Safari4+ */
      /*background: -webkit-linear-gradient(top, #000000 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
      /*background: -o-linear-gradient(top, #000000 0%,#272727 100%); /* Opera 11.10+ */
      /*background: -ms-linear-gradient(top, #000000 0%,#272727 100%); /* IE10+ */
      /*background: linear-gradient(to bottom, #000000 0%,#272727 100%); /* W3C */
      /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#272727',GradientType=0 ); /* IE6-8 */
      
      /*clear: both;
      width:100%;
      min-width:1280px;
      zoom: 1;
      max-height:90px;
      margin-bottom: 0px;*/
  }
  
  #page-footer .breadcrumb {
      margin:0px auto;
      text-align:center;
      max-width: 615px;
      height: 80px;
      background-color:transparent !important;
      padding-top:20px;
  }
  
  #page-footer .breadcrumb li a{
      font-size:12px !important;
      color: #dfdddd !important;
  }
  
  #page-footer .breadcrumb li a.hover{
      font-size:12px !important;
      color: #F05A1E !important;
  }

  #page-footer .breadcrumb li a:hover{
      text-decoration: underline;
  }
  
  /*--------popup--------*/
  .carousel-arrow {
      float:left;
  }
  
  .left-arrow {
      background-image:url(../img/icons/left_arrow.png);
      background-repeat:no-repeat;
      background-position:center;
      display:block;
      width:110px;
      height:250px;
      margin-top: 200px;
      margin-left: -160px;
      cursor:pointer;
  }
  
  .right-arrow {
      background-image:url(../img/icons/right_arrow.png);
      background-repeat:no-repeat;
      background-position:center;
      display:block;
      width:110px;
      height:250px;
      margin-right: -160px;
      margin-top: 200px;
      margin-left: 160px;
      cursor:pointer;
      float: right;
  }
  
  .modal-body {
      margin:0 auto;
      padding: 20px 16px;
  }
  
  .modal-header {
      border-bottom: 1px solid #c9c9ca !important;    
  }
  
  .modal-dialog {
      top:70px;
      width:auto;
      max-width: 980px;
      min-width: 800px;
      height: auto;
      min-height:600px;
  }
  
  .less-content {
      max-width: 600px !important;
      margin:0px auto;
  }
  
  .more-content {
      max-width: 800px !important;
      margin:0px auto;
  }
  
  button.close {
      background-image:url(../img/icons/close.png);
      background-repeat:no-repeat;
      background-position:center;
      margin-left: 15px;
  }
  
  .modal-content {
      background-image:url(../img/buttons/popup_bg.png);
      margin-bottom:10px;
      margin:0px auto;
      width: auto;
  }
  
  .modal-title {
      color: #373737;
      font-weight:100;
      font-size:21px;
  }
  
  .modal-footer {
      margin:0;
      border: none !important;
      text-align:center;
  }
  
  .modal-footer btn {
      position:relative;
      margin-bottom: 10px;
  }
  
  .languages {
      color:#373737;
      font-size:15px;
  }
  
  .banner-dashboard{
      background-image:url(../img/banner/intro-dashboard.png);
      background-repeat:no-repeat;
      background-position:center;
      padding: 5px 5px;
      display:block-inline;
      width:950px;
      height:550px;
  }
  
  .banner-recordings{
      background-image:url(../img/banner/intro-history.png);
      background-repeat:no-repeat;
      background-position:center;
      padding: 5px 5px;
      display:block-inline;
      width:950px;
      height:550px;
  }
  
  .banner-tracks{
      background-image:url(../img/banner/intro-tracks.png);
      background-repeat:no-repeat;
      background-position:center;
      padding: 5px 5px;
      display:block-inline;
      width:950px;
      height:550px;
  }
  
  .banner-explore{
      background-image:url(../img/banner/intro-explore.png);
      background-repeat:no-repeat;
      background-position:center;
      padding: 5px 5px;
      display:block-inline;
      width:950px;
      height:550px;
  }
  
  /*----------------2014/03/14 Corrupt page add----------------------------------*/
  #page-wrap .corrupt-form {
      padding-top: 20px !important;
  }
  
  #page-wrap .corrupt-info {
      text-align:center;
      margin:50px auto;
      padding-top: 45px;
  }
  
  .corrupt-toolbar-area {
      position: relative;
      width: 965px;
      height: 40px;
      margin: 0 auto;
  }
  
  #page-wrap .corrupt-form .col .left-col {
      background-color: #9D9D9D !important;
  }
  
  #page-wrap .corrupt-form .col-lg-1 .text-sm,
  #page-wrap .corrupt-form .col-lg-1 .text-mid {
      padding: 10px 5px;
  }
  
  .corrupt-form .col {
      width: 436px;
      float:left;
      margin-left: 1px;
  }
  
  .corrupt-form .col-lg-1 {
  margin: 1px 1px;
  width: 436px;
  height: 44px;
  background-color: #c9c9ca;
  display: inline-block;
  }
  
  .corrupt-form .Line-1 .corrupt-form-header {
      width:918px !important;
      background-color: #9D9D9D !important;
  }
  
  .corrupt-form .Line-2,
  .corrupt-form .Line-3,
  .corrupt-form .Line-4,
  .corrupt-form .Line-5 {
      padding-top: 46px;
  }
  
  /*2014/02/24 Charles add register style Start*/
  #landing-index-carousel .row {
      height: 600px;
  }
  
  #landing-index-carousel .col-lg-6 {
      height: 600px;
      /*left: -50px;*/
      width: 50%; 
  }
  
  #landing-index-carousel .carousel-text-area {
      width: 590px;
      min-width: 590px;
      /*height: 300px;*/
      top: 100px;
      text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
      font-size: 21px;
  }
  
  .carousel-text-area .btn {
      background: #c9c9ca; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #c9c9ca 0%, #aaaaab 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9ca), color-stop(100%,#aaaaab)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #c9c9ca 0%,#aaaaab 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9ca', endColorstr='#aaaaab',GradientType=0 ); /* IE6-8 */
      
      color: #373737;
      font-size:18px;
      border: none !important;
      width: auto;
      min-width:230px;
      min-height: 65px;
      margin-top: 30px;
  }
  
  .carousel-text-area .btn:hover {
      background: #aaaaab; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #aaaaab 0%, #c9c9ca 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaab), color-stop(100%,#c9c9ca)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #aaaaab 0%,#c9c9ca 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #aaaaab 0%,#c9c9ca 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #aaaaab 0%,#c9c9ca 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #aaaaab 0%,#c9c9ca 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaab', endColorstr='#c9c9ca',GradientType=0 ); /* IE6-8 */
  }
  
  .carousel-text-area .text-mid {
      margin-top: 10px;
      color:#fff;
  }
  
  .carousel-text-area .text-mid a {
      color: #fff;
  }
  
  .carousel-text-area .text-mid a:hover {
      color: #F05A1E;
      text-decoration:none;
  }
  
  .landing-index-container {
      background-image: url('../img/pic.biker.jpg');
    -moz-background-size: cover; 
      -o-background-size: cover; 
      background-size: cover;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/pic.biker.jpg', sizingMethod='scale'); 
      -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/pic.biker.jpg', sizingMethod='scale')"; 
  }
  #landing-index-carousel .btn-lg {
      width: auto;
  }
  /* Landing Style End*/
  
  /*--------------------------------- CSS Document from Away ---------------------------------*/
  /* CSS Document */
  /*news style*/
  .news-content{
      margin: 0px auto;
      width:100%;
      min-width: 1007px;
      background-image: url(../img/buttons/popup_bg.png);
      /*--overflow: hidden;--*/
  }
  .news-message-bar{
      background-color: #1EAAD9;
      width:100%;
      padding: 6px 15px;
      overflow-y:scroll;
      max-height:305px;
  }
  .news-message-bar a{ color:#fff; text-decoration:none}
  .news-message-bar a:hover{ color:#fff; text-decoration:none}
  .news-message-bar-left{
      float: left;
      width: 90%;
  }
  .news-message-bar-right{
      float: right;
      width: 20px;
  }
  .see-more{
      background-image: url(../img/icons/arrow.png);
      background-repeat: no-repeat;
      background-position: left center;
      text-indent: 22px;
      float: right;
  }
  .news-sub-content{
      margin-right: auto;
      margin-left: auto;
      padding-top: 20px;
      padding-right: 5%;
      padding-bottom: 20px;
      padding-left: 5%;
  }
  .news-sub-content-left{
      float: left;
      width: 69%;
  }
  .back-area{
      height: 34px;
      margin-bottom: 22px;
  }
  .news-back-btn{
      line-height: 30px;
      color: #231815;
      float: left;
      height: 30px;
      width: 100px;
      margin-top: 2px;
      text-align: center;
      display: block;
  }
  .back-area a{
      color:#231815;
      background-image: url(../img/buttons/news_back_btn.png);
      background-repeat: no-repeat;    
      text-decoration:none;
  }
  .back-area a:hover{
      color:#231815;
      text-decoration:none;
      background-image: url(../img/buttons/news_back_btn_h.png);
      background-repeat: no-repeat;
  }
  .search-results{
      height: 34px;
      margin-bottom: 22px;
      line-height: 34px;
      color: #F60;
      font-size: 18px;
  }
  .news-list-group{
      width: 96%;
      background-color: #fff;
      -webkit-box-shadow: 0 0 5px rgba(0,0,0,.11);
      -moz-box-shadow: 0 0 5px rgba(0,0,0,.11);
      box-shadow: 0 0 5px rgba(0,0,0,.11);
      padding: 2%;
      margin-bottom: 12px;
  }
  .news-title{
      font-size: 18px;
      line-height: 22px;
      color: #231815;
      margin-bottom: 5px;
  }
  .news-time{
      font-size: 12px;
      color: #9FA0A0;
      float: right;
  }
  .news-text-con{
      font-size: 15px;
      line-height: 20px;
      color: #6A6A6A;
      padding-right: 2%;
      padding-left: 2%;
      margin-bottom: 5px;
      min-height: 50px;
  }
  .keep-reading{
      color: #231815;
      line-height: 20px;
      background-image: url(../img/icons/keep_reading_arrow.png);
      background-repeat: no-repeat;
      background-position: left center;
      font-size: 12px;
      text-indent: 16px;
  }
  .keep-reading a{ color:#231815; text-decoration:none}
  .keep-reading a:hover{ color:#ff6600; text-decoration:underline}
  .pagetools{
      margin-bottom: 12px;
      width: 100%;
  }
  .page-back{
      width: 11px;
      margin-right: 20px;
      height: 27px;
      float: left;
      padding-top: 10px;
  }
  .page-select-btn{
      float: left;
  }
  .page-next{
      width: 11px;
      margin-left: 20px;
      height: 27px;
      float: left;
      padding-top: 10px;
  }
  .page-number{
      line-height: 37px;
      float: left;
      margin-left: 20px;
      color: #231815;
  }
  .news-sub-content-right{
      float: right;
      width: 30%;
  }
  .search-area{
      margin-bottom: 22px;
  }
  .news-older{
      width: 100%;
      overflow: hidden;
  }
  .news-older a{ color:#231815; text-decoration:none}
  .news-older a:hover{ color:#ff6600; text-decoration:underline}
  .news-year-open{
      font-size: 18px;
      line-height: 30px;
      color: #F60;
      background-image: url(../img/icons/minus-ico.png);
      background-repeat: no-repeat;
      background-position: left center;
      text-indent: 32px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #DFDEDE;
  }
  .news-year-close{
      font-size: 18px;
      line-height: 30px;
      color: #231815;
      background-image: url(../img/icons/plus-ico.png);
      background-repeat: no-repeat;
      background-position: left center;
      text-indent: 32px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #DFDEDE;
  }
  .news-month-open{
      font-size: 12px;
      line-height: 24px;
      color: #F60;
      background-image: url(../img/icons/minus-ico.png);
      background-repeat: no-repeat;
      background-position: left center;
      text-indent: 32px;
      margin-bottom: 4px;
  }
  .news-month-close{
      font-size: 12px;
      line-height: 24px;
      color: #231815;
      background-image: url(../img/icons/plus-ico.png);
      background-repeat: no-repeat;
      background-position: left center;
      text-indent: 32px;
  }
  .news-day{
      font-size: 12px;
      line-height: 16px;
      color: #9FA0A0;
      padding-left: 32px;
      text-align: left;
  }
  .backtotop{
      margin-bottom: 12px;
      width: 96%;
      text-align: right;
  }
  .btn-backtotop{
      border:none;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      background: #c9c9ca; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #c9c9ca 0%, #aaaaab 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9ca), color-stop(100%,#aaaaab)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #c9c9ca 0%,#aaaaab 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9ca', endColorstr='#aaaaab',GradientType=0 ); /* IE6-8 */
      
      color: #373737;
      font-size: 14px;
      height: 30px;
      width: 100px;
      line-height:30px;
  }
  /*End of News style*/
  /*FAQ style*/
  .faq-agent{
      width: 100%;
      margin-bottom: 10px;
      overflow: hidden;
  }
  .faq{
      float: left;
      width: 48%;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 1%;
      height: 45px;
  }
  .center-line{
      width: 1px;
      background-color: #DFDEDE;
      margin-right: 1%;
      margin-left: 1%;
      float: left;
      height: 55px;
  }
  .agent{
      float: right;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-right: 1%;
      width: 49%;
      height: 66px;
  }
  .bigtext{
      float: left;
      font-size: 24px;
      color: #231815;
      line-height: 45px;
  }
  .btnarea{float: right;}
  .btn-faq-agent{
      border:none;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      background: #c9c9ca; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #c9c9ca 0%, #aaaaab 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9ca), color-stop(100%,#aaaaab)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #c9c9ca 0%,#aaaaab 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #c9c9ca 0%,#aaaaab 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9ca', endColorstr='#aaaaab',GradientType=0 ); /* IE6-8 */
      
      color: #373737;
      font-size: 18px;
      height: 45px;
      padding: 10px 10px;
      width: 150px;
  }
  
  .btn-faq-agent:hover {
      background: rgb(55,55,55); /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3MzczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzY5NmE2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: -moz-linear-gradient(top,  rgba(55,55,55,1) 0%, rgba(105,106,106,1) 99%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,55,55,1)), color-stop(99%,rgba(105,106,106,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(55,55,55,1) 0%,rgba(105,106,106,1) 99%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#696a6a',GradientType=0 ); /* IE6-8 */    
      
      color:#fff;
      outline:none;
      border:none;
  }
  
  .manual-title{
      font-size: 24px;
      color: #231815;
      line-height: 40px;
      width: 98%;
      padding-left: 1%;
      padding-right: 1%;
      text-align:center;
  }
  .manual-sub-title{
      font-size: 18px;
      color: #231815;
      line-height: 20px;
      width: 98%;
  }
  .select-device{
      margin:0px auto;
  /*    height: 400px;*/
  /*    width: 1000px;*/
      overflow: hidden;
  }
  .arrow-left{
      float: left;
      height:220px;
      padding-top: 180px;
  }
  .device-area{
      float: left;
      width: 100%;
      overflow: hidden;
  }
  .device-show{
      float: left;
      text-align: center;
      color: #231815;
      width: 225px;
      height:340px;
  }
  .device-show:hover{
      cursor:pointer;
  }
  .arrow-right{
      float: right;
      height:220px;
      padding-top: 180px;
  }
  .device-focus{
      font-size: 16px;
      font-weight: bold;
      color: #F60;
  }
  .pdf-download{
      width: 100%;
      padding-right: 25px;
      padding-left: 25px;
      overflow: hidden;
  }
  .device-arrow{
      height: 23px;
      width: 100%;
  }
  .focus-arrow{
      background-image: url(../img/icons/up_arrow.png);
      background-repeat: no-repeat;
      background-position: center center;
      height: 23px;
      width: 260px;
  }
  .linestyle{
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #DFDEDE;
  }
  .faq-sub-content{
      margin-right: auto;
      margin-left: auto;
      padding-top: 40px;
      padding-right: 5%;
      padding-bottom: 40px;
      padding-left: 5%;
      overflow: hidden;
  }
  /*End of FAQ style*/
  
  #chooseLanguageModal .btn {
      width: 180px;
  }
  
  /*----------------forgot password--------------------*/
  #register .passwoard-wrap {
      width: 500px !important;
  }
  
  #register .forgot-password {
      padding:0px 10px;
      float:left;
      margin-bottom: 50px;
      margin-top: 25px;
  }
  
  #register .forgot-password .text-mid {
      width: 500px;
  }
  
  #register .forgot-password .input-group>.text-mid {
      padding: 7px 0;
      width: 165px;
  }
  
  #register .forgot-password .input-group {
      padding: 10px 0;
      width: 445px;
      height: 50px;
      display: inline-block;
  }
  
  #register .forgot-password .input-group .input {
      float:left;
  }
  
  #register .forgot-password .input-group>.text-sm {
      color:#B51C22;
      padding: 0px 165px;
      height: 10px;
      width: 545px;
  }
  
  /* .motorcycle {
      background-image: url("../img/icons/motorcycle.png");
      background-repeat: no-repeat;
  } */
  .calendar-monthly .motorcycle, .item-motorcycle {
      background-image:url(../img/vic_img/activity-icon-table/motorcycle_gray.png);
      background-repeat:no-repeat;
      background-position: 0px -3px;
      padding-left: 5px;
      display: block;
      width: 113px;
      height:auto;
      min-height:30px;
  }
  .leaflet-popup-content {
      margin: 0px 10px;
  }
  .leaflet-popup-content-wrapper {
      background: rgba(0, 0, 0, 0) url("/assets/aecc26ff/img/buttons/popup_bg.png") repeat scroll 0% 0%;
  }
  
  .tour_list_poi_icon {
      background-image: url(../img/icons/tours_list_poi.png);
      background-repeat: no-repeat;
      display: block;
      width: 22px;
      height: 22px;
      
  }
  .map_marker_outer.custom
  {
      color: #414141;
      background: #414141;
      border: 2px solid #414141;
      background-image: url("../img/custom_on.png");
  }
  .map_marker_outer.spot
  {
      color: #038850;
      background: #038850;
      border: 2px solid #038850;
      background-image: url("../img/tour_spots_on.png");
  }
  .map_marker_outer.hotel
  {
      color: #E93434;
      background: #E93434;
      border: 2px solid #E93434;
      background-image: url("../img/lodging_on.png");
  }
  .map_marker_outer.transport
  {
      color: #2170D8;
      background: #2170D8;
      border: 2px solid #2170D8;
      background-image: url("../img/transport_on.png");
  }
  .map_marker_outer.food
  {
      color: #F9A506;
      background: #F9A506;
      border: 2px solid #F9A506;
      background-image: url("../img/foods_on.png");
  }
  
  .detailpage.open_right {
      width: 26px;
      height: 126px;
      border-bottom: 26px solid transparent;
      border-radius: 0 0 0;
      border-left: 26px solid #9D9D9D;
      display: inline-block;
      float:right;
      pointer-events: auto;
      cursor:pointer;
  }
  
  .detailpage.arrow-left_collaspe {
      /* width: 20px; */
      /* height: 10px; */
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 10px solid #4A4A4A;
      margin-left: -20px;
      margin-top: 51px;
      display: inline-block;
  }
  .detailpage.arrow-right_expand {
      /* width: 20px; */
      /* height: 10px; */
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left: 10px solid #4A4A4A;
      margin-left: -20px;
      margin-top: 51px;
      display: inline-block;
  }
  
  .detailpage.poi_list_container
  {
      width:calc(100% - 26px);
      border:2px solid #DEDEDE;
      min-height:560px;
      background:white;
      font-size:12px;
      text-align:center;
      color:white;
      pointer-events: auto;
  }
  
  .detailpage.poi_list_container .tab
  {
      background-color: #efefef;
  }
  
  .detailpage.poi_list_container .tab a
  {
      padding:8px;
      display:block;
      font-weight:bold;
      text-decoration:none;
      color: #494949;
      font-family: Arial;
      font-size: 14px;
      font-weight: 700;
      
      text-align: center;
  }
  
  .rectangle_d {
    background-color: #9D9D9D;
    border-radius: 0 0 0;
    width: 26px;
    height: 126px;
  }
  
  .detailpage.poi_list_container #poi_lists
  {
      height: 520px;
      /*border: 1px solid red;*/
      overflow: auto;
  }
  
  
  .detailpage.poi_item {
      padding: 2px;
      margin-bottom: 0px;
      /* margin-right: 0px; */
      /* display: block; */
      height: 65px;
      /*width: 328px;*/
      background-color: transparent;
      /* color: #1b1b1b; */
      /* font-size: 13px; */
      /* background-color: #D8D8D8; */
      /* left: 0; */
  }
  .detailpage.poi_photo {
      margin-top: 0px;
      /* margin-left: 12px; */
      /* margin-bottom: 0px; */
      /* margin-right: 0px; */
      display: block;
      width: auto;
      height: 66px;
      width: 66px;
      background-color: transparent;
      /* color: #1b1b1b; */
      /* font-size: 13px; */
      /* background-color: #D8D8D8; */
      /* left: 0; */
      padding-top: 0px;
      margin-left: 6px;
  }
  
  .detailpage.poi_img {
      width: 66px;
      height: 66px;
      /*max-width: 100%;
      max-height: 100%;*/
      object-fit: cover;
  }
  .detailpage.poi_title_icon {
      margin-top: -61px;
      margin-left: 56px;
      margin-bottom: 0;
      border-radius: 50%;
      /* margin-right: 0px; */
      display: block;
      background-color: #358cd1;
      /* color: #1b1b1b; */
      /* font-size: 13px; */
      margin-top: -66px;
      margin-left: 85px;
      margin-bottom: 0;
      /* margin-right: 0px; */
      display: block;
      height: 12px;
      width: 12px;
      background-color: #358cd1;
      /* color: #1b1b1b; */
      /* font-size: 13px; */
      /* background-color: #D8D8D8; */
  }
  
  .detailpage.poi_title_icon.custom
  {
      background-color:#414141;
  }
  
  .detailpage.poi_title_icon.spot
  {
      background-color:#038850;
  }
  .detailpage.poi_title_icon.hotel
  {
      background-color:#E93434
  }
  
  .detailpage.poi_title_icon.transport
  {
      background-color:#2170D8
  }
  
  .detailpage.poi_title_icon.transport
  {
      background-color:#2170D8
  }
  .detailpage.poi_title_icon.food
  {
      background-color:#F9A506
  }
  
  .detailpage.poi_title {
      margin-top: -14px;
      margin-left: 106px;
      /* margin-bottom: 0px; */
      /* margin-right: 0px; */
      color: #2a2a2a;
      font-weight: bold;
      text-align: left;
      display: block;
      height: 20px;
      /*width: 208px;*/
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      /* background-color: rgb(143, 29, 29); */
      /* font-size: 13px; */
      /* background-color: #D8D8D8; */
  }
  .detailpage.poi_title a
  {
      color:#2a2a2a;
      text-decoration: underline;
  }
  .detailpage.poi_title a:hover
  {
      color:black;
      text-decoration: underline;
  }
  
  .detailpage.poi_description {
      text-align: left;
      margin-top: 1px;
      margin-left: 85px;
      font-size: xx-small;
      letter-spacing: 1px;
      display: block;
      color: #2a2a2a;
      height: 70%;
      width: 67%;
      text-overflow: ellipsis;
      overflow: hidden;
      /* background-color: rgb(190, 128, 128); */
      /* font-size: 13px; */
      /* background-color: #D8D8D8; */
      /* left: 0; */
  }
  
  .detailpage.poi_list_container ul
  {
      padding-left: 0px;
      margin-bottom: 0px;
  }
  
  
  .detailpage.map_marker_outer {
      transform: perspective(16px) rotateX(8deg) rotateZ(-45deg);
      transform-origin: 50% 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      width: 20px;
      height: 20px;
      border-radius: 24px;
      z-index: 1000;
  }
  
  #poi_lists li.list-group-item:hover
  {
      background-color: rgb(239, 239, 239);
  }