/*--------general setting--------*/
@font-face {
    font-family: "Metronic Pro";
    src: url('../fonts/MetronicProRegular.woff') format('woff'), url('../../fonts/MetronicProRegular.woff') format('truetype'), url('../../fonts/MetronicProRegular.woff') format('embedded-opentype'), url('../fonts/MetronicProRegular.woff') format('svg');
    font-weight: 400;
    font-style: normal;
  }
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;
  font-family: "Metronic Pro", "Noto Sans TC", "Verdana", "Arial Unicode MS", "microsoft jhenghei", "microsoft mhei", stheititc, sans-serif !important;	
  background: #333;
  font-size: 16px;
}


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: #F05A1E !important;
	color: #fff;
	font-size: 16px;
}
.btn-primary:hover, .btn-primary:active{
	background: #CD4300 !important;
}
.btn-dark{background: #525252 !important;}
.btn-dark:hover, .btn-dark:active{
	background: #383838 !important;
}

.btn {
    background-color: #c9c9ca;
}

.text-xlg {
    color: #373737;
    font-size:24px;
}

.text-lg {
    color: #373737;
    font-size:18px;
}

.text-mid {
    color: #373737;
    font-size:15px;
}

.text-sm {
    color: #373737;
    font-size:12px;
}

.btn-st-v2 {
    border:none;
    border-radius: 5px;
    color: #FFF;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
    min-width:115px;
    width: auto;
    height: 45px;
    padding: 5px 10px;
    background-color: #999;
}

.btn-st-v2:hover, .btn-st:active {
    background-color: #525252;
}

.btn-st-v3 {
    border:none;
    border-radius: 5px;
    color: black;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
    min-width:115px;
    width: auto;
    height: 45px;
    padding: 5px 10px;
    background-color: #c8c8c8;
}

.btn-st-v3:hover {
    background-color: #7E7E7E;
}

.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: 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 */

    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;
}

.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/check-icon.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: #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;
    outline:none !important;
}

.btn-group .btn:hover, .btn-group .btn .active, .ps-btn-group .btn:hover: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;
    font-size:18px;
    border: none !important;
    outline:none !important;
}

.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:#272727;
    margin-top:5px;
    z-index:1001;
}

.dropdown-menu li, .dashboard-content>.dropdown-menu li{
    padding:0;
    margin:0;
}

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

.dropdown-menu li a:active{
    color:#F05A1E;
    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;
}

.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;
}

#header{
	height: 60px;
	margin: 0 auto;
	background: #333333;
	margin-top: 70px;
}
#header .navbar{
	height: 60px;
	max-width: 1320px;
	margin: 0 auto;
}
#header .logo img{
	margin: 13px;
}

#page-header .banLogo{
	float: left;
}

#page-header .banNav{
	display: inline-block;
	margin-top: 5px;
}
#page-header .navbar-nav .nav-item.active a{color:#F05A1E;}

#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;
}
.navbar-nav, ul.acco {
    list-style: none;
}
ul.acco{margin-left: -40px;}
ul.acco .nav-link{padding-bottom:15px;}
.nav-link {
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-link:hover, .nav-link:active{
	color: #f05a1e;
	text-decoration: none;
}

.avatar {
    height: 34px;
    width: 34px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}

.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;
}

#page-header .topTools{
	/*padding: 0 5px;
	width: auto;*/
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 0px;
    list-style: none;
}
#page-header .topTools>li {
	float: left;
	padding: 8px 10px;
	text-align: center;
	cursor: pointer;
}
#page-header .topTools>li a{
	display: inline-block;
	color: #FFF;
    font-size: 16px;
    /*margin: 5px 0px;*/
    width: auto;
    max-width: 180px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    text-align: left;
}
#page-header .topTools>li a:hover{
	text-decoration: none;
}
#page-header .topTools>li .btn{
	padding: 0 18px;
}

.ST-wrap {
    position: relative;
    float: left;
}
.ST::after {
    content: '';
    display: block;
    height: 13px;
    width: 13px;
    background: #DBDBDD;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    right: -5px;
}
.notice .ST::after {
    background: #F33737;
}

#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 .nav-tem to avoid overwrite original dropdown-toggle class */
.nav-item .dropdown-toggle::after {
    display: inline-block;
    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: none !important;
    border-color:inherit;
    font-size:15px;
    height: 35px;
    width: auto;
    float:left;
    margin: 0;
}

.date-switch .back-btn .btn-st:hover, .btn-st.active,
.toolbar-area .back-btn .btn-st:hover, .btn-st.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 */

    color:#FFF;
    border:none;
    outline:none;
}

.date-switch .dropdown {
    padding: 0px 10px;
    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:0;    
}
.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:25px;
    font-weight:bold;
    padding:0px 8px;
}

.rec-breadcrumb .text-date-grayout {
    color: #9D9D9D;
    font-size:25px;
    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;
}

#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 {
    background-color:#65432F !important;
    color:#fff;
    outline:none;
}

/*--------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 1px;
}

.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: #9D9D9D;
}

.calendar-monthly .row-date .col-lg-1 {
    float:left;
    width:115px;
    height:45px;
    background-color: #9D9D9D;
    padding-top:20px;
}

.calendar-monthly .row-date .col-lg-2 {
    float:left;
    margin:0px;
    width:200px;
    height:45px;
    display: inline-block;
    padding:0px;
}

.calendar-monthly .switch-navbar {
    padding:0px;
    margin:0px;
    width:201px;
    height:45px;
    list-style-type:none;
}

.calendar-monthly .switch-navbar li {
    width:48px;
    height:45px;
    margin-left: 2px;
    background-color: #9D9D9D;
    float:left;
}

.calendar-monthly .switch-navbar li:hover {
    background-color: #c9c9ca;
    cursor:pointer;
}

.calendar-monthly .switch-navbar li a:active, a:selcted, a:visited  {
    outline:none;
    border:none;
}

.distance-switch {
    background-image:url(../img/icons/s_dis_index.png);
    background-repeat:no-repeat;
    background-position:center;
    width:48px;
    height:45px;
    display: block;
}

.distance-switch:hover, .distance-switch .active {
    background-image:url(../img/icons/s_dis_index_h.png);
    background-color: #c9c9ca;
    outline:none;
}

.calorise-switch {
    background-image:url(../img/icons/s_cal_index.png);
    background-repeat:no-repeat;
    background-position:center;
    width:48px;
    height:45px;
    display: block;
}

.calorise-switch:hover, .calorise-switch .active {
    background-image:url(../img/icons/s_cal_index_h.png);
    outline:none;
}

.actime-switch {
    background-image:url(../img/icons/s_time_index.png);
    background-repeat:no-repeat;
    background-position:center;
    width:48px;
    height:45px;
    display: block;
}

.actime-switch:hover, .actime-switch .active {
    background-image:url(../img/icons/s_time_index_h.png);
    outline:none;
}

.ascent-switch {
    background-image:url(../img/icons/s_Ascent_index.png);
    background-repeat:no-repeat;
    background-position:center;
    width:49px;
    height:45px;
    display: block;
}

.ascent-switch:hover, .ascent-switch .active {
    background-image:url(../img/icons/s_Ascent_index_h.png);
    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;
    width:126px;
    height:100px;
    background-color: #c9c9ca;
}

.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: #9D9D9D !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: #9D9D9D !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: #9D9D9D !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: #9D9D9D !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: #9D9D9D !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: #9D9D9D !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: #9D9D9D !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: #9D9D9D !important;
}

.text-title {
    color: #373737;
    font-size:15px;
    text-align:center;
    margin-top:60px;
    word-break: break-word;
}

.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;
    background-color:#c9c9ca;
    width:76px;
    height:130px;
    margin:1px 1px;
    overflow:hidden;
}

.calendar-monthly .row1 .col-lg-1 {
    float:left;
    background-color:#c9c9ca;
    width:115px;
    height:100px;
    margin:1px 1px;
}

.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:#c9c9ca;
    width:200px;
    height:100px;
    margin:1px 1px;
    padding: 0;
    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:#c9c9ca;
    width:126px;
    height:100px;
    margin:1px 1px;
    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: #F05A1E;
    height:100%;
}

.calendar-monthly .c-bike, .item-c-bike {
    background-image:url(../img/icons/c-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/icons/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/icons/r-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/icons/m-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-m-bike, .item-e-m-bike {
    background-image:url(../img/icons/ebike_mountain_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;
}

.calendar-monthly .indoor, .item-indoor {
    background-image:url(../img/icons/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: #F05A1E;
    width:100%;
}

.record .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: 220px;
    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;   
}

.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: #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 */
    
    border:none;
    height: 34px;
    width:34px;
    padding:0;    
}

.btn-search: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 */

    
    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: 20px;
    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;
    padding-left:0px;
    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--------*/
/* overwrite */
.content {
    /* comment this */
    /* 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: 960px;
    position: relative;
    margin-bottom: 30px;
    display:block;
}

.tracks-table .col-lg-1 {
    margin: 1px 1px;
    width: 183px;
    height: 44px;
    background-color: #c9c9ca;
    display:inline-block;
}

.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: #9D9D9D;
}

.tracks-table .col {
    width: 183px;
    float:left;
    margin-left: 1px;
}

.tracks-table .top-col,
.corrupt-form .top-col{
    background-color: #9D9D9D;
    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;
}

#upload .file-btn .btn-st-v2 {
    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;
}

/*--------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/icons/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);
}

/*-------------------Midea---------------------*/
@media (min-width: 768px){
    .navbar-nav > li > a {
        padding-right: 35px;
        font-size: 1.7rem;
        color: #fff;
    }
    .EMBED_light_box .demo-list{overflow-x: hidden;}
    .EMBED_light_box .demo-list a{
        position: relative;
        display: inline-block;
    }
    .EMBED_light_box .demo-list a span.tt{
        position: absolute;
        right: 10px;
        bottom: 10px;
        font-size: 13px;
        color: #fff;
    }
    .EMBED_light_box .js-smartPhoto img, 
    .EMBED_light_box .js-smartPhoto-fit img, 
    .EMBED_light_box .js-smartPhoto-hide img, 
    .EMBED_light_box .js-smartPhoto2 img {
        height: 150px;
    }
    .EMBED_light_box .bh-photo-grid-thumb-more-inner {
        position: absolute;
        top: 0;
        color: #fff;
        font-size: 1.8rem;
        padding: 28%;
        height: 150px;
        width: 100%;
        background-color: rgba(0,0,0,0.40);
    }
    
}
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}
@media (max-width: 767px) {
    .navbar {padding-top:0px;}
}