body {
    margin: 0px;
    padding: 0px;
    background-color: #E0E9F0;
    font-size: 12px;
    font-family: Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.navbar-custom{
    background-color: #575858;
}

tr.white {
    background-color: #FFFFFF;
}

tr.gray {
    background-color: #F2F2F2;
}

.table_font {
    font: 12px arial;
    color: #000000;
}

.table_font a {
    font: 12px arial;
    color: #000000;
}

.table-striped-double tbody tr{
    background-color: #f2f2f2;
}
.table-striped-double tbody tr:nth-child(4n-1),
.table-striped-double tbody tr:nth-child(4n)  {
    background: #fff;
}

.table-hover tbody tr:hover {
    background-color: rgba(255, 222, 48, 1);
}

header {
    width: 100%;
    height: 65px;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(bottom, #98999A 0%, #B0B1B1 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #98999A 0%, #B0B1B1 100%);
    /* Opera */
    background-image: -o-linear-gradient(bottom, #98999A 0%, #B0B1B1 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #98999A), color-stop(1, #B0B1B1));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #98999A 0%, #B0B1B1 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to top, #98999A 0%, #B0B1B1 100%);
}

#content {
    background-color: #F5F6CE;
    margin: 0px 5px;
    padding: 20px 0px;
}

.holder {
    height: auto;
    background-color: #FFFFFF;
    display: block;
    float: left;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #AAAAAA;
    margin-bottom: 30px;
}

.holder .header {
    height: auto;
    background-color: #F2F2F2;
    font: bold 12px arial;
    color: #000000;
    padding: 15px;
    text-transform: uppercase;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #AAAAAA;
    overflow: hidden;
}

.holder .content {
    height: auto;
    border-radius: 5px;
    padding: 15px;
    font: 12px arial;
    color: #000000;
}

.holder .content a {
    font: 12px arial;
    color: #000000;
}

.tablesaw td {
    line-height: 1.4em;
}

.tablesaw td, .tablesaw tbody th {
    font-size: 12px;
    vertical-align: middle;
}

table.tablesorter tbody td {
    padding: 4px 6px;
}

.maps-height{
    height: calc(60% - 15px);
    margin-top: 30px;
}
.options-height{
    height: calc(40% - 15px);
}

.highlights .text-holder {
    border: 1px solid #ccc;
    text-align: center;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 105px;
}

.highlights > div:last-child .text-holder {
    padding-top: 5px;
    padding-bottom: 5px;
}

.highlights .text-holder > div {
    overflow: hidden;
}

.two-field {
    margin-bottom: 15px !important;
    overflow: hidden;
}

.two-field input[type="text"] {
    width: 30px;
    margin-right: 15px;
    float: left;
}

.two-field select {
    width: calc(100% - 45px);
    float: left;
}

.pointer {
    cursor: pointer;
}

.disabled {
    cursor: not-allowed;
}

.impersonation li {
    font: 12px arial !important;
    color: #000 !important;
    padding: 5px 10px;
}

.success-overlay {
    background: rgba(76, 175, 80, 0.3)
}

.holder .chatbox-employee {
    border-radius: 100px;
    border: 1px solid;
    border-color: #81b330;
    padding: 5px;
    width: 90%;
    background-color: #81b330;
    box-shadow: 6px 5px 19px #c3c3c3;
    margin-right: 2%;
    overflow-y: hidden;
}

.i {
    color: #6c6c6c;
}

/*.chatbox-employee .i{*/
/*color: #c3c3c3;*/
/*}*/

.holder .chatbox-employee-internal {
    border-radius: 100px;
    border: 1px solid;
    padding: 5px;
    width: 90%;
    border-color: #dedede;
    background-color: #eeeeee;
    box-shadow: 6px 5px 19px #c3c3c3;
    margin-right: 2%;
}

.holder .chatbox-lead {
    border-radius: 100px;
    border: 1px solid;
    border-color: #e4e4e4;
    padding: 5px;
    width: 90%;
    box-shadow: 6px 5px 19px #c3c3c3;
    overflow-y: hidden;
}

.sweet-alert button.cancel {
    background-color: #c82333 !important;
}

.project-comment-height-limiter {
    max-height: 300px;
    overflow-y: scroll;
}

.star {
    position: absolute;
    background: url(https://mtedwards.s3.amazonaws.com/sparkle.png) no-repeat;
    background-size: contain;
    overflow: hidden;
}

.star-1 {
     width: 50px;
     height: 34px;
     top: 10px;
     left: 97px;
 }
.star-2 {
     width: 83px;
     height: 77px;
     top: 18px;
     left: 224px;

 }
.star-3 {
     width: 74px;
     height: 70px;
     top: 15px;
     left: 172px;
 }
.star-4 {
     width: 68px;
     height: 70px;
     top: 21px;
     left: 162px;
 }

.modal-body {
    overflow-x: auto !important;
}

.btn-essent {
    color: #fff;
    background-color: #e60167;
    border-color: #e60167;
}

.btn-energiedirect {
    color: #fff;
    background-color: #5fb624;
    border-color: #5fb624;
}

.ui-selectable-helper {
    z-index: 2000 !important;
}