/*

[Theme Overrides Stylesheet]

Project: CloudServer - Responsive HTML5 Technology, Web Hosting and WHMCS Template
Version: 1.0
Author : themelooks.com


NOTE:
------
PLEASE DO NOT EDIT THIS CSS, YOU MAY NEED TO USE "custom.css" FILE FOR WRITING YOUR CUSTOM CSS.
WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE "custom.css".


[TABLE OF CONTENTS]

1. GENERAL STYLES

2. HEADER SECTION

3. MAIN MENU SECTION

4. HOME BANNER SECTION

5. HOME SHORTCUTS SECTION

6. MAIN BODY SECTION

7. LOGIN SECTION

8. OTHER

9. MEDIA QUERIES

*/

/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
a,
a:link,
a:visited,
a:hover,
a:active {
    color: inherit;
}

a:hover,
a:focus {
    color: #119ee6;
}

a.label {
    color: #fff; /* Reset the anchor label color */
}

a.btn:not(.btn-primary) {
    color: #fff; /* Reset the anchor button color */
}

a.btn-default {
    color: #333; /* Set the anchor default button color */
}

input[type=checkbox],
input[type=radio] {
    margin-top: 2px;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.bg-color-red { color: #fff !important; background-color: #d9534f; }

.bg-color-gold { color: #fff !important; background-color: #f0ad4e; }

.bg-color-blue { color: #fff !important; background-color: #5bc0de; }

.bg-color-asbestos { color: #fff !important; background-color: #7f8c8d; }

.listtable {
    overflow: auto;
}

.back-to-top-btn a {
    color: #cde5f8;
}

.footer--copyright a {
    color: #119ee6;
}

.domain-lookup-result .btn:not(.domain-contact-support) {
    width: auto !important;
}

/*------------------------------------*\
    2. HEADER SECTION
\*------------------------------------*/
#header {
    border-top: 1px solid #e9e9e9;
}

/*------------------------------------*\
    3. MAIN MENU SECTION
\*------------------------------------*/
.navbar-main {
    border-radius: 0;
}

.navbar-main .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-main .navbar-toggle:focus,
.navbar-main .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-main .navbar-nav > li > a {
    -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
            transition: color .25s, background-color .25s ease-in-out, border-color .25s;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #202736;
}

.navbar-main .dropdown-menu a {
    -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
            transition: color .25s, background-color .25s ease-in-out, border-color .25s;
}

/*------------------------------------*\
    4. HOME BANNER SECTION
\*------------------------------------*/
section#home-banner {
    padding: 100px 0;
    background-color: #202736;
    background-size: auto;
    background-repeat: repeat;
}

section#home-banner h2 {
    margin-top: -5px;
    margin-bottom: 10px;
}

#home-banner input.form-control,
#home-banner input[type="submit"] {
    margin: 0;
    box-shadow: none;
    outline: 0;
}

#home-banner input.form-control {
    border-right-width: 0;
}

/*------------------------------------*\
    5. HOME SHORTCUTS SECTION
\*------------------------------------*/
.home-shortcuts li,
.home-shortcuts li:first-child {
    border-color: #fff;
}

.home-shortcuts li {
    padding: 20px 0;
}

.home-shortcuts .lead {
    margin-top: 17px;
}

/*------------------------------------*\
    6. MAIN BODY SECTION
\*------------------------------------*/
#main-body a.label:hover {
    color: #fff; /* Reset the anchor label color */
}

#main-body a.btn:hover {
    color: #fff; /* Reset the anchor button color */
}

#main-body a.list-group-item:focus,
#main-body a.list-group-item:hover {
    color: #555; /* Reset the anchor list group item color */
}

#main-body .list-group-item.active,
#main-body .list-group-item.active:focus,
#main-body .list-group-item.active:hover {
    color: #fff; /* Reset the anchor active list group item color */
}

div.header-lined h1 {
    color: #202736; /* Set the header lined color */
}

div.header-lined small {
    color: #777; /* Reset the header lined small tag color */
}

/*------------------------------------*\
    7. LOGIN SECTION
\*------------------------------------*/
#login.btn {
    padding: 6px 12px; /* Reset the login button padding */
}

#login.btn {
	padding-left: 30px;
	padding-right: 30px;
    color: #fff;
	background-color: #119ee6;
}

/*------------------------------------*\
    8. OTHER
\*------------------------------------*/
#order-standard_cart .addon-products .panel-addon-selected {
    border-color: #119ee6;
}

#order-standard_cart .addon-products .panel-addon-selected .panel-price {
    background-color: #119ee6;
}

#order-standard_cart .addon-products .panel-addon .panel-add {
    background-color: #119ee6;
}

#order-standard_cart .addon-products .panel-addon-selected .panel-add {
    background-color: #ebccd1;
}

#order-standard_cart div.view-cart-items {
	border-color: #119ee6;
}

#order-standard_cart .empty-cart button.btn {
    background-color: #119ee6;
	text-decoration: none;
}

#order-standard_cart .order-summary a.btn-continue-shopping {
    padding: 15px 0 5px;
    color: #222;
    font-size: 14px;
}

#order-standard_cart .order-summary a.btn-continue-shopping:hover {
    color: #119ee6;
}

/*------------------------------------*\
    9. MEDIA QUERIES
\*------------------------------------*/
@media screen and (max-width: 991px) {
	.navbar-main .nav:last-child {
		margin-bottom: 10px;
	}
	
	.navbar-main .dropdown > .dropdown-menu {
		position: relative;
		float: none;
		box-shadow: none;
		background-color: transparent;
		border: 0;
	}
	
	.navbar-main .dropdown > .dropdown-menu > li > a {
		padding-left: 30px;
		padding-right: 30px;
		color: #fff !important;
	}
}

@media screen and (max-width: 767px) {
	.home-shortcuts ul:after {
		clear: both;
	}
	
	.home-shortcuts ul:before,
	.home-shortcuts ul:after {
		content: " ";
		display: table;
	}
	
	.home-shortcuts li {
		float: left;
		width: 50%;
	}
	
	.home-shortcuts li + li + li {
		border-bottom-width: 0;
	}
}

@media screen and (max-width: 480px) {
	.home-shortcuts li {
		width: 100%;
	}
	
	.home-shortcuts li + li + li {
		border-bottom-width: 1px;
	}
}