/*

Green #8dbf67
Amber #fccb56
Red #e85248
Blue #17a3a5
Dark blue #225b66

*/

/* Global */

.ppl-white{color:#FFFFFF}
.ppl-green {color:#8dbf67;}
.ppl-amber {color:#fccb56;}
.ppl-red {color:#e85248;}
.ppl-green-bk {background-color:#8dbf67;}
.ppl-amber-bk {background-color:#fccb56;}
.ppl-red-bk {background-color:#e85248;}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.marT20 {
    margin-top:20px;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

h1 .fa-chevron-right {
    font-size:12px;
}

.btn-arrow-right {

}

.btn-arrow-right:after
 { /* make two squares (before and after), looking similar to the button */
    content:"";
    position: absolute;
    top: 5px; /* move it down because of rounded corners */
    width: 22px; /* same as height */
    height: 22px; /* button_outer_height / sqrt(2) */
    background: inherit; /* use parent background */
    border: inherit; /* use parent border */
    border-left-color: transparent; /* hide left border */
    border-bottom-color: transparent; /* hide bottom border */
    border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
}
.btn-arrow-right:after {
    transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.btn-arrow-right:after { /* align the "after" square to the right */
    right: -11px;
}
.btn-arrow-right:after { /* bring arrow pointers to front */
    z-index: 1;
}

.updated {
    margin-top:10px;
}

.page-esign {

}

.page-esign footer {
    margin: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
}

.page-content{
    padding-bottom:20px;
}

.page-esign .page-content {
    margin-left: 0 !IMPORTANT;
    background: #fff !IMPORTANT;
}

.esign-content {
  padding: 100px;
  background: #fff;
}

.esign-preview-container {
    position:relative !IMPORTANT;
}

.esign.message-box .mb-content {
    background-color: #FFF;
    padding: 15px !IMPORTANT;
}

.esign.message-box .mb-content p {
    color: #000;
    padding: 5px 0 20px 0;
    margin: 0;
}

.esign-editor {
    padding: 0 !important;
}

.btn-esign {
    position: absolute;
    bottom: 18px;
    left: -85px;
    background-color: #FCCB56;
    color: #E85148;
    height: 34px;
}

.esign-signature {
    position: absolute;
    width: 80%;
    height: 60px;
    bottom: 20px;
    right: 20px;
    text-align: left;
    line-height: 60px;
    padding-left: 40px;
    cursor: pointer;
}

.esign-signature-empty {
    background: #FCCB56;
    opacity: .5;
}

.esign-signature-clear {
    display: inline-block;
}

.esign-editor {
    border: 1px solid #ccc;
}

.esign-footer {
    display: none;
}

.esign-footer-instruction {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    float: left;
}

.panel-padding{
    padding-top:20px;
    padding-bottom:20px;
}

.table-hover tr td:hover{
    cursor:pointer;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #d7cfcf;
}

.table-hover tr td a{
    color:#656d78;
}

.table-hover tr td a:hover{
    text-decoration:none;
}

.sidebar-divider{
    height:1px;
    background-color:#e6e6e6;
    margin-top:10px;
    margin-bottom:10px;
}


th.data-header, .data-header{
    color:#b3b3b3 !important;
    text-transform:uppercase;
}

.ppl-tooltip-icon {
    width:85px;
    height:85px;
    background:#17a3a5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color:#fff;
    text-align:center;
    font-size:50px;
    cursor:pointer;
    position:absolute;
    margin-left:20px;
    right:-130px;
}

.ppl-tooltip-icon.print,
.ppl-tooltip-icon.issue {
    padding-top:5px;
}

.ppl-tooltip {
    background:#225b66;
    color: #fff;
    padding: 10px;
    width: 300px;
    border-left:solid 5px #17a3a5;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.60);
    -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.60);
    box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.60);
    display:none;
    position: absolute;
    z-index:100;
    right:-29px;
    min-height: 90px;
}

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

.ppl-tooltip:after {
    background:#225b66;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: -5px;
    top: 33px;
    width: 15px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

.ppl-doc h2 {
    font-size:16px;
}

.ppl-doc h3 {
    font-size:14px;
    font-weight:400;
    margin-bottom:0;
}

.ppl-doc .widget-subtitle {
    font-size:10px;
    color:#333;
}

.ppl-doc a {
    display:block;
    padding-bottom:10px;
}

.ppl-doc a:hover {
    background:#F2F2F2;
}

.ppl-doc .sidebar-divider {
    margin-top:0;
}

.trend-link {
    color:unset;
}

.trend-link:hover .panel {
    background:#17a3a5;
    color:#fff;
}


.trend-link:hover .panel-heading {
    background:#17a3a5;
    color:#fff;
    border-bottom:none;
}



/* Header */
.x-navigation-horizontal li a.ppl-red {
    background:#e85248;
}

.heading-button {
    margin-top: 10px;
}

/* Search bar */

#search-bar{
    padding:15px 0;
}

#search-bar .add-new{
    float:right;
}

/* Sidebar */
.x-navigation li.active > a:before {
    background-color: #17a3a5;
    content: "";
    display: block;
    height: 49px;
    left: 0;
    margin-top: -15px;
    position: absolute;
    width: 5px;
}

.x-navigation > li > ul > li.active > a:before {
    content:none;
}

.profile .profile-image img {
    border: none;
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: unset;
    max-width: 100%;
}

/* Login Page */

.login-container .login-box .login-logo{
    background-position:top left;
}

/* Client Dashboard */

.dashboard-btn {
    text-align:center;
    width:100%;
    min-height:250px;
    padding:20px;
    padding-top:80px;
}

.dashboard-btn .fa {
    width:100%;
    font-size:55px;
    color:#17a3a5;
}

.dashboard-btn h2 {
    text-align:center;
    font-weight:300;
    width:100%;
    padding-top:20px;
}

.dashboard-btn:hover {
    background:#17a3a5;
}

.dashboard-btn:hover .fa {
    color:#fff;
}

.dashboard-btn:hover h2 {
    color:#fff;
}

/* Dashboard */

.db-section {
    border-bottom:1px solid #ccc;
    margin:15px;
}

.ppl-status {
    float:right;
    font-size: 14px;
    margin-right: 7px;
    margin-top: 9px;
}

.ppl-db-1 .ppl-data {
    width:100%;
    display:block;
    text-align:center;
    font-size:20px;
    margin-bottom:5px;
}

.ppl-db-1 .ppl-label {
    width:100%;
    display:block;
    text-align:center;
}

.ppl-db-1 .panel-heading {
    padding-bottom:0;
}

.ppl-db-2 .ppl-data {
    width:100%;
    display:block;
    text-align:center;
    font-size:20px;
    color:#fff;
    line-height:30px;
}

.ppl-db-2 .ppl-label {
    width:100%;
    display:block;
    text-align:center;
    font-size:12px;
    line-height:30px;
}

.ppl-db-2 h3 {
    color:#fff;
    text-align:left;
    font-weight:300;
    font-size:16px;
}

.ppl-db-3 {
    text-align:center;
}

.ppl-db-3 .fa {
    color: #17a3a5;
    font-size: 45px;
    margin-top: 10px;
}

.ppl-db-3 .ppl-data {
    font-size:28px;
    display:block;
    width:100%;
}

.ppl-db-3 .ppl-label {
    display:block;
    width:100%;
}

.ppl-db-1 .left,
.ppl-db-3 .left {
    border-right:1px solid #ccc;
}

.widget .left,
.tile .left  {
    border-right:1px solid #fff;
}

.ppl-widget-title {
    margin-bottom:20px;
}

.ppl-widget-title h3 {
    font-size:16px;
    text-align:left;
    font-weight:400;
}

.widget-success h3 {
    color:#fff;
}

.rag-rating {
    border-radius: 50%;
    float: right;
    height: 20px;
    margin-left: 3px;
    margin-right: -5px;
    margin-top: 4px;
    text-align: center;
    width: 20px;
}

.rag-rating .fa {
    font-size:14px;
    color:#fff;
    margin-top:3px;
}

.rag-rating.good {
    background:#8dbf67;
}

.rag-rating.average {
    background:#fccb56;
}

.rag-rating.poor {
    background:#e85248;
}

.tile-info h3 {
    color:#fff;
    font-size:16px;
}

.widget-primary h3 {
    color:#fff;
    font-size:16px;
}

.dashboard .messages.messages-img .item .text {
    margin-left: 0;
}

.ppl-trend,
.ppl-db-3 .ppl-trend {
    color: #888;
    float: right;
    font-size: 13px;
    padding-top: 7px;
}

.ppl-trend:hover,
.ppl-db-3 .ppl-trend:hover {
    color:#17a3a5;
}

.ppl-db-3 .ppl-trend .fa {
    color: #888;
    font-size: 13px;
    margin-top: 0;
}

.ppl-db-3 .ppl-trend .ppl-green {
    color:#8dbf67;
    margin-right:5px;
}



.ppl-db-single {
    text-align:center;
}

.ppl-db-single .panel-heading {
    padding-top:5px;
    padding-bottom:5px;
}

.ppl-db-single .fa {
    font-size: 45px;
    margin-top: 10px;
}

.ppl-db-single  .ppl-data {
    font-size:22px;
    display:block;
    width:100%;
    padding-top:7px;
}

.ppl-db-single  .ppl-label {
    display:block;
    width:100%;
    color:#999;
}

.ppl-db-single  .left {
    border-right:1px solid #ccc;
}

.ppl-db-single .panel-title {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px;
    margin-top: 7px;
}

.ppl-db-single .rag-rating .fa {
    color: #fff;
    font-size: 14px;
    margin-top: 3px;
}

.ppl-db-single .ppl-trend {
    color: #888;
    float: right;
    font-size: 13px;
    margin-right: 3px;
    padding-top: 5px;
}

.ppl-db-single .ppl-trend:hover {
    color:#17a3a5;
}

.ppl-db-single .ppl-trend .fa {
    color: #888;
    font-size: 13px;
    margin-top: 0;
}

.ppl-db-single .ppl-label {
    font-size:10px;
    margin-top:5px;
}

.ppl-db-single .panel-heading .panel-title {
    margin-left: 0;
}

.ppl-db-single .panel-body {
    padding-top:0;
}

.ppl-content {
    min-height:50px;
}

.ppl-name {
    font-size:13px;
    line-height: 16px;
}

.top-f-pen .ppl-data,
.ppl-top-f .ppl-data,
.ppl-p-sold .ppl-data {
    font-size:16px;
    padding-top:0;
}

.ppl-s-price .ppl-data {
    font-size:16px;
}

.ppl-db-single.warning {
    background:#e85248;
    color:#fff;
}

.ppl-db-single.warning .panel-heading {
    background:#e85248;
    border-bottom:none;
}

.ppl-db-single.warning .panel-heading h3,
.ppl-db-single.warning .ppl-label,
.ppl-db-single.warning a .fa {
    color:#fff;
}

.ppl-rag {
    float: right;
    font-size: 13px !important;
    margin-right: 3px;
    margin-top:8px !important;
    margin-left: 2px;
}

.ppl-db-single .ppl-rag .ppl-green {
    color:#8dbf67 !important;
}





/* Sales records */

.add-new {
    margin-left:10px;
}

.panel #page-divider{
  border-right:1px solid #e6e6e6;
}

#salebtn-wrapper{
    margin-top:20px;
}

.table-requirement tr td:first-child,
.table-comparison tr td:first-child{
    width:40%;
}

.circle {
    display: inline-block;
    color: black;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 10px;
    line-height: 20px;
}

/* Sales record checklist */

.inactive-checklist,
.active-checklist {
    text-align:center;
    width:100%;
    min-height:250px;
    padding:20px;
    padding-top:80px;
}

.inactive-checklist{
    background:#e6e6e6;
}

.inactive-checklist .fa,
.active-checklist .fa{
    font-size:85px;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
}

.inactive-checklist .fa{
    color:#ccc;
}

.active-checklist .fa{
    color:#8cbf72;
}


.inactive-checklist .fa.top-icon,
.active-checklist .fa.top-icon{
    color:#fff;
    top:30px;
}

.inactive-checklist .fa.top-icon{
    color:#fff;
}

.active-checklist .fa.top-icon{
    color:#6e8263;
}

.inactive-checklist .fa.bottom-icon{
    top:80px;
    font-size:70px;
}

.active-checklist .fa.bottom-icon{
    top:83px;
    font-size:100px;
}

.inactive-checklist h2.panel-title,
.active-checklist h2.panel-title{
    position:absolute;
    bottom:20px;
    font-weight:300;
    left:0;
    right:0;
    margin:auto;
    font-size:24px;
    line-height:24px;
}

.inactive-checklist h2.panel-title{
    color:#ccc;
}

/* Complaint */

.table-complaint tr td:first-child{
    width:50%;
}

.btn-savedraft {
    width: 100%;
    margin: 5px;
}

.complaint-upload a {
    color: #8dbf67;
    font-weight: bold;
    /*font-size: 14px;*/
}

.complaint-upload hr {
     margin: 10px 0px;
}

.delete-file {
    float:right;
    cursor: pointer;
    height: 0px;
    width: auto;
    margin-top: -3px;
}

/* Financial Promotion */

.table-financial tr td:first-child{
    width:30%;
}

/* Affordability checklist */

.checklist-total{
    margin-top:20px;
}

.checklist-total .row{
    padding-top:5px;
    padding-bottom:5px;
}

.checklist-total strong{
    font-size:18px;
}

#checklist-btns button{
    margin-right:20px;
}

#collpased-fields .collapse{
    /* padding-bottom:20px; */
}

#collpased-fields a{
    color: #434a54;
    display:block;
}

#collpased-fields a{
    position:relative;
    padding-right:15px;
}

#collpased-fields .drop-fieldset label,
#collpased-fields .upwards label {
    cursor:pointer;
}

#collpased-fields a .fa{
    position:absolute;
    right:0;
}

#collpased-fields a .fa.downwards{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#resource-nav li a .fa.downwards{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#resource-nav li a.active-cat{
    color:#17a3a5
}


.hide-fieldset{
    display:none;
}

.original-fieldset{
    min-height:45px;
}

.mobile-label{
    color:#B6BDC5;
    font-size:11px;
}

.hidden-fieldset{
    background-color:#f2f2f2;
    padding-top:15px;
    margin: 5px 0 20px 0;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

.hidden-fieldset .form-group:last-child{
    padding-bottom:15px;
}

#checklist-btns .row [class^='col-md-']{
    padding-left:0;
}

#complaint-ref .date-ref{
    float:right;
}

/* Resources */

.resource {
    text-align:center;
    min-height:200px;
    padding-top:40px;
    display:block;
}

.resource:hover {
    background:#F2F2F2;
}

.resource .fa{
    font-size:50px;
    color:#DCDCDC;
}

.resource:hover .fa {
    color:#17a3a5;
}

.resource h2{
    position:relative;
    font-size:18px;
    max-width:150px;
    margin:20px auto;
    color:#333;
}

#resource-nav{
    padding-left:0;
    padding-left:10px;
}

#resource-nav li{
    list-style-type:none;
    color:#333;
    padding:5px 0;
}

#resource-nav li a{
    color:#333;
    font-size: 14px;
    padding-left:10px;
}

#resource-divider{
  border-left:1px solid #e6e6e6;
}

/* Monthly Log */

.messages .item .text.warning,
.messages .item .text.success,
.messages .item .text.cancelled{
    border:0;
}


.messages .item .text.warning{
    background:#f9e4e4;
}

.messages .item .text.success{
    background:#e1edd9;
}

.messages .item .text.cancelled{
    background:#f7efe2;
}

.messages.messages-img .item .text.warning:after {
  border-right-color: #f9e4e4;
}

.messages.messages-img .item .text.success:after {
  border-right-color: #e1edd9;
}

.messages.messages-img .item .text.cancelled:after {
  border-right-color:#f7efe2;
}

.tabs.monthly-log.first {
    margin-top: 5px;
}

.monthly-log a{
    color:#33414e;
}

.monthly-log button{
    position:relative;
    left:50px;
}

.monthly-log .messages.messages-img .item .text:before{
    border-right-color:#f9e4e4;
}

.monthly-log .messages .item .text p,
.monthly-log .messages .item .text .heading .date,
.monthly-log .messages .item .text label{
    color:#33414e;
}

.monthly-log .nav-tabs > li.active > a,
.monthly-log .nav-tabs > li.active > a:hover,
.monthly-log .nav-tabs > li.active > a:focus,
.monthly-log .nav-tabs > .dropdown.active.open > a:hover{
    border-top:0;
}

.monthly-log .nav-tabs, .monthly-log .nav-tabs.nav-justified{
    padding:0;
    background: #e6e6e6;
}

.monthly-log .nav-tabs li a{
    margin-right:0;
    background: #e6e6e6;
    font-size:21px;
}

.monthly-log .nav-tabs li.active a{
    background: #fff;
}

.monthly-log .side-border{
    border-left:1px solid #fff;
}

.errors-tab{
    position:absolute;
    right: 10px;
    top: -28px;
    color:#33414e;
}

.monthly-comment{
    padding-left:50px;
    padding-bottom:20px;
}

/* Consumer Credit Data */

.table-credit{
    color:#000;
}

.table-credit tr td{
    font-size:14px;
}

.table-credit tbody tr:first-child td{
     border-top: 3px solid #e85248;
}


.table-credit tbody tr:last-child td{
     border-bottom: 3px solid #e85248;
}

.table-credit.five-cols thead tr .first-col{
    width:50%;
}


.table-credit.five-cols thead tr th{
    width:12.5%;
}

.table-credit.two-cols tr td{
    width:50%;
}


.col-divider{
     border-right: 1px dashed #323332;
     padding:5px 10px 0 5px;
     min-height:40px;
}

.empty-cell{
    text-align:center;
}

.credit-edit{
    background-color:#babcbe;
    color: #fff;
}

.credit-edit:hover{
    background-color:#ced0d2;
    color: #fff;
}

.btn-holder{
    overflow:hidden;
}

.credit-edit, .credit-save{
    font-size:18px !important;
    margin-bottom:20px;
}

/* Task Manager */

.task-row{
    padding-top:15px;
    padding-bottom:15px;
    border-top:1px solid #cccccc;
}

.task-row:nth-child(even){
    background-color: #f2f2f2;
}

.task-wrapper{
    margin-bottom:30px;
}

.task-dropdown{
    color:#434a54;
    padding-left:10px;
    text-align:right;
}

.task-dropdown:hover{
    color:#434a54;
    text-decoration:none;
}


.task-download{
    color:#fff;
    font-weight:bold;
    position: absolute;
    right: 10px;
    top: -6px;
    min-width:80px;
    text-align:right;
    padding-left:5px;
    padding-right:5px;
}

.task-download .fa{
    color:#17a3a5;
    background-color: #fff;
    padding: 2px 2px 2px 1px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 11px;
    margin-top:2px;
    text-align:center;
}

.task-dropdown span{
    margin-top:2px;
    margin-right:5px;
}

.collapse-wrapper{
    padding-left:20px;
    padding-top:20px;
}

.task-link{
    color:#17a3a5;
    text-decoration:underline;
    float:right;
}

.task-dropdown .fa.downwards{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.task-monthly{
    padding-left:0;
}

.task-monthly li{
    list-style-type: none;
    float:left;
    display:inline-block;
    width:50px;
}

.task-upload{
    margin-top:50px;
}

.task-upload .upload{
    color:#33414e;
    border-left:0;
}

.task-upload .browse,
.task-upload .browse .btn{
    background-color:#33414e;
    color:#fff;
}

.task-upload .browse .btn{
    padding:0;
    border:0;
    font-size:13px;
    line-height:28px;
}

/* Finance proposal */

#pre-address-wrap,
#pre-employment-wrap {
    margin-top:20px;
}

/* Footer */
footer {
    background:#000;
    padding:10px;
    text-align:center;
    color:#fff;
}

footer p {
    font-size:10px;
    margin:0;
}

.fieldset-border {
    padding: 10px 0;
    border-top: 1px solid #eee;
    margin: 20px 0;
}