body {
	/* padding-top: 80px; */
}

a,
a:hover,
a:focus {
    color:#003566
}

.top-nav-logo,
.vianet-mobile-logo,
.lazyload {
    color:#333
}

.footer .sr-only {
    color:#f8f8f8;
    font-weight:normal;
}

button:focus,
button:active,
button:hover {
    outline:0!important;
    -webkit-appearance:none
}

.ol-list-group {
    padding-left:20px;
}

.nav .dropdown a:hover {
	border-radius: 0;
}

.nav .dropdown-menu {
    background-color: #004280;
   	border: none;
}

.nav .dropdown-header {
	color: #85A8D5;
}

.caret {
    color:#f55f23
}

.well .list-group {
    background-color:transparent
}

.well .list-group-item {
    background-color:transparent;
    border:0;
    padding:3px
}

.table-bordered td,
.table-bordered th {
    border:1px solid #e4e4e4!important
}

table.table-bordered.dataTable {
    border-collapse:collapse!important
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color:#004280
}

::-ms-clear {
    display:none!important
}

.glyphicon-orange,
.glyphicons-orange {
	color:#f55f23;
}

.glyphicon-green {
	color: #5cb85c;
}

.glyphicon-red {
	color: #d9534f;
}

.x3b {
    font-size:4em;
    margin-top:10px
}

.btn-xs .glyphicons-info-sign {
    margin-top:2px
}

.btn-default {
	background-color: #e0e0e0;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.open .dropdown-toggle.btn-primary {
    background-color:#004280;
    border-color:transparent;
    -webkit-box-shadow:none;
    -webkit-focus-ring-color:none
}

.btn-primary:hover {
    background-color:#003369;
    border-color:transparent;
    -webkit-box-shadow:none;
    -webkit-focus-ring-color:none
}

.btn-bundle {
    background-color:#f55f23;
}

.btn-split,
.btn-split:hover {
    border-left:1px solid #003669
}
#top-nav a:active:focus:not(.navbar-brand),
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    background-color:#003669;
    border-color:#00305e;
    color:#f8f8f8
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color:#f2f2f2; 
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.pagination>li>a:focus {
    outline:0
}

.collapsing {
    -webkit-transition:none;
    transition:none
}

.pagination>li>a,
.pagination>li>span {
    color:#003566
}

.pagination .active .prev,
.pagination .active .next,
.pagination .active:hover .prev,
.pagination .active:hover .next {
    background-color:#fff!important;
    border-color:#e4e4e4!important;
    color:#333
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color:#004280;
    border-color:transparent
}

.glyphicon-search {
    color:#f55f23!important
}

.pac-container {
    z-index:1051!important
}

.firefoxandroid .pac-container .pac-item:first-child {
    margin-top:20px
}

.sr-only {
    color:#333
}

.btn .sr-only {
    color:#f8f8f8
}

.navbar-no-scroll,
.modal-open {
    height:100%!important;
    overflow:hidden!important
}

.panel-default {
    border-color:#e4e4e4
}

.panel-heading {
    background-color:#f2f2f2;
}

.panel-default > .panel-heading {
	background-color: #e8e8e8;
}

.panel-primary > .panel-heading {
	background-color: #0053a0; 
}

.panel-success > .panel-heading {
	background-color: #d0e9c6;
}

.panel-info > .panel-heading {
	background-color: #c4e3f3;
}

.panel-warning > .panel-heading {
	background-color: #faf2cc;
}

.panel-danger > .panel-heading {
	background-color: #ebcccc;
}

.panel-body a .glyphicons-info-sign,
.modal a#no-landline .glyphicons-info-sign {
    color:#003566
}

a.panel-heading-disabled {
    color:#333;
    text-decoration:none!important
}

header {
    background-color:#0053a0;
    border-bottom:1px solid #004280
}

header a {
    color:#f8f8f8
}

header img {
    margin-top:4px
}

header .btn {
    border:1px solid #004280;
    border-radius:4px!important;
    margin-left:3px!important
}

header .top-links a {
    color:#f8f8f8;
    padding:14px 10px 14px 10px;
    text-decoration:none
}

header .top-links a:hover {
    background-color:#004280;
    border-radius:4px
}

.navbar {
    background-color:#0053a0;
    border-bottom:6px solid #f55f23;
    border-radius:0;
}

.navbar a {
    color:#f8f8f8!important;
}

.navbar .navbar-header button {
    border:1px solid #f8f8f8
}

.navbar .navbar-header .glyphicons {
    font-size:1.5em
}

.navbar-toggle {
    padding:7px 10px 5px 10px
}

.navbar .navbar-header .navbar-toggle .icon-bar {
    background-color:#f55f23
}

.navbar .navbar-header .navbar-toggle:hover,
.navbar .navbar-header .navbar-toggle:focus {
    background-color:#004280
}

nav .vianet-mobile-logo {
    bottom:3px;
    position:relative
}

.nav .active a {
    background-color:#004280;
    border-radius:4px;
    color:#f8f8f8
}

.nav .dropdown-toggle {
    background-color:#0053a0;
    color:#f8f8f8
}

.nav a:hover {
    background-color:#004280;
    border-radius:4px
}

/* Added: not(.nav-tabs) to exclude the blue hover on navigational tabs */
.nav:not(.nav-tabs)>li>a:focus,
.nav:not(.nav-tabs)>li>a:hover {
    background-color:#004280;
    text-decoration:none
}

.nav>.open>a,
.nav>.open>a:hover,
.nav>.open>a:focus {
    background-color:#004280;
    color:#f8f8f8
}

.nav .dropdown-menu>li>a:hover,
.nav .dropdown-menu>li>a:focus {
    background-color:#003369;
    color:#f8f8f8
}

.nav .visible-xs .last {
    border-bottom:0
}

.breadcrumb {
    background-color:transparent;
    margin-bottom:18px;
    padding:0
}

.breadcrumb>li+li:before {
    color:#f55f23;
    content:"\203a\00a0";
    font-weight:bold
}

.breadcrumb .sr-only {
    color:#333
}

.well {
    border:1px solid #e4e4e4;
    margin-top:12px;
    padding-bottom:10px;
    padding-top:10px
}

.well-location {
    min-height:800px;
    visibility:hidden
}

/* DUPLICATE */
.page-header {
    border-bottom:2px solid #f55f23;
    color:#0053a0;
    margin-bottom:5px;
    margin-top:0;
    padding-bottom:5px
}

/* DUPLICATE */
.page-header h1 {
    color:#004280;
    font-size:1.8em;
    margin-top:15px
}

.col-md-8 h2 {
    font-size:1.6em;
    margin-top:0;
    padding-top:0
}

.row-content>[class*='col-'] {
    margin-left:0;
    margin-right:0;
    padding-left:10px;
    padding-right:10px
}

.row-content {
    margin:0 -10px
}

.col-inner {
    background-color:#f8f8f8;
    border:1px solid #e4e4e4;
    border-radius:4px;
    display:block;
    line-height:1.42857143;
    margin-bottom:20px;
    padding:10px 10px 0 10px
}

.col-inner:not(.col-inner-panel) {
    min-height:230px
}

.col-inner-header {
    background-color:#0053a0;
    border-radius:4px;
    color:#f8f8f8;
    padding:4px 6px 4px 6px
}

.col-inner-header-bundle {
    background-color:#004280;
}

.col-inner-header h2 {
    font-size:1.4em;
    margin:0
}

.col-inner-header h3,
.col-inner h3.from,
.col-inner h3.price {
    font-size:1.5em
}

.col-inner h3.from {
    margin:0;
    padding:0
}

.col-inner h3.price {
    color:#f55f23;
    font-size:1.8em;
    margin:0 0 10px 0;
    padding:0
}

.col-inner-header a {
    color:#f8f8f8
}

.col-inner ul {
    background-color:transparent;
    margin-top:10px
}

.col-inner span.price-dollars {
    font-size:1.3em
}

.col-inner-header-panel {
    margin-bottom:10px
}

.col-inner-header-panel #open-all-panels,
.col-inner-header-panel #close-all-panels {
    display:none
}

.col-inner-content {
    padding:10px 10px 0 10px;
}

.panel-group .panel-body .col-md-3 h3 {
    margin:0
}

.row-details-content .col-md-3 h3 {
    font-size:1.2em
}

.row-details-content .panel-title {
    font-size:1.2em
}

.row-details-content .col-xs-3-spacing-5 {
    padding-bottom:5px
}

.row-details-content .col-xs-3-spacing-10 {
    padding-bottom:10px
}

.row-details-content .col-xs-3-spacing-20 {
    padding-bottom:20px
}

.row-details-content .col-xs-9-spacing-10 {
    padding-top:10px
}

.row-details-content .col-xs-9-spacing-20 {
    padding-top:20px
}

.row-details-content .col-md-3 .icon {
    border:1px solid #f55f23;
    border-radius:4px;
    color:#0053a0;
    margin-bottom:5px;
    margin-top:10px;
    padding:10px 20px 10px 20px
}

.col-inner {
    background-color:#fff;
    min-height:5px;
    padding:5px
}

.col-inner .popover-link {
    cursor:pointer
}
.col-inner .popover {
    text-align:center
}

.col-inner .popover .badge {
    background-color:#f55f23;
    font-weight:normal;
    margin-bottom:5px
}

.modal-header {
    background-color:#0053a0;
    color:#f8f8f8
}

.modal-header .close {
    color:#ffffff;
    opacity:1
}

.modal-body {
    min-height:100px
}

.modal select.no-padding {
    padding:0
}

.modal .icon-error {
    color:#f00;
    font-size:1em
}

.modal .form-horizontal {
    padding:25px 20px 10px 20px
}

.modal .clear-field {
    cursor:pointer;
    display:none
}

.modal .form-control-icon {
    margin-right:15px
}

.modal .form-control-icon-select {
    cursor:pointer!important;
    margin-right:25px
}

.footer-arrow-down {
    background:#f0f0f0;
    border-bottom:6px solid #f55f23;
    color:#333;
    margin-top:10px;
    position:relative
}

.footer-arrow-down:before,
.footer-arrow-down:after {
    content:"";
    border-style:solid;
    border-color:transparent;
    border-bottom:0;
    height:0;
    position:absolute
}

.footer-arrow-down:before {
    border-top-color:#f55f23;
    border-width:26px;
    bottom:-26px;
    left:21px
}

.footer-arrow-down:after {
    border-top-color:#f0f0f0;
    border-width:15px;
    bottom:-15px;
    left:22px
}

.footer-arrow-down:before,
.footer-arrow-down:after {
    content:"";
    left:50%;
    position:absolute;
    transform:translatex(-50%);
    -moz-transform:translatex(-50%);
    -ms-transform:translatex(-50%);
    -webkit-transform:translatex(-50%)
}

/* DUPLICATE */
.footer {
    background-color:#0053a0;
    color:#f8f8f8;
    padding-bottom:0;
    padding-top:30px;
    width:100%
}

.footer a {
    color:#f8f8f8
}

.footer .list-group-item {
    background-color:transparent;
    border:0;
    font-size:.975em;
    padding:2px
}

.footer .col-md-3 h2 {
    font-size:1.2em;
    margin-top:0
}

.footer .end {
    font-size:.975em
}

.footer .end ul {
    margin:0;
    padding:0
}

.footer hr {
    border-top:1px solid #004280
}

.footer .seperator {
    color:#f8f8f8;
    margin-left:2px;
    margin-right:2px
}

.footer-links {
    display:none
}

/*
==========================================================================
    Custom Bootstrap Callouts
    http://cpratt.co/twitter-bootstrap-callout-css-styles/
==========================================================================
*/

.bs-callout {
     padding: 20px;
     margin: 20px 0;
     border: 1px solid #ccc;
     border-left-width: 5px;
     border-radius: 3px;
}

.bs-callout h4 {
     margin-top: 0;
     margin-bottom: 5px;
}
.bs-callout p:last-child {
     margin-bottom: 0;
}
.bs-callout code {
     border-radius: 3px;
}

.bs-callout + .bs-callout {
     margin-top: -5px;
}

.bs-callout-default {
     border-left-color: #777;
}
.bs-callout-default h4 {
     color: #777;
}
.bs-callout-primary {
     border-left-color: #428bca;
}
.bs-callout-primary h4 {
     color: #428bca;
}
.bs-callout-success {
     border-left-color: #5cb85c;
}
.bs-callout-success h4 {
     color: #5cb85c;
}
.bs-callout-danger {
     border-left-color: #d9534f;
}
.bs-callout-danger h4 {
     color: #d9534f;
}
.bs-callout-warning {
     border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
     color: #f0ad4e;
}
.bs-callout-info {
     border-left-color: #5bc0de;
}
.bs-callout-info h4 {
     color: #5bc0de;
}

.cse-option-label {
color: #f8f8f8;
font-weight: normal;
}

#top-nav .glyphicon,
#top-nav .glyphicons {
color:#f55f23
}