body,.table {
    font-family: "Avenir Next500", "Arial", -apple-system, "Helvetica Neue", sans-serif;
    background: #ffffff;
    font-size: 1rem;
    color: #292929;
}

body.not-logged-in.path-user {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.profile-container {
    padding-top: 20px;
    overflow: hidden;
}

/* Home */
.container-home-header {
    background-color: #cacbcd;
    text-decoration: none;
    color: #fff;
}

.container-home-header .header-front-nav-login {
    color: #8a0000;
    text-decoration: none;
}

.container-home .region-content {
    padding: 0px;
}

.container-home-header .menu-wrapper-main {
    display: flex;
    justify-content: center;
}

.container-home-header .menu-wrapper-main div.header-front-logo {
    height: 5em;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.user-login-page #edit-actions {
    text-align: center;
    margin-top: -30px;
}

.user-login-page .login-wrapper {
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 75%);
    background: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
}

.user-login-page form#user-login-form label {
    font-weight: bold;
    color: #8b8e95;
}

.user-login-page form#user-login-form .description {
    color: #cacbcd;
}

.user-login-page form#user-login-form .lnk {
    cursor: pointer;
    text-decoration: none;
    color: #8a0000;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 180px;
    max-width: 180px;
    background: #8a0000;
    color: #fff;
    transition: all 0.3s;
    position: fixed;
    height: 100%;
    z-index: 200;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #fff;
}

#sidebar ul li.active>a, a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.site-logo {
    text-align: center;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    background-color: #cacbcd;
}

.site-logo-login {
    text-align: center;
    border-radius: 10px 0px 0px 10px;
    padding-bottom: 10px;
    background-color: #cacbcd;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
/*Header*/
.profile-items {
    width: 100%;
    font-family: "Avenir Next500", "Arial", -apple-system, "Helvetica Neue", sans-serif;
    font-size: 1.1em;
}

.profile-icon {
    font-size: 1.1em;
    padding-right: 5px;
}

a.logout-link {
    text-decoration: none;
    color: #fff;
}

.profile-img {
    width: 30px;
    float: left;
    margin-right: 5px;
}

nav#block-ledger-main-navigation {
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
}

img.profile-container-image {
    width: 100%;
    border-radius: 50%;
}

#content {
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    padding-left: 180px;
}
#content.remove-pl{
    padding-left: 0px;
}
.headerNew {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 0px;
}

.page-header-bordered {
    border-bottom: 1px solid #cdd4d9;
    border-color: #cdd4d9;
}

.search-block-form > div {
    display: block;
}

.headerNew .header-title {
    font-size: 40px;
    line-height: 48px;
}

.btn-secondary.green {
    background-color: #37a703;
    color: #fff;
    border: 2px solid transparent;
    transition: background-color .15s;
}

#inner-header {
    margin-bottom: 48px;
}

div#block-pagetitle h1 {
    font-size: 40px;
    font-family: "Founders Grotesk",Helvetica,Arial,sans-serif;
    font-weight: 500;
}

.widget-filter {
    border: 1px solid #cdd4d9;
    box-shadow: 2px 2px 0 rgb(6 41 66 / 10%);
    overflow: hidden;
    position: relative;
    padding-top: 24px;
    padding-bottom: 24px;
    margin: 48px 0;
}

.ui-menu.ui-widget.ui-autocomplete, .pac-container {
    z-index: 1100;
}

#sticky-header.sticky {
    background-color: #fff;
    z-index: 100;
    height: 70px;
    box-shadow: 0 4px 0 0 rgb(6 41 66 / 10%);
}

.button-popover-text {
    padding-right: 15px;
    padding-left: 15px;
}

.button-popover-icon {
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid rgba(255,255,255,.5);
}

.headerNew.vertical-text-center {
    padding-top: 15px;
}

#sticky-header.sticky div#block-pagetitle h1 {
    font-size: 33px;
    transition: font-size 0.3s;
}

.administrator.user-logged-in #sticky-header.sticky {
    height: 155px;
}

.administrator.user-logged-in .sticky {
    padding-top: 79px;
}

.widget-filter-padding {
    padding: 24px;
}

.form-label {
    font-size: 1rem;
    color: #22242c;
    line-height: 1.44;
}

.form-control, .form-date, .form-time {
    border-radius: 10px;
    background-color: #f9f9fb;
    padding: .75rem .75rem;
    border: none;
    margin-bottom: 0.5rem;
}

.form-type-date label {
    display: none;
}

.views-element-container .view .view-filters .views-exposed-form {
    display: block;
}

.views-element-container .view .view-filters .views-exposed-form .form-item, .views-element-container .view .view-filters .views-exposed-form .form-actions {
    width: 20%;
    float: left;
}

.views-element-container .view .view-filters .form--inline .form-actions {
    clear: unset
}
.form-type-select.js-form-item-field-status label{
    display:none;
}
.form-type-select.js-form-item-field-status{
    width:13% !important;
}
.view-service-types .header-addnew.actions-dropdown {
    width: 20px;
}
.view-services .header-addnew.actions-dropdown,
.view-documents  .header-addnew.actions-dropdown,
.view-letterhead-templates .header-addnew.actions-dropdown,
.view-letterheads .header-addnew.actions-dropdown {
    width: 100px;
}
a.back-lnk{
    color: #8a0000;padding-right: 8px;
}
.go-back-btn{margin-top: -30px;text-align: right;cursor: pointer;}
.go-back-btn.letterhead{margin-top: -46px;}
.views-element-container .view .view-filters .form-actions .form-submit {
    margin-top: 2%;
    border-color: transparent;
    font-family: "Founders Grotesk",Helvetica,Arial,sans-serif;
    font-size: 1rem;
}

.button {
    font-family: "Founders Grotesk",Helvetica,Arial,sans-serif;
    font-size: 18px;
}

.view-header {
    font-family: "Founders Grotesk",Helvetica,Arial,sans-serif;
    font-size: 18px;
    margin-bottom: 48px;
}

.custom-font-size {
    font-size: 22px;
}

.download-csv-icn {
    text-decoration: none;
    color: #000;
}

.custom-action-icon {
    color: #000;
}

.node-form .form-actions {
    text-align: right;
}

/* Client */
.businessCard {

    box-shadow: 2px 2px 0 rgb(6 41 66 / 10%);
    position: relative;
    border: 1px solid #cdd4d9;
    background-color: #fff;
    min-height: 230px;
}

.user-bg-color {
    background-color: #8a0000;
}

.no-img-letter {
    font-size: 76px;
    color: #8a0000;
}

.businessCard-header {
    margin-bottom: 15px;
}

.u-truncate {
    margin-bottom: 5px
}

.businessCard .location-icon {
    float: left;
    width: 8%;
}

.businessCard .location-content {
    float: left;
    width: 90%;
}

.entity-card-topBorder {
    height: 6px;
    border-radius: 5px 5px 0 0;
}

.initialsAvatar {
    display: inline-block;
    overflow: hidden;
    border-radius: 10000px;
    border-width: 2px;
    border-style: solid;
    background-color: #fff;
    vertical-align: middle;
    color: #001b40;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

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

.initialsAvatar {
    display: inline-block;
    overflow: hidden;
    border-radius: 10000px;
    border-width: 2px;
    border-style: solid;
    border-color: #8a0000!important;
    width: 120px;
    height: 120px;
}

.client-graph {
    border: 1px solid #cdd4d9;
    border-radius: 5px;
    box-shadow: 2px 2px 0 rgb(6 41 66 / 10%);
    background-color: #fff;
    padding: 1px;
	
}

.region.region-sidebar-first {
    padding: 0;
}

.txt-color {
    color: #8a0000 !important;
}

.form-submit, .btn-bg-color, .fc-custom_add_event-button, .fc-widget-header th, .fc-button-primary {
    background-color: #8a0000 !important;
}

.fc-center .fc-prev-button,.fc-center .fc-next-button {
    background-color: transparent !important;
}

#block-ledger-main-navigation .navbar-nav li, .profile-nav li {
    position: relative;
}

#sidebar #block-ledger-main-navigation a.nav-item.nav-link.active:before, #sidebar #block-ledger-main-navigation ul li a:hover:before, .profile-nav li a:hover:before {
    transform: translateY(-50%);
    content: "";
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent #fffefd transparent transparent;
    position: absolute;
    right: 0px;
    top: 50%;
}

.profile-container ul.profile-nav a {
    color: #fff;
    text-decoration: none;
}

.fc-button-group >.fc-button, .fc-button-primary {
    border-color: #fff !important;
}

.on-the-gray {
    padding: 20px 0px;
}

.tabsbar ul.quicktabs-tabs li a {
    color: #8a0000;
    text-decoration: none;
}

.tabsbar ul.quicktabs-tabs li.active, .tabsbar ul.quicktabs-tabs li.active a {
    background-color: #8a0000;
    border-color: #8a0000;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.tabsbar .quicktabs-tabs > li.active > a, .tabsbar .quicktabs-tabs > li.active > a:hover, .tabsbar .quicktabs-tabs > li.active > a:focus {
    color: #fff;
    background-color: #8a0000;
    border-color: #8a0000;
}

.copied {
    color: #8a0000;
    width: 92px;
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 15px 15px;
    background-color: #fff;
    -moz-box-shadow: 0 3px 15px #b8c6db;
    -webkit-box-shadow: 0 3px 15px #b8c6db;
}

.copy-btn {
    cursor: pointer;
}

/*address*/
.address-label-hide label {
    display: none;
}

.address-label-hide .address-container-inline > .form-item {
    display: inline-block;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.address-label-hide .form-item {
    width: 49%;
    float: left;
    margin-bottom: 0;
}

.address-label-hide .form-item {
    margin-top: 0px;
}

.address-label-hide div div .form-item-field-address-0-address-address-line1 {
    width: 100%;
}

.address-label-hide div div #edit-field-address-0-address-container1 .form-item:nth-child(odd) {
    margin-right: 9px;
}

.form-item, .form-actions {
    margin-top: 0px;
}

h4.label {
    font-weight: inherit;
}

.js input.form-autocomplete {
    margin-bottom: 0px;
}

.form-type-entity-autocomplete {
    margin-bottom: 0.5em;
}

.site-label-color label, .site-label-color h4.label, .custom-paragraph label, .custom-right-side label, .custom-paragraph .field-prefix {
    color: #8a0000;
    font-weight: 400;
}

/*paragraph*/
.custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-integer, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-string, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-decimal, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-entity-reference {
    width: 18%;
    float: left;
    margin-left: 5px;
}

.custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-integer, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-string, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-decimal, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-entity-reference {
    width: 45.5%;
    float: left;
    margin-left: 5px;
}
.modal-body .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-decimal {
    width: 43.5%;
    float: left;
    margin-left: 5px;
} 
.modal-body .custom-paragraph .paragraph-type-top .paragraphs-dropbutton-wrapper input.button--small {
    top: 10px;
}
.modal-body .custom-paragraph tbody tr:first-child .paragraphs-dropbutton-wrapper input.button--small {
    top: 34px;
}
.modal-body .node-invoice-form .custom-right-side input {
    padding-left: 0px;
    padding-right: 0px;
}
.custom-paragraph tbody tr label, .custom-paragraph tbody tr .field-prefix, .custom-paragraph tbody tr .field-suffix {
    display: none;
}

.custom-paragraph tbody tr:first-child label, .custom-paragraph tbody tr:first-child .field-prefix, .custom-paragraph tbody tr:first-child .field-suffix {
    display: block;
}

.custom-paragraph .paragraph-type-top .paragraph-type-title {
    visibility: hidden !important;
}

.custom-paragraph .tabledrag-handle {
    display: none;
}

.custom-paragraph td.field-multiple-drag {
    display: none;
    width: 0px;
}

.custom-paragraph .field--name-field-rate label, .custom-paragraph .field--name-field-total label, .custom-paragraph .field--name-field-tax-percentage label {
    float: left;
    padding-right: 3px;
}

.custom-paragraph tbody tr:first-child .paragraphs-dropbutton-wrapper {
    position: relative;
}

.custom-paragraph tbody tr:first-child .paragraphs-dropbutton-wrapper input.button--small {
    position: absolute;
    right: 0;
    top: 40px;
}

.custom-paragraph .paragraph-type-top .paragraphs-dropbutton-wrapper {
    position: relative;
}

.custom-paragraph .paragraph-type-top .paragraphs-dropbutton-wrapper input.button--small {
    position: absolute;
    right: 0;
    top: 14px;
}

.custom-paragraph .paragraphs-dropbutton-wrapper .field-add-more-submit {
    color: #fff;
    float: right;
}

.custom-paragraph .tabledrag-toggle-weight-wrapper {
    display: none;
}

.custom-paragraph .paragraphs-subform.form-wrapper {
    margin-top: -20px;
}

.custom-paragraph .field--widget-entity-reference-paragraphs td {
    padding: 0.5rem 1rem; 
}

.node-invoice-edit-form,.node-invoice-form, .node-service-edit-form,.node-service-form, .view-wrapper-contanier, .node-form,.bulletins-wrapper {
    position: relative;
    margin-bottom: 50px;
    border: 1px solid #cdd4d9;
    box-shadow: 2px 2px 0 rgb(6 41 66 / 10%);
    border-radius: 10px;
    color: #000;
    page-break-after: always;
    padding: 15px;
}
.modal-body .node-form, .remove-pl .bulletins-wrapper{
    position: relative;
    margin-bottom: 0px;
    border: none;
    box-shadow: none;
    border-radius: unset;
    color: #000;
    page-break-after: always;
    padding: 0px;
}

.content-payment-wrapper, .content-payment .node-payment-edit-form, .node-payment-form {
    position: relative;
    margin-bottom: 50px;
    border: 1px solid #cdd4d9;
    box-shadow: 2px 2px 0 rgb(6 41 66 / 10%);
    border-radius: 10px;
    color: #000;
    page-break-after: always;
    padding: 15px;
    margin: 0 auto;
    width: 50%;
}

/*.invoice-header-txt-color {
    color: #b5b5b5;
}*/

.invoice-header-txt-color h4 {
    color: #8a0000;
}

.site-color, .items-wrapper thead tr th {
    color: #8a0000;
}

.items-wrapper thead tr th {
    font-weight: normal;
}

.hide-label label {
    display: none;
}

.node-form .form-type-date, .node-form .form-type-date input {
    width: 100%;
}

.hr-line {
    border-bottom: 1px dotted;
    margin-top: 10px;
    margin-bottom: 10px;
}

.payment-page .payment-label {
    color: #8f8989;
}

.my-auto-custom {
    margin: 0 auto;
}

.border-with-min-height {
    border: 1px solid #c1c1c1;
    min-height: 150px;
    height: auto;
}

.field--name-field-payment-date input {
    width: 100%;
}

/*letter header*/
.container-letter {
    position: relative;
    margin: 0 auto;
    color: white;
}

.centered-letter {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    width: 100%;
}

.container-letter {
    position: relative;
    margin: 0 auto;
    color: white;
    width: 990px;
}

.letter-center {
    width: 100%;
    margin: 0 auto;
    top: 0%;
    left: 15%;
    position: absolute;
    height: 1110px;
}

.page-node-type-service .table h4 {
    color: #8a0000;
}

.quick-lnks {
    margin-top: 20px;
}

.quick-lnks-dis {
    margin: 25px 0 45px 0;
    font-size: 1.125rem;
}

.quick-lnks .card {
    border-radius: initial;
    padding: 3.5rem 3rem;
    /*background: #cacbcd;*/
    color: #cacbcd;
    border: none;
	box-shadow: 2px 2px 0 rgb(6 41 66 / 10%);
    border: 1px solid #cdd4d9;
}

.quick-lnks .card-body {
    padding: 2rem 0 2.5rem 0rem;
    text-align: center;
    font-size: 1rem;
}

.quick-lnks .btn,.quick-lnks .btn:focus, .quick-lnks .btn:active {
    padding: 20px 45px;
    border-radius: 0.25rem;
    height: 56px;
    line-height: 1;
    background: #8a0000;
    border: transparent;
}

.quick-lnks .card-text {
    color: #8a0000;
}

.quick-lnks .card-footer {
    padding: 0.5rem 0rem;
    text-align: center;
    border: none;
    background-color: transparent;
}

div.quick-lnks-text {
    font-size: 39px;
    border-bottom: 2px solid #8a0000;
    color: #8a0000;
}

text.highcharts-title {
    fill: #8a0000 !important;
}

.highcharts-a11y-proxy-group-chartMenu,.highcharts-exporting-group {
    display: none !important;
}

ul.slick-dots {
    bottom: -40px;
    position: absolute;
}

/* Footer */
.ft-sec {
    padding-top: 0px;
    background-color: #1b1e27
}

.ft-menu {
    padding: 30px 0 40px 0;
    width: 75%;
    margin: 0 auto;
    color: #bababa;
    line-height: 1.87;
}

.ft-menu > li > a {
    color: #bababa;
    text-decoration: underline;
    font-size: 0.875rem;
    border-right: 1px solid #bababa;
    padding-right: 15px;
    margin-right: 15px;
}

.ft-menu > li:last-child > a, .ft-menu > li:nth-last-child(2) > a {
    border-right: 0;
}

.ft-menu li a:hover {
    color: #bababa;
}

footer {
    background-color: #1b1e27 !important;
    padding: 2em 0 0 0;
    margin-top: 20px;
}

.copyright {
    padding: 20px 0;
    background-color: #8a0000;
    color: #fff;
}

.copyright a {
    color: #fff;
}

.copyright p {
    padding: 0;
    text-align: center;
    font-size: 0.75rem;
    margin-bottom: 0;
}

/*Footer end*/
input[value="Add another item"] {
    color: #fff;
    float: right;
}

form[class*='node-sms-group'] .tabledrag-toggle-weight,.highcharts-credits {
    display: none;
}

.bulletins-site-logo {
    text-align: center;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    background-color: #cacbcd;
}

.bulletins-bg {
    background-color: #8a0000;
    color: #fff;
}

.bulletins-content {
    padding: 25px 0;
    font-size: 1.25rem;
    color: #cecece;
}

.video-player {
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
}

.element-wrap {
    border-radius: 10px;
    box-shadow: 2px 2px 3px 0 #8a0000;
    background-color: #fff;
    padding: 68px;
}

.element-wrap video[poster] {
    height: 100%;
}

.views-photo-grid-container img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.15), 0 6px 20px rgba(0, 0, 0, 0.7);
}

.views-photo-grid-container img {
    margin: 5px;
    height: 240px;
}

.image-grid {
    padding: 12px;
}

.image-row {
    display: flex;
}

.image-row .image {
    margin: 12px;
    height: 240px;
}

.image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.15), 0 6px 20px rgba(0, 0, 0, 0.7);
}

.bulletins-doc {
    font-size: 14px;
}

audio {
    width: 100%;
}

.my-cal-event {
    font-size: 18px;
    color: #8a0000;
    padding-bottom: 14px;
}

.mobile, .mobile-menu, #navbar-close-icon,.sf-accordion-toggle a,
.menu--main .navbar-nav li:last-child,
article .node__meta  {
    display: none;
}
article .node__content .field .field__label{
	width:30%;float:left;
}
article .node__content .field .field__item{
	width:70%;float:left;
}
.show {
    display: block !important;
}

ul#superfish-main-accordion,ul#superfish-main {
    position: absolute;
    z-index: 1;
    opacity: 0.9;
    width: 100%;
    background-color: rgb(138 0 0 / .9);
}

ul#superfish-main-accordion a svg,ul#superfish-main a svg {
    padding-right: 15px;
}

ul#superfish-main-accordion a, ul#superfish-main a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    width: 53%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

#superfish-main-accordion li.active-trail:before, ul#superfish-main li.active-trail:before {
    transform: translateY(-50%);
    content: "";
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent #fffefd transparent transparent;
    position: absolute;
    right: 0px;
    top: 50%;
}

#superfish-main-accordion li.active-trail:after, ul#superfish-main li.active-trail:after {
    content: "";
    border-style: solid;
    border-width: 7px 6px 6px 0;
    border-color: transparent #fffefd transparent transparent;
    position: absolute;
    left: 0px;
    top: 34%;
    rotate: unset;
    transform: rotate(180deg);
}
.modal-body .go-back-btn {display:none;}
.mobile-main-menu-nav {
    display: none;
    transition: all 0.3s;
}

.view .view-content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
	min-height:400px;
}
.image-widget-data {
    width: auto;
    float: left;
    word-break: break-all;
}
.field__items .field__item{
    width:80% !important;
    
}
.field__items {
    width: 50%;
    float: left;
}
.quicktabs-tabs .ajax-progress { display:none }
.page-link.active, .media-library-view--widget .view-header a.page-link.is-active, .active > .page-link, .media-library-view--widget .view-header a.is-active > .page-link{
    background-color:#8a0000;
	border-color:#8a0000;
	box-shadow:none;
}
.pagination { --bs-pagination-border-color:#8a0000; }
.page-link{ color: #8a0000; }
.page-link:hover{border-color: #8a0000 !important;}
.page-link:focus{box-shadow:none !important;}
article.node--type-document  .node__content .field .field__label,
.field--name-field-description  .filter-wrapper{ display :none ; }
article.node--type-letterhead-template  .node__content .field .field__label{ display :none ; }
.view .view-empty{text-align:center; color:#8a0000;}

.field--widget-image-image details{margin: 0;}

.cke_chrome{
    border: transparent !important;
}
.cke_top.cke_reset_all{
	border-radius: 7px 7px 0 0;
	border: 1px solid #d1d1d1 !important;
}

.cke_top, .cke_contents, .cke_bottom {
    border: 1px solid #d1d1d1 !important;
    padding: 4px !important;
}
.1modal-body .hide-in-pdf{display:none;}


.view .actions-dropdown .btn-secondary.green {
    background-color: #fff;
    border: 0.125rem solid #8a0000;
    color: #8a0000;
	margin:0;
	box-shadow: none;
}
.view .actions-dropdown .btn-secondary.green:hover{
     background-color: #8a0000;
    border: 0.125rem solid #8a0000;
    color: #fff;
}
.view .actions-dropdown  .button-popover-icon {
    border-left: 1px solid #8a0000;
}
.view .actions-dropdown .btn-secondary.green:hover .button-popover-icon {
    border-left: 1px solid #fff;
}
.view .actions-dropdown .dropdown{
	width:144px;
}
.view .actions-dropdown .dropdown-menu{
    margin-top: -2px !important;
    margin-left: -4px !important;
}
.view-color-due{
	color:#8a0000;font-size:23px;
}
.view-color-partial_paid{
	color:#f6ff70;font-size:23px;
}
.view-color-paid{
	color:#0ee50b;font-size:23px;
}
.view-color-void{
	color:#003cc5;font-size:23px;
}
.view-color-none{
	color:#fff;
}

.view-color-site{
	color:#8a0000;
}

.invoice-amt.value{
    text-align: right;
    padding-right: 11px;
}
.void-line{
	text-decoration: line-through;
    text-decoration-color: #003cc5!important;
    text-decoration-thickness: 2px;
}
@media (min-width: 1400px){
	.container-home {
		max-width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
}

input[name="field_phone_add_more"]{float:right;color:#fff !important;}
.field-add-more-submit:hover,.field-add-more-submit:active{color:#fff !important;}   
.slick-arrow::before,
.slick-arrow::before{
	color:#8a0000;
}
.autocomplete-deluxe-container.autocomplete-deluxe-multiple {
    border-radius: 10px;
    border: 1px solid #0000002d;
}
.hide-in-desktop{display:none;}
.w-60{width:60%}
.invoice-signature{float:right;padding-top:50px;padding-right:20px;}
.invoice-disclaimer{
    text-align: center;
    clear: both;
    padding-top: 45px;
}
.color-reference{margin-bottom: 40px;}
.color-reference-common{
	width: 15px;height: 15px;float: left;margin-top: 4px;margin-left: 6px;border-radius: 10px;
}
.color-reference-due{ background-color: #8a0000; }
.color-reference-partial-paid {background-color: #f6ff70;}
.color-reference-paid{background-color: #0ee50b;}
.color-reference-void{background-color: #003cc5;}
.items-wrapper table thead {
    background-color: #cdcdcd !important;
    border-bottom: 2px solid #8a0000;
    color: #8a0000;
}
.element-hidden{display:none;}
@media only screen and (min-device-width: 280px) and (max-device-width: 896px) and (orientation: portrait) {
    .mobile,.mobile-menu {
        display:block;
    }

    .site-logo {
        border-bottom: none;
        width: 26%;
        padding-right: 19px;
    }

    .mobile-menu {
        display: flex;
        background-color: #cacbcd;
        border-bottom: 2px solid #8a0000;
        justify-content: space-between;
    }

    .mobile-menu .mobile {
        width: 30%;
        padding-top: 21px;
        padding-left: 15px;
    }

    .image-row {
        flex-direction: column;
    }

    .image-row .image {
        flex-basis: auto;
    }

    .mobile-bulletin-bottom {
        margin-bottom: 20px;
        height: 330px;
    }

    .fc-button-group>.fc-button.fc-button-active {
        z-index: 0 !important;
    }

    #content {
        padding-left: 0;
    }

    div#block-pagetitle h1 {
        font-size: 26px;
    }

    #calendar .fc-toolbar {
        display: block;
        text-align: center;
    }

    #calendar td .fc-scroller.fc-day-grid-container {
        height: auto !important;
    }
	.fc-day-grid-event {overflow:hidden;}
    .path-dashboard .hr-line { display: none; }

    .fc-center {
        width: 65%;
        margin: 0 auto;
        padding: 15px 0 15px 0;
    }

    .fc-center > div { display: block;  }
    .fc-toolbar h2 {  font-size: 2rem !important;  }

    #sticky-header.sticky div#block-pagetitle h1 {
        font-size: 26px;
    }

    .headerNew {
        padding-bottom: 10px;
    }

    .view-header{ font-size:1rem; }
	.views-element-container .view .view-filters .views-exposed-form .form-item, .views-element-container .view .view-filters .views-exposed-form .form-actions {
		width: 100%;
		float: left;
	}
	.views-element-container .view .view-filters .views-exposed-form .form-type-date{
        width: 50%;
		float: left;
		margin-right: 10px;
		margin: 0;
    }
	.views-element-container .view .view-filters .views-exposed-form .form-type-date.js-form-item-field-date-of-issue-min {
		padding: 0 13px 0 0;
	}
	.views-element-container .view .view-filters .views-exposed-form .form-type-date.js-form-item-field-date-of-issue-max{
		padding: 0 0 0 13px;
	}
	.views-element-container .view .view-filters .views-exposed-form .form-type-date input{
		width:100%;
	}
	.form-type-select.js-form-item-field-status{
         width:48% !important;
    }
    .views-element-container .view .view-filters .views-exposed-form select{
        width:94% !important;
    }
	.views-element-container .view .view-filters .views-exposed-form .button ,
	.view-header .btn{
		float:right; 
	}
	.views-element-container .view .view-filters .views-exposed-form .feed-icons
	.site-logo-login{
		border-radius: 10px 10px 0px 0px;
	}
	.login-button{
		display: inline-flex;
		align-items: center;
		justify-content: space-around;
	}
	.login-button .forgot-psw{
		width: 84%;
	}
	.login-button .forgot-psw a{
		font-size: 12px;
	}

	.user-login-page #edit-actions{
		margin-top:0;
		width: 17%;
	}
	div.quick-lnks-text {
		font-size: 25px;
	}
	.quick-lnks .card-body {
		padding: 1rem;
		font-size: 1rem;
	}
	.quick-lnks .card {
		padding: 1rem;
	}
	.invoice-header-txt-color{ font-size:11px; }
	.reset-float-width{float:unset !important; width:100% !important;}
	.site-label-color label, .site-label-color h4.label, .custom-paragraph label, .custom-right-side label, .custom-paragraph .field-prefix {
		font-size: 13px;
	}
	.field--name-field-invoice-number{padding-bottom:20px;}
	.path-node .page-title{font-size: 18px !important;overflow: hidden;height: 48px;}
	
	.node-invoice-form .col-mobile-12{width:100%;}
	.custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-integer, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-string, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-decimal, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-entity-reference{width:100%;}
	
	.custom-paragraph .field--name-field-line-item  tbody tr:first-child .paragraphs-dropbutton-wrapper input.button--small{top: 327px;}
	.custom-paragraph .field--name-field-line-item  .paragraph-type-top .paragraphs-dropbutton-wrapper input.button--small{top: 234px;}
	
	
	.custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-integer, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-string, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-decimal, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-entity-reference{
		width:70%;float: unset;
	}
	.js .paragraph-type-top{display:block;} 
	.custom-paragraph .field--name-field-service  tbody tr:first-child .paragraphs-dropbutton-wrapper input.button--small{top: 28px;}
	.custom-paragraph .field--name-field-service  .paragraph-type-top .paragraphs-dropbutton-wrapper input.button--small{top: 27px;}
	
	.custom-paragraph tbody tr label{ display: block; }
	.mobile-order-1{ order: 1;}
	.mobile-order-2{order: 2;}
	.field--name-field-document .form-managed-file span{
		width:80%;
		overflow:hidden;
	}
	.reset-w .w-50, .reset-w .w-25{ width:100% !important; }
	.download-pdf-font{font-size:13px;}
	.table-responsive{overflow-x:auto;}
	.mobile-client-box{padding-bottom: 15px;}
	ul.quicktabs-tabs li{ margin:0; padding:0; }
	.quicktabs-tabpage .feed-icons{text-align: right;margin-top: -28px !important;}
	.content-payment-wrapper, .content-payment .node-payment-edit-form, .node-payment-form{width: 100%;}
	.view-wrapper-contanier{font-size:13px;}
	.centered-letter{top:50%;}
	.centered-letter p{font-size:12px;}
}

@media only screen and (min-device-width: 290px) and (max-device-width: 896px) and (orientation: landscape) {
    audio {
        width: 100%;
    }

    .bulletins-doc {
        font-size: 8px;
        word-break: break-word;
    }

    .element-wrap {
        padding: 25px;
    }

    #sidebar {
        position: revert;
        min-width: 165px;
        max-width: 165px;
    }

    .image-row {
        flex-direction: column;
    }

    .image-row .image {
        flex-basis: auto;
    }

    .mobile-bulletin-bottom {
        margin-bottom: 20px;
        height: 330px;
    }

    #content {
        padding-left: 0;
    }

    div#block-pagetitle h1 {
        font-size: 26px;
    }

    .fc-toolbar div div h2 {
        font-size: 1.7rem;
    }

    #calendar .fc-toolbar {
        text-align: center;
    }

    #calendar td .fc-scroller.fc-day-grid-container {
        height: auto !important;
    }
	.fc-day-grid-event {overflow:hidden;}
    .path-dashboard .hr-line {
        display: none;
    }

    #sticky-header.sticky div#block-pagetitle h1 {
        font-size: 26px;
    }

    .headerNew {
        padding-bottom: 12px;
    }
	div.quick-lnks-text {
		font-size: 30px;
	}
	.quick-lnks .card {
		padding: 0.5rem 1rem;
	}
	.quick-lnks .btn, .quick-lnks .btn:focus, .quick-lnks .btn:active {
		padding: 20px 20px;
	}
	.site-logo-login {
         border-radius: 10px 10px 0px 0px;
	}
	.login-wrapper .site-logo-login img{
		width:40%;
	}
	.login-button {
		align-items: center;
		justify-content: space-around;
	}

	.login-button .forgot-psw {
		width: 90%;
	}

	.login-button .forgot-psw a {
		font-size: 12px;
	}

	.user-login-page #edit-actions {
		float: right;
	}
	.invoice-header-txt-color{ font-size:11px; }
	.reset-float-width{float:unset !important; width:100% !important;}
	.site-label-color label, .site-label-color h4.label, .custom-paragraph label, .custom-right-side label, .custom-paragraph .field-prefix {
		font-size: 15px;
	}
	.field--name-field-invoice-number{padding-bottom:20px;}
	.path-node .page-title{font-size: 18px !important;overflow: hidden;height: 48px;}
	
	.custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-integer, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-string, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-decimal, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-entity-reference{
        width:100%;
    }
	.custom-paragraph .field--name-field-line-item  tbody tr:first-child .paragraphs-dropbutton-wrapper input.button--small{top: 327px;}
	.custom-paragraph .field--name-field-line-item  .paragraph-type-top .paragraphs-dropbutton-wrapper input.button--small{top: 234px;}
	 
	
	.custom-paragraph tbody tr label{ display: block; }
	.field--name-field-document .form-managed-file span{
		width:80%;
		overflow:hidden;
	}
	.views-element-container .view .view-filters .views-exposed-form .form-item, .views-element-container .view .view-filters .views-exposed-form .form-actions {
		width: auto;
		float: left;
	}
	.reset-w .w-50, .reset-w .w-25{ width:100% !important; }
	.businessCard .location-icon {width: 4%;}
	.business-type.text-center{text-align: unset !important;padding-left: 39px;	}
	.mobile-client-box{padding-bottom: 15px;}
	.content-payment-wrapper, .content-payment .node-payment-edit-form, .node-payment-form{width: 75%;}
	.custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-integer, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-string, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-decimal, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-entity-reference{width:40%;}
	.centered-letter{top:50%;}
	.centered-letter p{font-size:12px;}
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
   .site-logo { width: 16%; }
    #sidebar { margin-left: -180px; }
	.mobile-client-box{padding-bottom: 15px;}
	.mobile-order-2,.mobile-order-1{order:revert;}
	.container-home {
		max-width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
}  
/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.mobile-order-2,.mobile-order-1{order:revert;}
	.centered-letter{top: 42%;} 
	.custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-integer, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-string, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-decimal, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-entity-reference{width:40%;}
	.custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-integer, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-string, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-decimal, .custom-paragraph .paragraphs-subform.form-wrapper > div.field--type-entity-reference{width:100%;}
	.custom-paragraph tbody tr label{ display: block; }
	
}
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) {
	.mobile-client-box{padding-bottom: 15px;}
	.mobile-order-2,.mobile-order-1{order:revert;}
	.custom-paragraph tbody tr label{ display: block; }
	.businessCard .location-icon {width: 4%;}	
	.business-type.text-center{text-align: unset !important;padding-left: 30px;	}
	.container-home {
		max-width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
	
}
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {
	.mobile-client-box{padding-bottom: 15px;}
	.mobile-order-2,.mobile-order-1{order:revert;}
	.mobile-reset-col-lg-5{ width:41.66666667%; }
	.custom-paragraph tbody tr label{ display: block; }
	.custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-integer, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-string, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-decimal, .custom-paragraph.item2 .paragraphs-subform.form-wrapper > div.field--type-entity-reference{width:40%;}
	.businessCard .location-icon {width: 4%;}
	.business-type.text-center{text-align: unset !important;padding-left: 30px;	}
	 #sidebar ul li a{padding-top:5px;padding-bottom:5px;}
	 .container-home {
		max-width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
	.slick-list{
		padding: 0 !important;
	}
	.views-element-container .view .view-filters .views-exposed-form .form-item, .views-element-container .view .view-filters .views-exposed-form .form-actions {
		width: 32% !important;
	}
	.form-type-select.js-form-item-field-status {
		width: 22% !important;
	}
}


@media screen and (max-width: 300px) {
    .image-row {
        flex-direction: column;
    }

    .image-row .image {
        flex-basis: auto;
    }
	.container-home {
		max-width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
    #sidebar {
        margin-left: -180px;
    }

    #sidebar.active {
        margin-left: 0;
    }

    #sidebarCollapse span {
        display: none;
    }
	.container-home {
		max-width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
}
@media (min-width: 1350px) and (max-width: 1441px) and (max-height: 900px){
    #sidebar ul li a{padding-top:5px;padding-bottom:5px; font-size:17px; }
}
@media screen and (min-height: 650px) and (max-height: 819px){
   #sidebar{ position:revert }
   #content {  padding-left: 0; }
}