@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
body,html {
margin:0;
background:#f7f8f9;
color:#444;
font-family: 'Nunito', sans-serif !important;
font-size:15px;
line-height:26px;
letter-spacing:0.5px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Nunito', sans-serif !important;

}

#header .logo {width:96px;margin:19px auto 0;}


a {color:unset !important;}

a, a:link, section.cart a.btn-link, section.cart button.btn-link{color:#65B185;}


.badge.badge-primary,a.btn:link,.btn-primary, a.btn-primary:link, a.btn-primary:visited, .btn-success, .status-paid, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .badge, .label-success, .status-active, .status-open, .status.completed, .status-answered,#header .dropdown.settings .dropdown-menu>li>a:active, #header .dropdown.settings .dropdown-menu>li>a:hover,#header .btn-default:active, #header .btn-default:hover, #header .toggle-navigation button:active, #header .toggle-navigation button:hover, #header button#invoices-link:active, #header button#invoices-link:hover, #header button#tickets-link:active, #header button#tickets-link:hover, #header button#toggle-mail:active, #header button#toggle-mail:hover, #header li.open .btn-default{background-color:#65B185 !important;color:#fff !important;}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {

    border-color:#65B185
}

.footer_column {
margin-bottom:30px !important;
padding:0;
}

.footer {
color:#fff !important;
background:#454F5C !important;
}

.footer .container {
  background: #454F5C;
  position:relative;
  max-width:900px;
}

.footer-logo {
  width:96px;
  height:auto;
  margin-top:15px;
}

.footer-tp {
  width:230px;
  margin-top:40px;
}

.footer {
font-size:14px;
}

.footer h4 {
    font-size: 13px;
    margin: 0 0 5px 0;
    font-weight:bold;
}

.footer .footer_column {
margin:0 auto;
padding:0;
}

.footer .footer_column li {
list-style-type:none;
margin-bottom:4px;
}

.footer .footer_column li  a {
color:#ddd !important;
}

.footer .footer_column li  a:hover {
color:#fff !important
}

.footer .footer_column h4 {
margin-bottom:10px;
text-transform:uppercase
}

.center{text-align:center;}

.jumbotron.footer {margin-bottom:0;z-index:99999;}

.jumbotron.green.title {
    background-color: #65B185;
    background-image: url(/templates/JollyLeaf/img/single-tree-bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
}

.jumbotron.gift {
    background: url(/templates/JollyLeaf/img/gift.png) #65B185 no-repeat right -99px bottom -79px !important;
    background-size: 300px !important;
}

.jumbotron.title {
    background: #F3F2ED;
}

.jumbotron.green {
    background: #65B185;
}


.jumbotron {
    margin-bottom: 0;
    background: #fff;
    padding: 80px 0;
    position: relative;
}

.jumbotron.green.title h1 {
    font-size: 31px;
    font-weight: bold;
    color: #fff;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: normal;
}

.trees p, .jumbotron.title.left p, .jumbotron.green.title p {
    font-size: 19px;
    color: #EFEFEF;
    font-weight: bold;
}

.jumbotron.grey {
    background: #f3f3f3;
    position: relative;
}

.jumbotron {
    margin-bottom: 0;
    background: #fff;
    padding: 80px 0;
    position: relative;
}

.button.positive, .btn-add, .promo-banner.ssl .btn {
    background: #65B185;
}

.button, .btn-block, .btn-3d, .promo-banner .btn, .btn-continue-shopping, .btn-add, .promo-banner.ssl .btn{
    border: 0;
    padding: 14px 20px !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff !important;
border:none;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    line-height: normal !important;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow:none !important;
    text-transform:none !important;
}

.main-content-wrapper {
border-top:none;
}

.main-content-wrapper #main-content {
    padding:0 30px 30px 30px;
}

.main-content-wrapper #main-content .h1 {
    font-size: 21px;
    color: #444;
    font-weight:bold;
    padding-left:0;
}

.panel, .promo-banner {
    border:none;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow:0 4px 8px 0 rgba(72, 70, 84, 0.1);
}

.panel .list-group{border-radius:4px;}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border:none;
    border-bottom: 1px solid #ddd !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding:15px 8px;
    vertical-align:middle;
}

.panel-title, div>h3 {
    font-size:15px !important;
    color:#444 !important;
    font-weight:700;
}

#header .btn-default {background:none !important;}

#header .user-nav ul li.dropdown.settings{margin-right:0;margin-left:5px;}

#header .user-nav ul li.dropdown.settings .dropdown-menu>li>a {font-size:14px;}

#header {padding:0 30px 0 0;background:#f1f2f7;}


.invoice .navbar-brand, .invoice  .navbar-nav li a, .invoice .navbar-brand {
    line-height: 20px;
    height: 50px;
    padding-top: 24px;
}


.nav>li>a:focus, .nav>li>a:hover {background:none;}


#header .brand {background:#fff;}

#header .status.green, .LiveChat .status:after,.LiveChat .status:before {
    background: #65B185;
}

.LiveChat {position:relative;}

.LiveChat .status {
display:inline-block;
width:10px;
height:10px;
border-radius:50%;
margin-right:5px;
position:absolute;
left:-15px;
top:50%;
transform:translateX(-50%) translateY(-50%);
padding:0;
}

.LiveChat .status:before {
content:'';
position:relative;
display:block;
width:300%;
height:300%;
box-sizing:border-box;
margin-left:-100%;
margin-top:-100%;
border-radius:45px;
animation:pulse-ring 1.25s cubic-bezier(0.215,0.61,0.355,1) infinite
}

.LiveChat .status:after {
content:'';
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
border-radius:15px;
animation:pulse-dot 1.25s cubic-bezier(0.455,0.03,0.515,0.955) -.4s infinite
}

@keyframes pulse-ring {
0% {
transform:scale(.33)
}

80%,100% {
opacity:0
}
}

@keyframes pulse-dot {
0% {
transform:scale(.8)
}

50% {
transform:scale(1)
}

100% {
transform:scale(.8)
}
}

.list-group-item {border:1px solid #ececec;}

.dashboard-tile.detail .icon i {color:rgba(0, 0, 0, 0.12);}

.dashboard-tile.tile-red {
    background:#d6766d;
}

.dashboard-tile.tile-turquoise {
    background:#71b78e;
}

.dashboard-tile.tile-blue {
    background:#458bb9;
}

.dashboard-tile.tile-purple {
    background:#dc8e53;
}

.dashboard-tile{border-radius:4px;;margin-bottom:30px;}

.dashboard-tile.detail .icon {right:15px;}

.dashboard-tile.detail .icon i {font-size:55px !important;}

.dashboard-tile.detail .content , section.cart a.btn-link{color:#fff !important;}

.dashboard-tile .content p,#main-content .dashboard-tile .content h1 {padding:0;}

#main-content .dashboard-tile .content h1 {margin-bottom:5px;}

.panel>.panel-heading {
    font-size: 13px;
    font-weight: bold !important;
}


.panel-default>.panel-heading {background:#fff;border-color:#fff;padding:30px 30px 15px 30px;}

.panel>.panel-heading{text-transform: none}

.list-group a {
    font-size:14px;
}

.promo-banner h3 {font-weight:bold;font-size:15px;}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {

        font-size: inherit;
    border-bottom: 1px dotted #a0a0a0;
}

.promo-banner ul li {width:100%;}

.promo-banner.symantec-ssl,.promo-banner.sitelock:hover {border:none;}

.promo-banner h4 {font-size:15px;}

.messages.dropdown {margin-right:0 !important;}

.dashboard-tile{border-radius:4px;}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

#cPanelExtrasPurchasePanel select {
    width:100% !important;
    margin-bottom:15px;

}

.knowledgebasearticle blockquote {
background: #fbf2d0;
    padding: 15px;
    border-radius: 3px;
    border:0;
}

.knowledgebasearticle table {
    border:0;
}

.knowledgebasearticle table tr td:first-child {
    background:#f8f8f8;
    font-weight:bold;
}

.knowledgebasearticle table td {
padding:10px 15px;
border:0;
border-bottom:2px solid #fff;
}

.panel-body {padding:15px 30px 30px 30px;}

.panel-body p {font-size:15px;}

.knowledgebasearticle .panel-body {
    padding:30px !important;
}

.knowledgebasearticle .panel-body a {
    border-bottom: 1px dotted #888;
    text-decoration: none !important;
    color:#65B185 !important;
}

.knowledgebasearticle .panel-body img {
    max-width:100% !important;
    height: auto !important;
}

.knowledgebasearticle .panel-body strong {
    color:#444;
}

#toggle-user {padding:0 !important;}

.panel.no-background  {background:transparent !important;box-shadow:none !important;}
.panel.no-background .panel-heading, .admin-masquerade-notice {display:none;}
.panel.no-background .panel-body {padding:0 !important;}

.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {padding:15px 30px;}

#toggle-user {margin-right:5px;}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {background:#65B185 !important;}

label.control-label, .form-group label {font-size:14px !important;}

.status-customer-reply {background:#DC8E53;}

.md-editor>textarea {font-family:'Nunito', sans-serif !important;}

.sidebar-left {background:#fff;}

.sidebar-left .nav i {font-size:17px !important;}

.sidebar-left .nav-pills>li>a {border:0;color:#8f8f8f;font-size: 14px;
    font-weight: 600;padding-left:30px;}



 .sidebar-left .nav-pills>li.active>a, .sidebar-left .nav-pills>li.active>a:focus, .sidebar-left .nav-pills>li.active>a:hover,.sidebar-left .nav>li>a:hover, .sidebar-left a:focus, .sidebar-left a:hover, .sidebar-left .nav>li>.nav-sub>li.active>a {
    color:#333 !important;background:none;border:0;cursor:pointer;
 }

.sidebar-left .nav .open>a, .sidebar-left .nav .open>a:focus, .sidebar-left .nav .open>a:hover, .sidebar-left .nav>li>a:focus,.sidebar-left .nav .nav-sub {
    border:0;
    background:none;
}

.sidebar-left .nav>li>.nav-sub>li>a {padding-left:65px;font-size:14px;}

div[style="display: block; width: 100%; height: 15px;"]{display:none !important;}



#header .user-nav ul li.dropdown.messages .dropdown-menu,#header .user-nav ul li.dropdown.settings .dropdown-menu {background:#fff;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.04), 0 5px 25px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0,0,0,.05);border:none !important;}

#header .user-nav ul li.dropdown.messages .dropdown-menu>li>.message-content {
    background: #fff;
    padding: 15px;
    color: #666;
    font-size: 14px;
    margin:0;
    border-radius:0;
}

#header .user-nav ul li.dropdown.messages .dropdown-menu>li>.message-content:hover {
    color:#333;
    background:#f5f5f5;
}

.dropdown-menu a.btn{background:#71b78e !important; color:#fff !important;}

#header li.dropdown ul.dropdown-menu.alert>li div.header {background:#71b78e;padding:10px 15px;font-weight:bold;}

#header .user-nav ul li.dropdown.settings .dropdown-menu:before,#header .user-nav ul li.dropdown.settings .dropdown-menu:after {border:none !important;}



.whmcs-sidebar .panel .panel-heading {
padding:20px;
}

.whmcs-sidebar .panel>.list-group .list-group-item {
    padding:15px 20px;
}

.sidebar-left a {
    color: #8f939e !important;
}


h4.registration-form {font-weight:bold;}

.radio label {padding-left:5px;}

.promo-banner.ssl:hover {border:none;}

.promo-banner.ssl .far, .promo-banner.ssl .fas,.store-promoted-product ul.features li .far:not(.fa-spinner), .store-promoted-product ul.features li .fas:not(.fa-spinner) {color:#71b78e;}

.panel-primary>.panel-heading {
    background-color:#71b78e;
    border-color:#71b78e;
}

.modal-dialog .panel-body {padding:30px;}

.modal-title {
        padding: 5px 16px;
    font-size: 14px;
    font-weight: bold;
}

.modal-dialog h2 {
        font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #666;
}

.panel>.panel-footer {padding:15px 30px;overflow:auto;}

.addon-promo-container .description {
    margin-left:-30px !important;
    margin-right:-30px !important;
    padding:30px;
}

.input-group-btn .dropdown-menu {
    border-top: 1px solid #cbd0d3 !important;
}

.panel-success>.panel-heading {
    background-color:#71b78e;
    border-color:#71b78e;
    color:#fff !important;
    padding:15px 30px;
}

.panel-success>.panel-heading h3 {color:#fff !important;}

table.order-summary tbody tr td, table.order-summary thead tr th {padding:10px 0;}

.invoice table.cart td, .invoice table.cart th {padding:7px 0 7px 30px;}

section.cart table.cart td.text-right, section.cart table.cart th.text-right {padding-right:30px;}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {top:15px !important;}

.invoice-container .row .col-sm-7 img {width:127px !important;}

.panel-footer .btn-primary {float:right;}

.panel-footer .btn-default,.panel-footer .pull-right {float:left !important;}

input[type=text], input[type=password] {
    padding:0 16px;
    height:40px; 
    line-height:40px;
}

@media only screen and (max-width: 660px){
#header{background:#fff;}
.main-content-wrapper #main-content {padding:30px;}
}

@media only screen and (min-width:660px){

    .toggle-navigation {display:none !important;}
}



#header .user-nav ul li.dropdown.messages .dropdown-menu:before {border-bottom-color:#71b78e;}

#header .dropdown.settings>a, .LiveChat a {font-size:14px;font-weight:600;}

#orderSummary .panel-body {font-size:inherit;}

.small, small {font-size:inherit;}

.invoice table.cart tbody tr {font-size:14px;}

.form-control, .form-group input[type=text], .form-group input[type=password] {background:#fff;}