/*CSS Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, cite, code, em, img, ins, q, small,
strong, sub, sup, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    box-sizing: content-box;
}

a img {
    border: 0;
}

li {
    list-style: none;
}

ol li {
    list-style-type: decimal;
    display: list-item;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.clearfix {
    display: block;
    zoom: 1
}

/*Typography*/
/*font-family: 'Ubuntu', sans-serif;*/
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, sans-serif;
    margin: 0.5em 0;
    color: #4a4a4a;
}

h1 span, h2 span, h4 span, h5 span, h6 span {
    color: #4a4a4a;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

h2 a {
    text-shadow: none !important;
    margin-left: 10px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
}

::selection {
    background: #006838; /* Safari */
    color: #fff;
}

::-moz-selection {
    background: #006838; /* Firefox */
    color: #fff;
}

.centered {
    text-align: center;
}

.shadowed {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.rounded {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*Global Styling*/
/*h1, h2 {margin-bottom: 10px;}*/
body { /*background: #000;*/
    background: #f2f2f2 url("images/bg.png") repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444444;
}

.widthfix {
    width: 980px;
    margin: 0 auto;
}

#header { /*background: #000;*/
    padding: 0;
}

#header-top {
    padding-bottom: 5px;
}

#logo {
    float: left;
    width: 165px;
    height: 60px;
    background: url("images/logo.png") no-repeat;
    margin-top: 10px;
}

#meta {
    float: left;
    width: 400px;
    padding-top: 5px;
    text-align: right;
    margin-top: 10px;
}

#meta a {
    margin-left: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #000;
    font-size: 11px;
    padding: 4px 10px;
    text-decoration: none;
    background: #fff;
    line-height: 23px;
}

#meta a:hover {
    background: #fff;
}

a, a:link, a:visited {
    text-decoration: none;
    color: #006838;
    outline: none;
}

a:hover {
    color: #006c94;
}

#footer {
    background: rgba(255, 255, 255, 0.3);
    margin-bottom: 10px;
    color: #888888;
    text-align: center;
    padding: 10px 0;
    box-shadow: 0 0 4px #D9D9D9;
    border: 1px solid #D9D9D9;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    font-size: 11px;
}

#footer-left, #footer-right {
    float: left;
    width: 45%;
    padding: 5px 10px;
}

#footer-right {
    text-align: right;
    float: right;
}

#content {
    padding: 15px;
    background: #fff;
    width: 950px;
    margin: 0 auto;
}

#content > div.widthfix {
    width: 950px !important;
}

#mainmenu {
    background: #006838;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    height: 30px;
    width: auto;
    float: left;
}

#mainmenu, #mainmenu a {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
    padding: 0 5px;
}

#headings {
    padding: 20px 0;
}

#headings h1 {
    float: left;
    color: #fff;
}

#headings a, #headings a:visited {
    color: #fff;
}

#headings a:hover {
    text-decoration: underline;
}

#headings .leading {
    float: right;
    color: #fff;
}

#headings h1, #headings .leading {
    line-height: 30px;
}

#terms {
    margin-top: 1px;
}

#termslabel {
    position: relative;
    width: 360px !important;
    text-align: left !important;
}

#termslabel label.error {
    top: 7px !important;
    left: 50px !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.half {
    width: 50%;
}

.relative {
    position: relative;
}

#top_panel {
    float: right;
    width: 350px;
    color: #666;
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px 0;
    margin-top: 8px;
}

#top_panel_top { /*border-bottom: 1px solid #999; padding-bottom: 5px;*/
}

#top_panel_bottom { /*padding-top: 5px;*/
}

#top_panel_bottom .right a {
    color: #006838;
    display: block;
    text-align: center;
    margin: 0 auto;
    float: none;
    width: 50px;
}

#top_panel_bottom a {
    font-weight: bold;
}

#top_panel .left {
    padding-left: 13px;
    width: 237px;
}

#top_panel .right {
    width: 100px;
    text-align: center;
}

#top_panel span.spacer {
    float: left;
    display: block;
    width: 50px;
    text-align: right;
    margin-right: 5px;
}

#panel_actions {
    background: #f3f3f3;
    float: left;
    margin-top: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #cccccc;
    height: 24px;
    font-weight: bold;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

#panel_actions li {
    float: left;
    border-right: 1px solid #ccc;
}

#panel_actions li.last {
    border-right: none !important;
}

#panel_actions a {
    display: block;
    line-height: 24px;
    font-size: 12px;
    color: #777;
    padding: 0 5px;
}

#panel_actions a:hover {
    color: #444;
}

/*Top Menu*/
#top_menu {
    background: #fff;
    padding: 10px 0 0 14px;
    width: 966px;
}

#top_menu ul {
    height: 80px;
}

#top_menu li {
    float: left;
    margin-right: 10px;
    position: relative;
}

#top_menu li .beta {
    color: #cd3d30;
    position: absolute;
    display: block;
    top: 49px;
    left: 66px;
    font-size: 9px;
}

#top_menu li .superScript {
    position: absolute;
    display: block;
    top: -3px;
    right: -3px;
    line-height: 16px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    padding: 0 5px;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

#top_menu li .superScript.red {
    background: #cd3d30 url("images/superscript-bg.jpg") repeat-x;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

#top_menu li.last {
    margin-right: 0;
}

#top_menu a, .bigButton {
    display: block;
    height: 80px;
    width: 95px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    background: -moz-linear-gradient(center top, #f4f4f4, #eaeaea) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#top_menu a:hover, #top_menu a.current, .bigButton:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    background: #fafafa;
}

#top_menu a.current .label {
    color: #006838;
}

#top_menu span, .bigButton span {
    display: block;
    text-align: center;
}

#top_menu span.icon, .bigButton span.icon {
    height: 32px;
    width: 32px;
    margin: 0 auto;
    margin-top: 6px;
    text-indent: -4000px;
}

#top_menu span.label, .bigButton span.label {
    font-weight: bold;
    line-height: 20px;
    color: #444;
}

#top_menu span.text, .bigButton span.text {
    font-size: 10px;
    color: #999999;
    text-shadow: 0 1px 0 #FFFFFF;
}

#menu-dashboard .icon {
    background: url("images/dashboard.png") no-repeat;
}

#menu-clients .icon, .menu-clients .icon {
    background: url("images/clients.png") no-repeat;
}

#menu-proposals .icon {
    background: url("images/proposals.png") no-repeat;
}

#menu-reports .icon {
    background: url("images/reports.png") no-repeat;
}

#menu-calendar .icon {
    background: url("images/calendar.png") no-repeat;
}

#menu-account .icon {
    background: url("images/account.png") no-repeat;
}

#menu-history .icon {
    background: url("images/history.png") no-repeat;
}

#menu-logout .icon {
    background: url("images/logout.png") no-repeat;
}

#menu-admin .icon {
    background: url("images/admin.png") no-repeat;
}

#menu-contact .icon {
    background: url("images/contact.png") no-repeat;
}

#menu-leads .icon, .menu-leads .icon {
    background: url("images/leads.png") no-repeat;
}

#menu-prospects .icon, .menu-prospects .icon {
    background: url("images/user_death.png") no-repeat;
}

#menu-export .icon {
    background: url("images/export.png") no-repeat;
}

#menu-accounts .icon {
    background: url("images/books_stack.png") no-repeat;
}

/*Content Forms*/
#content form.big {
    padding: 5px 0 0;
}

#content form.big p {
    margin-bottom: 10px; /*padding-bottom: 13px;*/
    position: relative
}

#content form.big label {
    float: left;
    display: block;
    width: 140px;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
    line-height: 26px;
    margin-top: 0;
}

#content form.big label.error { /*width: 250px;*/
    color: #C00; /*font-size: 11px; font-weight: bold; text-align: left; padding-left: 150px; float: left; line-height: 16px;*/
}

#content form.big input.text.error {
    border-color: #C00;
}

#content form.big input, #content form select, #content form textarea {
    float: left;
}

#content form.big input.text, #content form.big textarea {
    width: 200px; /*background-color: #fff; color: #333333;font-family: Arial,Verdana,sans-serif;font-size: 12px;padding: 3px;width: 250px;line-height: 22px;*/
}

#content form.big .submit {
    margin-left: 100px;
}

#content form.big .select, .form.big .selector {
    margin-top: 2px !important;
}

#content form.small p {
    margin-bottom: 10px;
    padding-bottom: 13px;
    position: relative
}

#content form.small label {
    float: left;
    display: block;
    width: 140px;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
    line-height: 16px;
    margin-top: 8px;
}

#content form.small label.error {
    position: absolute;
    top: 25px;
    width: 250px;
    left: 134px;
    color: #C00;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

#content form.small input.text.error {
    border-color: #C00;
}

#content form.small input, #content form select, #content form textarea, #content form .selector {
    float: left;
}

#content form.small input.text, #content form.small textarea {
    border: 2px solid #6197CE;
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1.4em;
    padding: 3px;
    width: 250px;
    line-height: 1.2em;
}

#content form.small .submit {
    margin-left: 100px;
}

#content form.small .select {
    margin-top: 8px;
}

textarea.error {
    border-color: #C00;
}

input.text {
    background-color: #fff !important;
}

/*Settings table*/
.settings {
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    background: #edf6fa;
    border-right: 1px solid #d5d5d5;
    width: 950px !important;
    margin: 10px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.settings td {
    border-bottom: 1px solid #d5d5d5;
    padding: 8px 5px;
    font-size: 13px;
}

.settings tr td:last-child {
}

.settings tr td:last-child a {
    padding: 3px 7px 3px 5px;
    border: 1px solid #d5d5d5;
}

/*.settings tr td:first-child {width: 450px;}*/
.settings-link {
    float: right;
    font-size: 13px !important;
}

.settings tr.odd {
    background: #f1f1f1;
}

.settings tr.even {
    background: #f6f6f6;
}

table.striped-table tr:nth-child(odd) {
    background: #f5f5f5;
}
table.striped-table tr:nth-child(even) {
    background: #f9f9f9;
}

/*Error Messages*/
#error-messages {
    padding: 10px;
    background: #fff;
    cursor: pointer;
}

#error-messages div {
    width: 900px;
    margin: 0 auto;
}

.success-message, .error-message, .notice-message {
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
}

.success-message {
    border: 1px solid #0f0;
    color: #0f0;
}

.error-message {
    border: 1px solid #f00;
    color: #f00;
}

.notice-message {
    border: 1px solid #00f;
    color: #00f;
}

.dataTables {
    width: 100%;
}

.dataTables_wrapper a span.ui-button-text {
    padding: 4px 4px;
    font-size: 12px;
    font-weight: normal;
}

.fixed-width-strong {
    display: block;
    width: 120px;
    float: left;
}

table.display {
    border-collapse: separate !important;
    border: none;
}

#amount {
    border: none;
    background: none;
    color: #fff !important;
}

/*Debug bar*/
#debug {
    text-align: center;
    color: #fff;
    display: none;
}

.grey {
    color: #ddd;
}

/*Steps*/
#steps {
}

#steps ul {
    float: left;
    background: #f6f6f6;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
}

#steps .step {
    float: left;
    line-height: 30px;
    padding: 10px 30px 10px 20px;
    font-size: 18px;
}

#steps .step span {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
    background: #bbb;
    display: block;
    float: left;
    width: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
}

input.text.mb {
    margin-bottom: 3px !important;
}

h3 {
    margin-bottom: 15px;
}

#areas {
    position: relative;
}

.areaadd {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 110;
}

.dataTables_filter {
    float: left !important;
    text-align: left !important;
    width: 60% !important;
}

.dataTables_filter label {
    float: right;
    font-weight: bold;
}

.dataTables_filter label input {
    background: #ddd;
    color: #000;
    border: 1px solid #888;
}

.dataTables_length {
    float: right !important;
    text-align: right !important;
}

.btn-add-proposal {
    padding-left: 10px;
}

#textarea_validator {
    position: relative;
}

#textarea_validator label.error {
    position: absolute;
    top: 85px !important;
}

#proposal_items {
    width: 460px;
    float: left;
    margin-right: 15px;
}

#proposal_items form, #selected_items form {
    padding: 5px 0;
}

#proposal_items p.clearfix, #selected_items p.clearfix {
    margin-bottom: 2px;
}

#proposal_items label.fieldLabel, #selected_items label.fieldLabel {
    float: left;
    display: block;
    width: 110px;
    line-height: 20px !important;
    margin-right: 5px;
    margin-top: 0px !important;
}

#proposal_items input, #proposal_items select, #selected_items input, #selected_items select {
    float: left;
}

#selected_items {
    width: 460px;
    float: right;
}

#proposal_items .submit, #selected_items .submit {
    padding: 4px 7px !important;
}

#proposal_items label.error, #selected_items label.error {
    position: absolute;
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
    text-align: right !important;
    width: 140px !important;
    color: #000 !important;
    background-color: #ccc;
    line-height: 20px !important;
    margin-top: 0 !important;
    text-align: center !important;
}

#proposal_items .textinput, #selected_items .textinput, #proposal_items .text, #selected_items .text {
    width: 240px !important;
}

.text .remove {
    padding-left: 7px;
}

#proposal_items textarea, #selected_items textarea {
    border: 1px solid #F0F0F0 !important;
    font-weight: normal !important;
    height: 120px;
    width: 150px;
    font-size: 13.2px !important;
}

#proposal_items > h3, #selected_items > h3 {
    position: relative;
}

label.explanation {
    margin: 0 !important;
    float: left;
    line-height: 22px !important;
    font-size: 10px;
    font-style: normal;
    text-align: left !important;
    padding-left: 150px;
    width: 270px !important;
}

.ui-accordion-content {
    padding: 2px 10px !important;
}

.dataTables_wrapper {
    margin: 15px 0 !important;
    padding: 0 !important;
}

.ui-state-active .close-accordion {
    display: block !important;
}

.close-accordion {
    position: absolute !important;
    right: 5px;
    top: 4px;
    padding: 0 !important;
    display: none !important;
    width: 19px !important;
}

.close-accordion span.ui-button-icon-primary {
    margin-top: -1px !important;
    margin-left: 0 !important;
    top: 2px !important;
    left: 1px !important;
}

.close-accordion span.ui-button-text {
    padding: 0 1px 0 1px !important;
    font-zise: 4px !important;
}

.btn-filter {
    background: #555 !important;
    color: #fff !important;
}

#preview-selector {
    width: 350px;
    float: left;
}

#preview-selector .dataTables td {
    padding: 3px;
}

#preview-selector .dataTables_wrapper {
    min-height: 0;
    height: auto;
}

#preview-frame, #preview-frame-cached {
    width: 948px;
    height: 577px;
    float: left;
}

#send_proposal {
}

#send_proposal p {
    margin-bottom: 3px;
}

#send_proposal #left {
    float: left;
    width: 670px;
}

#send_proposal #left textarea {
    width: 100%;
    height: 300px;
    margin-bottom: 5px;
}

#send_proposal #right {
    float: right;
    width: 300px;
}

.javascript_loaded {
    display: none;
}

#javascript_loading {
    background: #fff;
    padding: 120px 0;
    text-align: center;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}

#tooltip h3, #tooltip div {
    margin: 0;
}

.attatchment {
    float: left;
    padding: 3px 5px;
    margin: 0 5px 5px 0;
    border: 1px solid #dddddd;
    background: #f6f6f6;
    font-size: 13px;
    line-height: 20px !important;
}

.attatchment input {
    margin-right: 9px;
}

#jcropper {
}

#jcropper img#full {
    height: 400px;
    width: auto;
}

/*Uploader*/

.qq-uploader {
    position: relative;
    width: 100%;
}

.qq-upload-button {
    display: block;
    width: 105px;
    padding: 7px 0;
    text-align: center;
    background: #880000;
    border-bottom: 1px solid #ddd;
    color: #fff;
}

.qq-upload-button-hover {
    background: #cc0000;
}

.qq-upload-button-focus {
    outline: 1px dotted black;
}

.qq-upload-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 70px;
    z-index: 2;
    background: #FF9797;
    text-align: center;
}

.qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px;
}

.qq-upload-drop-area-active {
    background: #FF7171;
}

.qq-upload-list {
    margin: 15px 35px;
    padding: 0;
    list-style: disc;
}

.qq-upload-list li {
    margin: 0;
    padding: 0;
    line-height: 15px;
    font-size: 12px;
}

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {
}

.qq-upload-spinner {
    display: inline-block;
    background: url("loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.qq-upload-size, .qq-upload-cancel {
    font-size: 11px;
}

.qq-upload-failed-text {
    display: none;
}

.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}

.row-even, .row-odd {
    padding: 5px;
    margin-bottom: 0 !important; /*border-top: 1px solid #444; border-left:  1px solid #444; border-right:  1px solid #444;*/
}

.row-even {
    background: #ddd;
}

.row-odd {
}

.rows {
    border-bottom: 1px solid #444;
}

#reports-graph {
    text-align: center;
}

#chart_div {
    background: url('http://images.wordpressapi.com/loading.gif') no-repeat center;
    width: 100%;
    height: 400px;
}

/*.dataTables_paginate {display: none;}*/

.shadow {
    background: none repeat scroll 0 0 #999999;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 2px #DDDDDD;
    display: inline;
    padding: 3px 10px;
    text-shadow: 1px 1px 2px #BBBBBB;
}

.current-menu-item {
    color: #000 !important;
}

#titleChoices {
    margin-left: 10px;
    margin-top: 1px;
    position: relative;
    width: auto;
    float: left;
    cursor: pointer;
}

.choice {
    float: right;
    margin-bottom: 3px;
}

.hide {
    display: none;
}

/*Admin*/
#admin-left {
    width: 200px;
    float: left;
}

#admin-right {
    width: 730px;
    float: left;
    padding: 0 10px 10px 10px;
}

#admin-left li {
    margin-bottom: 2px;
}

/*#mainmenu, #content, #footer {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}*/

/*Global stuff for prettyfying*/
.dataTables_wrapper, .settings {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.dataTables_wrapper thead tr {
    border-top: none !important;
    border-bottom: none !important;
    border-left: 1px solid #d5d5d5 !important;
    border-right: 1px solid #d5d5d5 !important;
}

.dataTables_wrapper thead td {
    border-bottom: 1px solid #d5d5d5 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: 1px solid #d5d5d5 !important;
}

.dataTables_wrapper tbody tr {
    border-top: none !important;
    border-bottom: none !important;
    border-left: 1px solid #d5d5d5 !important;
    border-right: 1px solid #d5d5d5 !important;
}

.dataTables_wrapper tbody td {
    border-bottom: 1px solid #d5d5d5 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: 1px solid #d5d5d5 !important;
}

/*Dashboard Stuff*/
#dashboard-buttons {
}

#dashboard-buttons li {
    float: left;
    margin-right: 50px;
}

#dashboard-buttons li.last {
    margin-right: 0;
}

#dashboard-buttons li a {
    display: block;
    width: 110px;
    height: 110px;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    background: url("images/dashboard-buttons-bg.png") repeat-x;
    font-family: 'Ubuntu', Arial, serif;
}

#dashboard-buttons li a:hover {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}

#dashboard-buttons span {
    display: block;
    text-align: center;
}

#dashboard-buttons span.logo {
    height: 64px;
    width: 64px;
    margin: 0 auto;
    background: #666;
}

#dashboard-buttons span.logo {
    color: #fff;
    line-height: 64px;
    font-size: 22px;
    font-weight: bold;
}

/*Remove after icons are here*/
#dashboard-buttons span.label {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 25px;
}

#dashboard-buttons span.description {
    color: #3F3F41;
    font-weight: bold;
}

/*Content styled boxes*/
.content-box {
    border-radius: 5px;
    margin-bottom: 20px; /*overflow: hidden;*/
    position: relative;
    box-shadow: 0 0 4px #D9D9D9;
    border: 1px solid #D9D9D9;
}

.content-box .box-header {
    line-height: 20px;
    border-bottom: 1px solid #D9D9D9;
    padding: 6px 10px;
    background: #54575c url("images/headerbg-grey.png") repeat-x top;
    color: #e6e8eb;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    font-style: italic;
    position: relative;
    border-radius: 5px 5px 0 0;
}

.content-box.light .box-header {
    background: #e5e5e5 url("images/lightheaderbg.png") repeat-x top;
    color: #666;
    text-shadow: none;
}

.content-box.blue .box-header {
    background: url("images/lightheaderbg.png") repeat-x scroll center top #BBBBBB !important;
    color: #FFFFFF;
}

.content-box.black .box-header {
    background: #000 repeat-x top;
    color: #fff;
    text-shadow: none;
}

.box-header h1, .box-header h2, .box-header h3, .box-header h4 {
    color: #e6e8eb;
}

.content-box.collapse .box-header {
    padding-right: 40px;
    border-radius: 5px;
}

.content-box.collapse.open .box-header {
    border-radius: 5px 5px 0 0;
}

.content-box.collapse {
    overflow: visible;
}

.content-box.collapse.open {
    overflow: hidden;
}

.content-box.collapse.open box-header {
    overflow: hidden;
}

.content-box.collapse .box-header .collapse-button {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
    border: 1px solid #444;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    line-height: 18px;
    font-size: 18px;
    color: #fcfcfc;
    background: url('images/collapse-button-bg.png') top no-repeat;
}

.open .collapse-button {
    background-position: bottom !important;
}

.content-box .box-header a {
    font-size: 11px;
}

.content-box .box-header#build-proposal, .header-blue {
    background: #bbb url("images/lightheaderbg.png") repeat-x top !important;
    color: #565656;
    text-shadow: none;
}

.content-box .box-header span {
    color: #006838;
}

.content-box .box-header .box-action, .box-action {
    display: block;
    float: right;
    margin-left: 10px;
    padding: 0 8px;
    background: #e8e8e8;
    border: 1px solid #d6d6d6;
    color: #444;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-style: normal;
    line-height: 18px;
    background: -moz-linear-gradient(center top, #f4f4f4, #eaeaea) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    text-shadow: none;
}

.content-box .box-header .box-action.selected {
    background: #666;
    color: #fff;
    border-color: #333;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.content-box .box-header .box-action.selected:hover {
    background: #999;
    color: #fff;
    border-color: #666;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.content-box .box-header .box-action:hover {
    color: #006838;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    background: #fafafa;
}

.content-box .box-header .help:hover {
    background-image: url('images/collapse-button-bg.png') top no-repeat;
    background-color: none;
}

.box-action.box-action-left {
    float: left !important;
    cursor: pointer;
    margin-left: 0 !important;
    margin-right: 10px;
}

.content-box .box-content {
    border: 1px solid #fff;
    border-top: 0;
    background: transparent;
    border-radius: 5px;
    border-bottom: 0;
}

.content-box .box-content.padded, .padded {
    padding: 10px;
}

.content-box.left {
    float: left;
}

.content-box.right {
    float: right;
}

.content-box.half {
    width: 463px;
}

.content-box.last {
    margin-right: 0;
}

#ztop_menu a {
    display: block;
    height: 80px;
    width: 95px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    background: -moz-linear-gradient(center top, #f4f4f4, #eaeaea) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#ztop_menu a:hover, #top_menu a.current {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    background: #fafafa;
}

/*Tables in boxes*/
.boxed-table {
    margin: 0;
    padding: 0;
}

.boxed-table.bordered {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}

.boxed-table tr {
    background: #fefefe;
}

.boxed-table tr.even {
    background: #fafafa;
}

.boxed-table thead tr {
    background: #f4f4f4;
}

.boxed-table tbody tr {
}

/*
.boxed-table tbody tr.odd {
    background-color: #f5f5f5;
}

.boxed-table tbody tr.alt {
    background-color: #f9f9f9;
}

.boxed-table tbody tr:hover {
    background: #f0f0f0;
}
*/
.boxed-table td {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
    padding: 5px 8px;
    line-height: 16px;
}

.boxed-table thead td {
    font-weight: bold;
    text-align: center;
}

.boxed-table tbody td {
}

.boxed-table tfoot tr {
    background: #f4f4f4;
}

.boxed-table tfoot td {
}

.boxed-table .checker {
    margin-top: 3px;
}

/*Forms in boxed tables*/
.boxed-table p {
    margin-bottom: 0;
}

.boxed-table label {
    width: 140px;
    margin-right: 10px;
    display: block;
    text-align: right;
    font-weight: bold;
    line-height: 28px;
}

.boxed-table label span {
    color: #006c94;
}

.boxed-table input.text {
    width: 280px;
    margin-right: 10px;
    height: 15px !important;
}

.boxed-table input.text, .boxed-table textarea, form.big input.text, form.big textarea {
    border: 1px solid #ddd;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    color: #777777;
    padding: 5px;
}

.boxed-table input.text.narrow {
    width: 100px;
    margin-right: 10px;
    height: 15px !important;
}

.boxed-table textarea {
}

.boxed-table select {
}

.boxed-table label, .boxed-table input, .boxed-table textarea, .boxed-table select {
    float: left;
}

.boxed-table input.error, .boxed-table textarea.error {
    border-color: #e47074 !important;
    background: #ffedad !important;
    box-shadow: 0 0 2px rgba(159, 0, 6, 0.3) inset;
    -moz-box-shadow: 0 0 2px rgba(159, 0, 6, 0.3) inset;
}

.boxed-table2 input.error, .boxed-table2 textarea.error {
    border-color: #e47074 !important;
    background: #ffedad !important;
    box-shadow: 0 0 2px rgba(159, 0, 6, 0.3) inset;
    -moz-box-shadow: 0 0 2px rgba(159, 0, 6, 0.3) inset;
}
.boxed-table2 label.error {
    display: none !important;
}

.boxed-table label.error {
    display: none !important;
}

/*DataTables in boxes*/
.box-content .dataTables_wrapper {
    margin: 0 !important;
}

.box-content .fg-toolbar.ui-widget-header {
    background: #f9f9f9;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #444;
}

.box-content .dataTables_wrapper tr {
    border: none !important;
}

.box-content .dataTables_wrapper thead td, .box-content .dataTables_wrapper thead tr {
    background: #f4f4f4 !important;
}

.box-content .dataTables_wrapper thead td, .nav-content td {
    border-right: 1px solid #ddd !important;
}

.box-content .dataTables_wrapper thead tr, .box-content .dataTables_display, .nav-content tr {
    border-top: 1px solid #D5D5D5 !important;
}

.box-content .dataTables_wrapper tbody tr, .nav-content tr {
    border: none !important;
}

.box-content .dataTables_wrapper tbody td, .nav-content td {
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #eee !important;
    border-right: 1px solid #eee !important;
}

/*Quick actions on dashboard*/
#actions {
}

#actions li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#actions a {
    display: block;
    width: 121px;
    height: 85px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    background: -moz-linear-gradient(center top, #f4f4f4, #eaeaea) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#actions a:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    background: #fafafa;
}

#actions span {
    display: block;
    text-align: center;
}

#actions span.icon {
    height: 32px;
    width: 32px;
    margin: 0 auto;
    margin-top: 6px;
    text-indent: -4000px;
}

#actions span.label {
    font-weight: bold;
    line-height: 20px;
    color: #444;
}

#quick-add-proposal span.icon {
    background: url("images/add-proposal-user.png") no-repeat;
}

#quick-add-proposal2 span.icon {
    background: url("images/add-proposal.png") no-repeat;
}

#quick-add-client span.icon {
    background: url("images/add-user.png") no-repeat;
}

#quick-proposals span.icon {
    background: url("images/proposals.png") no-repeat;
}

#quick-add-lead span.icon {
    background: url("images/leads.png") no-repeat;
}

#quick-add-prospect span.icon {
    background: url("images/user_death.png") no-repeat;
}

#quick-quickbooks span.icon {
    background: url("images/qb-logo.png") no-repeat;
}

#quick-calculators span.icon {
    background: url("images/calculator.png") no-repeat;
}

#quick-calculators {
    margin-right: 0 !important;
}

/*Charts configuration*/
.pie-label, .pie-label a {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.legend a {
    display: block;
    color: #444 !important;
}

/*Login Box*/
#login-box {
    width: 340px;
    margin: 0 auto;
}

div#login-box div.content-box div.box-header {
    background-image: none;
    background: #f0f0f0;
    height: 60px;
}


#login-box .text {
    width: 195px;
}

#login-box label {
    width: 90px;
}

div#login-box div.content-box div.box-header h4, div#signup-box div.content-box div.box-header h4 {
    position: relative;
    margin: 0;
    color: #4a4a4a !important;
    line-height: 3;
}

#login-box #logo, #signup #logo {
    margin: 0;
    position: absolute;
    right: 0;
    top: -3px;
    height: 60px;
}

input.ui-button {
    border: 1px solid #888;
}

/*Signup box*/
#signup {
    width: 500px;
    margin: 0 auto;
}

div#signup div.content-box div.box-header {
    background-image: none;
    background: #f0f0f0;
}

div#signup div.content-box div.box-header h4, div#signup div.content-box div.box-header h4 {
    position: relative;
    margin: 0;
    color: #4a4a4a !important;
    line-height: 3;
}

#signup #logo, #signup #logo {
    margin: 0;
    position: absolute;
    right: 0;
    top: -3px;
}

#uniform-terms {
    margin-top: 3px;
}

/*Uniform Fixes*/
.checker {
    margin-top: 4px;
    float: left;
}

.uploader, .uploader *, #clientLogo {
    cursor: pointer;
}

/*Dynamic messages*/
.dis-none {
    display: none !important;
}

div.error, div.success, div.loading {
    border: 2px solid #EEEEEE;
    padding: 5px 10px;
    text-align: center;
    margin: 5px 0;
    font-size: 11px;
    line-height: 17px;
}

div.loading {
    border-color: #EEEEEE;
    color: #333333;
    padding: 5px 10px 5px 31px;
    background: url("images/ajax-loader.gif") no-repeat scroll 5px 50% #FFFFFF;
}

div.error {
    background: #FBE3E4;
    border-color: #FBC2C4;
    color: #8A1F11;
}

div.success {
    background: #E6EFC2;
    border-color: #C6D880;
    color: #264409;
}

.closeonclick {
    cursor: pointer;
}

/*Update Button*/
.update-button {
    background: #006838 !important;
    color: #fff !important;
    border-color: #006838 !important;
}

.red-button {
    background: #D9534F !important;
    color: #fff !important;
    border-color: #D9534F !important;
}
.update-button span, .blue-button span {
    color: #FFF !important;
}
.red-button span {
    color: #FFF !important;
}

.update-button span {
    color: #FFF !important;
}

.update-button:hover {
    color: #eee !important;
}

.update-button:hover span {
    color: #eee !important;
}

.red-button:hover {
    color: #eee !important;
}

.red-button:hover span {
    color: #eee !important;
}

/*Attachments labels*/
#attachments label {
    width: auto !important;
}

span.tiptip, span.price-tiptip, span.price-tiptip2, span.ajax-price-tiptip {
    border-bottom: 1px dashed #006838;
    position: relative;
    cursor: pointer;
}

#tiptip_holder p {
    width: 330px;
    margin: 0;
    padding: 0;
    display: block;
}

#tiptip_holder strong {
    float: left;
    display: block;
    width: 60px;
    padding-right: 5px;
    text-align: right;
}

#tiptip_holder b {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 13px;
}

#tiptip_holder strong.title {
    float: left;
    width: 245px;
    text-align: left;
}

#tiptip_holder strong.price {
    float: left;
    width: 65px;
    text-align: left;
}

.tiptipnarrow {
    max-width: 150px !important;
}

a.btn, a.btn span {
    color: #444;
}

a.btn:hover, a.btn:hover span {
    color: #006838;
}

.btn.blue {
    color: #fff;
    background: #006838;
}

.btn.blue span {
    color: #fff;
}

.btn.blue:hover, .btn.blue:hover span {
    color: #fff;
}

ul.bullets {
    padding-left: 30px;
}

ul.bullets li {
    list-style: disc outside;
}

select option {
    background: #fff;
}

/*Proposal Preview layout options*/
#layout_options {
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
}

#layout_options .selector {
    margin-top: -2px;
}

/*Manage Items boxes*/
#manage-items #fields input {
    text-align: center;
}

#manage-items #fields strong {
    line-height: 20px;
    text-align: center;
    display: block;
}

#itemBuilder {
}

#itemBuilder p {
    margin-bottom: 5px;
}

#itemBuilder input, #itemBuilder select, #itemBuilder textarea, #itemBuilder .selector {
    float: left;
    margin-right: 5px;
}

#itemBuilder label {
    display: block;
    float: left;
    margin-right: 5px;
    width: 100px;
}

/*Forms in dialogs Styling*/
.dialog-form {
}

.dialog-form label {
    float: left;
    display: block;
    width: 120px;
    text-align: right;
    margin-right: 5px;
}

.dialog-form input, .dialog-form select, .dialog-form textarea {
    float: left;
}

/*Custom texts stuff*/
.text_category .cat {
    font-size: 16px;
    line-height: 21px;
    color: #006838 !important;
}

.text_category .cat a {
    display: block;
    position: relative;
    padding-left: 25px;
}

.cat span.sign {
    position: absolute;
    left: 0px;
    background-color: #666;
    width: 16px;
    height: 17px;
    top: 2px;
    border: none !important;
}

.cat span.plus {
}

.cat span.minus {
}

.text_category {
    background: #eee !important;
    color: #444 !important;
    font-weight: bold;
}

.thead {
    background: #f4f4f4 !important;
    color: #444 !important;
    font-weight: bold;
}

.text_category td, .thead td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: none !important;
}

.text_category td:last-child {
    border-right: none !important;
}

/*.customtexts_table {border-top: 1px solid #ddd;}*/
.customtexts_table td {
    border-right: 1px solid #eee;
}

.customtexts_table td:last-child {
    border-right: none !important;
}

.handle {
    background: #666;
    cursor: pointer;
    border: none !important;
}

#accordion_texts h3 {
    position: relative;
}

#accordion_texts h3 input.category-checkbox {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: block !important;
}

.editProposal-customtext {
    display: block;
    float: right;
    width: 875px;
}

#accordion2 h3 a span.area-name {
    float: right;
    padding-right: 5px;
}

#accordion2 h3.ui-state-active a span.area-name {
    padding-right: 28px;
}

#accordion4 label {
    width: 100px !important;
    line-height: 20px !important;
}

/*Calculators in build proposal*/
.calculator-table {
    font-size: 12px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-family: Arial !important;
}

.calculator-table tr {
}

.calculator-table input {
    padding: 1px;
    line-height: 14px;
}

.calculator-table td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0 5px;
}

.calculator-table td span {
    line-height: 21px;
}

.calculator-table td.head {
    background: #eee;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
    font-size: 13px;
    font-weight: bold;
}

.calculator-table label {
    width: 110px;
    margin-right: 5px;
    float: left;
    display: block;
}

.calculator-table label, .calculator-table span {
    line-height: 21px;
}

.calculator-table input, .calculator-table select {
    margin-right: 5px;
}

.calculator-table td.black {
    color: #fff !important;
    background: #000;
}

.calculator-table td.black label, .calculator-table td.black span, .calculator-table td.black strong {
    color: #fff !important;
}

#accordion form.big p {
    position: static;
}

/*Manage Services CSS*/
#admin-services {
}

#admin-services .service {
    background: #FAFAFA;
    border: 1px solid #EEEEEE;
    margin-bottom: 10px;
    padding: 0 10px 5px;
}

#admin-services .service p.header {
    font-weight: bold;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
}

#admin-services .service p.header span.handle {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-top: 4px;
    display: block;
    float: left;
    cursor: pointer;
}

#admin-services .service p span {
    border: none;
}

#admin-services .service ul {
    padding-left: 17px;
}

#admin-services .service ul li {
    border: 1px solid #EEEEEE;
    margin-bottom: 5px;
    padding: 3px 5px 3px 3px;
    line-height: 16px;
}

#admin-services .service ul li span.serviceHandle {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
    background-color: #aaa;
}

#admin-services .editService, #admin-services .deleteService, #admin-services .estimateFields {
    float: right;
    margin-left: 10px;
}

#admin-services .editServiceCat input {
    width: 300px;
}

#admin-services .editServiceCat form {
    width: 500px;
    display: inline;
}

/*Edit Service CSS*/
.editServiceName, #addServiceName, #editServiceName {
    border: none !important;
}

.editServiceName input, #addServiceName input, #editServiceName input {
    width: 300px;
}

.editServiceName form, #addServiceName form, #editServiceName form {
    display: inline;
    width: 500px !important;
}

#service-customtexts, #service-addtext {
    width: 506px;
}

#service-fields, #service-addfield {
    width: 420px;
}

#service-addfield .text {
    width: 200px;
}

#service-fields .content-box {
    width: 100%;
}

#service-fields-edit {
}

#service-fields-edit .field {
    border-bottom: 1px solid #eee;
    padding: 2px 0;
}

#service-fields-edit .field.odd {
    background: #fafafa;
}

#service-fields-edit span.handle, #service-fields-edit span.fieldName, #service-fields-edit span.fieldType, #service-fields-edit span.fieldValue, #service-fields-edit span.actions {
    line-height: 31px;
    height: 31px;
    display: block;
    float: left;
    border-right: 1px solid #eee;
    padding: 1px 3px;
}

#service-fields-edit span.handle {
    width: 16px;
    height: 16px;
    margin: 8px 5px 9px 5px;
    border: 0;
    padding: 0;
}

#service-fields-edit span.fieldName {
    width: 185px;
}

#service-fields-edit span.fieldType {
    width: 110px;
}

#service-fields-edit span.actions {
    width: 72px;
    float: right;
    border-right: none;
}

#service-texts-edit {
}

#service-texts-edit .text {
    border-bottom: 1px solid #eee;
    padding: 2px 0;
}

#service-texts-edit .text.odd {
    background: #fafafa;
}

#service-texts-edit span.handle, #service-texts-edit span.textValue, #service-texts-edit span.actions {
    line-height: 31px;
    height: 31px;
    display: block;
    float: left;
    border-right: 1px solid #eee;
    padding: 1px 3px;
}

#service-texts-edit span.handle {
    width: 16px;
    height: 16px;
    margin: 8px 5px 9px 5px;
    border: 0;
    padding: 0;
}

#service-texts-edit span.textValue {
    width: 390px;
    height: auto;
    line-height: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
}

#service-texts-edit span.actions {
    width: 72px;
    float: right;
    border-right: none;
}

#edit-texts {
}

#edit-texts .text {
    border-bottom: 1px solid #eee;
}

#edit-texts .text.odd {
    background: #fafafa;
}

#edit-texts span.handle, #edit-texts span.textValue, #edit-texts span.actions {
    line-height: 31px;
    height: 31px;
    display: block;
    float: left;
    border-right: 1px solid #eee;
    padding: 1px 3px;
}

#edit-texts span.handle {
    width: 16px;
    height: 16px;
    margin: 8px 5px 9px 5px;
    border: 0;
    padding: 0;
}

#edit-texts span.textValue {
    width: 645px;
    height: auto;
}

#edit-texts span.actions {
    width: 107px;
    float: right;
    border-right: none;
}

#edit-texts .deleted span.handle {
    display: none;
}

#edit-texts .deleted span.textValue {
    width: 671px;
    color: #888888;
}

.deleted-text {
    color: #888888;
}

.serviceTexts {
}

.serviceTexts .text {
    border: 1px solid #eee;
    margin-bottom: 5px;
    line-height: 25px;
    min-height: 18px;
}

.serviceTexts .handle {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    background-color: #aaa;
    margin: 4px 10px 5px 4px;
}

.serviceTexts .theText {
    display: block;
    width: 555px;
    float: left;
    line-height: 17px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.serviceTexts .removeLink {
    display: block;
    width: 65px;
    float: right;
    text-align: center;
}

.serviceFields {
}

.serviceFields p {
    padding: 5px 0;
    background: #fafafa;
}

.serviceFields p.odd {
    background: #f0f0f0;
}

.serviceFields label {
    display: block;
    float: left;
    width: 125px;
    margin-right: 5px;
    padding-left: 5px;
}

.serviceFields input, .serviceFields select, .serviceFields textarea {
    display: block;
    float: left;
    width: 110px;
}

#proposal_services {
}

#proposal_services .service {
    border: 1px solid #eee;
    margin-bottom: 5px;
    line-height: 34px;
}

#proposal_services .service span.handle, #proposal_services .service span.service, #proposal_services .service span.actions {
    border: none;
    display: block;
    float: left;
    margin-bottom: 0;
}

#proposal_services .service .handle {
    width: 16px;
    height: 16px;
    background-color: #aaa;
    margin: 9px 14px 9px 9px;
}

#proposal_services .service .service {
    width: 295px;
    line-height: 16px;
    padding: 9px 0;
}

#proposal_services .service .actions {
    width: 105px;
    float: left;
    padding-top: 1px;
    line-height: 33px;
    text-align: right;
}

/*Fix the line height of the texts*/
#service-texts-edit span.textValue, #edit-texts span.textValue {
    line-height: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.selectOptions {
    width: 215px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.selectOptions a {
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    line-height: 19px;
    padding: 3px;
    cursor: pointer;
    display: block;
    color: #333;
}

.selectOptions a:nth-child(even) {
    background: #f5f5f5
}

.selectOptions a:hover {
    background: #e5e5e5;
}

.selectOptions a.selected {
    background: #006838;
    color: #fff;
}

.selectOptions a.selected:hover {
    background: #006838;
    color: #fff;
}

.selectOptions a:last-child {
    border-bottom: none;
}

#selectServiceCategory {
    float: left;
}

#selectService {
    float: right;
}
/* Company Services Styles */
.companyServiceHeading {
    font-weight: bold;
    font-size: 1.2em;
}

/*Rollovers*/
#proposal_services .service:hover, .serviceTexts .text:hover {
    background-color: #f5f5f5;
}

#imageLimitReached {
    padding: 10px;
    text-align: center;
    background: #ccc;
}

/*Ckeditor 4 hacks*/
.cke {
    margin-bottom: 10px !important;
}

tr.alt {
    background-color: #fafafa;
}

#uniform-proposalLayout {
    float: left;
}

#uniform-pie_year {
}

/*Kendo Stuff*/
#kendo-selector {
    width: 200px;
    float: left;
    margin-right: 10px;
}

#kendo-services {
    width: 200px;
    float: left;
    margin-right: 10px;
}

#kendo-pie {
    width: 508px;
    float: left;
    height: 350px;
}

#kendo-chart {
    height: 250px;
}

.kendo-year {
    display: block;
    float: left;
    line-height: 35px;
    text-align: center;
    width: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #f3f3f3;
    color: #3366cc;
    font-size: 16px;
    font-weight: bold;
}

.kendo-year.last {
    margin-right: 0;
}

.kendo-year.current {
    background: #3366cc;
    color: #fff;
}

/*Proposals Filter CSS*/
#proposals-filter {
}

#proposals-filter td {
}

#proposals-filter .radio {
    margin-right: 0 !important;
}

#proposals-filter label.option-label {
    text-align: left;
    display: block;
    width: auto;
    padding-right: 3px;
}

/*Proposals colors CSS*/
/*
.proposal-open, .proposal-won, .proposal-lost,.proposal-cancelled, .proposal-completed {font-weight: bold; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.proposal-open {background: #3366CC; color: #fff;}
.proposal-won {background: #edc240; color: #fff;}
.proposal-lost {background: #4da74d; color: #fff;}
.proposal-cancelled {background: #944ded; color: #fff;}
.proposal-completed {background: #cb4b4b; color: #fff;}
.proposal-on.hold {background: #49AFCD; color: #fff;}
*/

/* Dupilcate / Copy Proposal Dialog Styling */
.dupe-copy-wording {
    margin: 15px 0;
}

.dupe-copy-wording p {
    padding: 3px 0;
}

/* proposal filters */

#filterList {
    width: 400px;
    float: right;
    padding: 0 0 10px 10px;
    line-height: 1.5;
}

#filterList ul {
    padding-left: 30px;
}

#filterList ul li {
    list-style: disc;
}

#calculators {
}

#calculators input {
    margin-right: 5px;
}

/*Help icon*/
div.help, span.help {
    border: 1px solid #006838;
    border-radius: 4px;
    background: #006838;
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 20px;
    position: relative;
    font-size: 15px;
    margin-top: -1px;
    padding: 0;
    width: 20px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    text-align: center;
    font-style: normal;
    font-weight: bold;
}

.box-header .help.right {
    margin-left: 10px;
}

.help ul {
    background: none repeat scroll 0 0 #006838;
    border-radius: 3px;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    display: none;
    overflow: hidden;
    padding: 5px 0;
    position: absolute;
    right: 0;
    top: 18px;
    width: 200px;
    z-index: 1000;
}

.help.center ul {
    right: -90px;
}

.help:hover ul {
    display: block;
}

.help ul a, .help ul li {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.help ul a {
    margin: 0 10px;
}

.help ul a:hover {
    background: #006838;
}

.help.box-center {
    left: 50%;
    margin-left: -11px;
    position: absolute;
    top: 5px;
}

#videoSections td span {
    display: block;
}

#videoSections td span input {
    width: 95%;
}

/*Css for the export page*/
#export-areas {
    width: 149px;
    float: left;
    background: #fff;
    z-index: 999;
    border-right: 1px solid #eee;
}

#export-areas li {
    display: block;
}

#export-areas li a {
    display: block;
    text-align: right;
    padding: 5px 15px 5px 0;
    line-height: 20px;
    background: #fafafa;
}

#export-areas li a:hover {
    background: #eaeaea;
}

#export-areas li a.active, #export-areas li a.activeMenu {
    border-right: none; /*border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;*/
    background: #006838;
    color: #fff;
    font-weight: bold;
}

#export-areas li:first-child a {
    border-top: none !important;
}

#export-areas li:last-child a {
    border-bottom: none !important;
}

#export-forms {
    width: 799px;
    float: left;
    z-index: 500;
    padding: 0;
    margin-left: -1px;
    border-left: 1px solid #eee;
    min-height: 180px;
    background: #fff;
}

#company-information #export-forms {
    min-height: 270px;
}

#export-forms h3, #export-forms p {
    padding-left: 10px;
}

#export-forms h3 {
    background: #f5f5f5;
    margin: 0 0 5px 0;
    padding: 5px 10px;
}

#export-forms label.checkbox-label {
    width: 130px;
    text-align: left;
}

/*Css for the boxes with left navs*/
.has-box-nav {
    background: #fafafa !important;
}

.box-nav {
    width: 149px;
    float: left;
    background: #fff;
    z-index: 999;
    border-right: 1px solid #eee;
}

.box-nav li {
    display: block;
}

.box-nav li a {
    display: block;
    text-align: right;
    padding: 5px 15px 5px 0;
    line-height: 20px;
    background: #fafafa;
}

.box-nav li a:hover {
    background: #eaeaea;
}

.box-nav li a.active, .box-nav li a.activeMenu {
    border-right: none; /*border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;*/
    background: #006838;
    color: #fff;
    font-weight: bold;
}

.box-nav li:first-child a {
    border-top: none !important;
}

.box-nav li:last-child a {
    border-bottom: none !important;
}

.box-nav-content {
    width: 799px;
    float: left;
    z-index: 500;
    padding: 0;
    margin-left: -1px;
    border-left: 1px solid #eee;
    min-height: 180px;
    background: #fff;
}

#company-information .box-nav-content {
    min-height: 270px;
}

.box-nav-content h3, .box-nav-content p {
    padding-left: 10px;
}

.box-nav-content h3 {
    background: #f5f5f5;
    margin: 0 0 5px 0;
    padding: 5px 10px;
}

.box-nav-content label.checkbox-label {
    width: 130px;
    text-align: left;
}

.box-sub-nav {
    padding: 5px;
    height: 20px;
    border-bottom: 1px solid #eee;
    background: #fafafa;
}

.box-sub-nav li {
    float: left;
    height: 20px;
}

.box-sub-nav li.separator {
    width: 1px;
    background: #444;
    margin: 0 7px;
    height: 14px;
    margin-top: 3px;
}

.box-sub-nav li a {
    display: block;
    line-height: 20px;
    width: auto;
    padding: 0 7px;
    font-weight: bold;
    color: #444;
    border-radius: 5px 0 5px 0;
}

.box-sub-nav li a:hover {
    background: #eee;
}

.box-sub-nav li a.active, .box-sub-nav li a.activeMenu {
    background: #006838;
    color: #fff;
}

.box-nav-content .boxed-table input.text {
    width: 180px;
}

.nav-box {
}

.nav-left {
    float: left;
    width: 149px;
}

.nav-right {
    float: right;
    width: 799px;
}

.nav-heading {
    font-size: 20px;
    color: #4a4a4a;
    text-align: right;
    padding-right: 15px;
    margin: 0;
    line-height: 70px;
}

.nav-menu {
}

.nav-menu li {
    padding-right: 15px;
    margin-right: 5px;
}

.nav-menu li a {
    display: block;
    text-align: right;
    padding: 5px 10px 5px 5px;
    line-height: 20px;
    color: #777;
    font-weight: bold;
}

.nav-menu li.active {
    background: url("images/nav-arrow.jpg") no-repeat right top;
}

.nav-menu li a:hover {
    background: #F6F6F6;
    color: #000;
}

.nav-menu li.active a {
    background: #006838;
    color: #fff;
}

.nav-content {
}

.nav-header {
    background: #f8f8f8;
    padding-left: 20px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    position: relative;
}

.nav-header h2 {
    margin: 0;
    font-size: 16px;
    line-height: 40px;
    color: #4a4a4a;
    text-shadow: none;
    padding: 0;
}

.nav-header h2 .help {
    margin-top: 10px;
    margin-right: 20px;
}

.nav-bar {
    height: 30px;
}

.nav-bar li {
    float: left;
}

.nav-bar li.right {
    float: right;
}

.nav-bar li:first-child a {
    padding-left: 0;
    border-left: none;
}

.nav-bar li:last-child a {
    border-right: none;
}

.nav-bar a {
    color: #9a9a9a;
    display: block;
    width: auto;
    padding: 0 15px;
    line-height: 30px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff;
}

.nav-bar a:hover {
    color: #000;
    text-decoration: underline;
}

.nav-bar a.active {
    font-weight: bold;
    color: #006838;
}

.nav-content {
    padding-top: 5px;
}

.nav-content h3 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    border-bottom: 1.5px dashed #EBEBEB;
    width: auto;
}

.nav-content h3 a {
    float: right;
    margin-left: 20px;
}

.nav-content .boxed-table input.text {
    width: 180px;
}

/*.nav-content .dataTables_wrapper {margin: 0 !important;}
.nav-content .dataTable {border: none !important;}
.nav-content .dataTable tr td:first-child, .nav-content .boxed-table tr td:first-child {padding-left: 10px;}
.nav-content .dataTable tr td:last-child, .nav-content .boxed-table tr td:last-child {padding-right: 10px;}
.nav-content table.display {border: none !important; border-collapse: separate !important;}*/

.ui-dialog-content ul {
    padding-left: 25px;
}

.ui-dialog-content ul li {
    list-style: disc;
}

.ui-dialog-content ul li li {
    list-style: circle;
}

.ui-dialog-content ul li li li {
    list-style: square;
}

/*Messages Stylng*/

.message {
    padding: 10px;
    border-radius: 5px;
}

.message.info {
    background: #fefccb url('images/message-info-icon.png') no-repeat 15px 10px;
    color: #878314;
    border: 1px solid #e5db55;
    min-height: 40px;
    padding-left: 70px;
}

/*The nice labels from the recipients*/
.nice-label {
    border: 1px solid #EEEEEE;
    display: block;
    float: left;
    line-height: 18px;
    margin: 0 5px 5px 0;
    padding: 2px 5px;
    text-align: left;
    width: 150px;
}

/*Admin Menu*/
#admin-menu {
    background: #fff;
}

#admin-menu .menu-container {
    padding: 15px 15px 0;
}

#admin-menu ul {
    display: block;
    height: 25px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    background: -moz-linear-gradient(center top, #f4f4f4, #eaeaea) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#admin-menu ul li {
    float: left;
}

#admin-menu ul li a {
    display: block;
    line-height: 25px;
    padding: 0 8px;
    border-right: 1px solid #ddd;
    color: #222;
    font-size: 12px;
}

#admin-menu ul li a:hover {
    background: #fafafa;
}

#admin-menu ul li a.current {
    background: #fafafa;
    color: #006838;
}

/*#admin-menu ul li a.current:hover {background: #f6f6f6;}*/

/*
--------------------------- Light Blue Button - Used on Send Proposal Page */

.btn-lightblue {
    background-color: #006838 !important;
    color: #fff !important;
    border: 0px !important;
}

.btn-lightblue:hover {
    background-image: none !important;
    background-color: #88d8fa !important;
    color: #fff !important;
    border: 0px !important;
}

/*
--------------------------- Dropdrop Buttons */

/* button container */

.new-buttons {

    width: 100%;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 3px;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;

}

.new-buttons:hover, .new-buttons.selected, .menu-selected {

    width: 100%;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 3px;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;

}

/* common */

ul.dropdown-button, ul.submenu, ul.sub-submenu {
    margin: 0;
    list-style: none;
    z-index: 998695;
}

ul.submenu li img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

/*  icon position */

/* drop-down buttons */

ul.dropdown-button {
    border-radius: 6px;
    border: 1px solid rgba(229, 229, 229, 1);

    background: url("/3rdparty/icons/caret-normal.png") no-repeat scroll 13% 55% rgb(240, 240, 240);

    cursor: pointer;
    height: 25px;

    margin-right: 3px !important;
    width: auto;
    display: inline-block;

    color: #6e6e6e;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    z-index: 1000;
}

ul.dropdown-button .submenu {
    z-index: 1500;
}

ul.dropdown-button:hover {
    background: url("/3rdparty/icons/caret-normal.png") no-repeat scroll 13% 55% rgb(255, 255, 255);
}

ul.dropdown-button.active, ul.dropdown-button.activeMenu {
    background: url("/3rdparty/icons/caret-active.png") no-repeat scroll 13% 55% rgb(255, 255, 255);
}

ul.dropdown-button.active li > a, ul.dropdown-button.active li > a :hover, ul.dropdown-button.activeMenu li > a, ul.dropdown-button.activeMenu li > a :hover, {
    color: #006838 !important;
}

ul.dropdown-button li {
    padding: 3px 10px;
    padding-left: 20px;
    position: relative;
}

ul.dropdown-button li a {
    color: #6e6e6e;
    display: block;
    font-style: normal;
    font-weight: bold;
}

ul.dropdown-button li a:hover {
    color: #6e6e6e;
}

ul.dropdown-button a.toggle {
    cursor: pointer;
}

/*ul.dropdown-button li:first-child {padding: 0;}*/
/*ul.dropdown-button li:first-child a {display: block; padding: 3px 10px 3px 20px;}*/
/*ul.dropdown-button li.divider, ul.dropdown-button li.noHover {padding: 3px 10px;}*/

ul.dropdown-button li:hover li, ul.dropdown-button li:hover a {
}

/* submenu */

li ul.submenu {
    display: none;
}

/* hide submenu */
/*  ul.dropdown-button li:hover ul.submenu { display: block; position: absolute; float:left; } show the submenu */
ul.submenu {
    text-align: left !important;
    background-color: #fff !important;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    width: 220px;
    max-width: 220px;
    display: block;
    position: absolute;
    float: left;
    margin-top: 0px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    z-index: 999;
}

ul.submenu.above {
    bottom: 26px;
}

/*Sub menu positioning above*/
ul.submenu.one {
    margin-left: -21px !important;
}

/* controls position under button */
ul.submenu.lead {
    width: 170px;
}

ul.submenu.prospect {
    width: 170px;
}

ul.submenu li {
    padding: 6px 15px;
}

ul.submenu li:first-child {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

ul.submenu li:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

ul.submenu li:hover {
    background: #006838;
}

ul.submenu li:hover > a {
    color: #fff !important;
}

ul.submenu li:hover.noHover {
    background: #FFF;
    color: #6e6e6e;
    cursor: default;
}

ul.submenu li:hover.noHover > a {
}

ul.submenu li.divider {
    border-bottom: 1px solid #e2e2e2;
}

ul.submenu li a {
    color: #006838;
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}

ul.submenu li a:hover {
    color: #fff !important;
}

/* update status submenu */

/* sub-submenu */
li ul.sub-submenu {
    display: none;
}

/* hide sub-submenu */
ul.submenu li:hover ul.sub-submenu {
    display: block;
    position: absolute;
    float: left;
    top: 0;
}

/* show the sub-submenu */
ul.sub-submenu {
    text-align: left !important;
    background-color: #fff !important;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    width: 130px;
    display: block;
    position: absolute;
    float: left;
    left: 160px;
    top: 96px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    z-index: 99999;
}

ul.sub-submenu.one {
    margin-left: -21px !important;
}

/* controls position under button */
ul.sub-submenu li {
    padding: 6px 15px;
}

ul.sub-submenu li:first-child {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

ul.sub-submenu li:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

ul.sub-submenu li:hover {
    background: #006838;
}

ul.sub-submenu li:hover > a, ul.sub-submenu li.status-active > a {
    color: #fff !important;
}

ul.sub-submenu li.status-active {
    background: #8b8b8b;
    color: #fff;
}

ul.sub-submenu li.status-active > a {
    color: #fff !important;
}

ul.sub-submenu li.status-active > a:hover {
    color: #fff !important;
}

ul.sub-submenu li:hover.noHover {
    background: #FFF;
    color: #6e6e6e;
    cursor: default;
}

ul.sub-submenu li:hover.noHover > a {
}

ul.sub-submenu li.divider {
    border-bottom: 1px solid #e2e2e2;
}

ul.sub-submenu li a {
    color: #006838;
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}

ul.sub-submenu li a:hover {
    color: #fff !important;
}

.hover-arrow {
    float: right !important;
    width: 15px !important;
    display: none;
}

/*New Dropdown Duttons*/
.dropdownButton {
    display: block;
    float: left;
    position: relative;
    z-index: 99;
}

.dropdownButton.currentActive {
    z-index: 1000;
}

.dropdownToggle {
    display: block;
    margin-right: 5px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding: 5px 10px 5px 18px;
    background: url("/3rdparty/icons/caret-normal.png") no-repeat scroll 10% 50% rgb(255, 255, 255);
    background-color: #f0f0f0;
    color: #fff !important;
    font-weight: bold;
}

.dropdownToggle:hover {
    color: #6e6e6e;
}

.dropdownToggle.open {
    background: url("/3rdparty/icons/caret-active.png") no-repeat scroll 10% 50% rgb(255, 255, 255);
    background-color: #fff;
}

/*First tier menu*/
.dropdownButton img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.dropdownButton ul {
    float: left;
    width: 220px;
    background: #fff;
}

.dropdownButton ul.openAbove {
    top: auto !important;
    bottom: 26px;
}

.dropdownButton ul li {
    display: block;
    position: relative;
}

.dropdownButton ul li.divider {
    border-bottom: 1px solid #e2e2e2;
}

.dropdownButton ul li.status-active, .dropdownButton ul li.status-active a {
    background: #8b8b8b !important;
    color: #fff !important;
}

.dropdownButton ul li b {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #6E6E6E;
}

.dropdownButton ul li a {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #006838;
    text-align: left
}

.dropdownButton ul li a:hover {
    background: #006838;
    color: #fff;
}

.dropdownButton ul li ul {
    display: none;
    position: absolute;
    left: 200px;
    top: 0;
    width: 130px;
}

.dropdownButton ul li:hover ul {
    display: block;
}

.changeStatus, .changeStatus:hover, .change-proposal-status, .change-proposal-status:hover {
    cursor: pointer;
    color: #006838;
}

.change-proposal-status input {
    display: none !important;
}

/* Table Dropdown */
#proposalsTable .dropdownButton {
    display: block;
    float: left;
    position: relative;
    z-index: 99;
}

#proposalsTable .dropdownButton.currentActive {
    z-index: 1000;
}

#proposalsTable .dropdownToggle {
    display: block;
    margin-right: 5px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding: 5px 10px 5px 18px;
    background: url("/3rdparty/icons/caret-normal.png") no-repeat scroll 10% 50% rgb(255, 255, 255);
    background-color: #006838;
    color: #ffffff !important;
    font-weight: bold;
}

#proposalsTable .dropdownToggle:hover {
    color: #6e6e6e;
}

#proposalsTable .dropdownToggle.open {
    background: url("/3rdparty/icons/caret-active.png") no-repeat scroll 10% 50% rgb(255, 255, 255);
    background-color: #006838;
}

/*First tier menu*/
#proposalsTable .dropdownButton img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

#proposalsTable .dropdownButton ul {
    float: left;
    width: 220px;
    background: #fff;
}

#proposalsTable .dropdownButton ul.openAbove {
    top: auto !important;
    bottom: 26px;
}

#proposalsTable .dropdownButton ul li {
    display: block;
    position: relative;
}

#proposalsTable .dropdownButton ul li.divider {
    border-bottom: 1px solid #e2e2e2;
}

#proposalsTable .dropdownButton ul li.status-active, .dropdownButton ul li.status-active a {
    background: #006838 !important;
    color: #fff !important;
}

#proposalsTable .dropdownButton ul li b {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #6E6E6E;
}

#proposalsTable .dropdownButton ul li a {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #006838;
    text-align: left
}

#proposalsTable .dropdownButton ul li a:hover {
    background: #006838;
    color: #fff;
}

#proposalsTable .dropdownButton ul li ul {
    display: none;
    position: absolute;
    left: 200px;
    top: 0;
    width: 130px;
}

#proposalsTable .dropdownButton ul li:hover ul {
    display: block;
}

#proposalsTable .changeStatus, .changeStatus:hover, .change-proposal-status, .change-proposal-status:hover {
    cursor: pointer;
    color: #006838;
}

#proposalsTable .change-proposal-status input {
    display: none !important;
}

/* Newer Dropdown Menu */

/* Fixed popup container */
#newProposalsPopup {
    display: none;
    position: fixed;
    background: #fff;
    width: 660px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%);
}



/* Hide by default */
.dropdownButton .dropdownMenuContainer {
    display: none;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 26px;
    left: 0;
    width: 660px;
    z-index: 9999;
}

.dropdownMenuContainer .closeDropdown {
    width: 20px;
    float: right;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    padding: 10px;
}

/* Smaller width for clients menu */
.dropdownButton .dropdownMenuContainer.double {
    width: 440px;
}

/* Smaller width again for leads menu */
.dropdownButton .dropdownMenuContainer.single {
    width: 220px;
}

.dropdownButton .dropdownMenuContainer.open {
    display: block;
}

.dropdownButton .dropdownMenuContainer.open.openAbove {
    top: auto !important;
    bottom: 0px;
}

/* For opening to the left */
.dropdownButton .dropdownMenuContainer.left {
    left: -147px;
}

.dropdownMenuContainer .proposalMenuTitle h4 {
    text-align: center;
    padding-top: 5px;
}

/*Proposals Filter Code*/
#newFilter {
    margin-bottom: 10px;
}

#newFilter label.filterLabel {
    float: left;
    margin-right: 10px;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 10px;
}

#newFilter label {
    font-weight: bold;
}

#newFilter .filter-box {
    float: left;
    margin-right: 10px;
    position: relative;
}

#newFilter .filter-box.right {
    float: right;
    margin-left: 10px;
    position: relative;
}

#newFilter .filter-box .trigger, #newFilter .filterButton {
    display: block;
    float: left;
    line-height: 26px;
    border: 1px solid #E5E5E5;
    background-color: #F0f0f0;
    color: #999;
    font-weight: bold;
    padding: 0 10px;
    border-radius: 5px;
}

#newFilter .filter-box .trigger {
    padding-right: 20px;
    background-image: url("/3rdparty/icons/caret-active.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: #F0F0F0;
}

#newFilter .filter-box .trigger.noarrow {
    background-image: none;
    padding-right: 10px;
}

#newFilter .filter-box .noarrow.filterButton {
    margin-right: 0 !important;
}

#newFilter .filter-box .noarrow.blueButton {
    background: #006838;
    color: #fff;
    border-color: #35baf1;
}

#newFilter .filterButton {
    margin-right: 10px;
    background: #fff;
}

#newFilter .filterButton.blue { /*background: #006838; border-color: #006838; color: #fff;*/
    color: #006838;
}

#newFilter .filterButton.blue {
    color: #006838;
}

#newFilter .filterButton.right {
    float: right;
}

#newFilter .filterOverlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0; /* background: rgba(0,0,0,0.2);*/
    z-index: 8999;
}

#newFilter .filter-box.filterActive .trigger {
    border: 1px solid #006838;
    color: #fff;
    background-color: #006838;
    background-image: url("/3rdparty/icons/caret-active-white.png");
}

#newFilter .reset {
    background: #ccc;
    color: #555;
    border-color: #bbb;
}

#newFilter .filter-box .trigger.active {
    background-color: #ddd;
    background-image: url("/3rdparty/icons/caret-active-gray.png");
    border-color: #ccc;
    color: #666;
}

#newFilter .filter-box .filter-code {
    display: none;
    position: absolute;
    left: 0;
    top: 28px;
    z-index: 9000;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    width: 150px;
}

.filter-list {
}

.filter-list li {
    display: block;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    line-height: 20px;
    padding: 0 10px;
    font-weight: bold;
}

.filter-list li a, .filter-list li a:hover {
    display: block;
    color: #999;
}

.filter-list li:hover {
    background: #ccc;
}

.filter-list li.selected {
    background: #ccc;
}

.filter-list li:last-child {
    border-bottom: none;
}

/*#plot span {padding-top: 2px; padding-bottom: 2px;}*/

#suggestion {
    width: 480px;
    margin: 10px auto 0;
}

#suggestion h3 {
    text-align: center;
    color: #565656;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-size: 15px;
}

#suggestion .browsers {
    padding-left: 80px;
}

#suggestion .browsers a {
    width: 80px;
    float: left;
    text-align: center;
}

#suggestion .browsers a img {
    width: 65px;
    height: 65px;
}

#suggestion .suggestion-footer {
    color: #000;
    margin-top: 15px;
    font-size: 11px;
    text-align: center;
}

/**
* QuickBooks styles
*/
table#qbSyncComparison {
    width: 600px;
    margin: 20px auto;
    border-collapse: collapse;
    font-size: 13px;
}
table#qbSyncComparison th {
    padding: 5px;
}
table#qbSyncComparison td {
    padding: 7px;
}
table#qbSyncComparison td:first-child, table#qbSyncComparison td:last-child {
    font-weight: bold;
}
tr.inSync {
    background: #f4f4f4;
}
tr.outOfSync {
    background: #ddd;
}
.qbClientExpander {
    margin: 5px 0;
    background: url('/static/images/qb-logo.png');
    background-position: 20px 10px;
    background-repeat: no-repeat;
    background-color: #eee;
    padding: 11px 20px 9px 80px;
    border: 1px solid #e7e7e7;
}
.qbClientExpanderNoMatch {
    margin: 5px 0;
    background-repeat: no-repeat;
    background-color: #eee;
    padding: 10px 20px 11px 80px;
    border: 1px solid #e7e7e7;
}
table#qbTableOptions td {
    font-size: 13px;
    padding: 5px;
}

/* Stats */
.statBox {
    width: 210px;
    background: #000;
    padding: 2px;
    text-align: center;
    float: left;
    margin: 10px 8px 0 0;
}

.statBox:last-child {
    margin-right: 0;
}

.statBoxLarge {
    width: 216px;
    height: 213px;
    background: #000;
    padding: 2px;
    text-align: center;
    float: left;
    margin: 10px 20px 10px 0;
}

.statBoxLarge .statHeading {
    background: #006838;
    height: 40px;
    color: #fff;
    padding-top: 10px;
    font-size: 24px;
}

.statHeading .push-up {
    display: block;
    margin-top: -10px;
}

.statHeading .sub-title {
    display: block;
    font-size: 12px;
}

.statBox .singleValue {
    width: 100%;
    font-size: 20px;
    height: 35px;
    color: #fff;
    padding-top: 15px;
}

select#statRange {
    width: 50px;
}

.statBox .statHeading {
    height: 40px;
    color: #fff;
    padding-top: 10px;
    font-size: 24px;
    background: #006838;
}

.statBox .statHeadingDark {
    background-color: #000;
}

.statBox .statHeading a {
    color: #fff;
}

.statBox .statHeading a:hover {
    text-decoration: underline;
}

.statBoxSmallContainer {
    float: left;
    width: 468px;
}

.statBox .statValues {
    font-size: 20px;
    height: 35px;
    color: #fff;

}

.statBoxLarge .statValue {
    color: #fff;
    font-size: 45px;
    margin-top: 50px;
}

.statBoxLarge .statValue p {
    margin-top: 50px;
}

.statBox .statValue {
    padding-top: 15px;
    background: #006838;
    width: 49%;
    height: 100%;
    float: left;
}

.statBox .statPct {
    padding-top: 15px;
    background: #006838;
    width: 49%;
    height: 100%;
    float: right;
}

.statsRange {
    display: none;
}

#stats-month {
    display: block;
}

#customDates {
    display: none;
    width: 600px;
    margin: auto;
    margin-bottom: 10px;
    text-align: center;
}

#statControls {
    float: left;
    width: 340px;
    margin: 0 0 0 60px;
}

#statsLoader {
    width: 20px;
    float: right;
    padding-top: 5px;
    text-align: center;
    display: none;
}

#statsLoader p {
    color: #fff;
    font-size: 30px;
    margin-top: 80px;
}

#statUserControl {
    width: 300px;
    float: right;
}

#statType {
    width: 280px;
    float: left;
}

#statType a {
    width: 110px;
    font-style: normal;
}

.statsReload {
    padding: 10px;
    float: right;
}

/* Stats Datatable */

#statsTable .dataTables_filter, #statsTableSF .dataTables_filter {
    width: 50%;
    float: right !important;
    text-align: right;
}

#statsTable .DataTables_sort_wrapper, #statsTableSF .DataTables_sort_wrapper {
    padding: 5px 1px;
    line-height: 1.4;
}

#statsTable td, #statsTableSF td, #statsTableLeads td, #salesTargetsStatsTable td {
    padding: 5px;
}

#salesTargets {
    padding: 5px 5px 20px 5px;
}

#salesTargetsStatsTable td:not('.dtCenter') {
    padding-left: 15px;
}

/* Account Info Datatable */

#accountTimelineTable .DataTables_sort_wrapper {
    padding: 5px 1px;
    line-height: 1.4;
}

#accountTimelineTable td {
    padding: 5px;
}

/* Group Actions Styles */

/* Style for centered content in datatables */
td.dtCenter, li.dtCenter {
    text-align: center;
}

td.dtRight {
    text-align: right;
}
td.dtLeft {
    text-align: left;
}

#groupSelectAllTop {
    position: absolute;
    padding-top: 5px;
}

#groupSelectAllTop a {
    color: #006838;
}

#numSelected {
    font-weight: bold;
}

/*Admin new menu*/

#admin-menu-new {
    background: #fff;
}

#admin-menu-new .menu-container {
    padding: 15px 15px 0;
}

#admin-menu-new ul#menu-ul {
    display: block;
    height: 25px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    background: -moz-linear-gradient(center top, #f4f4f4, #eaeaea) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#admin-menu-new ul li {
    float: left;
    display: block;
    height: 25px;
    line-height: 25px;
    position: relative;
    border-right: 1px solid #ddd;
}

#admin-menu-new ul li:hover {
    background: #fafafa;
}

#admin-menu-new ul li a {
    display: block;
    line-height: 25px;
    height: 25px;
    padding: 0 10px;
}

#admin-menu-new ul ul {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    padding-top: 1px;
    width: 120px;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

#admin-menu-new ul ul li {
    float: none;
    display: block;
    z-index: 2000;
    background: #eaeaea;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#admin-menu-new ul li:hover ul {
    display: block;
}

/*FAQ Categories in admin page*/
#faq-categories {
}

#faq-categories li {
}

#faq-categories li h3 {
    height: 30px;
    background: #f0f0f0;
    margin: 0 !important;
    border-bottom: 1px solid #ddd;
}

#faq-categories li:last-child h3 {
    border-bottom: none;
}

#faq-categories li h3 a {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    color: #000;
}

#faq-categories li h3 .handle-closed, #faq-categories li h3 .handle-open {
    float: right;
    margin-right: 10px;
}

#faq-categories .question {
    font-weight: bold;
    padding-left: 10px;
    line-height: 36px;
}

#faq-categories .answer {
    padding-left: 10px;
}

.faq-category-content li {
    border-top: 1px solid #eee;
}

/*.faq-category-content li:last-child {margin-bottom: 0;}*/
.faq-question {
    display: block;
}

.faq-question-handle {
    float: left;
    width: 30px;
}

.faq-question-handle span {
    margin: 10px 0 0 10px;
}

.faq-question-content {
    float: left;
    width: 820px;
}

.faq-question-actions {
    float: right;
    width: 70px;
    padding-top: 3px;
    padding-right: 5px;
}

#categories_order {
    margin: 0;
    padding: 0;
}

#faqSearch {
    font-size: 15px;
}

#categories_order li {
    list-style: none;
    background: #f0f0f0;
    margin-bottom: 2px;
    line-height: 26px;
}

#categories_order li .handle {
    float: left;
    margin: 5px 5px 0;
}

/*Account FAQ page styling*/
#faq-left {
    float: left;
    width: 220px;
}

.faq-categories-header {
    line-height: 30px;
    background: #e6e6e6;
    text-align: center;
    font-weight: bold;
}

#faq-left ul {
}

#faq-left ul li {
    position: relative;
}

#faq-left ul li .icon {
    display: block;
    width: 15px;
    height: 30px;
    position: absolute;
    right: -15px;
    top: 0;
    background: url('images/triangle.png');
    display: none;
}

#faq-left ul li a {
    display: block;
    line-height: 30px;
    padding-left: 10px;
}

#faq-left ul li.active a {
    background: #00a1de;
    color: #FFF;
    font-weight: bold;
}

#faq-left ul li.active .icon {
    display: block;
}

#faq-right {
    float: right;
    width: 700px;
    margin-right: 2px;
}

#faq-right h3 {
    line-height: 30px;
    margin: 0 0 10px 0;
    font-style: italic;
    font-size: 18px;
}

.faq-search, .faq-categories-header {
    margin-bottom: 10px;
}

.faq-search {
    background: #fff;
    position: relative;
    overflow: hidden;
    line-height: 30px;
    text-align: center;
}

.faq-search input {
    width: 100%;
    border: none;
    line-height: 30px;
    height: 30px;
    padding: 0 0 0 5px;
}

.faq-search span.clear {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
    font-size: 16px;
}

.faq_question {
    margin-bottom: 3px;
    margin-right: 10px
}

.faq_question .question {
    display: block;
    line-height: 30px;
    padding: 0 5px;
    position: relative;
    background: #eaeaea;
    color: #000;
    font-weight: bold;
}

.faq_question .question .icon-plus, .faq_question .question .icon-minus {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 5px;
    background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.faq_question .question .icon-minus {
    display: none;
}

.faq_question .question.active .icon-minus {
    display: block;
}

.faq_question .question.active .plus {
    display: none;
}

.faq_question .answer {
    padding: 5px;
}

/*Normalizing UL's in admin and faq front*/
.faq_question .answer ul, #faq-categories .answer ul, .faq_question .answer ol, #faq-categories .answer ol {
    padding-left: 40px;
    padding-top: 10px;
}

.faq_question .answer ul li, #faq-categories .answer ul li, .faq_question .answer ol li, #faq-categories .answer ol li {
    border: none;
    margin: 0 0 3px 0;
}

.faq_question .answer ul li, #faq-categories .answer ul li {
    list-style: disc;
}

/*Admin Dashboard stuff*/
#statusFilter {
    float: right;
}

#expiredFilter {
    float: right;
    margin-left: 10px;
}

.admin-class-label {
    display: block;
    float: right;
    width: 150px !important;
    border: 1px solid #eee;
    background: #fafafa;
    margin: 0 5px 5px 0 !important;
    padding: 2px 2px 2px 4px !important;
    line-height: 19px !important;
    font-weight: normal !important;
    text-align: left !important;
}

.admin-class-label input {
    float: left !important;
}

.admin-class-label .checker {
    margin: 0 !important;
    float: left !important;
}

/* Client Email Template Styles */
#clientTemplateTypeTabs {
    padding: 20px;
}

#clientTemplateTypeTabs ul {
    margin-bottom: 15px;
}

#clientTemplateTypeTabs li {
    width: 100px;
    float: left
}

#clientTemplateTypeTabs li a {
    color: #aaa;
    font-weight: bold
}

#clientTemplateTypeTabs li a.selected {
    color: #555;
    font-weight: bold
}

.clientTemplatesTypeContainer {
    display: none;
}

.newClientTemplate {
    float: right;
    margin-bottom: 10px;
}

/*Hide spell checker banner*/
#scayt_banner {
    display: none !important;
}

/* Custom services */
tr.serviceDisabled {
    color: #B6B6B6;
}

/* Badges */
span.badge {
    padding: 2px 5px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border-radius: 2px;
    cursor: help;
}

div.badge {
    padding: 0px 5px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border-radius: 2px;
    cursor: help;
    line-height: 17px;
}

span.badge.blue, div.badge.blue {
    background-color: #006838;
}

span.badge.green, div.badge.green {
    background-color: #0d9705;
}

span.badge.gray {
    background-color: #626262;
}

span.badge.warning {
    background-color: #d4b735;
}

/* Sprite stuff for map markers */
.leadMapMarkerNew {
    float: left;
    width: 25px;
    height: 25px;
    background: url('/static/images/lead-new.png');

}

.leadMapMarkerCurrent {
    float: left;
    width: 25px;
    height: 25px;
    background: url('/static/images/lead-current.png');
}

.leadMapMarkerOld {
    float: left;
    width: 25px;
    height: 25px;
    background: url('/static/images/lead-old.png');
}

.prospectMarkerUnknown {
    float: left;
    width: 20px;
    height: 20px;
    background: url('/static/images/unknown-prospect.png');
}

.prospectMarkerSilver {
    float: left;
    width: 20px;
    height: 20px;
    background: url('/static/images/silver-prospect.png');
}

.prospectMarkerGold {
    float: left;
    width: 20px;
    height: 20px;
    background: url('/static/images/gold-prospect.png');
}

.prospectMarkerPlatinum {
    float: left;
    width: 20px;
    height: 20px;
    background: url('/static/images/platinum-prospect.png');
}

.text-right {
    text-align: right;
}

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

#customTexts tbody.category-enabled .enableCategory {
    display: none;
}

#customTexts tbody.category-enabled .disableCategory {
    display: block;
}

#customTexts tbody.category-disabled .enableCategory {
    display: block;
}

#customTexts tbody.category-disabled .disableCategory {
    display: none;
}

#leadsStatsTable tbody td {
    text-align: center;
}

a.notification-button {
    border-radius: 8px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

a.notification-button span {
    padding: 6px 10px;
    font-size: 12px;
    display: block;
    font-weight: bold;
}

a.notification-button span.notification-text {
    float: left;
    color: #FFF;
    background: #006838;
}

a.notification-button span.notification-number {
    float: right;
    color: #FFF;
    background: #000;
}

a.notification-button:hover span {
    color: #eee;
}

.filter-list {
    max-height: 300px;
    overflow: auto;
}

.closeSection {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 40px;
    cursor: pointer;
}

/* Add Contact page lookup */
#nameWarning {
    margin: 10px;
    padding: 20px;
    background: #eee;
    border: 2px solid #aaa;
    display: none;
    border-radius: 10px;
    position: relative
}

#nameWarning table#existingAccountTable {
    width: 100%;
    border-collapse: collapse;
}

#nameWarning table#existingAccountTable th {
    padding: 10px;
}

#nameWarning table#existingAccountTable .box-action {
    float: left;
    color: #000;
}

#accountTable .groupSelect {
    margin-top: 7px;
}

#leadsTable .checker {
    float: left !important;
    margin-top: 4px;
    margin-right: 10px;
}

#clientsTable .groupSelect {
    float: left;
    margin-top: 8px;
}

#proposalsTable .groupSelect {
    float: left;
    margin-top: 5px;
}

#proposalsTable .dropdownToggle {
    margin-right: 0;
}

table tr.hasAudit, table tr.hasAudit td.sorting_1 {
    background-color: #D8ECF2;
}

.accountStatRow {
    width: 330px;
    background: #ccc;
    font-size: 14px;
    margin-bottom: 10px;
}

.accountStatRow .accountStatText {
    width: 140px;
    padding: 10px 0 10px 10px;
    float: left;
    font-weight: bold;
}

.accountStatRow .accountStatValue {
    width: 40px;
    height: 100%;
    background-color: #000;
    color: #fff;
    float: right;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    margin-right: 5px;
}

.accountStatRow .accountStatPrice {
    width: 80px;
    height: 100%;
    background-color: #000;
    color: #fff;
    float: right;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/*Wickedpicker hack*/
.wickedpicker {
    z-index: 2000;
}

/*Fullcalendar*/
.fc-event {
    cursor: pointer;
}

.fc-list-item-time, .fc-list-item-marker {
    border-right-width: 0 !important;
}

.fc-list-item-marker {
    padding-right: 14px !important;
}

.fc-list-table td {
    cursor: pointer;
}

.fc-ltr .fc-list-heading-alt {
    float: left !important;
    margin-left: 5px;
    padding-left: 5px;
    border-left: solid 1px #666;
}

.fc th, .fc td {
    border: 1px solid #ddd !important;
}

.fc td.fc-day-top {
    font-weight: bold;
    background-color: #fafafa !important;
}

.fc td.fc-today.fc-day-top {
    border: 2px solid #006838 !important;
}

/* Event Filters */
#events-filter {
    margin-bottom: 5px;
}

/* Events datatables select override */
#content form .dataTables_length select {
    float: right;
}

/* Event Types Table */
span.event-type-default-badge {
    padding: 3px;
    border-radius: 2px;
    background-color: #146E25;
    color: #fff;
    font-size: 10px;
    margin-right: 10px;
    text-transform: uppercase;
}

.centerContainer {
    text-align: center;
}

/* Address AutoComplete */
.pac-container {
    z-index: 10000 !important;
}

#lead-attachments {
}

#lead-attachments .leadAttachment:first-child {
    border-top: 1px solid #DDD;
}

.leadAttachment {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    margin-bottom: 0 !important;
    padding: 5px;
}

#account-stats {
    font-size: 14px;
}

#account-stats .account-datepickers {
    padding: 14px 0;
}

#account-stats .annual-sales {
    text-align: left;
    padding: 65px 0 0;
}

#account-stats .annual-sales .stat {
    float: right;
}

#account-stats .annual-sales p {
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

#account-stats-table {
    font-weight: bold;
    font-size: 16px;
}

#account-stats-table tr {
}

#account-stats-table td {
    padding: 15px 10px;
    background: #eee;
}

#account-stats-table td.stat {
    background: #000;
    color: #FFF;
}

#account-stats-table td.white {
    background: #FFF;
}

#account-stats-table thead tr {
}

#account-stats-table thead td {
    text-align: center;
}

#account-stats-table tbody tr {
}

#account-stats-table tbody td {
    text-align: center;
}

#account-stats-table .arrow-up {
    color: #1cf200;
}

#account-stats-table .arrow-down {
    color: #fa0100;
}

/*#account-stats-table .arrow-up {color: #ddd;}*/
/*#account-stats-table .arrow-down {color: #999;}*/

#projections {
    font-size: 16px;
}

#projections td {
    padding: 5px 5px;
}

#leadStats {
}

#leadStats td {
    padding: 8px 4px;
    text-align: center;
    font-weight: bold;
}

#leadStats td.label {
    color: #fff;
    background: #006838;
}

#leadStats td.stat {
    color: #fff;
    background: #000;
}

#annual-targets {
    margin-left: 5px;
}

#annual-targets .title {
    background: #000;
    color: #FFFFFF;
    text-align: center;
    padding: 10px 5px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 7px;
}

#annual-targets .statsRow {
    margin-bottom: 7px;
}

#annual-targets .statsRow .statsBox:last-child {
    float: right;
}

#annual-targets .statsBox {
    width: 48%;
    float: left;
    border: 2px solid #000;
    text-align: center;
    font-weight: bold;
}

#annual-targets .statHead {
    background: #006838;
    color: #FFF;
}

#annual-targets .statBody {
    background: #000;
    color: #fff;
}

#annual-targets .statHead, #annual-targets .statBody {
    padding: 10px 0 9px;
    font-size: 16px;
}

#account-stats-table td.stat a {
    color: #ffffff;
    text-decoration: underline;
}

.inline-form-button {
    border: 1px solid #aaa;
    border-radius: 5px;
    line-height: 20px;
}

.inline-form-button#apply {
    background: #006838;
    color: #fff;
    border-color: #006838;
}

.inline-form-button#reset {
}

/* Links containing Icons */
a.iconLink, a.iconLink:link, a.iconLink:visited {
    text-decoration: none;
    color: #000;
    outline: none;
    cursor: pointer;
}

a.iconLink:hover {
    color: #000;
}

/* Icon Links in sales target table - color overrides */
a.iconLink.belowTarget, a.belowTarget:link, a.belowTarget:visited {
    color: #b51416;
}

a.iconLink.belowTarget:hover {
    color: #b51416;
}

a.iconLink.aboveTarget, a.aboveTarget:link, a.aboveTarget:visited {
    color: #44b547;
}

a.iconLink.aboveTarget:hover {
    color: #44b547;
}

#salesTargetsStatsTable th {
    background-color: #555555 !important;
    color: #eee;
}

a.infoTip i {
    color: #eee;
}

/* Flickering pie chart label fix */
svg > g > g:last-child {
    pointer-events: none
}

/* Subscription pages */
#userGroupActions {
    padding: 10px 10px 0 10px;
    display: none
}

.fa-ban {
    color: red;
    font-weight: bold;
}

/* New Proposal Edit Page */
.ui-tabs-vertical > .ui-tabs-nav {
    padding: .2em .1em .2em .2em;
    float: left;
    width: 10%;
    margin-top: 2px;
}

.ui-tabs-vertical > .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0 !important;
}

.ui-tabs-vertical > .ui-tabs-nav li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px 0;
    text-align: center;
}

.ui-tabs-vertical > .ui-tabs-nav li a i {
    font-size: 25px;
    margin-bottom: 5px;
}

.ui-tabs-vertical > .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px;
}

.ui-tabs-vertical > .ui-tabs-panel {
    padding: 1em;
    float: right;
    width: 85%;
}

#proposal-tabs {
    background: #f4f4f4;
}

#proposal-tabs .half {
    width: 48%;
    margin: 0 1%;
}

#proposal-tabs .selectOptions {
    width: 47%;
    margin: 0 1%;
    font-family: Arial, Helvetica, sans-serif
}

#proposal-tabs #proposal_services .service.clearfix {
    width: 100%;
}

#proposal-tabs #proposal_services .service .service {
    width: 70%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#proposal-tabs #proposal_services .actions {
    width: 19%;
    float: right;
}

#services {
    padding: 5px;
}

#proposal_services > .service {
    padding: 2px;
}

#topSaveGeneralSettings {
    position: absolute;
    top: 3px;
    right: 2px;
    display: none;
}

#saveGeneralSettingsRow {
    display: none;
}

.saveGeneralSettings {
    display: none;
}

.editProposal-customtext {
    width: 95%;
}

#editImages p {
    padding: 10px;
}

#imagesLayout {
    margin: 10px 0;
}

#saveImagesLayout {
    margin-top: -3px;
    float: right;
}

/* Button Magic */
/* Some cool Button Stuff */
.ui-button.saveIcon span.ui-button-text:before {
    content: '\f0c7';
    font-family: FontAwesome;
    margin-right: 8px;
}

.ui-button.addIcon span.ui-button-text:before {
    content: '\f067';
    font-family: FontAwesome;
    margin-right: 8px;
}

.ui-button.closeIcon span.ui-button-text:before {
    content: '\f00d';
    font-family: FontAwesome;
    margin-right: 8px;
}

.ui-button.deleteIcon span.ui-button-text:before {
    content: '\f1f8';
    font-family: FontAwesome;
    margin-right: 8px;
}

.ui-button.notesIcon span.ui-button-text:before {
    content: '\f0f6';
    font-family: FontAwesome;
    margin-right: 8px;
}

.ui-button.updateIcon span.ui-button-text:before {
    content: '\f021';
    font-family: FontAwesome;
    margin-right: 8px;
}

.ui-button.videoIcon span.ui-button-text:before {
    content: '\f03d';
    font-family: FontAwesome;
    margin-right: 8px;
}

.ui-button.checkIcon span.ui-button-text:before {
    content: '\f00c';
    font-family: FontAwesome;
    margin-right: 8px;
}

/* Image Tab Bubble */
#proposal-tabs .superScript {
    position: absolute;
    display: block;
    top: 3px;
    right: 3px;
    line-height: 16px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    padding: 0 5px;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

#proposal-tabs .superScript.red {
    background: #cd3d30 url("images/superscript-bg.jpg") repeat-x;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

#proposal-tabs .superScript.blue {
    background: #006838;
url("images/superscript-bg.jpg") repeat-x;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.attachmentUpdating, .imageUpdating {
    display: none;
    background: #006838;
    color: #fff;
    text-align: center;
    margin-top: 5px;
    padding: 5px;
    border-radius: 5px;
}

#newEditPage .checker {
    margin-top: -2px;
}

/* Announcements Alert */
.swal2-content .announcementContent hr:last-child {
    display: none;
}

.swal2-content .announcementContent hr {
    margin: 15px 20px;
}

.swal2-content .announcementContent:not(:first-of-type) {
    margin: 15px 0;
}

.swal2-content .announcementContent {
    padding: 5px 10px 10px 10px;
    text-align: left;
    background-color: #eeeeee;
    border-radius: 10px;
}


/* Proposal Map */
#proposalTableLink {
    display: none;
}

#proposalsMap {
    width: 950px;
    height: 550px;
}

#proposalsMap.slideRight {
    width: 650px;
    float: right;
}

#proposalsMapContainer #mapInfoSlider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    opacity: 0;
    background: #fff;
    z-index: 99;
}

#mapInfoSliderContent {
    width: 100%;
    height: 100%;
}

#proposalsMapContainer #mapInfoSlider.slideLeft {
    opacity: 1;
    width: 300px;
}

#mapInfoSlider #mapInfoClose {
    position: absolute;
    width: 30px;
    top: 47px;
    right: -33px;
    background-color: #006838;
    border-bottom-right-radius: 45px;
    border-top-right-radius: 45px;
    padding: 30px 0 30px 3px;
    font-size: 16px;
}

a#mapInfoSliderClose {
    height: 100%;
    width: 100%;
}

#mapInfoSlider .row {
    margin-bottom: 10px;
}

#mapInfoSlider #infoHeading {
    background-color: #006838 !important;
    color: #fff !important;
    padding: 15px 20px;
    margin-top: 0;
    margin-bottom: 0;
}

#mapInfoSlider #infoHeading h3 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    text-overflow: ellipsis;
}

#mapInfoSlider .mapInfoHeading {
    color: #424242;
    font-size: 13px;
    vertical-align: top;
    margin-right: 13px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-width: 100%;
    font-weight: bold;
}

#mapInfoSlider #proposalData {
    width: 100%;
    height: 480px;
    overflow: auto;
    padding-top: 10px;
}

#mapInfoSlider .mapInfoDetail {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-width: 100%;
    margin-top: 4px;
}

#mapInfoSlider td {
    padding: 5px 5px 5px 0;
}

a#mapSendProposal, a#mapPreviewProposal {
    color: #fff;
}

.groupActionsButton {
    position: relative;
}

h4 span#proposalActivityProjectName {
    color: #3e3e3e !important;
}

td.statusHighlight {
    background-color: #ff7a14a3;
    color: #0e0e0e;
    text-align: center !important;
    font-weight: bold;
}

/* Group Actions Dropdown */
.groupActionsContainer {
    display: none;
    position: absolute;
    top: 32px;
    left: 0;
    box-shadow: 10px 10px 5px 0 rgb(68, 68, 68);
    background: #fff;
    z-index: 300;
    width: 250px;
    text-align: left;
    font-size: 12px;
}

.filterButton, .resetFilterButton, #groupActionsButton, .groupActionsButton {
    float: left;
    margin-right: 10px;
}

.collection.groupActionItems {
    margin: 0 !important;
}

/* Filter Presets */
#proposalFilterPresets {
    display: none;
    margin: 5px 0;
}

.proposalFilterPreset {
    width: 153px;
}

/* Map Buttons etc */
.mapControl {
    display: none;
    cursor: pointer;
}

#mapToolsDropdown {
    display: none;
    position: absolute;
    top: 26px;
    left: 187px;
    background-color: #d2d0d0;
    padding: 25px 20px 5px 15px;
    z-index: 9999;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#zipCancel {
    display: none;
}

#drawingManager {
    margin-bottom: 15px;
}

#closeDrawingTools {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #000;
}

/* Price MOdification */
.priceModifyStatus {
    float: left;
    width: 150px;
    background-color: #ddd;
    border-radius: 3px;
    border: 1px solid #6e6e6e33;
    padding: 10px;
    margin: 5px;
    vertical-align: middle;
}

.priceModifyStatus.selected {
    background-color: #006838;
    color: #fff;
}

/* Custom Signatures */

#customSignatureIntro {
    padding: 10px 0;
    border-bottom: solid 1px #6e6e6e;
    margin-bottom: 20px
}

#customClientSignature {
    width: 50%;
    float: left;
}

#customCompanySignature {
    width: 50%;
    float: right;
}

.customSignatureContainer label {
    width: 100px;
    float: left;
}

.customSignatureContainer .boxed-table input.text {
    width: 200px;
}

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

.boxed-table td a.handle {
    background-color: transparent;
}

ui-sortable-helper {
    display: table;
}

/* Estimation Admin Pages */
.accordionContainer.ui-accordion h3 {
    padding: 10px 0 10px 25px;
}

.accordionContainer2.ui-accordion h3 {
    padding: 10px 0 10px 25px;
}

table.estimatingItemsTable {
    width: 100%;
    margin: 8px 0;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 5px;
}

table.estimatingItemsTable th {
    background: #e2e2e2;
    padding: 5px;
}

table.estimatingItemsTable td {
    padding: 5px;
}

table.estimatingItemsTable tr:nth-child(odd) {
    background-color: #f6f6f6;
}

table.estimatingItemsTable td a.handle,
table#estimateTemplateItems td a.handle {
    background-color: transparent;
}

table#estimatePricingTable {
    width: 100%;
    margin: 15px 0;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 5px;
}

table#estimatePricingTable th {
    background: #e2e2e2;
    padding: 7px;
}

table#estimatePricingTable td {
    padding: 5px;
}

table#estimatePricingTable tr:nth-child(odd) {
    background-color: #f6f6f6;
}

table#estimatePricingTable td a.handle,
table#estimatePricingTable td a.handle {
    background-color: transparent;
}

table.templateItemsTable {
    width: 100%;
    margin: 15px 0;
    border-collapse: collapse;
}

table.templateItemsTable th {
    background: #ccc;
    padding: 2px;
}

table.templateItemsTable td {
    padding: 5px;
}

table.templateItemsTable tr:nth-child(odd) {
    background-color: #f6f6f6;
}

table.templateItemsTable td a.handle,
table#estimateTemplateItems td a.handle {
    background-color: transparent;
}

input#itemSearch {
    float: right;
}

.addTypeItem {
    float: right;
    margin: 5px 0 10px 0;
}

.addTypeItem:after {
    clear: both;
}

/* My Account Estimating */
#servicesDialog .serviceTypeCheckContainer {
    width: 30%;
    float: left;
    padding: 5px;
}


/* Proposal Estimate */
.estimate-page input.text {
    text-align: right;
}

.estimate-page .estimate-proposal-services p {
    padding-left: 10px;
    padding-right: 10px;
}

.estimate-page .estimate-proposal-services p:nth-child(odd) {
    background-color: #fafafa;
}

.estimate-page .estimate-proposal-services p:nth-child(even) {
    background-color: #efefef;
}

h3.accordionHeader a.btn {
    display: none;
    width: 80px;
    float: right;
    padding: 0px;
    margin-right: 9px;
}

h3.accordionHeader.ui-state-active a.btn {
    display: inline-block;
}

h3.accordionHeader a.addTypeItem {
    min-width: 100px !important;
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
}


.estimate-page #proposalServicesContainer li.service a.toggle:before {
    content: '\f078';
    font-family: FontAwesome;
    margin-left: 5px;
}

.estimate-page #proposalServicesContainer li.service a.toggle_disable:before {
    content: '\f078';
    font-family: FontAwesome;
    margin-left: 5px;
}

.estimate-page #proposalServicesContainer li.service a.toggle.text-active-color:before {
    content: '\f077';
    font-family: FontAwesome;
    margin-right: 5px;
}

.estimate-page #proposalServicesContainer .serviceFieldValues li {
    padding: 0 10px;
}

table#estimateSummaryItems {
    border-collapse: collapse;
    margin-bottom: 20px;
}

table#estimateSummaryItems td {
    text-align: center
}

table#estimateSummaryItems tr:nth-child(odd) {
    background-color: #fafafa;
}

table#estimateSummaryItems tr:nth-child(even) {
    background-color: #efefef;
}

table#estimateSummaryItems th {
    background: #ccc;
    padding: 5px;
}

table#estimateSummaryItems td {
    padding: 5px;
}

.estimate-page a.btn span {
    padding: 0.2em 0.3em;
    font-size: 12px;
}

#defaultsDialog input {
    width: 50px;
}

#defaultsDialog table tr:nth-child(odd) {
    background-color: #fafafa;
}

#defaultsDialog table tr:nth-child(even) {
    background-color: #efefef;
}

/* Some table defaults */
table.defaultTable {
    width: 100%;
    border-collapse: collapse;
}

/* Headings */
table.defaultTable th {
    padding: 10px;
    background-color: #7a7a7a;
    color: #eeeeee;
}

/* Striping */
table.defaultTable tr:nth-child(odd) {
    background-color: #fafafa;
}

table.defaultTable tr:nth-child(even) {
    background-color: #efefef;
}

/* Cell Padding */
table.defaultTable td {
    padding: 5px;
}

/* Alignment */
table.defaultTable td.center {
    text-align: center;
}

/* Sorting handles */
table.defaultTable a.handle {
    background: transparent;
    cursor: pointer;
    border: none !important;
}

/* Form Table */
table.formTable {
    width: 100%;
    border-collapse: collapse;
}

table.formTable tr:nth-child(odd) {
    background-color: #fafafa;
}

table.formTable tr:nth-child(even) {
    background-color: #efefef;
}

table.formTable td {
    padding: 10px;
}

table.formTable label {
    float: right;
    font-weight: bold;
}

/* Smaller Buttons */
a.btn.small-button span.ui-button-text {
    padding: 0.2em 0.3em !important;
    font-size: 12px;
}

table.customItemsTable {
    width: 100%;
    margin: 15px 0;
    border-collapse: collapse;
}

table.customItemsTable th {
    background: #ccc;
    padding: 2px;
}

table.customItemsTable td {
    padding: 5px;
}

table.customItemsTable tr:nth-child(odd) {
    background-color: #f6f6f6;
}

table.customItemsTable td a.handle {
    background-color: transparent;
}

table.child_items_table {
    width: 100%;
    margin: 15px 0;
    border-collapse: collapse;
}

table.child_items_table th {
    background: #ccc;
    padding: 2px;
}

table.child_items_table td {
    padding: 5px;
    text-align: center;
}

table.child_items_table tr:nth-child(odd) {
    background-color: #f6f6f6;
}

table.child_items_table td a.handle {
    background-color: transparent;
}

.cssloader {
    margin: 0px auto;
    font-size: 4px;
    width: 4px;
    height: 4px;
    left: 45px;
    bottom: 8px;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
    }
}

@keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
    }
}

#estimationFieldsTable {
    width: 100%;
    border-collapse: collapse;
}

#estimationFieldsTable th {
    background-color: #ccc;
    padding: 10px;
}

#estimationFieldsTable tr:nth-child(odd) {
    background-color: #fafafa;
}

#estimationFieldsTable tr:nth-child(even) {
    background-color: #efefef;
}

#estimationFieldsTable tr:hover {
    background-color: #b2defa;
}

#estimationFieldsTable td {
    text-align: center;
    padding: 5px;
}

#estimationFieldsTable td:first-child {
    text-align: left;
    font-weight: bold;
}

estimationFieldsTable tr:hover {

}

/* Estimate Reports */
.estimateReportMenuButtons {
    padding: 5px 10px;
    margin-bottom: 5px;
}

.estimatePriceReportFilters {
    background-color: #eee;
    border-radius: 5px;
    padding: 5px 20px;
}

.estimatePriceReportFilter {
    float: left;
    width: 135px;
}

.adminInfoMessage {
    font-size: 14px;
    margin: 10px;
    border-radius: 5px;
    padding: 5px 5px 5px 10px;
    background-color: rgb(232, 227, 227);
    display: block;
}

.adminInfoMessageWarning {
    font-size: 14px;
    margin: 10px;
    border-radius: 5px;
    padding: 5px 5px 5px 10px;
    background-color: #f4d8497a;
    border: 1px solid #dac03e;
    display: block;
    text-align: center;
    color: #6b612b;
    position: relative;
}

.span_checkbox div span {
    margin-left: 7px !important;
}

.span_checkbox_th div span {
    margin-left: 5px !important;
}

.span_checkbox_th2px div span {
    margin-left: 2px !important;
}

/* Template Table - Defaults */
table.templateItemsTable .templateCheckColumn {
    display: none;
}

table.templateItemsTable .templateCalculatorColumn {
    display: none;
}

table.templateItemsTable .templateCategoryColumn {
    width: 20%;
}

table.templateItemsTable .templateTypeColumn {
    width: 20%;
}

table.templateItemsTable .templateItemColumn {
    width: 20%;
}

table.templateItemsTable .templateUnitPriceColumn {
    width: 10%;
}

table.templateItemsTable .templateQtyColumn {
    display: none
}

table.templateItemsTable .templateTotalPriceColumn {
    display: none
}

table.templateItemsTable .templateDefaultNumColumn {
    width: 10%;
}

table.templateItemsTable .templateDefaultDaysColumn {
    width: 10%;
}

table.templateItemsTable .templateDefaultHoursColumn {
    width: 10%;
}

table.templateItemsTable .templateActionsColumn {
    display: none;
}

/*Empty Fixed Template column show */
table.templateItemsTable .templateEmptyDayColumn {
    display: none;
    text-align: center;
}

table.templateItemsTable .templateEmptyHrsColumn {
    display: none;
    text-align: center;
}


/* Template Table - Has Items */
table.templateItemsTable.has_template_saved_items .templateCheckColumn {
    display: table-cell;
    width: 3%;
}

table.templateItemsTable.has_template_saved_items .templateCalculatorColumn {
    display: table-cell;
    width: 5%;
}

table.templateItemsTable.has_template_saved_items .templateCategoryColumn {
    width: 10%;
}

table.templateItemsTable.has_template_saved_items .templateTypeColumn {
    width: 10%;
}

table.templateItemsTable.has_template_saved_items .templateItemColumn {
    width: 12%;
}

table.templateItemsTable.has_template_saved_items .templateUnitPriceColumn {
    display: table-cell;
    width: 11%;
}

table.templateItemsTable.has_template_saved_items .templateQtyColumn {
    display: table-cell;
    width: 10%;
}

table.templateItemsTable.has_template_saved_items .templateTotalPriceColumn {
    display: table-cell;
    width: 15%
}

table.templateItemsTable.has_template_saved_items .templateDefaultNumColumn {
    width: 4%;
}

table.templateItemsTable.has_template_saved_items .templateDefaultDaysColumn {
    width: 4%;
}

table.templateItemsTable.has_template_saved_items .templateDefaultHoursColumn {
    width: 4%;
}

table.templateItemsTable.has_template_saved_items .templateActionsColumn {
    display: table-cell;
    width: 13%;
}

/*Empty Fixed Template column show */
table.templateItemsTable.has_template_saved_items .templateEmptyDayColumn {
    display: table-cell;
    width: 10%;
}

table.templateItemsTable.has_template_saved_items .templateEmptyHrsColumn {
    display: table-cell;
    width: 10%;
}

/* Estimate Page Accordion Height Adjustments */

.estimate-page h3.accordionHeader {
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 5px;
}

/* Popup Headings */
.calculator_heading span {
    color: #3f3f41;
}

.parant_item_name span {
    color: #3f3f41;
}

.calculator_heading span.calculatorHeadingCategory {
    padding: 3px 5px;
    border-radius: 3px;
    background-color: #282828;
    color: #ececec;
}

.parant_item_name span.calculatorHeadingCategory {
    padding: 3px 5px;
    border-radius: 3px;
    background-color: #282828;
    color: #ececec;
}

.next_estimate_items span {
    padding: 0px !important;
}

.delete_estimate_items span {
    padding: 0px !important;
}

.edit_estimate_items_price span {
    padding: 0px !important;
}

.delete_template_items span {
    padding: 0px !important;
}

.edit_template_total_price span {
    padding: 0px !important;
}

.edit_estimate_items span {
    padding: 0px !important;
}

.estimate-page #proposalEstimator .ui-tabs-panel {
    padding-top: 5px !important;
}

#phaseCategoryStatuses {
    padding: 5px 0px 5px 0px;

}

.phaseCategoryStatus {
    width: 24.8%;
    float: left;
    line-height: 20px;
    border-right: 1px solid #AAAAAA;
    text-align: center;
    background-color: #DDDDDD;
    font-weight: bold;
    font-size: 11px;
    padding: 3px 0px;
}

#phaseCategoryStatuses .phaseCategoryStatus :not(:last-child) {
    border-right: none; /* Prevent double borders */
}

.phaseCategoryStatus.hasItems {
    background-color: #6fcff7;
    color: #0b516f;
    cursor: pointer;
}

.phaseItemSection {
    border: none;
    border-radius: 5px;
    padding: 8px;
}

.phaseItemSection.highlighted {
    border: 2px solid #006838;
    border-radius: 10px;
}

.phase_edit_option_icon {
    display: none;
}

.selected_phase:hover .phase_edit_option_icon {
    display: inline-block !important;
}

.selected_phase:hover .phase_checked {
    display: none !important;
}

/* .option_service{
    line-height: 16px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background: #cd3d30 url(images/superscript-bg.jpg) repeat-x;
    padding: 0 4px;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
} */

.phasesBtnActive {
    background-color: #0b516f !important;
    color: #f0f9fd !important;
}

.item_search_close {
    position: absolute;
    top: 5px;
    right: 10px;
    transition: all 200ms;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #333 !important;
}

.item_search_close:hover {
    color: orange;
}

.clearable {
    background: url(images/close.png) no-repeat right -10px center;

    border-radius: 3px;
    transition: background 0.4s;
}

.clearable.x {
    background-position: right 5px center;
}

.clearable.onX {
    cursor: pointer;
}

.auto_complete_li:not(:last-child) {
    border-bottom: 1px solid #cccccc;
}

li.auto_complete_li a.auto_complete_a {
    color: #444444;
}

input#item_search {
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    color: #777;
    text-align: left;
    width: 245px !important;
    padding: 5px;
    height: 20px;
    font-size: 16px;
}

.auto_complete_search_type {
    cursor: pointer;
}

.auto_complete_search_type:hover {
    color: #666666;
}

.auto_complete_search_category {
    cursor: pointer;
}

.auto_complete_search_category:hover {
    color: #666666;
}

#content.estimate-page {
    padding-top: 5px
}

p.specDetail {
    padding: 2px !important;
}

p.priceDetail {
    padding: 3px;
}

span.priceTitleHeading {
    font-weight: bold;
    padding: 2px;
    border-radius: 2px;
    background-color: #006838;
    color: #fff;
}

a.expandSpecDetail:before {
    content: '\f078';
    font-family: FontAwesome;
    margin-left: 5px;
    color: #222;
    cursor: pointer;
}

a.expandSpecDetail.open:before {
    content: '\f077';
    font-family: FontAwesome;
    margin-left: 5px;
    color: #222;
    cursor: pointer;
}

.summaryPhaseHeading {
    padding: 3px 0 3px 10px !important;
    border-radius: 2px;
    font-weight: bold;
    background-color: #006838;
    margin-bottom: 8px;
}

.summaryPhaseHeadingText {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 18px;
    color: #fff;
}

.summaryPhaseHeadingPriceText {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 14px;
    color: #fff;
    padding-top: 3px !important;
}

#plantDialog .branchTypeCheckContainer {
    width: 30%;
    float: left;
    padding: 5px;
}

#dumpDialog .branchTypeCheckContainer {
    width: 30%;
    float: left;
    padding: 5px;
}

#campaignProposalsContainer {
    padding: 10px 20px 0 20px;
    background-color: #eee;
    border-radius: 5px;
    margin-bottom: 10px;
}

#campaignProposalsContainer p.campaignProposalsHeading {
    font-weight: bold;
    font-size: 16px;
}

#campaignProposalsContainer a.toggleProposalCampaignDetails {
    margin-top: -3px;
}

#campaignProposalsContainer a.toggleProposalCampaignDetails {
    width: 17px;
    float: right;
    margin-left: 30px;
}

#campaignProposalsContainer a.toggleProposalCampaignDetails:before {
    font-family: FontAwesome;
    content: "\f078"
}

#campaignProposalsContainer.expanded a.toggleProposalCampaignDetails:before {
    font-family: FontAwesome;
    content: "\f077"
}

#campaignProposalsContainer span.campaignProposalsCreated {
    float: right;
    font-weight: normal;
    font-size: 14px;
    text-align: right;
}

#campaignProposalsContainer #campaignProposalsContent {
    display: none;
}

#campaignProposalsContainer.expanded #campaignProposalsContent {
    display: block;
}


#campaignProposalsContainer #resend_reload_btn {
    display: none;
}

#campaignProposalsContainer.expanded #resend_reload_btn {
    display: block;
}

#campaignProposalsContainer .card {
    border-radius: 5px;
    cursor: pointer;
}

#campaignProposalsContainer .card-content {
    font-size: 14px;
    padding: 10px 5px;
}

#campaignProposalsContainer .card-action {
    padding: 0 5px 3px 5px;
    border-radius: 5px;
}

#campaignProposalsContainer .card-action a {
    color: #006838 !important;
}

#campaignProposalsContainer .card.highlightedCard {
    background: #006838;
    color: #fff;
}

#campaignProposalsContainer .card.highlightedCard .card-action a {
    color: #fff !important;
}

#campaignProposalsContainer .row:first-child {
    margin-bottom: 5px;
}

#campaignProposalsContainer .row:last-child {
    margin-bottom: 0;
}

#campaignEmailsFilterCount {
    text-transform: capitalize;
}

span.campaignFilterPercent {
    float: left;
    margin-top: 5px;
}

#datatable_overlay {
    position: absolute; /* Sit on top of the page content */
    /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
    z-index: 100; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#images .image_div h3.ui-accordion-header a {
    padding: 0 .5em 0 2em;
}

/* Ellipsis overflow on image names on proposal edit page */
#images .image_div h3.ui-accordion-header a span {
    max-width: 210px !important;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 7px 0 3px 0;
}

}

.multipleImagePreviewColumn {
    float: left;
    width: 46%;
    padding: 5px;
}

.fileuploader-input-caption {
    color: #444 !important;
    uplo
}

.fileuploader-input-button {
    background: #006838 !important;
}

.fileuploader-item .column-title {
    max-width: 370px;
}

#proposalsTable .dropdownToggle1 {
    display: block;
    margin-right: 5px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding: 5px 10px 5px 18px;
    background: url(/3rdparty/icons/caret-normal.png) no-repeat scroll 10% 50% rgb(255, 255, 255);
    background-color: #006838;
    color: #ffffff !important;
    font-weight: bold;
}

/* Hide by default */
.dropdownMenuContainer2 {

    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);

}

.dropdownMenuContainer2 .closeDropdown {
    width: 20px;
    float: right;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    padding: 10px;
}

div#newProposalsPopup.dropdownMenuContainer.dropdownMenu {
    float: left !important;
    width: 220px !important;
    background: #fff;
}

#newProposalsPopup .dropdownMenuContainer ul li b {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #6E6E6E;
}

#newProposalsPopup .dropdownMenuContainer ul li.divider {
    border-bottom: 1px solid #e2e2e2;
}

#newProposalsPopup .dropdownMenuContainer ul li a {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #006838;
    text-align: left;
}

#newProposalsPopup .dropdownMenuContainer img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}


#send_proposal_popup {
    padding: 10px 20px 20px 20px !important;
}

#send_proposal_popup label {
    font-size: 14px !important;
}

#send_proposal_popup h2 {
    font-size: 22px;
    line-height: 40px !important;
}

#send_proposal_popup .swal2-confirm {
    float: right;
}

#send_proposal_popup .swal2-cancel {
    float: left;
}

/* Fixed popup container */
#newClientsPopup {
    display: none;
    position: fixed;
    background: #fff;
    width: 440px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%);
}

#newClientsPopup .dropdownMenu {
    float: left;
    width: 220px;
    background: #fff;
}

div#newClientsPopup.dropdownMenuContainer.dropdownMenu {
    float: left !important;
    width: 220px !important;
    background: #fff;
}

#newClientsPopup .dropdownMenuContainer ul li b {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #6E6E6E;
}

#newClientsPopup .dropdownMenuContainer ul li.divider {
    border-bottom: 1px solid #e2e2e2;
}

#newClientsPopup .dropdownMenuContainer ul li a {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #006838;
    text-align: left;
}

#newClientsPopup .dropdownMenuContainer img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

/* Fixed popup container */
#newLeadsPopup {
    display: none;
    position: fixed;
    background: #fff;
    width: 420px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%);
}

#newLeadsPopup .dropdownMenu {
    float: left;
    width: 210px;
    background: #fff;
}

div#newLeadsPopup.dropdownMenuContainer.dropdownMenu {
    float: left !important;
    width: 210px !important;
    background: #fff;
}

#newLeadsPopup .dropdownMenuContainer ul li b {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #6E6E6E;
    text-align: center;
}

#newLeadsPopup .dropdownMenuContainer ul li.divider {
    border-bottom: 1px solid #e2e2e2;
}

#newLeadsPopup .dropdownMenuContainer ul li a {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #006838;
    text-align: left;
}

#newLeadsPopup .dropdownMenuContainer img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}


/* Fixed popup container */
#newProspectsPopup {
    display: none;
    position: fixed;
    background: #fff;
    width: 420px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%);
}

#newProspectsPopup .dropdownMenu {
    float: left;
    width: 210px;
    background: #fff;
}

div#newProspectsPopup.dropdownMenuContainer.dropdownMenu {
    float: left !important;
    width: 210px !important;
    background: #fff;
}

#newProspectsPopup .dropdownMenuContainer ul li b {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #6E6E6E;
    text-align: center;
}

#newProspectsPopup .dropdownMenuContainer ul li.divider {
    border-bottom: 1px solid #e2e2e2;
}

#newProspectsPopup .dropdownMenuContainer ul li a {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #006838;
    text-align: left;
}

#newProspectsPopup .dropdownMenuContainer img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

#email_events_table {
    font-size: 13px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#email_events_table .tiptip {
    border-bottom: none;
}

#email_events_table thead th {

    background: #f4f4f4 !important;
}

.dataTable thead th {

    background: #f4f4f4 !important;
}

#email_events_table td {
    padding: 8px 10px !important;
    color: #444;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#email_events_table th {

    color: #444;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#email_events_table tr.odd {
    background-color: #f9f9f9;
}

#email_events_table .delivery_column .DataTables_sort_wrapper {
    padding-right: 0px;
    width: 20px;
    margin: 0px auto;
}

#email_events_table .opened_column .DataTables_sort_wrapper {
    padding-right: 0px;
    width: 20px;
    margin: 0px auto;
}

.pad_left_10 {
    padding-left: 10px !important;
}

/* #announcements_popup #swal2-checkbox:focus{
    outline: 1px solid #25AAE1;
} */
#announcements_popup .swal2-confirm {
    padding: 4px 12px;
}

#announcements_popup .swal2-cancel {
    padding: 4px 12px;
}

.dataTable thead th {
    background: #f4f4f4 !important;
}

a.previewProposalImages {
    border-bottom: 1px dashed #006838;
}

.tox-toolbar__primary div:nth-child(3) button {
    width: 60px !important;
}

.tox-statusbar__branding {
    display: none !important;
}

.tox-dialog {
    z-index: 10000 !important;
}

.tox-statusbar__path-item {
    display: none;
}

a.previewProposalImages:hover {
    color: #006838;
}

.proposalImgPreviewContainer {
    margin-bottom: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 1px 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#proposalPreviewImageContainer {
    padding: 5px 0;
    max-height: 550px;
    overflow-y: auto;
}

.proposalImgPreviewContainer {
    max-width: 250px;
    position: relative;
    padding: 10px 10px 30px 10px;
}

#proposalPreviewContent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.proposalImagePreviewFooter {
    position: absolute;
    bottom: 5px;
    height: 20px;
    width: 250px;
}

.proposal_status_color_bar {
    cursor: pointer;
    width: 4px;
    left: 0;
    top: 0px;
    height: 100%;
    position: absolute;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {

    background: #f4f4f4 !important;

}

table.dataTable thead th {
    border-bottom: 0px !important;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #25aae11c !important
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #25aae11c !important
}

#newAccountsPopup {
    display: none;
    position: fixed;
    background: #fff;
    width: 420px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%);
    padding-bottom: 10px;
}

#newAccountsPopup .dropdownMenuContainer ul li a {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    color: #006838;
    text-align: left;
}

#newAccountsPopup .dropdownMenu {
    float: left;
    width: 210px;
    background: #fff;
}

#newAccountsPopup .dropdownMenuContainer img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

#uploadUserSelectTable th {
    background-color: #555555 !important;
    color: #eee;
}

input[type="text"]:focus {
    outline: none;
    box-shadow: 0 0 0 1px #006838;
}

.dark_header_tr {
    background: #54575c url("images/content-box-header-darker.png") repeat-x top !important;
    color: #e6e8eb;
}

.ui-autocomplete-loading {
    background: url('../static/blue-loading-spinner.gif') no-repeat right center !important
}

.close_failed_info_batch {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0%;
    padding: 5px 15px;
    transform: translate(0%, -50%);
}

.close_failed_info_batch:hover {
    background: #dac03e;
}

#CountdownPanel {
    float: left;
    width: 170px;
    color: #666;
    background: #fff;
    padding: 5px 0;
    margin-top: 8px;
    height: 39px;
    position: relative;
    margin-left: 285px;
    border-radius: 3px;
}

.keepMeLogin span {
    padding: 2px !important;
    font-size: 11px !important;
}

.keepMeLogin {
    margin-top: 5px !important;
    margin-right: 5px !important;
}