/* Template Updates */
body { 
    background: #ededed;
}

body.menu-opened .content {padding-left: 228px!important;}
body.menu-opened .menu-list, body.menu-opened .menu-list > li:first-child, body.menu-opened .menu-list li {

    width:228px!important;
}

body.menu-opened .menu-list > li ul {
    left: 228px!important;
}

.tooltip-inner {
    min-width: 150px; /* the minimum width */
}

.ui-dialog { z-index: 1060 !important ;}
/* Alerts */
.alert-danger {
    color: #d18800;
    background-color: #ffdfa3;
    border-color: #ffd990;
}

.no-title .ui-dialog-titlebar {
    display: none;
}

.no-border.ui-widget-content {
    border: none;
}

.project-update .alert-wrap {
    position: fixed;
    top: 40px;
    z-index:200;
    width: 100%;
    max-width: 800px;
    left: 50%;
    margin-left: -400px;
}
    .project-update .alert-wrap .alert {
        box-shadow: 5px 5px 5px rgba(0,0,0,.2)
    }
    .alert-wrap .hide-me {
        display:none;
    }
    .alert-wrap .tooltip {
        width:150px;
    }
    
.nav .btn-tab a {
    padding:0;
}
.nav .btn-tab .btn {
    background: transparent;
    padding: 10px 15px;
}

#project-status {
    display:inline-block;
}

#project-status > div {
    padding:5px 20px;
    bottom:20px;
    right:20px;
    margin:3px 10px 0 0;
}

/* Header */
.logo-wrap .logo-header {
    margin-left: 15px;
}

.tpl-current-client-wrap .top-right-list {margin-right: 15px;}

.content header { 
    background: #fff;
}

.tpl-current-client-wrap a#new_tickets {
    font-size: 16px;
}

.tpl-current-client-wrap .dropdown-menu { 
    background: #fea500;
    color: #fff;
    margin-top: 0px!important;
    padding: 0px;
    width: auto!important;
    box-shadow: none;
    border:0px;
}

.tpl-current-client-wrap .dropdown-menu	li {    
    font-size: 16px;
    color: #fff;
}

.tpl-current-client-wrap .dropdown-menu	li a {    
    font-size: 16px;
    color: #fff;
    padding: 5px 10px;
}

.tpl-current-client-wrap .dropdown-menu	li a:hover {    
    background:#333;
    font-size: 16px;
    color: #fff;
}

#start-tour {
    margin-top: 10px;
    border: 0px;
    background-color: #efefef;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 200;
    padding: 15px 20px;}

#start-tour .glyphicon {
    background-color: #fff;
    border-radius: 100%;
    padding: 5px;
    color: #999;
    margin-right: 10px;
}

/* Backgrounds */
.content .container-fluid {
    background: #fff;
}

.gray .container-fluid {
    background: #ededed;
}

.list-view .inner.odd { background: #eee;}

/* Headings */
section.padded {padding: 0px!important}
.component-title { text-transform: uppercase;}
.component-title .glyphicon {

    top: 4px;

}

/* Tabs */
.nav.nav-tabs li>a{
    border-radius: 0px;
}
.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover, 
.nav-stacked > li.active > a:focus {
    border-bottom: 1px solid #ddd;
}

.nav .text-indent {
    padding: 5px 10px;
    color: #9d9d9d;
    background-color: transparent;
}

.tpl-panel-title {
    font-weight: 200!important;
    padding: 15px 20px!important;
    font-size: 18px!important;
    text-transform: uppercase;
}

.tpl-panel h4 { text-transform: uppercase; font-size: 24px; font-weight: 200;}

.tabs-list li a {
    padding: 12px 18px!important;
}

.top-buffer {
    margin-top: 30px!important;
}

.top-buffer .btn.btn-default.btn-lg {
    margin-bottom: -17px;
    border: 0px;
    background-color: #efefef;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 200;
    padding: 15px 30px;
}

.top-buffer .btn.btn-default.btn-lg:hover {
    background-color: #fea500;
    color: #fff;
}

.btn-sq-lg {
    width: 150px !important;
    height: 150px !important;
    padding: 25px 0;
}

.btn-sq {
    width: 100px !important;
    height: 100px !important;
    font-size: 10px;
}

.btn-sq-sm {
    width: 50px !important;
    height: 50px !important;
    font-size: 10px;
}

.btn-sq-xs {
    width: 25px !important;
    height: 25px !important;
    padding:2px;
}

/* Sidebar Navigation */

.menu-list li {
    line-height: inherit;
}

.menu-list > li .parent-caret {
    padding-top: 4px;
}

.menu-list li.open {
    background: #fea500;
    color: #fff;
}

.menu-list li ul.dropdown-menu {
    margin-top: 0px!important;
    padding: 0px!important;
    border-radius: 0px!important;
    border-top:0px;
    border-right:0px;
    border-bottom: 0px;
    border-left: 1px solid #ffd78b;
    box-shadow: none;
}

.menu-list li ul.dropdown-menu li a {
    line-height: 170%;
    border-bottom: 1px solid #ffd78b;
}

/*mysales area*/

h4.stat-result {
    /*   color: #fea500!important; */
    font-weight: 500!important;
}

.stat-highlight {
    color: #fea500!important;
}

#at-a-glance .nav.nav-tabs { 
    margin-bottom: 20px;
}

#at-a-glance .nav.nav-tabs li a { 
    margin-right: 10px;
    border:1px solid #ddd;
}

#at-a-glance .nav.nav-tabs li a:hover { 
    border:1px solid #c9c9c9;
}

#at-a-glance .nav.nav-tabs li.active a { 
    border-bottom-color: #ddd;
}

/* table  */

.tpl-table-controls a.complete {
    background-color: #0084C7!important;
}

table thead {background-color: #fff;}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fff;
}

.table-condensed .alert {
    margin:0;
}

.table-condensed .alert a {
    color: #337ab7;
}

/* .sub-table small i {display: none;} */

.sub-table .col-xs-3 {font-weight: 600; letter-spacing: -1px; color: #333;}

/* footer */

footer .container-fluid {
    background: #2e2e2e!important;
}

/* LightBox styles */
.icon-stack a {color:#ccc;}
.icon-stack a:hover {color:#ccc;}
#new-project-form .panel-heading {padding-bottom: 0;background-color:#4d4d4d!important; color:#fff}
#new-project-form .panel-heading.alt {padding-bottom: 0;background-color:#8d8d8d!important; color:#fff}
.modal-tabs li a {color: #fff; padding:10px 15px 12px 15px!important;}
.modal-tabs > li a:hover {color:#4d4d4d}
.btn-left {border-right: 1px solid #eee!important;}
.modal-body h4 small span {color: #bbbbbb; text-transform: uppercase;}
/*
This makes the Save/Load proposals dialogue look bad.
.modal-body div.collapse {
    padding: 15px;
}
*/
.modal-header {border-bottom: 0;}
.grey-modal {background: #eee; padding-bottom: 20px;}
.nav-tabs > .btn-default.active {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs > .btn-default {
    color: #fff;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
    background: #4d4d4d;
    font-weight: 300;
    padding: 10px 15px 12px 15px!important;
}
.panel-heading div:first-child {
    float: left;
}
/* End LightBox */


/* Tempate.css */

html body {
    color: #555;
    background-color: #f5f5f5;
    font: 16px/1.3 "Open Sans", "Helvetica Nueue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    line-height: 1.5;
    height: 100%;
    /*padding-top: 48px;*/
}

.content > .container-fluid {
    padding-bottom: 40px;
}

.table a {
    color: inherit;
}

.text-bold {
    font-weight: bold;
}

.content {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.menu-list {
    width: 70px;
    height: 100%;
    position: fixed;
    left: 0;
    background-color: #4d4d4d;
    z-index: 1050;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* toggle styles */
.menu-list > li.li-toggle {
    width: 70px;
    background-color: #2e2e2e;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.menu-list > li.li-toggle a {
    text-align: right;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.menu-list > li {
    width: 70px;
    position: relative;
}


.menu-list > li.li-logo a,
.menu-list > li.li-logo {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.menu-list > li.li-logo a {
    padding:2px 3px 3px;
    overflow: hidden;
    background: #2e2e2e;
}

.menu-list > li .full-name {
    width: 250px;
    display: none;
}

.menu-list > li ul {
    display: none;
    padding: 0;
    border-radius:0;
    width: 220px;
    position: absolute;
    top: 0;
    left: 70px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.menu-list > li ul a {
    background-color: #fea500;
    border-bottom: 2px solid #ffad17;
}
.menu-list > li ul a:hover {
    color: #fea500;
    background-color: #3c3c3c
}

.menu-list > li ul li:last-child a {
    border-bottom: 0;
}

.menu-list li a {
    display: block;
    padding: 25px;
    color: #ffffff;
    text-transform: uppercase;
    overflow: hidden;
}

.menu-list li a:hover {
    text-decoration: none;
}

.menu-list > li .fa {
    margin-right: 25px;
}

.menu-list > li .parent-caret {
    margin-right: 0;
    float: right;
}

.menu-list > li:first-child .fa {
    margin-right: 0;
}

.menu .head {
    background-color: #2e2e2e;
    height: 70px;
}

.menu .head a {
    display: block;
    width: 100%;
    padding: 25px;
    color: #a8a8a8;
    position: absolute;
    left: 0;
    right: 100%;
    background-color: #2e2e2e;
    text-align: right;
    line-height: 1;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.menu .head a:hover {
    color: #fff;
}

.tabs-list {
    margin-bottom: 0;
}

.tabs-list li a {
    display: block;
    padding: 20px 15px;
    color: inherit;
    text-decoration: none;
}

.tabs-list li.active a {
    background-color: #ededed;
}

/* menu opened styles */


body.menu-opened .menu-list {
    width: 300px;
}

body.menu-opened .menu-list .head a {
    position: absolute;
    right: 0;
    left: 0;
}

body.menu-opened .menu-list {
    width: 300px;
    overflow: visible;
}

body.menu-opened .menu-list > li {
    width: 300px;
}

body.menu-opened .menu-list li.li-logo a  {
    padding:11px 50px;
}

body.menu-opened .content {
    padding-left: 300px;
}

body.menu-opened .menu-list > li ul {
    left: 300px;
}

body.menu-opened .menu-list .full-name {
    display: inline;
}

section.gray {
    padding: 20px 0;
    background-color: #ededed;
    margin-right: -15px;
    margin-left: -15px;
}
section.padded {
    padding: 30px 0;
}

.widget {
    margin-bottom: 30px;
}
.widget .head {
    padding: 20px;
    color: #fff;
    background-color: #4d4d4d;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
}

.widget .head .controls {
    position: absolute;
    top: 20px;
    right: 10px;
}

.widget .head .fa {
    margin-right: 10px;
}

.widget .head .controls a {
    color: #a9a9a9;
    /* margin-right: 10px; */
}


.widget .head .controls a:hover {
    color: #fff;
}


.widget .body {
    padding: 20px;
    background-color: #fff;
}

.data-list li {
    padding-right: 30px;
}

.data-list li:last-child {
    padding-right: 5px;
}

.data-list h2 {
    margin-bottom: 0;
    color: #a8a8a8;
    font-size: 64px;
}
.data-list p {
    color: #c1c1c1;
    text-transform: uppercase;
}

h4, h5, h6 {
    color: #525252;
    font-weight: 700;
    line-height: 1.4;
}

.off {
    /* color:#f4aa1a; */
}

.on {
    color: #0084C7;
}

.text-muted {
    color:#888;
}

h1.huge-text {
    font-size: 58px;
}

h1 {
    font-size: 32px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 32px;
}

h6 {
    font-size: 16px;
}

h6 > a {
    color: #525252;
}

img {
    max-width: 100%;
}

p > a {
    color: #0082be;
    font-weight: 400;
    /*font-size: 14px;*/
    text-decoration: underline;
}

p > a.tpl-alt {
    color: #f4aa1a;
}

.price {
    text-align:center;
}

a.tpl-more {
    font-size: 14px;
}

a.tpl-alt {
    color: #f4aa1a;
}

.clear {
    clear: both;
}

.navbar-fixed-top {
    padding: 5px 0;
}

#navbar-collapse .navbar-left {
    font-size: 17px;
    color:#fff;
}

.navbar-nav .logo-header {
    width: 110px;
    height: 42px;
    margin-right: 12px;
}

#dashboard-nav-link, #dropdown-project, #dropdown-customer, #library-nav-link {
    color: #fff;
}

#dashboard-nav-link:hover, #dropdown-project:hover, #dropdown-customer:hover, #library-nav-link:hover {
    color: #9d9d9d;
}

.navbar-nav .li-logo a {
    padding: 0;
}

.navbar-inverse .navbar-nav>li>a.text-danger {
    color: #ff3333;
}
.navbar-inverse .navbar-nav > li.dropdown.has-background > a {
    color: #fea500;
}
.navbar-inverse {
    font-size: 13px;
    min-height: 32px;
    margin-bottom: 0;
}
.navbar-inverse li a {
    padding:8px 10px;
}

.top-buffer-15 {
    margin-top: 15px;
}

header {
    border-bottom: 1px solid #efefef;
    height: 75px;
}

.alert-wrap .alert {
    margin:20px 0;
}

#ajax-alert {
    position: fixed;
    left: 50%;
    top: 30%;
    z-index: 5000;
}

#ajax-alert .alert {
    position: relative;
    left: -50%;
    width: 500px;
}

article {
    margin-bottom: 30px;
}

section.login {
    padding: 60px 0;
}

footer {
    padding: 15px 0;
    color: #898989;
    font-size: 14px;
    background-color: #2e2e2e;
    position:relative;
    z-index:100;
}

footer.bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
}

footer p {
    margin-bottom: 0;
}

footer .social {
    font-size:20px;
}
footer .social a {
    color: #898989;
    margin-right:5px;
}
footer .social a:hover {
    color: #0082be;
}

/* helpers */

.text-blue {
    color: #0082be;
}

.text-orange {
    color: #f4aa1a;
}

.text-light {
    color: #999;
}
    p > a.text-light {
        color: #999;
    }

.text-dark-gray {
    color: #777777;
}

.add-bottom-xs {
    margin-bottom: 5px;
}
.add-bottom-sm {
    margin-bottom: 10px;
}

.add-bottom-md {
    margin-bottom: 20px;
}

.add-right-md {
    margin-right: 20px;
}

.remove-top {
    margin-top: 0;
}

.remove-bottom {
    margin-bottom: 0;
}

/* cashflow table */
.col-label {
    width: 330px;
}
.col-year {
    width: 110px;
}

.cashflow .inner {
    width: 10000px;
}

.cashflow .table {
    width: auto;
    float: left;
}

.horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    /*position: relative;*/
}

.consumption-detailed .horizontal-scroll {
    margin-bottom:20px;
}
.consumption-detailed .horizontal-scroll-inner {
    width:90000px;
    display:block;
    overflow:hidden;
}

#upload-solar-production-file .horizontal-scroll-inner {
    width:90000px;
    display:block;
    overflow:hidden;
}

#upload-solar-production-file .horizontal-scroll {
    margin-bottom: 20px;
}

#consmedia-layout-panels {
    margin-bottom:15px;
}

.define-csv {
    overflow-x: hidden;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    margin-bottom:0;
    display:block;
    float:left;
}

.define-csv .first-row {
    width:100px;
    white-space:normal;
    text-overflow:initial;
}

#consmedia-layout-tabs input,
.define-csv [data-toggle="buttons"] .btn input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.define-csv th,
.define-csv td {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    width:200px;
    height:40px;
    display:block;
    float:left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.define-csv th {
    height:96px;
}


.define-csv thead tr {
    display: block;
    width: 100%;
}
/*
.define-csv thead th:nth-child(3) {
    width: 130px;
}
*/
.define-csv tbody {
    width: 100%;
    height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
    border-bottom:1px solid #ccc;
}
.define-csv thead {
    display: block;
    margin-right:20px;
}

/*
.define-csv thead {
    display: block;
    position: static;
    top: 0px;
    left: 0px;
}
.define-csv thead th {
    display: block;
    float: left;
    height: 100px;
}

*/


.consumption-detailed .horizontal-scroll table .btn-toolbar .btn-group .btn {
    float: none;
}

.data-table td, 
data-table th {
    white-space: nowrap;
}

/* GridView */
a.asc:after, a.desc:after {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    padding-left: 5px;
    position: relative;
}
a.asc:after {
    content: "▲";
}
a.desc:after {
    content: "▼";
}
.button-column {
    padding:2px;
    text-align:right;
}

.button-column a {
    font-size:20px;
    margin:0 0 5px 5px;
}

.refresh-buttons .fa {
    font-size: 18px;
}

/* bs overrides */

legend {
    border-color: #eee;
    color:#777;
}

.checkbox label {
    font-weight: inherit;
}

.table>thead>tr>th {
    color: #525252;
}

.media-left, .media>.pull-left {
    padding-right: 20px;
}

.btn-warning.disabled, 
.btn-warning[disabled], 
fieldset[disabled] .btn-warning, 
.btn-warning.disabled:hover, 
.btn-warning[disabled]:hover, 
fieldset[disabled] .btn-warning:hover, 
.btn-warning.disabled:focus, 
.btn-warning[disabled]:focus, 
fieldset[disabled] .btn-warning:focus, 
.btn-warning.disabled.focus, 
.btn-warning.focus[disabled], 
fieldset[disabled] .btn-warning.focus, 
.btn-warning.disabled:active, 
.btn-warning[disabled]:active, 
fieldset[disabled] .btn-warning:active, 
.btn-warning.disabled.active, 
.btn-warning.active[disabled], 
fieldset[disabled] .btn-warning.active {
    background: #c4b59f;
    border-color: #ab9779;
    color:#333;
}

.btn-danger.disabled, 
.btn-danger[disabled], 
fieldset[disabled] .btn-danger, 
.btn-danger.disabled:hover, 
.btn-danger[disabled]:hover, 
fieldset[disabled] .btn-danger:hover, 
.btn-danger.disabled:focus, 
.btn-danger[disabled]:focus, 
fieldset[disabled] .btn-danger:focus, 
.btn-danger.disabled.focus, 
.btn-danger.focus[disabled], 
fieldset[disabled] .btn-danger.focus, 
.btn-danger.disabled:active, 
.btn-danger[disabled]:active, 
fieldset[disabled] .btn-danger:active, 
.btn-danger.disabled.active, 
.btn-danger.active[disabled], 
fieldset[disabled] .btn-danger.active {
    background:#BFADAC;
    border-color:#A38E8C;
    color:#333;
}

.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled.focus, 
.btn-primary.focus[disabled], 
fieldset[disabled] .btn-primary.focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary.active[disabled], 
fieldset[disabled] .btn-primary.active {
    background:#B3BFC9;
    border-color:#8D98A1;
    color:#333;
}
.btn-primary {
    background-color: #fea500;
    border-color: #feb002;
}

.btn-blue {
    background-color: #0082be;
    border-color: #006390;
    color: #fff;
}

.btn-blue:hover, .btn-blue:focus {
    background-color: #0073be;
    border-color: #026390;
    color: #fff;
}

.btn-default.disabled, 
.btn-default[disabled], 
fieldset[disabled] .btn-default, 
.btn-default.disabled:hover, 
.btn-default[disabled]:hover, 
fieldset[disabled] .btn-default:hover, 
.btn-default.disabled:focus, 
.btn-default[disabled]:focus, 
fieldset[disabled] .btn-default:focus, 
.btn-default.disabled.focus, 
.btn-default.focus[disabled], 
fieldset[disabled] .btn-default.focus, 
.btn-default.disabled:active, 
.btn-default[disabled]:active, 
fieldset[disabled] .btn-default:active, 
.btn-default.disabled.active, 
.btn-default.active[disabled], 
fieldset[disabled] .btn-default.active {
    background:#ddd;
    border-color:#aaa;
}

.btn.btn-template.alt {
    color: #fff;
    background-color: #fea500;
}
.btn {
    border-radius: 0;
}

.tool-tip {
    display: inline-block;
}

.tool-tip [disabled] {
    pointer-events: none;
}
/* template-bs specifics */

.tpl-main {
    position: relative;
}

.tpl-main section:last-child {
    margin-bottom: 100px;
}

.tpl-side-controls {
    position: absolute;
    padding-top: 45px;
    padding-bottom: 45px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ccc;
    background-color: #363636;
}

.tpl-side-controls h6 {
    color: #ccc
}

.tpl-module-list > li > a {
    display: block;
    padding: 8px 55px;
    color: #fff;
    font-weight: 400;
    background: transparent url(../img/icon-side-nav-sprite.png) no-repeat;
} 

.tpl-module-list > li > a.module {
    background-position: 15px 6px;
}

.tpl-module-list > li > a:hover {
    color: #2e2e2e;
    background-color: #9b9b9b;
    background-image: url(../img/icon-side-nav-sprite-hover.png);
    text-decoration: none;
}

.tpl-breadcrumbs {
    padding: 5px 0;
    background-color: #efb23c;
    font-weight: 400;
}

.tpl-breadcrumbs a {
    color: #363636;
}

.tpl-breadcrumbs-links > li:after {
    content: "/";
    padding-left: 15px;
}

.tpl-breadcrumbs-links > li:last-child:after {
    content: "";
    padding-left: 0;
}

.btn,
.btn-lg, 
.btn-group-lg>.btn {
    font-weight: 700;
}

.btn-group .btn-primary {
    background-color: #aaa;
    border-color: #aaa;
}

.btn-group .btn-primary.active, 
.btn-group .btn-primary:hover,
.btn-group .btn-primary:focus {
    background-color: #0084C7;
    border-color: #006fa8;
}

.btn-group .btn-primary.disabled:hover,
.btn-group .btn-primary.disabled:active {
    background: #B3BFC9;
    border-color: #8D98A1;
}

.btn.tpl-btn-primary {
    color: #fff;
    background-color: #fea500;
    border-color: #feb002;
    font-size: 14px;
    padding: 7px 16px;
    border-radius: 0;
}

.btn.tpl-btn-primary:hover, .btn-primary:hover {
    background-color: #fe8c0d;
    border-color: #fe9802;
}
.btn-primary.active{
    background-color: #fe851c;
    border-color: #fe5b00;
}
.btn-primary.active:hover,.btn-primary.active:focus,.btn-primary.active:hover:focus,
.btn-primary:active:focus,.btn-primary:active, .btn-primary:focus,
.btn-primary:active:hover {
    background-color: #fe6e00;
    border-color: #fe5b00;
}

    .btn.tpl-btn-primary .fa {
        font-size:20px;
        margin-right:4px;
        vertical-align:middle;
    }

.btn.btn-dark {
    color: #fff;
    background-color: #333;
}

.btn.btn-dark:hover, .btn.btn-dark:focus {
    color: #fff;
    background-color: #222;
    border-color: #111111;
}

#ticket-reply-form .input-group:not(:first-of-type),
#ticket-create-form .input-group:not(:first-of-type) {
    margin-top: 10px;
}

.input-group-btn .btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.login-form .form-control {
    padding: 25px;
    background-color: #e9e9e9;
    border: none;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.login-form .form-control:focus{
    background-color: #575757;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login-form .btn {
    padding: 10px 35px;
}

.tpl-current-client-wrap a {
    display: block;
    padding: 22px 0;
    color: #fca716;
    font-size: 24px;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: right;
}
.tpl-current-client-wrap a:hover {
    text-decoration: none;
}
.tpl-current-client-wrap .dropdown-menu {
    width:100%;
    border-radius: 0;
}
.tpl-current-client-wrap .dropdown-menu a {
    text-align: left;
}
.tpl-current-client-wrap .dropdown-menu .fa {
    display:inline-block;
    width:40px;
}

.tpl-search-icon-wrap {
    background-color: #0082be;
}

.tpl-search-icon-wrap a {
    display: block;
    padding: 22px 0;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    text-align: center;
}

.clear-search {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
    z-index: 10;
}

.tpl-notification {
    margin-bottom: 10px;
    padding: 15px;
    color: #fff;
    background-color: #05618b;
    position:relative;
}
/*
.tpl-notification.alerts { background: #05618b url(../img/notification-alerts.png) no-repeat 90% 20px; }
.tpl-notification.projects { background: #05618b url(../img/notification-projects.png) no-repeat 90% 20px; }
.tpl-notification.tweets { background: #05618b url(../img/notification-tweets.png) no-repeat 90% 20px; }
.tpl-notification.news { background: #05618b url(../img/notification-news.png) no-repeat 90% 20px; }
*/
.tpl-notification .fa {
    font-size:100px;
    position:absolute;
    bottom:10px;
    right:10px;
    color:rgb(105, 160, 185);
    z-index:5;
}
.tpl-notification h4,
.tpl-notification p
{
    z-index:10;
    position:relative;
}
.fa-bell {
    -ms-transform: rotate(40deg); /* IE 9 */
    -webkit-transform: rotate(40deg); /* Chrome, Safari, Opera */
    transform: rotate(40deg);
}

.tpl-notification h4 {
    color: inherit;
    line-height: 1;
    margin-bottom: 5px;
}

.tpl-notification p {
    font-size: 22px;
}

.tpl-panel {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
}
.tpl-panel-title {
    margin: 0;
    padding: 10px;
    color: #fff;
    background-color: #4d4d4d;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}
.tpl-panel-title.no-picture {
    background-image:none;
    padding-left:10px;
}
.tpl-panel-title.iconless {
    padding-left: 10px;
    background-image: none;
}

.tpl-panel-title > span.fa {
    margin-right: 10px;
}

.tpl-panel-title a {
    cursor: pointer;
    padding: 0 5px;
}

.tpl-panel-title.important { background-position: 5px top; }
.tpl-panel-title.staff { background-position: 5px -42px; }
.tpl-panel-title.projects { background-position: 5px -84px; }
.tpl-panel-title.statistic { background-position: 5px -126px; }
.tpl-panel-title.tweeter { background-position: 5px -126px; }
.tpl-panel-title.tweeter { background-position: 5px -168px; }
.tpl-panel-title.tweeter { background-position: 5px -168px; }
.tpl-panel-title.news { background-position: 5px -210px; }

.tpl-staff-list .media-left, 
.tpl-staff-list .media-right, 
.tpl-staff-list .media-body{
    vertical-align: middle;
}

.tpl-staff-list .media-heading, 
.tpl-staff-list p {
    margin-top: 0;
    margin-bottom: 0;
}

.tpl-staff-list .media-left, .tpl-staff-list .media>.pull-left {
    padding-right: 20px;
}

.tpl-staff-image {
    border-radius: 40px;
}

.tpl-controls-wrap {
    text-align: right;
    margin-bottom:7px;
}

.tpl-table-controls {
    text-align: center;
}

.tpl-table-controls a {
    color: #fff;
    display: inline-block;
    background-color: #3ebaf3;
    padding: 1px 0;
    text-align: center;
    min-width: 26px;
    line-height: 28px;
    margin: 0 1px;
}
.tpl-table-controls a:hover{
    background-color: #3395c2;
}
.tpl-table-controls a.incomplete {
    background-color:#aaa;
}
.tpl-table-controls a:hover {
    color: #fea500;
    background-color: #3c3c3c;
}

.tpl-tweet-media {
    margin-bottom: 20px;
    padding-right: 40px;
    font-size: 14px;
}

.tpl-tweet-media h6,
.tpl-tweet-media p {
    margin-top: 0;
    margin-bottom: 0;
}

.tpl-tweet-media .media-left {
    padding-right : 20px;
}


.tpl-project-btn {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 40px;
    background-image : url(../img/icon-project-buttons-sprite.png);
    background-repeat: no-repeat;
}

.tpl-project-btn.tpl-project-new { background-position: 10px top; }
.tpl-project-btn.tpl-project-new-from-template { background-position: 5px -40px; }

/* To fill the container and nothing else */

.twitter-timeline, 
.fb_iframe_widget, 
.fb_iframe_widget span, 
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
.fb_iframe_widget {
    border:1px solid #e8e8e8;
    border-radius:5px;
}

.nav-tabs {
    border-bottom: none;
}
.nav-tabs span.complete {
    color: #008000;
}
.nav-tabs span.incomplete {
    color: #555;
}
.nav-tabs > li.pull-right > a {
    display:inline-block;
    margin-left:5px;
}

.nav-tabs > li.pull-right > a.btn-default {
    border-color: #adadad;
}

.tab-content .page-header {
    margin-top:0;
}

.list-table {
    background-color: #fff;
}
.list-table .btn-toolbar {
    margin:15px 0;
}
.list-table .item {
    border-bottom:1px solid #ddd;
}
.list-table .inner {
    padding:0 15px;
}
.sub-list .inner {
    border: none;
}

.list-table .summary,
.list-table-header {
    font-weight:bold;
}
.list-table-header {
    border-bottom:2px solid #ddd;
}
.list-table-header a {
    color:#525252;
    font-weight:bold;
}
.list-table .summary,
.list-table .col {
    padding-top:8px;
    padding-bottom:8px;
}
.list-table label {
    margin-bottom: 0;
    font-weight: normal;
}
.list-view > .row {
    border-bottom:1px solid #ddd;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:5px;
    margin-bottom:5px;
}
.control-label .help-block {
    font-weight: normal;
    margin:0;
    color:#999;
    font-size:13px;
}
.calculator-popup .calculator-row button {
    font-size:12px;
}
.energy-charges .charge-row {
    margin-bottom:0;
}
.charge-second-level {
    margin-bottom: 15px;
}
.charge {
    position:relative;
}
    .charge-input-wrap {
        padding-right:0px;
    }
        .charge-equals {
            font-size:20px;
            font-weight:bold;
            position:absolute;
            right:-6px;
            top:0;
        }

fieldset {
    margin-bottom:20px;
}
fieldset fieldset {
    margin-bottom:0;
}

.text-label {
    font-weight:bold;
}
.form-horizontal .btn-group {
    padding-top:2px;
}

.form-horizontal .text-left {
    text-align: left;
}

.form-horizontal .form-inline .form-group {
    margin-left:0;
    margin-right:0;
}

.form-content {
    margin-top:7px;
}

.form-category-list > li a {
    display: block;
    padding: 15px 0;
    text-transform: uppercase;
    text-decoration: none;
}

.form-category-list > li.active a {
    font-weight: 400;
}

.form-category-list.orange > li.active a {
    background-color: #fea500;
}

.form-category-list.alt > li.active a {
    background-color: #717171;
}

.modal-content {
    border-radius: 0;
}

.modal-title strong {
    color: #f39e03;
    font-weight: inherit;
}

.modal-fullscreen {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

.modal-fullscreen .modal-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal-fullscreen .modal-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px;
    height: 55px;
}

.modal-fullscreen .modal-body {
    position: absolute;
    top: 55px;
    width: 100%;
    bottom: 60px;
    overflow: hidden;
}

.modal-fullscreen .modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60px;
}

#rc-fullscreen-modal .modal-body,
#visual-composer-modal .modal-body {
    padding:0;
}

#rc-fullscreen-modal .modal-body {
    position: absolute;
    top: 0;
    bottom: 0;
}

#rc-fullscreen-modal .modal-footer {
    padding: 0;
    margin: 0;
    height: 0;
    border: none;
}

#rc-fullscreen-modal .modal-footer button {
    position: relative;
    top: -48px;
    right: 10px;
    z-index: 1001;
}

/* prevents spookfish logo being covered by "Exit Full Screen" button */
#rc-fullscreen-modal #maincontainer > img {
    bottom: 48px !important;
}

#help-me-size-modal input,
#help-me-size-modal select {
    max-width:150px;
}

@media (min-width: 992px){
    body .modal-lg {
        width: 80%;
        min-width: 900px;
    }
}

/* .tab-pane.form-category {
        min-height: 350px;
        padding: 15px 30px;
        color: #fff;
        
} */

.form-category.alt {
    background-color: #717171;
}

.form-category-list.orange {
    background-color: #fea500;
}

.form-category-tabs-list {
    float: right;
}

.form-category-tabs-list li {
    float: left;
}

.form-category-tabs-list li > a {
    display: block;
    width: 140px;
    /* height: 140px; */
    padding: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    box-shadow: 0px 1px 2px rgba(86, 86, 86, 0.1);
    text-decoration: none;
}

.form-category-tabs-list li > a span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}

.form-category-tabs-list li.active a {
    color: #fea500;
    background-color: #3c3c3c;
}

.form-category-tabs-list li > a > i {
    display: block;
    font-size: 48px;
    margin-bottom: 15px;
}

.open-save-modal .alert {
    margin:0;
    font-size:14px;
    padding-top:7px;
    padding-bottom:7px;
}
.open-save-modal .input-prompt {
    text-align:left;
}
.open-save-modal .modal-header {
    background:#4d4d4d;
    border-radius:4px 4px 0 0;
    padding: 8px 15px;
}
.open-save-modal .modal-header h3 {
    font-weight: 700;
    color:#fff;
}
.open-save-modal .close {
    color:#fff;
    opacity:1;
    margin-top:3px;
}
.open-save-modal .close:hover, 
.open-save-modal .close:focus {
    opacity:.5;
}
.open-save-modal tbody td {
    cursor: default;
}
.modal td.td-hidden {
    padding:0;
    width:1px;
    overflow:hidden;
}
.modal td.td-hidden input[type="checkbox"] {
    position:absolute;
    left:-90000px;
}

td.td-hidden {
    padding: 0;
    width: 1px;
    overflow: hidden;
}

td.td-hidden input[type="checkbox"] {
    position:absolute;
    left:-90000px;
}

.open-save-modal .form-group {
    margin-bottom: 15px;
}

.ownership-icons {
    width:70px;
}
.slider-group {
    margin-top:10px;
    font-size:13px;
    overflow:hidden;
}
.slider-group .text-success {
    font-weight:bold;
}

.annoying-loading-screen {
    position:fixed;
    width:100%;
    height:100%;
    z-index: 1000;
    background-color: rgba(255,255,255,.8);
    top:0;
    left:50px;
}
    .annoying-loading-screen .loading {
        position: absolute;
        font-size: 80px;
        text-align: center;
        font-weight: bold;
        width: 100%;
        top: 40%;
    }

/* Handson Tables */ 

/* Remove these as they can cause a "double header" issue "*/
.ht_clone_top,
.ht_clone_left, 
.ht_clone_corner {
    display:none !important;
}

.handsontableInput {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.handsontable .htDimmed {
    background: #eee !important;
}

.handsontable td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*SnapCMS Media Items */
.media-item .item {
    text-align:center;
    background:#fff;
    padding:15px;
    position:relative;
    border:1px solid #eee;
    margin-bottom:15px;
}
    .media-item .fa {
        font-size:60px; 
        margin-bottom:10px;
    }
    .media-item h4 {
        margin-bottom:0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 18px;
    }
    .media-item .ext {
        text-transform: uppercase;
        margin-top:5px;
        display:block;
        font-size:11px;
        color:#999;
    }
    .media-item .actions {
        position:absolute;
        top:10px;
        right:10px;
        font-size:18px;
        display:none;
    }
    .media-item:hover .actions {
        display:block;
    }
.fa-file-word-o {
    color: rgb(41,85,151);
}
.fa-file-excel-o {
    color: rgb(31,111,67); 
}
.fa-file-pdf-o {
 
}
    
@media (max-width:768px){
    section {
        margin: 0;
    }
    .tpl-tweet-media {
        padding-right: 0;
    }

    .tpl-controls-wrap {
        text-align: left;
    }

    .tpl-tweet-media .media-left {
        width: 25%;
    }

    .tpl-panel {
        margin-bottom: 15px;
    }
}


/* Web Calculator */

#web-calculator-form {
    overflow-x:hidden;
    overflow-y:auto;
}

#sizesAffix.affix,
#web-calculator-form.affix {
    position:static;
}
#sizesAffix {
    padding:20px 20px 5px 20px;
    margin-bottom:20px;
    background:#ddd;
    box-sizing:content-box;
}
#sizesAffix .textLabel {
    margin-top:5px;
    font-weight:bold;
}

#web-calculator-form .popover {
    position:relative;
    width:100% !important;
    left:auto !important;
    top:auto !important;
    max-width: none !important;
}
#web-calculator-form .arrow {
    display:none;
}
#web-calculator-form label {
    width:100%;
}

@media (min-width: 992px) {
    #web-calculator-form.affix {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        padding-top:20px;
        padding-bottom:20px;
        padding-left:15px;
        padding-right:15px;
        background:#f5f5f5;
        box-sizing:content-box;
    }    
    #sizesAffix.affix {
        position: fixed;
        top: 0;
        z-index:1000;
    }
    #sizesAffix.affix + .row {
        padding-top:90px;
    }
}

.table-horiz-scroll {
    overflow-x:auto;
    overflow-y:hidden;
}
.site-web-calculator {
    font-size: 14px;
}

.site-web-calculator .fusioncharts-container {
    float:left;
    margin-bottom:20px !important;
}
.dark-col {background:#eee; margin-bottom:20px; color:#444; position:relative;}
.webcalc-results-loading {
    box-sizing:padding-box;
    text-align:center;
    display:block;
    padding-top:180px;
    font-size:26px;
    margin-bottom:20px;
    background:rgba(0,0,0,.5);
    color:#fff;
    z-index:9999;
    font-weight:bold;
    position:absolute;
    top:0;
    left:0;
    height:500px;
    width:100%;
    display:none;
}

/* These FusionChart elements cause black lines on pdf printouts */
.fusioncharts-container g[class$="-axis-bands"] rect,
.fusioncharts-container g[class$="-canvas"] rect {
    display:none;
}

#webcalcuser-user_type small{font-weight: normal;}
.ui-slider {margin-top:4px;}
/*
.popover {
    width:300px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: left;
    white-space: normal;
}
*/
.popover {
    max-width: 100%;
}

.modal-dialog {
    z-index:2000;
}

#web-calculator-form .glyphicon-question-sign {cursor:pointer; color:#0082be;}
.open-modal {cursor:pointer;}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}

.wizard > .content > .title, .tabcontrol > .content > .title {
    position: absolute;
    left: -999em;
}

.steps {
    display: none;
}

.actions {
    margin: 30px 0;
    clear: both;
}

.actions ul[role=menu] {
    float: right;

}

.actions ul[role=menu] li {
    display: inline-block;
    margin-right: 15px;
}

.actions ul[role=menu] li:nth-child(2),
.actions ul[role=menu] li:last-child {
    margin-right: 0;
}

.actions ul[role=menu] li button, .actions a, .actions input[type=submit] {
    padding: 10px 15px;
    color: #fff;
    background-color: #50b2dc;
    border: 1px solid #4aa4cb;
    text-decoration: none;
    font-weight: 500;
    border-radius: 8px;
}

.actions ul[role=menu] li.disabled button, .actions ul[role=menu] button.disabled{
    background-color: #e6e6e6;
    color: #adadad;
    border: 1px solid #ddd;
    cursor: default;
}

h3.plan-name {
    cursor:pointer;
}

article {
    margin-bottom: 30px;
}

.price-plan {
    padding: 20px 20px 60px;
    background-color: #fff;
    height: 100%;
    /*margin-bottom: 30px;*/
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.15);

}

.price-plan .amount-wrap {
    margin-top: 20px;
    text-align: center;
}

.price-plan .amount-wrap .amount {
    display: inline-block;
    position: relative;
    color: #0082be;
    font-size: 40px;
    font-weight: 500;
}
.price-plan .amount-wrap .amount .currency {
    position: absolute;
    top: 5px;
    left: -20px;
    font-size: 30px;
}

.price-plan .amount-wrap .amount .decimal {
    font-size: 16px;
}

.price-plan .plan-name {
    margin-top: 30px;
    margin-bottom: 0;
    color: #0082be;
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

.price-plan .plan-name:after {
    content: " ";
    width: 33.3333%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -15px;
    background-color: #0082be;
}

.price-plan article {
    padding-bottom: 25px;
    margin-bottom: 35px;
    border-bottom: 1px solid #ddd;
}

.price-plan .apply-now {
    display: inline-block;
    padding: 15px 30px;
    color: #f4aa1a;
    border: 1px solid #f4aa1a;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
}

.price-plan .apply-now:hover,
.price-plan .apply-now:focus {
    color: #fff;
    background-color: #f4aa1a;
    border-color: #e19d19;
}

.price-plan .timeline .btn {
    padding-left: 12px;
    padding-right: 12px;
    color: #0082be;
    border: 1px solid #0082be;
    font-size: 9px;
}

.price-plan .timeline .btn:hover,
.price-plan .timeline .btn:focus,
.price-plan .timeline .btn.active {
    color: #fff;
    border: 1px solid #f4aa1a;
    background-color: #f4aa1a;
}

.price-plan.recommended {
    background-color: #3d3d3d;
    color: #e2e2e2;
    position: relative;
}
.price-plan.recommended:after {
    content: "Recommended";
    position: absolute;
    width: 100%;
    padding: 8px 0;
    top: -41px;
    left: 0;
    left: 0;
    color: #fff;
    background-color: #f4aa1a;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

.price-plan.recommended .plan-name {
    color: #f4aa1a;
}

.price-plan.recommended .amount-wrap .amount {
    color: #f4aa1a;
}

.price-plan.recommended .plan-name:after {
    background-color: #f4aa1a;
}

.price-plan.recommended .timeline .btn {
    color: #ddd;
    border: 1px solid #ddd;
}

.price-plan.recommended .timeline .btn:hover,
.price-plan.recommended .timeline .btn:focus,
.price-plan.recommended .timeline .btn.active {
    color: #fff;
    border: 1px solid #0082be;
    background-color: #0082be;
}

.price-plan .additionals {
    color: #111;
    font-size: 90%;
}

.price-plan.recommended .additionals {
    color: #aaa;
}

a.btn {
    text-decoration: none;
}

.add-bottom-lg {
    margin-bottom: 30px;
}

#project-tabs.affix {
    width: 92%;
    top: 48px;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #ddd;
    z-index: 100;
}
#project-tabs.affix.admin {
    top: 84px;
}
    #project-tabs ul {
        margin-right:150px;
    }
    #project-tabs .btn {
        margin-top:3px;
    }
    #project-tabs .btn:not(:last-child) {
        margin-right: 5px;
    }

.assets-tab .asset-preview {
    height: 166px;
    text-align: center;
    padding: 10px 20px;
}

.assets-tab .asset-preview div {
    width: 180px;
    margin: 0 auto;
}

.assets-tab .btn span.glyphicon {
    opacity: 0;
}

.assets-tab .btn.active span.glyphicon {
    opacity: 1;
}

#tab-assets-graphs {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 320px;
}

#cke_client-letterhead .cke_button__placeholder_icon, 
#cke_client-proposal_outro .cke_button__placeholder_icon
{ display: none; }

table.define-csv {
    float:left;
    width:auto;
    margin-right:20px;
}
    .define-csv th {
        white-space: nowrap;
    }

table tfoot tr.total td {
    border-top-width: 5px;
    border-top-style: double;
}
    
div.pac-container {
    z-index: 100000;
}

#new-project-form .button-nav .btn-group {
    display:block;
}

    #new-project-form .button-nav .btn {
        display:block;
        float:none;
        border-radius:0;
        margin-left:0;
        text-align:left;
        font-weight:normal;
    }

/* Widget Dashboard Extensions */

.component-title {margin-bottom:20px}
	
	
.bottom-buffer {margin-bottom: 30px;}

.nobuffer {margin: 0px; padding: 0px;}

.reduced-lineheight { line-height: 12px;}

.stat.first {margin-top: -15px;}

.stat.last {margin-bottom: -15px;}

.stat { padding-top:10px;
	width:100%;
	border-bottom: 1px solid #eee;
	-webkit-transition: all .25s ease-in-out;
							-moz-transition: all .25s ease-in-out;
							-ms-transition: all .25s ease-in-out;
							-o-transition: all .25s ease-in-out;
							transition: all .25s ease-in-out;}

.stat:hover { background: #eee;}

.stat-icon {
	
	color: #999999;
	font-size: 30px;
	text-align: center;
}

h4.stat-result {
	
	color: #0083C0;
	font-size: 45px;
	line-height: 45px;
	font-weight: 600;
	letter-spacing: -2px;
	margin: 0px; 
	padding: 0px;
}

.stat-type {
	
	color: #888888;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	float: left;
	margin-top: -27px;
}

.stat-label {
	
	color: #888888;
	font-size: 14px;
}

.compressed {margin-top: -5px;}

.list-inline.compressed >li {padding-left:0px; padding-right: 2px;}

.stat-comparison { font-size: 14px; text-align: right}

.stat-comparison .list-unstyled {margin-top: 10px;}

.stat-highlight { 
	
	font-size: 20px;
	color: #0083C0;
	font-weight: 600;
}

.stat-percentage, .stat-small  { color: #BABABA}

.positive { color: #FEA300;}

.negative {color: #0083C0;}

.stat-small { color: #888888; }

.call-to-actions {margin-top: 10px; margin-bottom: -5px;}

.call-to-actions.border-top {border-top:1px solid #eee; padding-top: 10px;}

/* top icons modifications */

.top-right-list > li > a {
    display: block;
    padding: 22px 0;
    color: #4a4a4a;
    font-size: 24px;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: right;
}

.tpl-current-client-wrap .dropdown-menu {
	left: auto;
	right: 0;
}

.notification .icon	 {
	position: relative;
}

.icon .counter {
    width: 23px;
    padding: 2px 5px;
    color: #fff;
    background-color: #ffa61c;
    border-radius: 20px;
    font-size: 12px;
    text-align: center;
}

.top-right-list > li > a.current-user {
	color: #ffa61c
}

.sub-table {
    width: 100%;
    max-width: 100%;
}

.sub-table > .line > div,
.sub-table > tbody > tr > td {
    color: #000;
    background-color: #e1e1e1;
    line-height: 38px;
}
.sub-table > tbody > tr > td {
    padding: 4px 8px;
}

.sub-table > .line:nth-child(odd) > div,
.sub-table > tbody > tr:nth-child(odd) > td {
   background-color: #e9e9e9; 
}

.sub-table > tbody > tr > td:first-child {
    background-color: transparent !important;
}

.cp-dropzone, .dropzone {
    margin-bottom: 15px;
}

.iframe-full {
    border:none;
    width:100%;
    height:100%;
}

/*
 * Ajax loading image
 */
#floatingCirclesG{
    position:fixed;
    top: 75px;
    left: 55px;
    width:125px;
    height:125px;
    margin:auto;
    display: none;
    transform:scale(0.6);
    -o-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
}

.f_circleG{
    position:absolute;
    background-color:rgb(255,255,255);
    height:22px;
    width:22px;
    border-radius:12px;
    -o-border-radius:12px;
    -ms-border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    animation-name:f_fadeG;
    -o-animation-name:f_fadeG;
    -ms-animation-name:f_fadeG;
    -webkit-animation-name:f_fadeG;
    -moz-animation-name:f_fadeG;
    animation-duration:1.2s;
    -o-animation-duration:1.2s;
    -ms-animation-duration:1.2s;
    -webkit-animation-duration:1.2s;
    -moz-animation-duration:1.2s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#frotateG_01{
    left:0;
    top:51px;
    animation-delay:0.45s;
    -o-animation-delay:0.45s;
    -ms-animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
    -moz-animation-delay:0.45s;
}

#frotateG_02{
    left:15px;
    top:15px;
    animation-delay:0.6s;
    -o-animation-delay:0.6s;
    -ms-animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
    -moz-animation-delay:0.6s;
}

#frotateG_03{
    left:51px;
    top:0;
    animation-delay:0.75s;
    -o-animation-delay:0.75s;
    -ms-animation-delay:0.75s;
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
}

#frotateG_04{
    right:15px;
    top:15px;
    animation-delay:0.9s;
    -o-animation-delay:0.9s;
    -ms-animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
    -moz-animation-delay:0.9s;
}

#frotateG_05{
    right:0;
    top:51px;
    animation-delay:1.05s;
    -o-animation-delay:1.05s;
    -ms-animation-delay:1.05s;
    -webkit-animation-delay:1.05s;
    -moz-animation-delay:1.05s;
}

#frotateG_06{
    right:15px;
    bottom:15px;
    animation-delay:1.2s;
    -o-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
}

#frotateG_07{
    left:51px;
    bottom:0;
    animation-delay:1.35s;
    -o-animation-delay:1.35s;
    -ms-animation-delay:1.35s;
    -webkit-animation-delay:1.35s;
    -moz-animation-delay:1.35s;
}

#frotateG_08{
    left:15px;
    bottom:15px;
    animation-delay:1.5s;
    -o-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
}

/* For consumption profiles */
.cp-dropzone, .cp-dropzone * {
  box-sizing: border-box; }

.cp-dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }
  .cp-dropzone.dz-clickable {
    cursor: pointer; }
    .cp-dropzone.dz-clickable * {
      cursor: default; }
    .cp-dropzone.dz-clickable .dz-message, .cp-dropzone.dz-clickable .dz-message * {
      cursor: pointer; }
  .cp-dropzone.dz-started .dz-message {
    display: none; }
  .cp-dropzone.dz-drag-hover {
    border-style: solid; }
    .cp-dropzone.dz-drag-hover .dz-message {
      opacity: 0.5; }
  .cp-dropzone .dz-message {
    text-decoration: underline;
    font-size: 20px;
    color: #3b94d9;
    font-weight:bold;
    text-align: center;
    margin: 2em 0; }
  .cp-dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px; }
    .cp-dropzone .dz-preview:hover {
      z-index: 1000; }
      .cp-dropzone .dz-preview:hover .dz-details {
        opacity: 1; }
    .cp-dropzone .dz-preview.dz-file-preview .dz-image {
      border-radius: 20px;
      background: #999;
      background: linear-gradient(to bottom, #eee, #ddd); }
    .cp-dropzone .dz-preview.dz-file-preview .dz-details {
      opacity: 1; }
    .cp-dropzone .dz-preview.dz-image-preview {
      background: white; }
      .cp-dropzone .dz-preview.dz-image-preview .dz-details {
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear; }
    .cp-dropzone .dz-preview .dz-remove {
      font-size: 14px;
      text-align: center;
      display: block;
      cursor: pointer;
      border: none; }
      .cp-dropzone .dz-preview .dz-remove:hover {
        text-decoration: underline; }
    .cp-dropzone .dz-preview:hover .dz-details {
      opacity: 1; }
    .cp-dropzone .dz-preview .dz-details {
      z-index: 20;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      font-size: 13px;
      min-width: 100%;
      max-width: 100%;
      padding: 2em 1em;
      text-align: center;
      color: rgba(0, 0, 0, 0.9);
      line-height: 150%; }
      .cp-dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px; }
      .cp-dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap; }
        .cp-dropzone .dz-preview .dz-details .dz-filename:hover span {
          border: 1px solid rgba(200, 200, 200, 0.8);
          background-color: rgba(255, 255, 255, 0.8); }
        .cp-dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
          overflow: hidden;
          text-overflow: ellipsis; }
          .cp-dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
            border: 1px solid transparent; }
      .cp-dropzone .dz-preview .dz-details .dz-filename span, .cp-dropzone .dz-preview .dz-details .dz-size span {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 0 0.4em;
        border-radius: 3px; }
    .cp-dropzone .dz-preview:hover .dz-image img {
      -webkit-transform: scale(1.05, 1.05);
      -moz-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      -o-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      -webkit-filter: blur(8px);
      filter: blur(8px); }
    .cp-dropzone .dz-preview .dz-image {
      border-radius: 20px;
      overflow: hidden;
      width: 120px;
      height: 120px;
      position: relative;
      display: block;
      z-index: 10; }
      .cp-dropzone .dz-preview .dz-image img {
        display: block; }
    .cp-dropzone .dz-preview.dz-success .dz-success-mark {
      -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .cp-dropzone .dz-preview.dz-error .dz-error-mark {
      opacity: 1;
      -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .cp-dropzone .dz-preview .dz-success-mark, .cp-dropzone .dz-preview .dz-error-mark {
      pointer-events: none;
      opacity: 0;
      z-index: 500;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      margin-left: -27px;
      margin-top: -27px; }
      .cp-dropzone .dz-preview .dz-success-mark svg, .cp-dropzone .dz-preview .dz-error-mark svg {
        display: block;
        width: 54px;
        height: 54px; }
    .cp-dropzone .dz-preview.dz-processing .dz-progress {
      opacity: 1;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .cp-dropzone .dz-preview.dz-complete .dz-progress {
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -ms-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in; }
    .cp-dropzone .dz-preview:not(.dz-processing) .dz-progress {
      -webkit-animation: pulse 6s ease infinite;
      -moz-animation: pulse 6s ease infinite;
      -ms-animation: pulse 6s ease infinite;
      -o-animation: pulse 6s ease infinite;
      animation: pulse 6s ease infinite; }
    .cp-dropzone .dz-preview .dz-progress {
      opacity: 1;
      z-index: 1000;
      pointer-events: none;
      position: absolute;
      height: 16px;
      left: 50%;
      top: 50%;
      margin-top: -8px;
      width: 80px;
      margin-left: -40px;
      background: rgba(255, 255, 255, 0.9);
      -webkit-transform: scale(1);
      border-radius: 8px;
      overflow: hidden; }
      .cp-dropzone .dz-preview .dz-progress .dz-upload {
        background: #333;
        background: linear-gradient(to bottom, #666, #444);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out;
        -ms-transition: width 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out;
        transition: width 300ms ease-in-out; }
    .cp-dropzone .dz-preview.dz-error .dz-error-message {
      display: block; }
    .cp-dropzone .dz-preview.dz-error:hover .dz-error-message {
      opacity: 1;
      pointer-events: auto; }
    .cp-dropzone .dz-preview .dz-error-message {
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      display: block;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      border-radius: 8px;
      font-size: 13px;
      top: 130px;
      left: -10px;
      width: 140px;
      background: #be2626;
      background: linear-gradient(to bottom, #be2626, #a92222);
      padding: 0.5em 1.2em;
      color: white; }
      .cp-dropzone .dz-preview .dz-error-message:after {
        content: '';
        position: absolute;
        top: -6px;
        left: 64px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #be2626; }



@keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}
/* End Ajax Loading image */

/*
 * End Tour button
 */
#stop-tour {
    position:fixed;
    top: 75px;
    right: 30px;
    margin:auto;
    display: none;
    z-index: 1200;
}
/* end tour */

/* Choose Plan */
.plan-container {
    padding-top: 24px;
    display: flex;
    /* align-items: center; */
}

.plan {
    margin: 15px;
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #ddd;
    text-align: center;
    flex: 1;
}

.plan:hover {
    cursor: pointer;
}

.plan .alert {
    border-radius:0;
    background: #eee;
    border: 1px solid #ddd;
    color: #666;
}

.plan.recommended .alert,
.plan.selected .alert {
    background: #333;
    border: 1px solid #303030;
    color: #e2e2e2;
}

.plan.recommended {
    position: relative;
    color: #e2e2e2;
    background-color: #3d3d3d;
    flex: 1.5;
}

.plan.recommended:after {
    content: "Recommended";
    position: absolute;
    width: 100%;
    padding: 8px 0;
    top: -40px;
    left: 0;
    color: #fff;
    background-color: #f4aa1a;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

.plan .name {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    color: #0082be;
    font-size: 2em;
    font-weight: 700;
}

.plan.recommended .name {
    color: #f4aa1a;
}

.plan.recommended .name:after {
    background-color: #f4aa1a;
}

.plan .price {
    color: #0082be;
    font-size: 2.5em;
}

.plan.recommended .price {
    color: #f4aa1a;
}

.plan.selected {
    position: relative;
    background-color: #4e4e4e;
    color: #e2e2e2;
}

.plan.selected .name,
.plan.selected .price {
    color: #f0ad4e;
}

.plan.selected .name:after {
    background-color: #f0ad4e;
}


.plan.selected:after {
    content: "Selected";
    position: absolute;
    width: 100%;
    padding: 8px 0;
    top: -40px;
    left: 0;
    color: #fff;
    background-color: #82b541;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

.plan .price .amount {
    padding-left: 15px;
}

.plan .price .currency {
    position: absolute;
    font-size: .6em;
}

.plan .price .time-unit {
    padding-left: 5px;
    font-size: .5em;
}

.plan .catch-phrase {
    margin: 20px 0;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.3;
}

.plan .features {
    margin: 20px 0;
}

.plan .details {
    font-size: .9em;
}

@media (max-width:1250px) {
    .plan .timeline a {
        display: block;
        margin-bottom: 5px;
    }

    .plan .price {
        font-size: 2em;
    }
}

@media (max-width:768px){
    .plan-container {
        display: block;
        padding-top: 0;
    }

    .plan {
        margin-bottom: 40px;
    }

    .plan.recommended,
    .plan.selected {
        margin-top: 80px;
    }
}

/* Extras */

#extras-grid-view .name {
    width: 20%;
}
#extras-grid-view .description {
    width: 50%;
}
#extras-grid-view .bundle {
    width: 20%;
}
#extras-grid-view .extras {
    width: 10%;
}

/******** Proposal v3 ********/


#proposal-editor #proposal-accordion .panel {
    margin:0;
    border:none;
    box-shadow:none;
}

.pp-preview {
    position: relative;
    height: 250px;
    text-align: center;
    cursor: move;
    background:#eee;
}

.pp-preview .mask {
    display:none;
    width:100%;
    height:100%;
    border-radius: 4px;
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,.15);
    z-index:15;
}

.pp-preview .icon {
    font-size: 120px;
    position:absolute;
    top: 20px;
    left: 20px;
    color: #ccc;
}
.pp-preview:hover .icon {
    color: #999;
}

.pp-preview .icon.fa-ban {
    color: #a94442;
}

.pp-preview:hover .icon.fa-ban {
    color: #a94442;
}

.pp-preview .stacked-icons.icon {
    font-size: 20px;
    margin-left: -0.5em;
}

.pp-preview .stacked-icons .page-number-text {
    margin-top: 4rem;
    font-size: 2.3rem;
}

#big-page-preview img,
.pp-preview .img-stack,
.pp-preview img {
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,.25);
}
.pp-preview .img,
.pp-preview .img-stack {
    background: #fff;
    margin: 0 auto;
    display:table;
    height:190px;
    position:relative;
}
.pp-preview .img-stack {
    position:absolute;
    top:4px;
    left:4px;
    width:100%;
}
.pp-preview img {
    z-index:10;
    position:relative;
    display:table;
    margin: 0 auto;
    height:190px;
}
.pp-preview .img-stack {
    z-index:9;
}
.pp-preview .img-stack-2 {
    z-index:8;
    top:8px;
    left:8px;
}


.pp-preview img {
    display:inline-block;
    height: 190px;
    min-width:140px;
    background: url('/themes/pvsell/img/ajax-loader.gif') no-repeat center;
}

#big-page-preview {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

#big-page-preview img {
    height: auto;
    width: auto;
}

.pp-preview .pp-actions {
    display:none;
    position:absolute;
    margin:0 auto;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    background:#fff;
    padding:10px 30px;
    border: 1px solid #ccc;
    box-shadow:2px 2px 2px 2px rgba(0,0,0,.25);
    border-radius:5px;
    cursor:default;
    z-index:20;
}

.pp-preview .pp-actions a {
    cursor:pointer;
}

.proposal-actions {
    font-size: 16px;
}

.pp-preview h3 {
    display:none;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position:absolute;
    text-align:center;
    top: 0px;
    font-weight:bold;
    background:rgb(255,255,255);
    padding:10px 30px;
    border:1px solid #eee;
    box-shadow:2px 2px 2px 2px rgba(0,0,0,.25);
    border-radius:5px;
    font-size: 18px;
    z-index:17;
}

.pp-preview:hover .mask,
.pp-preview:hover h3,
.pp-preview:hover .pp-actions {
    display:block;
}

.proposal-actions a,
.pp-preview .pp-actions a {
    margin-right:10px;
}

th.preview-image {
    width:200px;
}

.car-left,
.car-right,
.preview-rotate {
    float: left;
}
.preview-rotate {
    background:#eee;
    padding:10px;
    height:100px;
}
.single-pages img,
.preview-rotate img {
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,.25);
    background: url('/themes/pvsell/img/ajax-loader.gif') no-repeat center;
}
.single-pages h3 {
    font-size: 14px;
}
.consumption-popover {
    position: relative;
    float: left;
}
.single-pages .consumption-popover {
    margin: 7px 15px 8px 0;
    border: 5px solid #fff;
}
.consumption-popover.selected {
    border-color: #00a1f2;
}
.consumption-popover .icon {
    position:absolute;
    bottom:5px;
    right:5px;
    font-size:18px;
    background:#fff;
}
.consumption-popover img {
    width: 55px;
    height: auto;
    min-height: 45px
}
.popover h3,
.full-graph-image h3 {
    font-size: 18px;
    margin-top: 0;
}
#load-proposal-modal tr td:nth-child(3) {
    background:transparent url('/images/down-arrow.png') no-repeat center bottom;
    background-size: 20px 20px;
}
#load-proposal-modal tr.info td:nth-child(3) {
    background-color:#d9edf7;
    background-image:url('/images/up-arrow.png');
}
#load-proposal-modal .single-pages td,
#load-proposal-modal .filters td {
    background:transparent !important;
}
#load-proposal-modal tbody td {
    height:115px;
}


.car-left,
.car-right {
    margin: 20px 10px 0;
    font-size: 20px;
}
.grid-view a.text-muted {
    color:#aaa;
}

#pp-sortable .icon-group {
    display:block;
    float: none !important;
    margin-top:10px;
}

#pp-sortable .page-num {
    position:absolute;
    bottom: 10px;
    right: 10px;
    font-weight:bold;
}

.proposal-actions-container {
    position: relative;
}

#proposal-accordion.affix {
    top: 100px;
}
#proposal-accordion.affix-bottom {
    position: absolute;
}


/******** Proposal ********/

/*
 * Becareful when edit .proposal-container, it's gonna effect
 * to the proposal page pdf
 */
.proposals-container .proposals-container {
    color: #7d7d7d;
    font: 16px/1.6 "Open Sans", "Helvetica Nueue", "Helvetica", Arial, sans-serif;
}

.proposals-container a:not(.btn):not(.inline-help) {
    color: inherit;
    text-decoration: none;
}

.proposals-container a:hover,
.proposals-container a:active,
.proposals-container a:focus {
    text-decoration: none;
}

#proposal .proposals-container {
    margin-top: 5px;
}

.proposals-container {
    position:relative;
}
    .updating-panel {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:500px;
        background:rgba(0,0,0,0.5);
        z-index:1100;
    }
    
.proposal-page:hover {
    background: #eee;
}

.proposal-page .icon-group {
    display:none;
}

.proposal-page:hover .icon-group {
    display:inline-block;
}

#proposal-actions li {
    display: table-cell;
}
    
select.panel {
    margin-bottom:0;
    border:1px solid #ccc;
}

.grid-box {
    margin-bottom:200px;
}

.type-icon {
    font-weight:bold;
    color: #aaa;
    font-size:12px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right:5px;
    margin-bottom:3px;
}
.type-icon.text-danger {
    color: #a94442;
    opacity: .7;
}
.type-icon.text-success {
    color: #3c763d;
    opacity: .7;
}

.fa-sm {
    font-size:0.5em;
}

/*end of ignore*/

.proposals-container .collapsing {
    -webkit-transition: none;
    transition: none;
}

.action-list {
    min-width: 150px;
}

.action-list a {
    color: #e5e5e5;
}

#drive-list a.truncate-text {
    display: block;
    /* padding-right: 112px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#drive-list .icon-group {
    margin-left:10px;
}

.in-drive-list .indrive-hidden,
.out-drive-list .outlist-hidden {
    display: none;
}

.templates-wrap {
    border: 1px solid #ddd;
}

/* .current-proposal-page:before {
	content: "";
	position: absolute;
	left: -4.33%;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #ddd;
}
.drive-templates:after {
    content: "";
    position: absolute;
    right: -4.33%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #ddd;
}
 */


.in-drive-list {
    padding-left: 20px;
}
.in-drive-list > li {
    list-style: none;
}

.indrive-list a,
.out-drive-list a {
    color: inherit;
    text-decoration: none;
}

.out-drive-list {
    padding: 15px;
    min-height: 310px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
}

.in-drive-list > li > .file i {
    margin-right: 5px;
    font-size: .8em;
}

.action-list > li > a:hover {
    color: #f3b438;
}

.action-list li a i {
    color: #f4aa1a;
}

.proposals-container .popover {
    color: #cfcfcf;
    background-color: #4b4b4c;
}

.proposals-container .popover.right>.arrow,
.proposals-container .popover.right>.arrow:after {
    border-right-color: #4b4b4c;
}

.folder-list {
    margin-bottom: 0;
}

.folder-list > li {
    margin-bottom: 5px;
}

.folder-list > li > a {
    color: #5d5d5d;
}

.empty-notice {
    font-size: .85em;
    color: #c5c5c5;
}

.font-inherit {
    font-weight: inherit !important;
}

.modal-header {
    color: #fff;
    background-color: #0082be;
    border-bottom: #006390;
}

.flex-container{
    display: flex;
    width: 100%;
}

.proposals {
    margin-bottom: 40px;
    border: 1px solid #ddd;
}

.flex-item .content {
    padding: 15px;
}

.flex-item .content.title-content {
    padding-bottom: 0;
}

.flex-item.side-links {
    flex: 0.5;
    background-color: #f5f5f5;
    border-right: 1px solid #e5e5e5;
    font-weight: 300;
}

.flex-item.side-links .container-fluid {
    background-color: #f5f5f5;
}

.flex-item.side-links .title {
    padding-top: 15px;
}

.flex-item.middle-links {
    flex: 0.5;
    border-right: 1px solid #ddd;
}

.flex-item.middle-links .content {
    min-width: 315px;
}

.flex-item.last-content {
    flex: 0.9;
}

.proposals-container p.pre-title {
    margin-bottom: -5px;
    font-size: .8em;
    opacity: 0.6;
}

.proposals-container p.title {
    margin-bottom: 15px;
    font-size: 1.8em;
    font-weight: 500;
}

.side-links > li > a:first-child {
    /*display: block;*/
    padding: 4px 24px;
    color: inherit;
    text-decoration: none;
}
.side-links > li.active {
    background-color: #0082be;
    color: #fff;
    /*position: relative;*/
}
/*
.side-links > li > a.active:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: 17px solid #fff;
    top: 0;
    right: -1px;
}
 */
.link-controls {
    font-size: .85em;
}


.proposals-container .dropdown-submenu {
    position: relative;
}

.proposals-container .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.proposals-container .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.proposals-container .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.proposals-container .dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.proposals-container .dropdown-submenu.pull-left {
    float: none;
}

.proposals-container .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

#proposal-pages {
    min-height: 1000px;
}

#proposal-pages ul.list-inline li .btn {
    display: block;
}

#proposal-pages table.list-actions {
    margin-bottom: 2px;
}

#proposal-pages table.list-actions td {
    padding-right: 2px;
}

/******** End Proposal ********/
#ticket-list-update .user_name{
    font-size:14px;
    font-weight: bold;
}

#ticket-list-update .media{
    border-bottom: 1px dotted #ccc;
}

/* sk-fading-circle */
.sk-fading-circle {
    margin: 50px auto;
    width: 40px;
    height: 40px;
    position: relative;
    display: none;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}
/* sk-fading-circle */

/* Project Site Tab */

.azi-dial {
    width: 255px;
    height: 251px;
    padding: 48px 50px;
    background: transparent url(../img/compass.png);
}
.pitch-diagram {
    width:200px;
    height:200px;
    display:inline-block;
    overflow:hidden;
    border:1px solid #ccc;
    margin:0 10px 20px 0;
    float:left;
    background:#c9e7f6;
    position:relative;
}
.pitch-diagram .roof {
    width:110%;
    height:200%;
    top:-101%;
    background:#ccc;
    border:2px solid #999;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    display:block;
    position:relative;
    transform-origin:0 100%;	
    -webkit-transform-origin:0 100%;
}
.pitch-diagram .controls {
    position:absolute;
    top:30%;
    left:0;
    z-index:10;
    width:100%;
}
.pitch-diagram input {
    background:transparent;
    border:none;
    font-size:36px;
    text-align:center;
    font-weight:bold;
    width:100%;
    box-shadow:none;
    padding:0;
}
.slider.vertical {
    float:left;
    height:200px;
    margin-top:0;
}
.form-horizontal .widgets .control-label {
    text-align: left;
}

#editor-iframe {
    width: 100%;
    height: 700px;
}

#roof-configurator-v3 {
    width: 100%;
    height: 700px;
}

/* @deprecated */
#_site_aspects {
    max-height: 700px;
    overflow-y: scroll;
    max-width: 300px;
    min-width: 300px;
    padding: 0px 0px 0px 30px;
    display: none;
}

/* @deprecated */
#show-hide-text {
    cursor: pointer;
    font-weight: bold;
}

#myaspects {
    padding: 0px 0px 0px 15px;
    max-width: 300px;
}

.sytem-roofconf-val {
    font-size: 16px;
    font-weight:500;
}

#rooftool-mainwrap {
    width: 100%;
    padding:0 15px;
}

/* Bill Ranges */
.bill-ranges {
    padding:20px;
}
.bill-range-slider {
    margin:40px 20px;
}

.hiddenRow {
    padding:0 !important;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-toggle .arrow:before {
    content: "\f0d7";
}
.accordion-toggle.collapsed .arrow:before {
    content: "\f0da";
}

button.btn.load-tou.tou-invalid, a.btn.load-toutime-modal.tou-invalid {

    background-color: rgb(255,255,255);
    color: rgb(254,165,0);
    border-color: rgb(254,165,0);

}

button.btn.load-tou.tou-invalid:hover, a.btn.load-toutime-modal.tou-invalid:hover {

    background-color:rgb(254,165,0);
    color: rgb(255,255,255);
    border-color: rgb(254,165,0);

}

button.btn.load-tou,  a.btn.load-toutime-modal {

    background-color: rgb(255,255,255);
    color: rgb(0,128,0);
    border-color: rgb(0,128,0);

}

button.btn.load-tou:hover, a.btn.load-toutime-modal:hover {

    background-color: rgb(0,128,0);
    color: rgb(255,255,255);
    border-color: rgb(0,128,0);

}

.toptitle {
    background-color: #4d4d4d;
    padding: 8px 0px 8px 0px;
    color:#fff;
    margin: 0px 0px;
}

.customeredit:hover {
    cursor: pointer;
}

#reassign-customer-lightbox {
    text-align: left;
}

.project-name, .customer-name {
    font-weight: bold;
}

/**
--------------------------------
UPDATED PRICING LAYOUT
--------------------------------*/
#pricing-list {
    margin-left: 0;
    padding: 0;
    margin-top: 25px;
    margin: 0;
    max-width: 1400px;
}

#pricing-list .pricing-description .feature-label {
    display: block;
    font-weight: bold;
}

#pricing-list .plan, 
#PricingListSidebar {
    padding: 0;
    margin: 0;
    font-size: 14px;
    border: 1px solid #ddd;
    border-top: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    margin-top: 50px;
    width: 100%;
    vertical-align: bottom;
}

#pricing-list .plan:hover {
    color: #282c37;
}

#pricing-list .plan:first-child {
    border-left: 1px solid #ddd;
}

#pricing-list .plan.selected {
    background-color: #ffffff;
    color: #282c37;
}

#pricing-list .plan.selected:after {
    width: 100%;
    padding: 8px 0;
    top: -37px;
    left: 0;
    color: #fff;
    background-color: #2b90d9;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

#pricing-list .plan .toggle-wrap > p,
#pricing-list .plan .toggle-wrap .features {
    padding-left: 10px;
    padding-right: 10px;
}

#pricing-list .plan .name:after {
    content: none;
}

#pricing-list .plan .price {
    padding-bottom: 15px;
    padding-top: 15px;
}
 
#pricing-list .plan .price {
    color: #282c37;
}

#pricing-list .plan.selected .price {
    color: #2b90d9;
}

#pricing-list .plan .price .currency,
#pricing-list .plan .price .amount {
    font-weight: bold;
}

#pricing-list .plan .price .time-unit {
    padding-left: 0;
}

#pricing-list .plan .name {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    letter-spacing: 0;
    margin: 0;
    padding: 15px 5px;
    background-color: #282c37;
}

#pricing-list .plan.selected .name {
    background-color: #2b90d9;
}

#pricing-list .form-group {
    margin-top: 25px;
}

#pricing-list .plan .features {
    font-weight: normal;
}

#pricing-list .plan .alert {
    border-left: none;
    border-right: none;
}

#pricing-list .plan .btn-switchers label {
    -webkit-border-radius:  0;
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
}

#pricing-list .pricing-topinfo {
    height: auto;
}

#PricingListSidebar {
    position: relative;
    display: none;
}

#PricingListSidebarItems {
    margin-top: auto;
    position: absolute;
    bottom: 0;
}

#PricingListSidebarItems div, 
#pricing-list .pricing-description > p {
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #edf4f8;
    width: 100%;
    padding: 15px 0;
    font-size: 14px;
    margin-bottom: 0;
}

#PricingListSidebarItems div:first-child,
#pricing-list .pricing-description > p:first-child {
    border-top: 1px solid #edf4f8;
}

div.xero-not-connected-panel img {
    height: 60px;
}

div.integration-panel {
    margin: 20px 0;
}

div.integration-panel > div.panel-heading >div > img {
    width:30px;
    display: inline-block;
    margin: 0 10px 0 0;
}

div.integration-panel > div.panel-heading > div > h3 {
    font-size: 16px;
    display: inline-block;
}

@media screen and (min-width: 992px) {
    .integration-index .flex-row {
        display:flex;
        flex-flow:row nowrap;
        align-content:space-between;
        align-items:stretch;
    }
    .integration-index .flex-row .integration-panel {
        height: 100%;
    }

}



@media (min-width: 601px) {
    #pricing-list .pricing-topinfo {
        height: 340px;
    }
    #pricing-list .pricing-description .feature-label {
        display: none;
    }

    #pricing-list .plan,
    #PricingListSidebar {
        width: calc(50% - 5px);
    }

    #PricingListSidebar {
        display: inline-block;
    }
}


@media (min-width: 768px) {
    #pricing-list .plan, 
    #PricingListSidebar {
        border-left: none;
        min-width: 183px;
        width: 20%;
    }
    
    #PricingListSidebar {
        font-weight: normal;
        text-align: center;
        position: relative;
    }
}

@media (max-width: 768px) {
    .navbar-nav .li-logo {
        display: none;
    }
}

.disable_clicks {
    pointer-events:none;
    color: #666666;
    opacity: 0.6;
}

.paddeddiv {
    padding-top: 25px;
}

/**
--------------------------------
UPDATED PRICING LAYOUT 
21 Mar 2019
--------------------------------*/
#pricing-list {
    max-width: 1152px;
}

#pricing-list .fa.fa-check {
    color: #00b700;
}

#pricing-list .fa.fa-times {
    color: #ff8080;
}


@media screen and (min-width: 601px) {
    #PricingListSidebarItems div, #pricing-list .pricing-description > p {
        display: table-row;
        vertical-align: middle;
        padding: 0;
        text-align: center;
        width: 100%;
        height: 74px;
        border-bottom: 1px solid #edf4f8;
    }

    #pricing-list .pricing-description > p > .feature-value {
        display: table-cell;
        vertical-align: middle;
        padding: 0px 10px;
        text-align: center;
    }
    
    #pricing-list .pricing-topinfo {
        height: 200px;
    }
    
    #PricingListSidebarItems,
    #pricing-list .plan .pricing-description {
        display: table;
        border-collapse: collapse;
        width: 100%;
    }
    
    #pricing-list .plan .features {
        display: none;
    }
    
    #PricingListSidebarItems > div > span {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
    }

}

#LoadInverterLink {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    float: right;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

/**
--------------------------------
CSS FOR UPGRADE TAB
--------------------------------*/
#UpgradeProjectContainer .upgrade-project-block {
    display: inline-block;
    max-width: 480px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 15px;
    padding-bottom: 70px;
    vertical-align: top;
    border: 1px solid #E9E9E9;
    font-size: 14px;
    font-weight: normal;
    min-height: 250px;
    float: left;
}

#UpgradeProjectContainer .upgrade-project-block .upgrade-project-block-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
}