/*

[Theme Overrides Stylesheet]

Project     : CloudSky - Multipurpose Domain, Hosting and WHMCS Template
Version     : 1.5
Author      : ThemeLooks
Author URI  : https://themeforest.net/user/themelooks


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]

#. GENERAL STYLES
	##. INPUTS
	##. ALERT
	##. BUTTONS
	##. CLIENT AREA: PANELS
	##. CLIENT AREA: LABELS
	##. CLIENT AREA: TILES
	##. CLIENT AREA: DATATABLES
	##. CLIENT AREA: LISTTABLE
	##. CLIENT AREA: SEARCH BAR
	##. HEADER LINED
	##. ORDER FORM: CHECKOUT BUTTON
	##. ORDER FORM: DOMAIN LOOKUP
	##. BRANDING

#. HEADER SECTION

#. MAIN MENU SECTION

#. HOME BANNER SECTION

#. HOME SHORTCUTS SECTION

#. MAIN BODY SECTION
	##. DOMAIN PRICING
	##. SIDEBAR

#. LOGIN SECTION

*/

/*------------------------------------*\
    #. GENERAL STYLES
\*------------------------------------*/
body {
    font-size: 14px;
    line-height: 1.42857143;
}


/* ##. ALERT */
.alert {
    border-radius: 0;
}

/* ##. BUTTONS */
.btn:not(.btn-default):not(.btn-primary):not(.btn-warning):not(.btn-info):not(.btn-success):not(.btn-facebook):not(.btn-twitter):not(.btn-google) {
	color: #222;
	border-color: #222;
}

.input-btn-group .btn {
	border-radius: 0;
}

.btn-social {
    padding: 10px 20px 10px 60px;
    border-width: 0;
    border-radius: 2px;
    transition-property: color, background-color;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

.btn-social i.fa {
    width: 40px;
    font-size: 1.2em;
    line-height: 40px;
}

.btn-facebook { background-color: #3b5998; }
.btn-twitter { background-color: #2ba9e1; }
.btn-google { background-color: #dd4b39; color: #fff;}
.btn-google:hover { color: #fff;}

/* ##. CLIENT AREA: PANELS */
.client-home-panels .panel > .panel-heading .panel-title .btn {
    padding: 0 10px;
}

/* ##. CLIENT AREA: LABELS */
.bg-color-red,
.bg-color-gold,
.bg-color-blue,
.bg-color-asbestos {
	color: #fff !important;
}
.bg-color-red {
    background-color: #d9534f;
}
.bg-color-gold {
    background-color: #f0ad4e;
}
.bg-color-blue {
    background-color: #5bc0de;
}
.bg-color-asbestos {
    background-color: #7f8c8d;
}

/* ##. CLIENT AREA: TILES */
.tiles .tile {
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: #eee;
}

.tiles .tile:last-child {
    border: 1px solid #eee;
}

@media screen and (max-width: 767px) {
	.tiles .tile:nth-child(1),
	.tiles .tile:nth-child(2) {
		border-top: 1px solid #eee;
		border-bottom-width: 0;
	}
	
	.tiles .tile:nth-child(2) {
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
	}
}

/* ##. CLIENT AREA: DATATABLES */
.dataTables_wrapper {
    font-size: 14px;
    line-height: 24px;
}

.dataTables_wrapper .dataTables_paginate {
    padding: 0;
}

.dataTables_wrapper .dataTables_paginate > ul {
    margin: 0 -7.5px !important;
}

.dataTables_wrapper .dataTables_paginate > ul > li {
    margin: 0;
    padding: 0 7.5px;
}

.dataTables_wrapper .dataTables_paginate > ul > li > a {
    padding: 0 0 !important;
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    text-align: center;
}

.dataTables_wrapper .dataTables_paginate > ul > li > a:not(:hover) {
    color: inherit;
}

.dataTables_wrapper .dataTables_paginate > ul > li > a:hover {
    background-color: transparent;
}

.dataTables_wrapper .dataTables_paginate > ul > li.previous > a:before,
.dataTables_wrapper .dataTables_paginate > ul > li.next > a:before {
    display: none;
}

/* ##. CLIENT AREA: LISTTABLE */
.listtable {
    overflow: auto;
}

/* ##. CLIENT AREA: SEARCH BAR */
.home-kb-search i {
    top: -30px;
}

/* ##. HEADER LINED */
div.header-lined .breadcrumb {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

/* ##. ORDER FORM: CHECKOUT BUTTON */
#order-standard_cart .btn-checkout {
	color: #fff;
}

/* ##. ORDER FORM: DOMAIN LOOKUP */
.domain-lookup-result button.btn:not(.domain-contact-support) {
    width: auto;
}

/* ##. BRANDING */
p:last-child[style="text-align:center;"] {
    display: none;
}

/*------------------------------------*\
    #. HEADER SECTION
\*------------------------------------*/
.header--section {
	position: relative;
    background-color: #222;
}

/* HEADER NAVBAR */
.header--navbar {
	padding-bottom: 13px;
}

/* HEADER TOPNAV */
.header--topnav {
    padding: 10px 0;
	background-color: #f0f0f0;
}

#top-nav a.quick-nav {
	color: #222;
}

.header--topnav ul.top-nav {
    margin: 0 -10px;
}

.header--topnav ul.top-nav > li.primary-action > a.btn {
    color: #fff !important;
    background-color: #ff5252;
    border-color: #ff5252 !important;
    border-radius: 25px;
}

.header--topnav ul.top-nav > li.primary-action > a.btn:hover {
    color: #222 !important;
    background-color: #fff;
}

.header--topnav ul.top-nav > li > a.btn-logged-in-admin {
    padding-left: 7.5px;
    padding-right: 7.5px;
    background-color: transparent;
    border-width: 0;
    font-size: inherit;
}

/*------------------------------------*\
    #. 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 .nav-divider {
	display: none;
}

.navbar-nav > li > .dropdown-menu {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-main .dropdown-menu:before {
	display: none;
}

.navbar-main .navbar-nav .dropdown-menu > li > a:hover,
.navbar-main .navbar-nav .dropdown-menu > li > a:focus {
    background-color: #ff5252;
}

/*------------------------------------*\
    #. 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;
    border: none;
    box-shadow: none;
    outline: 0;
}

/*------------------------------------*\
    #. 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;
}

/*------------------------------------*\
    #. MAIN BODY SECTION
\*------------------------------------*/
#main-body a.label:hover {
    color: #fff; /* Reset the anchor label 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: #222; /* Set the header lined color */
}

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

#order-standard_cart .btn-checkout {
    padding: 9px 30px 11px;
}
#order-standard_cart .order-summary .btn-continue-shopping {
	margin-top: 10px;
    font-size: 14px !important;
}

.announcement-single .title {
    display: inline-block;
    margin-bottom: 10px;
    font-family: "Raleway", sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

/* ##. DOMAIN PRICING */
.domain-pricing {
    margin-bottom: 10px;
}

.domain-pricing img {
    max-width: 100%;
    height: auto;
}

.domain-pricing > h4:first-child {
    margin: 0 0 15px;
    color: #222;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.domain-pricing .tld-filters {
    margin: -10px -5px 15px;
    font-size: 0;
    line-height: 0;
}

.domain-pricing .tld-filters .label {
    display: inline-block;
    margin: 10px 5px 0;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}

.domain-pricing .tld-pricing-header {
    margin: 0;
    padding: 11px 0 9px;
    background-color: #f5f5f5;
    font-weight: 400;
}

.domain-pricing .tld-row {
    margin: 0;
    padding: 8px 0;
}

.domain-pricing .tld-row.highlighted {
    background-color: #f5f5f5;
}

.domain-pricing .tld-row strong {
    display: inline-block;
    padding: 10px 0;
}

/* ##. SIDEBAR */
.sidebar .panel {
    border: 1px solid #eee;
    border-radius: 0;
    font-size: 14px;
    line-height: 24px;
}

.sidebar .panel-heading {
    background-color: #f0f0f0 !important;
    border-color: #f0f0f0;
    border-radius: 0;
	cursor: pointer;
}

.sidebar .panel-heading.active .fa-chevron-up:before {
    content: "\f078";
}

.sidebar .list-group .list-group-item {
    border-color: #eee;
}

.sidebar .panel-footer .col-xs-6 .btn-block {
    padding-left: 0;
    padding-right: 0;
}

/*------------------------------------*\
    #. LOGIN SECTION
\*------------------------------------*/
#login.btn {
	outline: 0;
}