/* /\/\/\/\/\/\/\/\/ DESKTOP STYLES /\/\/\/\/\/\/\/\/ */

html {
    position: relative;
}

body {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    background-color: #FFF;
    overflow-y: scroll;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    border-collapse: collapse;
    -webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #626262;
    text-decoration: none;
}

.blue, a.blue {
    color: #08F;
}

img, fieldset {
    border: 0;
}

ul, ol, li, figure, figcaption {
    margin: 0;
    padding: 0;
    list-style: none;
}

.no-scroll {
    overflow: hidden;
}

.nowrap {
    display: block;
}

#scroll-to-top {
    position: fixed;
    bottom: 42px;
    right: 12px;
    padding: 10px 12px 12px 12px;
    color: white;
    font-size: 22px;
    background-color: rgba(0, 0, 0, 0.47);
    border-radius: 4px;
}

/* Configure Font */


/* Clearfix */

.cf {
    *zoom: 1;
}

.cf:before, .cf:after {
    display: table;
    content: "";
}

.cf:after {
    clear: both;
}

.user-select-none {
    -webkit-user-select: none; /* Webkit */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10  */
    -o-user-select: none;
    user-select: none;
}

/* Center */

.ct {
    width: 980px;
    padding: 0;
    margin: 32px auto;
}

.ct-nomarg {
    width: 980px;
    padding: 0;
    margin: 0 auto;
}

/**/

/* Make clicks pass-through */
#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    width: 100%;
    height: 2px;
    background: #e38;
    position: fixed;
    z-index: 1031;
    top: 42px;
    left: 0;
}

/* Fancy blur effect */
#nprogress .peg {

    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    /* box-shadow: 0 0 10px #CA3278, 0 0 5px #CA3278; */
    opacity: 1.0;

    /*
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
    */
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 4px;
    right: 4px;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;

    border: solid 2px transparent;
    border-top-color: #fff;
    border-left-color: #fff;
    border-radius: 50%;

    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

@-webkit-keyframes nprogress-spinner {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/**/
#masterhead {
    height: 44px;
    padding: 0 32px;
    border-bottom: rgba(9, 126, 47, 0.72) solid 1px;
}

#masterhead nav.left {
    display: block;
    line-height: 42px;

}

#masterhead nav.right {
    display: block;
    padding-top: 8px;
    text-align: right;
    float: right;
}

#masterhead a.logo-white {
    display: block;
    width: 50px;
    height: 24px;
    margin: 10px 18px 0 0;
    background: url('/i/ic/logo_tyxo_counter_v3.png') no-repeat;
    background-size: cover;
    float: left;
}


#masterhead ul.tabs {
    display: block;
    float: left;
}

#masterhead ul.tabs li {
    display: block;
    float: left;
}

#masterhead ul.tabs li a {
    display: block;
    padding: 0 12px;
    color: #eee;
    line-height: 44px;
    font-size: 15px;
}

#masterhead ul.tabs li:last-child a {
    padding-right: 0;
}

#masterhead ul.tabs li a.dark-active {
    background-color: #585858;
}

#masterhead ul.tabs li a:hover {
    color: #fff;
}

#masterhead ul.auth-links {

}

#masterhead nav.right .inline {
    display: inline-block;
}

#masterhead nav.right .layer {
    padding: 0 12px;
    font-size: 13px;
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid;
}

#masterhead nav.right .or {
    padding: 0 1px;
    color: #585858;
}

#masterhead nav.right .layer:hover {
    text-decoration: underline;
}

#masterhead nav.right .layer.login {
    color: #f1f1f1;
    background-color: black;
    border-color: black;
}

#masterhead nav.right .layer.signup {
    color: #f1f1f1;
    border-color: #f1f1f1;
}

.grad-green {
    background: #34be66; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#34be66, #31b55c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#34be66, #31b55c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#34be66, #31b55c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#34be66, #31b55c); /* Standard syntax */
}


h2.horizontal-title {
    position: relative;
    height: 14px;
    margin: 38px 0;
    text-align: center;
    border-bottom: #ccc dashed 1px;
}

h2.horizontal-title b {
    display: inline-block;
    padding: 0 16px;
    height: 32px;
    color: #5A5A5A;
    font-size: 18px;
    font-weight: 600;
    background-color: #fff;
}

.subheader {
    height: 38px;
    background-color: #F7F7F7;
    border-bottom: #EAEAEA solid 1px;
}

.subheader h2 {
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.subheader.darker {
    background-color: #DADADA;
    border-bottom: #BFBFBF solid 1px;
}

.subheader.darker h2 {
    color: #5A5A5A;
}

ul.nav-subber {
    margin: 0 16px;
}

ul.nav-subber li {
    display: inline;
    margin-right: 22px;
}

ul.nav-subber li:last-child {
    margin-right: 0;
}

ul.nav-subber li a, ul.nav-subber li p {
    display: inline-block;
    height: 37px;
    line-height: 37px;
    color: #B3B3B3;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
}

ul.nav-subber li p {
    color: #222;
}

ul.nav-subber li a:hover, ul.nav-subber li a.active {
    color: #222;
    border-bottom-color: #ff5252;
}


/**/


ul.nav-sub-prime {
    margin: 0 16px;
}

ul.nav-sub-prime li {
    display: inline;
    margin-right: 22px;
}

ul.nav-sub-prime li:last-child {
    margin-right: 0;
}

ul.nav-sub-prime li a, ul.nav-sub-prime li p {
    display: inline-block;
    height: 37px;
    line-height: 37px;
    color: #444;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
}

ul.nav-sub-prime li p {
    color: #222;
}

ul.nav-sub-prime li a:hover, ul.nav-sub-prime li a.active {
    color: #222;
    border-bottom-color: #222;
}


/**/

.centered {
    width: 860px;
    margin: 0 auto;
}

.domain-title {
    margin: 32px 0 16px 0;
    padding-bottom: 8px;
    text-align: center;
}

.domain-title .sitetitle {
    display: inline;
    height: 28px;
    line-height: 28px;
}

.domain-title .sitetitle .ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-color: #fff;
    background-size: cover;
}

.domain-title .sitetitle h2 {
    display: inline-block;
    color: #676767;
    font-weight: 300;
    font-size: 26px;
}

.quick-status-bar {
    padding: 8px 0;
    margin: 18px 0 0 0;
    border-top: #DCDCDC solid 1px;
    border-bottom: #DCDCDC solid 1px;
}

.quick-status-bar .col {
    display: inline-block;
    width: 19.5%;
    height: 44px;
    padding: 0 8px;
    text-align: center;
    border-right: #DCDCDC solid 1px;
}

.quick-status-bar .col:last-child {
    border-right: 0;
}

.quick-status-bar .col h3 {
    color: #636363;
    font-size: 14px;
    font-weight: 300;
}
.quick-status-bar .col h4 {
    color: #ccc;
    font-size: 14px;
    font-weight: 300;
}

.quick-status-bar .col .status-line {
    display: block;
    height: 4px;
    margin: 6px 0;
    border-radius: 4px;
}

.quick-status-bar .col .status-line.color-normal {
    background-color: #3EC375;
}

.quick-status-bar .col .status-line.color-red {
    background-color: #E91E63;
}

.quick-status-bar .col .status-line.color-yellow {
    background-color: #FFBB3A;
}


/**/

.live-table {
    padding: 8px 0;
    border-top: #DCDCDC solid 1px;
    border-bottom: #DCDCDC solid 1px;
}

.live-table .col {
    display: inline-block;
    width: 19.5%;
    height: 68px;
    padding: 0 8px;
    text-align: center;
    border-right: #EFEFEF solid 1px;
}

.live-table .col:last-child {
    border-right: 0;
}

.live-table .col h3 {
    padding: 4px 0;
    color: #444;
    font-size: 32px;
    font-weight: 300;
    border-bottom: #ccc solid 2px;
}

.live-table .col h3.green {
    color: #3EC375;
}

.live-table .col h4 {
    padding-top: 4px;
    color: #999;
    font-size: 14px;
    font-weight: 300;
}

.live-table .col .status-line {
    display: block;
    height: 4px;
    margin: 6px 0;
    border-radius: 4px;
}

h6.small {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
}

/**/
.quick-today-live {
    margin-top: 32px;
}

.quick-today-live h2.top {
    display: block;
    font-weight: 300;
    margin-bottom: 8px;
}

.small-text {
    margin-top: 4px;
}

.small-text .left {
    float: left;
}

.small-text .right {
    float: right;
}

.small-text a.s {
    font-size: 11px;
    color: #A2A2A2;
    text-decoration: underline;
}

/**/
.stats-hour {}

.stats-hour h2 {
    display: block;
    font-weight: 300;
    margin-bottom: 8px;
}


.stats-hour table {
    width: 100%;
    margin-top: 32px;
}

.stats-hour table td {
    padding: 10px 0;
    font-size: 16px;
    border-right: rgba(74, 151, 157, 0.15) solid 1px;
    border-bottom: rgba(74, 151, 157, 0.15) solid 1px;
}

.stats-hour table td:first-child {
    padding-left: 10px;
    border-left: rgba(74, 151, 157, 0.15) solid 1px;
}

.stats-hour table tr:first-child {
    color: #4A979D;
    font-weight: 600;
    background-color: #F6FBFB;
    border-top: #4A979D solid 2px;
}

.stats-hour table tr.c {
    text-align: center;
}

.stats-hour table td.text-left {
    text-align: left;
}

.stats-hour table .num {
    color: #808080;
    font-size: 20px;
    font-weight: 600;
}

.stats-hour table .compare {
    margin: 0 8px 4px 8px;
    padding-bottom: 4px;
    font-size: 13px;
    border-bottom: #ccc solid 1px;
}

.stats-hour table .compare i {
    margin-right: 4px;
}

.stats-hour table .small-num {
    display: block;
    color: #808080;
    font-size: 13px;
    font-weight: 400;
}

.stats-hour table .compare.up {
    color: green;
}

.stats-hour table .compare.down {
    color: #B50E46;
}

/**/

ul.devices-legend {
    margin: 16px 0 4px 0;
}

ul.devices-legend li {
    display: inline;
    margin-right: 8px;
}

ul.devices-legend li i {
    margin-right: 4px;
}

ul.devices-legend li.mobile {
    color: #3EC375;
}

ul.devices-legend li.tablet {
    color: #FF8F8F;
}

ul.devices-legend li.desktop {
    color: #0088FF;
}

table.devices-chart {
    width: 100%;
}

table.devices-chart tr {
    height: 22px;
    color: #fff;
    text-align: center;
}

table.devices-chart td.mobile {
    background-color: #3EC375;
}

table.devices-chart td.tablet {
    background-color: #FF8F8F;
}

table.devices-chart td.desktop {
    background-color: #0088FF;
}



/**/
.page-title {
    margin: 32px 0;
    text-align: center;
}

.page-title h1 {
    font-weight: 300;
    font-size: 28px;
    color: #5A5A5A;
}

.page-title h3 {
    margin-top: 2px;
    font-weight: 300;
    font-size: 14px;
    color: #C1C1C1;
}


/**/

table.gstats {
    width: 100%;
    color: #3A3A3A;
    font-size: 14px;
    font-weight: 400;
}

table.gstats th {
    padding: 16px 10px;
    text-align: center;
    border-right: rgba(74, 151, 157, 0.15) solid 1px;
}

table.gstats tr:first-child {
    background-color: #F6FBFB;
    border-top: #4A979D solid 2px;
    border-left: rgba(74, 151, 157, 0.15) solid 1px;
    border-bottom: rgba(74, 151, 157, 0.15) solid 1px;
}

table.gstats tr {
    border-left: #DEDEDE solid 1px;
    border-bottom: #DEDEDE solid 1px;
}


table.gstats tr.sunday {
    background-color: #FFE6E6;
}

table.gstats tr.saturday {
    background-color: aliceblue;
}

table.gstats tr:nth-child(even) {
    background-color: #f1f1f1;
}

table.gstats tr:hover {
    background-color: #ccc;
}

table.gstats td {
    padding: 12px 10px;
    text-align: center;
    border-right: #DEDEDE solid 1px;
}

table.gstats .tleft {
    text-align: left;
}

table.gstats span.num {
    font-size: 17px;
}

.gpaginator {
    margin: 32px 0;
    text-align: center;
}

.gpaginator ul {}

.gpaginator ul li {
    display: inline;
    margin-right: 8px;
}

.gpaginator ul li a {
    display: inline-block;
    padding: 6px 10px;
    font-weight: 400;
    background-color: #EAEAEA;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.gpaginator ul li a:hover {
    border-color: #444;
}

.gpaginator ul li span.active {
    display: inline-block;
    padding: 6px 10px;
    color: #000;
    font-weight: 400;
    background-color: #FFFFFF;
    border: 1px solid #0FB38D;
    border-radius: 3px;
}


/**/
ul.lvisitor {}

ul.lvisitor li {
    display: block;
    padding: 8px;
    margin-bottom: 16px;
    border-left: solid 2px;
}

ul.lvisitor li.blue {
    border-left-color: #5CC3CC;
    background-color: #eef9f9;
}

ul.lvisitor li.blue:hover {
    border-left-color: #41A2AB;
}

ul.lvisitor li table {
    width: 100%;
    table-layout: fixed;
}

ul.lvisitor li table tr {
    height:1em;
}

ul.lvisitor li table td {
    white-space:nowrap;
    overflow:hidden;
}

ul.lvisitor li table tr td:first-child {
    font-size: 12px;
    font-weight: 300;
}

ul.lvisitor li.blue table tr td {
    padding: 2px 0;
    color: #2e8c94;
}

ul.lvisitor li.blue table a {
    color: #2e8c94;
    text-decoration: underline;
}

ul.lvisitor li.blue table a:hover {
    color: #0E545A;
}

ul.lvisitor li.blue table tr td:first-child {
    color: #8ec2c6;
}

/**/

.bar-get-started {
    padding: 24px 0;
    margin-top: 32px;
    text-align: center;
}

.bar-get-started.green {
    background-color: #40ac5a;
}

.bar-get-started.red {
    background-color: #ff5252;
}

.bar-get-started h2 {
    margin-bottom: 8px;
    color: #fff;
    font-size: 28px;
}

.bar-get-started h3 {
    color: #fff;
    font-weight: 300;
}

.bar-get-started .button-get-strted {
    display: block;
    width: 220px;
    height: 38px;
    line-height: 36px;
    margin: 12px auto 0 auto;
    font-weight: 600;
    color: #222;
    background-color: #FDFDFD;
    border: #BFBFBF solid 1px;
    border-radius: 4px;
}



/**/
footer.index {
    padding: 32px 0;
}

footer.index.darkblue {
    background-color: #293f46;
}

footer.index ul.links {
    text-align: center;
}

footer.index ul.links li {
    display: inline;
    margin: 0 .75em;
}

footer.index ul.links li a {
    color: #5F5F5F;
    border-bottom-color: #5F5F5F;
}

footer.index.darkblue ul.links li a {
    color: #A3AEB1;
    border-bottom-color: rgba(163,174,171,0);
}

footer.index  ul.links li a:hover {
    border-bottom-color: #4F4F4F;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

footer.index.darkblue ul.links li a:hover {
    border-bottom-color: rgba(163,174,171,.5);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

footer.index p.copyright {
    margin-top: 16px;
    color: #A3AEB1;
    text-align: center;
}


footer.index h1.personal {
    color: #fff;
    text-align: center;
}


footer.index .mtext {
    width: 640px;
    margin: 42px auto;
}

footer.index .mtext p {
    padding-bottom: 16px;
    line-height: 24px;
    color: #ccc;
    font-size: 18px;
}

footer.index .mtext p:last-child {
    padding-bottom: 0;
}

footer.index .mtext p a {
    color: #ccc;
    text-decoration: underline;
}

footer.index .button-container {
    margin-bottom: 64px;
    text-align: center;
}