/* 

     Theme name: Flathost
     Created: 24 Aug 2014
     Author: Surjith SM
	 Author URI: http://themeforest.net/user/surjithctly
     Version: 1.0
	 
	 This WHMCS Theme is a part of Flathost Template
	 http://themeforest.net/item/flathost-responsive-hosting-template/5043574

*/
    
    @charset "utf-8";
    /* CSS Document */
    
    .templateNav,
    .templateFoot {
        font-family: "Montserrat", Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
    
    .templateNav {
        background: #232A31;
        margin-bottom: 0;
    }
    
    .templateNav .container,
    .templateFoot .container {
        max-width: 1170px;
    }
    
    .templateNav .navbar-inner {
        height: auto;
        background: none;
        padding-top: 5px;
        filter: none;
        -ms-filter: none;
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: auto;
    }
    
    .templateNav .brand {
        padding: 10px 20px 10px;
    }
    
    .templateNav.navbar .nav {
        padding-top: 12px;
    }
    
    .templateNav.navbar .nav > li > a {
        color: #FFF;
        text-transform: uppercase;
        text-shadow: 0 1px 0 #666;
        padding: 10px 15px 10px;
    }
    
    .templateNav.navbar .nav > li > a:focus,
    .templateNav.navbar .nav > li > a:hover {
        color: #CCC;
    }
    
    .templateNav.navbar .nav > .active > a,
    .templateNav.navbar .nav > .active > a:hover,
    .templateNav.navbar .nav > .active > a:focus {
        background: none;
        color: #2cc76a;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    
    .templateNav.navbar .btn,
    .navbar .btn-group {
        margin-top: 0;
    }
    
    .templateNav.navbar .nav li.dropdown.open > .dropdown-toggle,
    .templateNav.navbar .nav li.dropdown.active > .dropdown-toggle,
    .templateNav.navbar .nav li.dropdown.open.active > .dropdown-toggle {
        color: #FFF;
        background-color: transparent;
    }
    
    .templateNav .btn-large {
        font-size: 18px;
        padding: 20px 50px;
        margin: 5px 10px;
    }
    
    .templateNav .btn-success {
        background-color: #2cc76a;
        background-image: none;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    }
    
    .templateNav .btn-success:hover,
    .templateNav.btn-success:focus,
    .templateNav.btn-success:active {
        background-color: #22bb5f!important;
        color: #FFF!important;
    }
    
    .templateFoot.footer {
        position: relative;
        color: #FFF;
        background: url('../img/footer-bg.jpg') #232A31;
        background-size: cover;
        overflow: hidden;
        margin-top: 80px;
    }
    
    .templateFoot .footerlinks {
        margin: 20px 0;
    }
    
    .templateFoot .copyright {
        margin: 30px 0;
    }
    
    .templateFoot .footerlinks p {
        color: #68737B;
        text-transform: uppercase;
        padding-top: 15px;
    }
    
    .templateFoot .footerlinks ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .templateFoot .footerlinks ul li {
        color: #FFF;
        padding: 2px 0;
    }
    
    .templateFoot .footerlinks ul li a {
        color: #FFF;
    }
    /*theme specific*/
    
    .bs-container {
        max-width: 1170px;
    }
    
    .navbar-inner {
        background-image: none!important;
        background-color: #F3F3F3;
        border-color: #DFDFDF;
        text-transform: uppercase;
        font-weight: bold;
        min-height: 50px;
    }
    
    .navbar.ce-topnavbar {
        margin-bottom: 0;
    }
    
    .navbar .nav>li>a {
        padding: 15px 15px 10px;
    }
    
    .navbar .nav > li:first-child > a {
        padding-left: 0;
    }
    
    h1.client-portal-name {
        height: 38px;
        line-height: 30px;
    }
    
    .page-header-top {
        margin-top: 0;
        height: 40px;
    }
    
    .templateFoot .container {
        max-width: 1170px;
        padding: 0 20px;
    }
    
    @media (max-width: 767px) {
        body {
            padding-left: 0;
            padding-right: 0;
        }
        body {
            overflow-x: hidden;
        }