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

    ** Custom Stylesheet **

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

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

/*
body {
	background-color: #f8f8f8;
}
*/
html, body {
    /*font-size: 1rem;*/
}
section#wrapper {
    /*min-height:100%;*/
    height: 100%;
    /*position: relative;*/
}

.h1, h1 {
    font-size: 28px;
}

#top-nav {
    margin: 20px 0 0 0;
    float: right;
}

#top-nav .nav {
    margin: 0;
    padding: 0;
    line-height: 22px;
    font-size: 12px;
}

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

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

#top-nav a.quick-nav span {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

section#header	{
    background: #0B7CC1 url(../img/ppxgradientv2.png) repeat-x top left;
    background-position: 0 -20px;
    min-height: 70px;
    padding: 0px 0 0 0;
    border-radius: 0 0 0 0;

}
section#header .container img {
	margin: 20px 0 0 0;
}



section#main-menu	{
	background-color: #fff;
}

.dropdown-menu {
    font-size: 15px;
}

div.dataTables_wrapper div.dataTables_info {
    /*background-color: #4294C5;*/
    background-color:#5d6a72;
    /* border-radius: 4px 4px 0 0; */
    font-size: 1.0em;
}

.navbar-main {
	background-color: #fff;
    min-height: 40px;
    font-size: 15px;
}

.navbar-main li.account {
    background-color: #fff;
}

.navbar-main .navbar-nav > li > a {
    color: #333;
    padding-top: 11px;
}

.navbar-main .navbar-nav > li > a:hover	{
	color: #000;
	box-shadow: inset 0 -3px 0 #4294C5;
	background-color: transparent;
}

.navbar-main .navbar-nav > li > a.active {
	color: #000;
	box-shadow: inset 0 -3px 0 #228dce;
	background-color: transparent;
}

.navbar-main .navbar-nav > li > a

.navbar-main .navbar-nav > li > a:focus {
	background-color: #f8f8f8;
}


.navbar-main .navbar-nav > li > a {	
	transition: all 0.15s ease-in-out;
}

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

.nav-tabs>li.custom-active>a {
    color: #555;
    cursor: default;
    /* background-color: #fff; */
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs>li.custom-active>a:focus, 
.nav-tabs>li.custom-active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fdfdfd;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: pointer;
}
section#main-body {
    padding-bottom:80px;
    padding-top: 10px;
    background-color: transparent;
    margin: auto;
    height: calc(100% - 160px);
}

.main-content {
    /*min-height: 330px;*/
}

section#footer	{
	background-color:#2b2d35;
	/*position: absolute;*/
   	bottom: 0;
   	width: 100%;
    height: 80px;
    clear:both;
    z-index: 98;
}


section#footer p {   
	border-top:none;
	/* border-top: 20px solid #4294C5; */
	background-color: #2b2d35;
    color: #BBB;
    margin: 6px 0 0 0;
    font-size: 0.9em;
    text-align: center;
}

section#footer .back-to-top i {
    padding: 10px;
    background-color: #5d5d5d;
    color: #e3e3e3;
    border-radius: 3px;
    opacity: .7;
}

/* clientareaproductdetails.tpl */

div.product-details div.product-icon {
	padding: 10px;
}

div.product {
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
}

h3.product {
	line-height:normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h4.product {
	line-height:normal;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
    font-size: 16px;
    font-weight: 600
}
p.product {
	font-size: 16px;
	line-height:normal;
	margin: 2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	background-color: #4294C5;
}

.btn-group>.btn-custom:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn-custom:last-child:not(:first-child), 
.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group>.btn-custom:first-child {
    margin-left: 0;
}

.btn-group .btn-custom+.btn-custom, 
.btn-group .btn-custom+.btn-group, 
.btn-group .btn-group+.btn, 
.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

 .btn-group>.btn-custom.active, 
 .btn-group>.btn-custom:active, 
.btn-group>.btn-custom:focus, 
.btn-group>.btn-custom:hover {
    z-index: 2;
}

.btn-group>.btn-custom {
    position: relative;
    float: left;
}

.btn-custom {
    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 transparent;
    border-radius: 4px;
}

.btn-custom.focus, .btn-custom:focus, .btn-custom:hover {
    color: #333;
    text-decoration: none;
}

.btn-primary {
	/*background-color: #4294C5;*/
    background-color: #2C94D4;
}

.btn-terminated {
    color: #fff;
    background-color: #9C9C9C;
    border-color: #ccc;
}

.btn-terminated.active,
 .btn-terminated.focus, 
 .btn-terminated:active, 
 .btn-terminated:focus, 
 .btn-terminated:hover, 
 .open>.dropdown-toggle.btn-terminated {
    color: #fff;
    background-color: #666;
    border-color: #adadad;
}

.btn-primary.active, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:hover, 
.open>.dropdown-toggle.btn-primary {
	/*background-color: #0A659C;*/
    background-color: #2578AB;
}

.product-status-pending {
    background-color: #F0AD4E;
}

.product-status-terminated {
    background-color: #9C9C9C;
}

.product-status-suspended {
    background-color: #D9534F;
}

.product-icon-adjust {
    margin-top: 30px;
}

.cancel-label {
    font-weight: normal;
}

.table-list > tbody > tr > td {
    font-size: 16px;
}

footer.footer {
    background: #2b2d35;
    padding: 5em 0;
    color: white;
}

.home-kb-search {
    height:35px;
    margin: 16px 10px 0px 0px;
}

.home-kb-search .form-control {
    background-color: #338BC1;
    margin: 3px 0 0 0;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    /* border-bottom: 1px solid #CCC; */
    border-radius: 5px;
    font-size: 14px;
    height:100%;
    color: #fff;
}

.home-kb-search i {
    top:-29px;
    color: #7FCCFB;
}

.home-kb-search .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.kb-article-content {
    font-weight: 400;
}

.panel.panel-accent-red {
    border-top: none;
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.panel.panel-accent-red a {
    border-top: none;
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.panel.panel-accent-red>.panel-heading {
    background-color: #f2dede;
    color: #b94a48;
}

.panel.panel-accent-blue {
    border-top: none;
}

.panel.panel-accent-gold {
    border-top: none;
}
.bg-color-blue {
    text-decoration: underline;
    background-color: transparent;  
}

#account-snapshot {
    margin: 0 0 30px 0;
    overflow: hidden;
}

.active-services, .active-domains, .active-quotes, .due-invoices, .open-tickets {
    /* border: 4px solid #fff; */
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    -moz-box-shadow: inset 0 0 0 4px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 0 0 4px rgba(0,0,0,.05);
    box-shadow: inset 0 0 0 4px rgba(0,0,0,.05);
    display: block;
    text-decoration: none;
    width: 100%;
    height: 160px;
    float: left;
    margin-right: 20px;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #EEEEEE;
}

.stats-title.blue-border-bottom {
	border-bottom: 2px solid #5bc0de;
}

.stats-title.green-border-bottom {
	border-bottom: 2px solid #5cb85c;
}

.stats-title.red-border-bottom {
	border-bottom: 2px solid #d9534f;
}

.stats-title.gold-border-bottom {
	border-bottom: 2px solid #f0ad4e;
}

.active-services:hover, .active-domains:hover, .active-quotes:hover, .due-invoices:hover, .open-tickets:hover {
    background: #E2E2E2;
}

div.icon .fa:before,
div.icon .fas:before,
div.icon .far:before,
div.icon .fal:before {
    position: absolute;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    top:10px;
    right:35px;    
}

.stats-title {
    color: #444;
    font-family: "Oxygen", sans-serif;
    font-size: 23px;
    font-weight: 400;
    margin-left: 8px !important;
    margin-right: 15px !important;
    margin-top: 35px !important;
    padding: 0px 0px 3px 0px;
    border-bottom: 2px solid #ccc;
    float: left;
}

.stats-number {
    color: #444;
    font-family: "Oxygen", sans-serif;
    font-size: 24px;
    font-weight: 400;
    float: left;
    clear: both;
    margin-left: 25px !important;
    margin-top: 15px !important;
}

div.top-margin1 {
    margin-top: 12px;
}

div.top-bottom-margin1 {
    margin-top: 25px;
    margin-bottom: 10px;
}

div.bottom-margin1 {
    margin-bottom: 16px;
}

div.bottom-margin2 {
    margin-bottom: 24px;
}

div.top-margin3 {
    margin-top:30px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #e8e8e8;
    border-color: #ddd;
    padding: 6px 10px;
}

.client-home-panels .panel > .list-group {
    border-bottom: none;
}

.client-home-panels .panel > .panel-heading {
    background-color: #e8e8e8;
    border-bottom: 0;
    font-weight: bold;
}

.client-home-panels .panel > .panel-footer {
   padding: 5px 15px 5px 15px;
   background-color: transparent;
}

.client-home-panels .panel.panel-accent-red > .panel-heading {
    background-color: transparent;
}

.client-home-panels .panel.panel-accent-red > .panel-footer {
    background-color: transparent;
}

.panel-fp {
    /* border-radius: 9px; */
}

.sidebar > .btn-success {
    background-color: ;
}

.sidebar .btn-success.active, 
.sidebar .btn-success.focus, 
.sidebar .btn-success:active, 
.sidebar .btn-success:focus, 
.sidebar .btn-success:hover, 
.open>.sidebar .dropdown-toggle.btn-success {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.sidebar .btn-success {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.home-kb-search .form-control::-webkit-input-placeholder {
 color: #7FCCFB;
}
.home-kb-search .form-control:-moz-placeholder { /* older Firefox*/
 color: #7FCCFB;
}
.home-kb-search .form-control::-moz-placeholder { /* Firefox 19+ */ 
 color: #7FCCFB; 
} 
.home-kb-search .form-control:-ms-input-placeholder { 
 color: #7FCCFB;
}

.active-services .icon,
.active-quotes .icon,
.open-tickets .icon,
.due-invoices .icon {
    color: #337ab7;
}

.active-services:hover .icon,
.active-quotes:hover .icon,
.open-tickets:hover .icon,
.due-invoices:hover .icon {
    color: #4aa1db;
}

div.product-details-tab-container {
    padding: 30px 0px 30px 0px;
    background-color: #f4f4f4;
}

#btn_reboot.btn-default {
    background-color: #eaeaea;
}

#btn_reboot.btn-default.active,
#btn_reboot.btn-default.focus,
#btn_reboot.btn-default:active,
#btn_reboot.btn-default:focus,
#btn_reboot.btn-default:hover {
    background-color: #c6c6c6;
    color: #333
    border-color: #adadad;
}

#btn_shutdown.btn-default {
    background-color: #eaeaea;
    margin: 0px 10px 0px 10px;
}

#btn_shutdown.btn-default.active,
#btn_shutdown.btn-default.focus,
#btn_shutdown.btn-default:active,
#btn_shutdown.btn-default:focus,
#btn_shutdown.btn-default:hover {
    background-color: #c6c6c6;
    color: #333
    border-color: #adadad;
}

#btn_reboot.btn-console {
    margin: 10px 0px 10px 0px;
}

.btn-graph {
    margin: 10px 0px 0px 0px;
}

.client-home-panels .panel > .list-group {
    max-height: 225px;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #4294C5;
}

.markdown-content pre {
    background-color: #f8f8f8;
    color: #444;
    border: 0;
}

.font-color-active {
    color:#46A546;
}

.module-client-area {
    margin-left: 10%;
    margin-right: 10%;
}

table.table-list tbody td {
    padding: 8px 8px 8px 8px;
}

.label {
    */ color: #fff; */
}

table.table-list thead th {
    background-color: #E6ECEF;
}

.dataTables_wrapper table.table-list thead th.sorting_asc, 
.dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: #E6ECEF;
}

.table-list > tbody > tr:nth-child(odd) > td, 
.table-list > tbody > tr:nth-child(odd) > th {
    background-color: #FAFAFA;
}

.table-list > tbody > tr > td {
    background-color: #fff;
}

.dataTables_wrapper .dataTables_filter label .form-control {
}

.dataTables_wrapper table.table-list {
    border: 1px #ccc solid;
    border-top: none;
}

.dataTables_wrapper {
}

.table-list > tbody > tr:hover > td {
    background-color: #E6ECEF;
}

.status {
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    padding: 1px 0px 1px 0px;
    width: 90%;

}

.status-closed {
    /* background-color: #888; */
}

.status-paid {
    /* background-color: #498302;*/
    
}

.status-cancelled {
    /*background-color: #87939F;*/

}

.status-unpaid {
    /* background-color: #ED3E48; */
}

.status-refunded {
}

.status-customer-reply {
}

.status-active, .status-open {
    /*background-color: #5CB85C;*/
    
}

.status-terminated {
    /*background-color: #9C9C9C;*/
}

.status-pending {
    /*background-color: #F0AD4E;*/
}

.status-suspended {
    /*background-color: #D9534F;*/
}
/*
.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 {
    box-shadow: none;
    color: #eee;
    background-color: #267fb6;
    /*background-color: #4294C5;*/
}

.breadcrumb > li {
    font-size: 1.2em;
}

.invoice-container .invoice-status {
    margin: 0px 0 0 0;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    float: right;
}

ul.top-nav {
    margin-top: 14px;
}

ul.top-nav>li>a {
    color: #fff;
}

ul.top-nav>li.primary-action>a.btn {
    background-color: transparent;
}

.table-bordered {
    border: none;
}