/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

body {
    /* background:url(../images/background.png) top center no-repeat #286991!important; 
        background-color: #286991!important; */
    background-image: url(../images/background.png);
    background-size: 100% 408px;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #286991;
}

#main-body > .container {
    background-color: #FFFFFF;
}

section#main-body {
    background-color: transparent;
    background-image: url(../images/background.png);
    background-size: 100% 408px;
    background-repeat: no-repeat;
    background-position: top center;
}

section#header {
    background-color: transparent;
}

#header > .container {
    background-color: transparent;
}

#header > .container > .top-nav {
    background-color: #FFFFFF;
    border-radius: 5px;    
}

ul.top-nav > li > a {
	padding: 6px 15px;
        margin-left: 5px;

	color: #000000;
	border-radius: 3px;   
        border-left: solid 1px #ddd;
}

ul.top-nav>li:active>a, ul.top-nav>li:focus>a, ul.top-nav>li:hover>a, ul.top-nav>li>a:focus {
    color: #333;
    text-decoration: none;
    /* background: 0 0; */
    background-color: #dddddd;
}

/* Customer Booking page */


.btn.arlocation {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid black;
    border-radius: 4px;
}

.access-container {
    background-color:#f3f3f3;
    display: inline-block;
}

.form-group.booking input[type="checkbox"] {
    display: none;
}

.form-group.booking input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group.booking input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group.booking input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group.booking input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group.booking input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}

/**
 * Progress bars with centered text
 */
.progress {
    position: relative;
}
.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: black;
 }
blockquote {
    border-left: 5px solid #9e9a9a !important;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #1f517b42;
    border-color: #ddd;
}

#order-standard_cart .products .product header {
    position: relative;
    padding: 10px 20px;
    margin: 0 1px;
    background: #1f517b42 !important;
    border-radius: 3px 3px 0 0;
}

.service-status-mark {
      background-color: #1B46721F;
}

.cart-list {
    /* padding-left: 15px; */
    padding-left: 5px;
    line-height 10px;
}
/* For the Data Centre Access Panels */
.panel-access>.access-panel-heading {
    color: #FFFFFF;
    background-color: #0e5077;
    border-color: #0e5077;
    padding:10px 15px;
    border-bottom:1px solid transparent;
    border-top-left-radius:3px;
    border-top-right-radius:3px
}

.panel-access {
 border-color:#0e5077
}
label {
    font-weight: 700;
}