.change-log-reset > p {
    margin-block-end: 0rem;
    margin-block-start: 0rem;
}

@font-face {
    font-family: 'Linearicons';
    src: url(/fonts/Linearicons/Linearicons.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "FriendlyFont";
    src: url(/fonts/FriendlyFont.eot);
    src: url(/fonts/FriendlyFont.eot) format("embedded-opentype"), url(/fonts/FriendlyFont.woff) format("woff"), url(/fonts/FriendlyFont.otf) format("opentype");
    font-style: normal;
    font-weight: 400
}
[data-retina="false"] {
    display: block
}
[data-retina="true"] {
    display: none
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    [data-retina="false"] {
        display: none
    }
    [data-retina="true"] {
        display: block
    }
}

.full-width-main {
    width: 100%
}

@media screen and (min-width: 801px) {
    .full-width-main {
        width: calc(100% - 75px);
    }
}
@media screen and (min-width: 1085px) {
    .full-width-main {
        width: calc(100% - 210px);
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	/*min-width: 1082px;*/
}
body {
    margin: 0;
    -webkit-font-smoothing: subpixel-antialiased
}
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}
* {
    letter-spacing: normal
}
*,
:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
article,
aside,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}
a {
    background: transparent
}
a:active,
a:hover,
a:focus,
label:active,
label:hover,
label:focus,
button:hover,
button:hover,
button:focus {
    outline: 0
}
b,
strong {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
	font-weight: normal !important;
}
h1 {
    margin: .67em 0
}
small {
    font-size: 80%
}
img {
    border: 0
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
button,
input,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
select {
    text-transform: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    color: #4b4b57;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: 0;
    padding: 6px;
    text-align: left;
    width: 100%;
    height: 35px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f2f2f2;
    border: 1px solid #d7d7d9
}
.dropdown-menu select:disabled {
    opacity: .5!important
}
button,
html input[type="button"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}
body {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333333;
    background: #f2f2f2;
    position: relative;
    font-weight: 300;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    vertical-align: baseline
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}
a {
    color: #2676a5;
    text-decoration: none
}
a:hover,
a:focus {
    text-decoration: none
}
figure {
    margin: 0
}
img {
    vertical-align: middle
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #9D9D9D
}
.x_page hr {
    border-color: #e8e8e9
}
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}
label {
    max-width: 100%
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type="radio"],
input[type="checkbox"] {
    margin-top: 1px \9;
    line-height: normal
}
input[type="file"] {
    display: block
}
body:not(.cp_prepare_document) .dropdown {
    position: relative
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background: #fff;
    border: 2px solid #c1c1c1;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.dropdown-menu.table-filters {
	min-width: 190px;
}
.dropdown-menu li:first-of-type:hover {
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0
}
.dropdown-menu li:last-of-type:hover {
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px
}
.dropdown-menu.popover {
    top: 35px;
    width: 180px
}
.textarea_actions.right .dropdown-menu.popover {
    left: -2px
}
.save_button {
    padding: 6px 10px 0;
    height: 30px;
    display: inline-block;
    border: none;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background: #e5e5e5
}
.dropdown-menu>li>a,
.dropdown-menu.contains_button>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #434860;
    white-space: nowrap
}
.dropdown-menu>li a.use_existing_tag_item {
    display: inline-block;
    width: auto!important;
    font-size: 13px
}
.dropdown-menu>li a.cancel_link {
    display: inline-block;
    width: 50px!important
}
.dropdown-menu>li .form_row {
    margin-top: 11px;
    margin-bottom: 2px
}
.dropdown-menu>.active>a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background: #2C87E5
}
.dropdown-menu>.disabled>a {
    color: #88888F
}
.open>.dropdown-menu {
    display: block
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
body {
    font-size: 1em;
    line-height: 1.4
}
img {
    vertical-align: middle
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
textarea {
    resize: vertical
}
.hidden {
    display: none!important;
    visibility: hidden
}
.visibility_hidden {
    visibility: hidden!important
}
.visibility_hidden_absolute {
    visibility: hidden!important;
    position: absolute!important
}
#desk.statement .totals {
    margin-top: -28px
}
#desk.statement .totals .totals_container {
    width: auto;
    max-width: 75%;
    float: right
}
.statement_amount_container {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    list-style: none
}
.statement_amount_container select {
    background: #fff
}
.statement_amount .close_icon:after {
    font-family: 'Ionicons';
    content: "\f128";
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    margin-top: 10px;
    color: #9d9d9d;
    cursor: pointer;
    margin-left: -23px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	left:0;
}
.statement_amount_container .statement_amount {
    margin: 0;
    padding: 7px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #E7E7E7;
    height: 50px;
	position: relative;
}
.statement_amount_container.total_due .statement_amount {
    border: 3px solid;
    padding: 4px 8px;
    border-radius: 3px;
    border-left-width: 82px
}
.statement_amount_container.total_due .td_label {
    margin-left: -106px;
    color: #fff
}
.statement_amount_container.total_due .td_currency {
    display: inline-block;
    width: 30px
}
.statement_amount_container.tds .statement_amount {
    padding: 7px 7px 7px 0
}
.statement_amount .col {
    width: 30%;
    float: left;
    white-space: nowrap
}
.statement_amount .col.second .inner {
    width: 67%
}
.statement_amount .col:first-child,
.statement_amount .col:last-child {
    line-height: 35px!important
}
.statement_amount .col+.col {
    text-align: right;
    width: 70%
}
.statement_amount .col.first {
    width: 18%!important
}
.statement_amount .col.second {
    width: 80%!important
}
.statement_amount .col.third {
    width: 20%!important
}
.form_standard input.with_addon:disabled {
    border-left: none
}
.standard-search {
    display: block;
    margin-bottom: 0;
    float: right;
    position: relative;
}
.table_contact_autocomplete {
    float: left;
    display: inline-block;
    left: 0;
    width: 37px;
    height: 35px;
    margin-right: -1px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
}
.table_contact_autocomplete:not(.open):hover:before {
    color: #444;
}
.table_contact_autocomplete.open {
    width: 200px;
}
.table_contact_autocomplete.open input[type="text"] {padding-left: 32px;}
.table_contact_autocomplete.open.filled input[type="text"],.table_contact_autocomplete.open.filled input[type="text"]:focus {
    background: #e0e0e2;
    cursor: default;
    pointer-events: none;
}
.table_contact_autocomplete.open.filled input[type="text"] + .remove_contact:before {
    color: #9D9D9D;
    font-family: 'Ionicons';
    content: "\f129";
    font-size: 14px;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 10px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}
.table_contact_autocomplete.open.filled input[type="text"] + .remove_contact:active:before {
    color: #666;
}
.table_contact_autocomplete:before {
    color: #9D9D9D;
    font-family: 'Ionicons';
    content: "\f3a0";
    font-size: 17px;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    left: 12px;
    top: 8px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}
.table_contact_autocomplete.open:before {
    left: 11px;
}
.table_contact_autocomplete input[type="text"] {border: 1px solid #d7d7d9 !important;color: #868686 !important;border-radius: 0;border-bottom-left-radius: 3px;border-top-left-radius: 3px;padding: 4px 30px 4px 31px;background: #e0e0e2;cursor: pointer;}
.table_contact_autocomplete.filled:after {
    color: #999;
    font-family: 'Ionicons';
    content: "\f35f";
    font-size: 17px;
    margin-top: 1px;
    margin-left: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 10px;
}
.table_contact_autocomplete + .dropdown-menu a.selected:after {font-family: 'Linearicons';font-size: 13px;vertical-align: middle;display: inline-block;font-weight: 600;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-font-smoothing: grayscale;content: "\e934";position: absolute;right: 13px;}
.table_contact_autocomplete + .dropdown-menu {
    width: 175px;
}
.search form {
    display: inline-block;
}
.standard-search_container {
    display: block;
    position: relative;
    width: 260px;
    margin: 0 auto
}
footer {
    overflow: auto;
    padding: 10px 0;
    display: block
}
.no_margin {
    margin: 0!important
}
.new_item {
    display: inline-block;
    line-height: 1;
    font-style: normal;
    line-height: 18px;
    padding: 8px 12px 0;
    height: 35px;
    font-size: 14px!important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #fff;
    text-align: center
}
.new_item.dropdown-toggle {
    margin-top: 10px
}
.x_form .new_item:not(.add_dynamic_fields) {
    margin-top: -10px;
    margin-bottom: 10px;
    width: 100%;
    border: none;
    text-align: center;
    background: rgba(0, 0, 0, 0.30)
}
.inline {
    display: inline-block!important
}
.left {
    float: left
}
.right {
    float: right
}
small {
    font-size: .85em
}
.button.dropdown-toggle.select-all-none input[type="checkbox"] {
    position: relative;
    top: 7px;
    left: 5px
}
:-webkit-input-placeholder {
    color: #999;
    font-weight: 300
}
:-moz-placeholder {
    color: #999;
    font-weight: 300
}
:-ms-input-placeholder {
    color: #999;
    font-weight: 300
}
input,
textarea {
    outline: none
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
textarea {
    resize: vertical
}
.form_standard {
    -webkit-backface-visibility: hidden
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"]  {
    padding: 0 5px;
    outline: none;
    font-weight: 400;
    /*line-height: 35px;*/
    height: 35px;
    color: inherit;
    -webkit-appearance: none;
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #c7c7c9
}
input[type="text"]:disabled,
input[type="search"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled {
    -webkit-text-fill-color: #333333;
    -webkit-opacity: 1;
    color: #333333
}
#desk.settings input:disabled {
	background: #d7d7d9 !Important;
	color: inherit;
}

#desk.settings.small input.short,
#desk.settings.small select.short {
    max-width: 460px
}
#desk.settings.editor textarea {
    background: #fff;
    width: 100%;
    height: 330px
}
.unit_input input,
.quantity_input input {
    width: 99%!important
}
.form_standard input[type="text"].with_addon,
.form_standard select.with_addon {
    width: 72%
}
.form_standard input[type="text"].with_addon.total {
    width: 74%;
    z-index: 1;
    position: relative;
    background: #fff
}
.form_standard input[type="text"].with_addon.total.border {
    width: 70%;
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0
}
.form_standard input[type="text"].with_addon_right,
.form_standard select.with_addon_right {
    float: left
}
.form_row {
    margin-top: 20px;
    margin-bottom: 20px
}
#desk.settings .form_row {
    margin-top: 0
}
#desk.settings .form_row:last-of-type {
    margin-bottom: 0
}
.form_row.inline {
    padding-right: 20px
}
/*.statement_lang_curr_container {
    width: 53%
}*/
.form_row.currency_select {
    width: 66%
}
.form_row.statement_description input,
.form_row.statement_description textarea {
    width: 62%;
    border: 2px solid #d7d7d9;
    background: transparent;
    padding-left: 5px
}
.form_row.statement_description p {
    width: 62%;
}
/*.form_row.statement_description input:hover,
.form_row.statement_description textarea:hover {
    border: 2px solid #e7e7e7
}*/
.form_row.statement_description textarea:focus {
    border-color: #8c8c91;
}
.form_row.inline:last-of-type {
    padding-right: 0
}
.input_addon {
    font-size: 15px;
    font-weight: 400;
    height: 35px;
    width: 30px;
    padding-top: 5px;
    display: inline-block;
    color: #555;
    text-align: center;
    border-right: none!important;
    margin-right: -5px;
    white-space: nowrap;
    vertical-align: bottom;
    background: #d7d7d9;
    border: 2px solid #d7d7d9;
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px
}
table .input_addon {
    padding-top: 5px
}
.input_addon.on-right {
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0
}
.input_addon.total {
    display: inline-block;
    padding: 8px 0 4px 6px;
    width: 34px;
    font-size: 13px;
    z-index: 2;
    text-align: left;
    position: relative;
    background: #fff
}
.input_addon.total.border {
    padding: 8px 7px 4px 6px;
    background: #d7d7d9;
    display: inline-block;
    text-align: center;
    width: 39px
}
.input_addon.after {
    float: right;
    border: 1px solid #e7e7e7!important;
    padding: 4.5px 10px;
    border-left: none!important;
    margin-right: 0;
    font-size: 14px
}
.input_addon.fade {
    color: #a7a7a9
}
textarea {
    padding: 5px 3px;
    border: 1px solid #d7d7d9;
    outline: none;
    -webkit-appearance: none;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%
}

.item_rows {
    margin: 0;
    padding: 0;
    list-style: none
}
.item_row {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #E7E7E7;
    width: 100%
}
.quantity_input {
    text-align: right;
    color: #999
}
.quantity_input input {
    text-align: right
}
.unit_input {
    text-align: right;
    color: #999
}
.unit_input input {
    text-align: right
}
.form_standard .unit_lower {
    margin-top: 5px;
    display: inline-block;
    width: 100%
}
.form_standard .unit_lower .text_unit_input_css {
    width: 72%
}
.total_input {
    text-align: right;
    color: #999
}
.total_input input {
    text-align: right
}
.form_list .form_list_set {
    margin: 0 0 20px;
    padding: 5px 10px
}
#wrapper,
body,
html {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#wrapper {
    width: 100%;
    position: relative;
    z-index: 1;
    background: #fff;
    -webkit-transition-property: -webkit-transform, left, right;
    -webkit-backface-visibility: hidden
}
#wrapper {
    background: #FAFAFA
}
h2,
.form_heading label,
strong {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
/*.dropdown-toggle {
    *margin-bottom: -3px
}*/
.dropdown-toggle:active,
.open .dropdown-toggle {
    outline: 0
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 0;
    margin: 5px 0 0;
    list-style: none;
    background: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-shadow: 0 2px 8px 0 rgba(75, 75, 87, .2)
}
.dropdown.in_table .dropdown-menu {
    box-sizing: border-box;
    float: right;
    left: auto;
	right: 0;
}
.dropdown-menu>li {
    float: none
}
.dropdown-menu:not(.popover) li:not(.nohover):hover,
.dropdown-menu:not(.popover) li:not(.nohover).selected {
    background: rgba(0, 0, 0, .05)
}
.dropdown-menu.popover>li {
    padding: 8px
}
.dropdown-menu.popover>li.border {
    border-top: 1px solid #e7e7e7
}
.dropdown-menu.popover>li.gray {
    background: #fafafa
}
.dropdown-menu.popover>li .new_item {
    border: none;
    background: transparent;
    padding: 2px 5px;
    height: 25px;
    text-align: left;
    color: #2676a5!important
}
.dropdown-menu>li.separator {
    border-top: 2px solid #d7d7d9
}
.dropdown-menu li:first-child {
    border-top: 0 !important;
}
.dropdown-menu>li a,
.dropdown-menu.contains_buttons>li button {
    display: block;
    padding: 10px;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%!important;
    cursor: pointer;
}
.dropdown-menu.contains_buttons>li button {
	background: none;
	border: 0;
	text-align: left;
}
*,
::before,
::after {
    box-sizing: border-box
}
body {
    font-size: 14px;
    color: #333333;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-weight: 400;
    position: relative
}
a:hover,
a:focus {
    text-decoration: none!important;
    outline: none
}
.button:hover:before,
.button:hover:after,
.button.clipboard:hover,
.button.reset_access_key:hover {
    color: #333!important
}
.button.delete:before {
    color: #999;
    font-family: 'Ionicons';
    content: "\f37f";
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.button.archive:before {
    color: #999;
    font-family: 'Ionicons';
    content: "\f102";
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.button.activate:before {
    color: #999;
    font-family: 'Ionicons';
    content: "\f2a9";
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.button.recover:before {
    color: #999;
    font-family: 'Ionicons';
    content: "\f3a8";
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.button.cancel:before {
    color: #999;
    font-family: 'Ionicons';
    content: "\f36e";
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.button.mark_unpaid:before {
    color: #999;
    line-height: 1;
    font-family: 'Linearicons';
    font-size: 16px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e99a";
}
.button.mark_paid:before {
    color: #999;
    font-family: 'Linearicons';
    font-size: 16px;
    margin-top: 5px;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e999";
}
.button.dropdown-toggle:before {
    color: #999;
    font-family: 'Ionicons';
    content: "\f2f7";
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.button.dropdown-toggle.download:before {
    color: #999;
    font-family: 'Ionicons';
    content: "\f2dd";
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 4px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: 11px;
    top: 3px
}
.button.dropdown-toggle.convert:before {
    color: #999;
    font-family: 'Ionicons';
    content: "\f266";
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: 11px;
    top: 1px
}
.button.dropdown-toggle.mark:before {
	color: #999;
    font-size: 14px;
    margin-top: 5px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e999";
    content: "Mark";
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.button.circle_activate:before {
    color: #999;
    font-family: 'Ionicons';
    content: "\f400";
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: 11px;
    top: 1px
}
.button.circle_deactivate:before {
    color: #999;
    font-family: 'Ionicons';
    content: "\f401";
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: 11px;
    top: 1px
}
.button.edit,
.button.revert,
.button.filter:not(.dropdown-toggle),
.button.download:not(.dropdown-toggle),
.button.dropdown-toggle.in_table {
    height: 39px;
	width: 39px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    background: #f5f5f5
}
.button.dropdown-toggle.in_table {
    margin-left: 10px;
	width: 39px;
}
.button.dropdown-toggle.add_new.in_table:before {
    content: "\f396";
    left: 12px;
    top: 4px;
}
.button.dropdown-toggle.add_new.in_table:after {
    display: none;
}
.button.revert {
    margin-left: 10px
}
.button.clipboard,
.button.reset_access_key {
    width: 85px;
    display: inline-block;
    vertical-align: middle;
    padding: 9px 0;
    background: #f5f5f5;
    color: #999;
    margin-right: 10px
}
.button.send_link {
    float: right;
    cursor: pointer!important;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #df7055;
    width: 85px;
    display: inline-block;
    vertical-align: middle;
    padding: 9px 0;
    background: #df7055;
    color: #ffffff;
}
#desk.statement .button.clipboard {
    margin-right: 0;
    background: transparent;
}
.button.reset_access_key {
    width: auto;
    padding: 5px 10px;
    margin-left: 10px;
    margin-right: 0;
    float: right;
    margin-top: -20px;
    user-select: none;
}
span.copied {
    display: none
}
.button.edit:before,
.button.revert:before,
.button.download:not(.dropdown-toggle):before,
.button.filter:not(.dropdown-toggle):before {
    color: #999;
    font-family: 'Ionicons';
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 9px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.button.edit:before {
    content: "\f2bf"
}
.button.revert:before {
    content: "\f4c7"
}
.button.download:before {
    content: "\f2dd"
}
.button.dropdown-toggle.filter:before {
    content: "\f35c";
    font-size: 18px;
    left: 11px;
    top: 1px
}
.button.dropdown-toggle:after {
    color: #999;
    font-family: 'Ionicons';
    content: "\f35f";
    font-size: 17px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 9px;
    margin-left: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.new_item.dropdown-toggle:after {
    color: #fff;
    font-family: 'Ionicons';
    content: "\f35f";
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 1px;
    margin-left: 8px;
    vertical-align: top;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
#desk.statement footer a.button:before {
    color: #fff!important;
    font-family: 'Ionicons';
    content: "\f2f7";
    font-size: 18px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}
#desk.statement footer a:not(.button) {
    color: inherit
}
.item_area .one_item_line .drag_item {
    position: absolute;
    left: -5px;
    margin-top: 10px;
    color: #9D9D9D
}
.item_area .one_item_line .drag_item:after {
    content: "\e87e";
    font-size: 16px;
    font-family: 'Linearicons';
    line-height: 1;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    height: 61px;
    padding: 5px 0 0 3px;
    width: 26px;
    border: 2px solid #fff
}
.item_area .one_item_line:first-child .item_column_heading {
    display: none
}
.item_area .one_item_line .drag_item:hover:after {
    color: #000;
    background: #d7d7d9;
    border: 2px solid #d7d7d9;
    cursor: pointer
}
.item_rows.item_area {
    margin-left: -20px
}
.item_area .one_item_line {
    padding-left: 20px;
    display: block
}
.item_area .item_row {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: left
}
.item_area .one_item_line {
    cursor: default!important
}
.back_button {
    margin-left: 217px;
    color: #fff;
    padding: 8px 13px 7px;
    background: rgba(0, 0, 0, 0.47);
    border-radius: 2px;
    margin-right: 10px;
    font-size: 14px;
    margin-top: 6px;
    display: inline-block;
    height: 34px
}
.back_button.secondary {
    margin-left: 0;
    margin-top: 15px;
    margin-right: 20px;
    float: left
}
.dropdown-toggle:not(.attach_button).open:after,
.button.dropdown-toggle.open:after {
    content: "\f365"!important
}
.back_button:before {
    margin-right: 10px;
    margin-top: 2px;
    font-family: 'Ionicons';
    content: "\f124";
    font-size: 12px!important
}
.sidebar_menu {
    z-index: 1;
    position: absolute;
    top: auto;
    bottom: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #2591E9;
    color: #fefefe;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    overflow-y: auto
}
.sidebar_menu ul.disabled {
    cursor: default;
    opacity: .2;
    pointer-events: none
}
html.admin .sidebar_menu ul.disabled {
    margin-top: 137px
}
html.user .sidebar_menu ul.disabled {
    margin-top: 94px
}
html.permission_no_delete .permission_delete:not(form),
html.permission_no_edit .permission_edit:not(form),
html.permission_no_create .permission_create:not(form) {
    display: none!important
}
html.permission_no_edit form.permission_edit input,
html.permission_no_edit form.permission_edit select,
html.permission_no_edit form.permission_edit textarea {
    pointer-events: none;
    cursor: default!important;
    border: 0!important;
    padding: 0!important;
    background: transparent!important
}
html.permission_no_edit form.permission_edit .select_arrows,
html.permission_no_edit form.permission_edit .add_dynamic_fields {
    display: none
}
html.no_file_upload .attach_button.uploadify {
    display: none
}
html.no_save_tds .dropdown-menu.popover.tax input.remember_tag,
html.no_save_tds .dropdown-menu.popover.tax input.remember_tag+label,
html.no_save_tds .dropdown-menu.popover.discount input.remember_tag,
html.no_save_tds .dropdown-menu.popover.discount input.remember_tag+label,
html.no_save_tds .dropdown-menu.popover.shipping input.remember_tag,
html.no_save_tds .dropdown-menu.popover.shipping input.remember_tag+label,
html.no_save_tds .statement_amount_container.tds input[type="checkbox"],
html.no_save_tds .statement_amount_container.tds input[type="checkbox"]+label,
html.max_items_reached .dropdown-menu.popover.tags input.remember_tag,
html.max_items_reached .dropdown-menu.popover.tags input.remember_tag+label,
html.max_items_reached [data-popup-id="new_saved_item"] {
    display: none!important
}
.sidebar_menu ul li a {
    padding: 5px 10px;
    line-height: 1.4;
    font-size: 14px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-weight: 500
}
.sidebar_menu ul li a.new {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    height: 47px;
    width: 50px;
    text-align: center;
    padding: 0;
    color: #fff;
    padding-top: 16px;
    background: rgba(0, 0, 0, 0)
}
.sidebar_menu ul li.current a.new:hover {
    background: rgba(0, 0, 0, .13)
}
.sidebar_menu ul li a.new:hover {
    background: rgba(0, 0, 0, .13)
}
.sidebar_menu ul li a.new:after {
    font-family: 'Ionicons';
    font-size: 14px;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    content: "\f218";
    margin-top: -4px;
    display: inline-block;
}
.sidebar_menu ul li a.new.upgrade_required {
    padding-top: 12px;
}
.sidebar_menu ul li a.new.upgrade_required:hover {
    background: transparent;
    color: #fff
}
.sidebar_menu ul li a.new.upgrade_required:after {
    font-family: "Linearicons";
    content: "\e7b9";
    font-size: 20px;
    display: inline-block;
    margin-top: -3px
}
.sidebar_menu ul li:hover a.new {
    display: block
}
.sidebar_menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}
.sidebar_menu ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    white-space: nowrap
}
.sidebar_menu ul li {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #fff;
    padding: 0;
    position: relative
}
@media screen and (min-width: 1086px) {
body:not(.cp_prepare_document) .sidebar_menu ul.dropdown-menu li {
    background: #fff;
}
}
.sidebar_menu ul.sb_menu li a span.sidebar_menu_link_text {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 1px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.sidebar_menu ul.sb_menu li a.coming_soon:hover {
	cursor: default;
	pointer-events: none;
}
.sidebar_menu ul.sb_menu li a.coming_soon:hover {
	background: none;
}
.sidebar_menu ul.sb_menu li a.coming_soon span.coming_soon {
	color: #fff;
    background: #e35256;
    font-size: 11px;
    padding: 4px;
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -4px;
}
.sidebar_menu ul.sb_menu li a span.sidebar_menu_link_text:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale
}
.sidebar_menu ul.sb_menu li a.dashboard span:before {
    content: "\e7f8"
}
.sidebar_menu ul.sb_menu li a.reports span:not(.coming_soon):not(.hide_compact):before {
    content: "\e7fb"
}
.sidebar_menu ul.sb_menu li a.invoices span:before {
    content: "\e6b5"
}
.sidebar_menu ul.sb_menu li a.bills span:before {
    content: "\e6b4"
}
.sidebar_menu ul.sb_menu li a.estimates span:before {
    content: "\e6b3"
}
.sidebar_menu ul.sb_menu li a.track span:before {
    content: "\e8ea"
}
.sidebar_menu ul.sb_menu li a.connections span:before {
    content: "\e726"
}
.sidebar_menu ul.sb_menu li a.files span:before {
    content: "\e6b8"
}
.sidebar_menu ul.sb_menu li a.trash span:before {
    content: "\e681"
}
.sidebar_menu ul.sb_menu li a.business_settings span:not(.hide_mobile):not(.hide_compact):before {
    content: "\e673";
}
.sidebar_menu ul.sb_menu li a span.hide_compact:before {
	content: none !important;
}
.sidebar_menu {
    position: fixed;
    z-index: 99999999;
    width: 210px;
    height: 100%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow: visible;
    float: left;
    display: block;
    background: #333333
}
.sidebar_menu ul {
    display: block;
    margin: 20px auto 0;
    margin-left: 0
}
.sidebar_menu ul li {
    border: none;
    clear: both;
    width: 100%
}
.sidebar_menu ul li a {
    color: rgba(255, 255, 255, .8);
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    padding: 11px 0 11px 16px;
    height: 47px
}
.sidebar_menu ul.disabled li a {
    color: rgba(255, 255, 255, 1)
}
.sidebar_menu ul:not(.disabled) li.current a:not(.new) {
    background: rgba(0, 0, 0, .25);
    color: #fff
}
.sidebar_menu ul:not(.disabled) li a.active,
.sidebar_menu ul:not(.account):not(.disabled) li:not(.current):hover a:not(.new) {
    background: rgba(0, 0, 0, .12);
    color: #fff
}
main {
    margin: 0 auto;
    padding: 0 16px 16px;
    min-height: 100%;
    margin: 0 0 0 210px;
    padding: 0;
    min-height: initial
}
#desk {
    margin-right: 30px;
    padding-bottom: 20px;
    font-size: 14px;
	position: relative !important;
}
#desk.static,
#desk.small,
#desk.medium {
    max-width: none
}
#desk.statement {
    max-width: 980px
}
#desk.dashboard {
	max-width: none !important;
}
#container {
    background: #f2f2f2;
    padding-bottom: 50px;
    margin-left: 30px
}
#container .announcement {
    width: auto;
    display: block;
    background: #fff;
    margin-right: 30px;
    margin-bottom: 30px;
    border-radius: 3px;
    border: 2px solid #d7d7d9;
}
#container .announcement .announcement_content {
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
}
#container .announcement .announcement_content .left,
#container .announcement .announcement_content .right {
    padding: 5px 20px;
    width: 50%
}
#container .announcement .announcement_content .left {
    border-right: 1px solid #d7d7d9
}
#container .announcement .announcement_content .right {
    background: #f2f2f2
}
#container .announcement .announcement_content h1 {
    font-size: 18px;
    margin-top: 20px
}
#container .announcement .announcement_content ul {
    padding: 0;
    padding-left: 15px;
    font-size: 14px
}
#container .announcement .announcement_content ul li {
    margin-bottom: 1px
}
#container .announcement .announcement_header {
    padding: 5px 20px
}
#container .announcement .announcement_content {
    border-top: 1px solid #d7d7d9
}
#container .announcement .announcement_content form .form_row label {
    display: block;
    color: #8c8c91;
    font-size: 14px;
    margin-bottom: 5px
}
#container .announcement .announcement_content form .form_row:last-of-type {
    margin-bottom: 0;
    margin-top: 25px
}
#container .announcement .announcement_content form .form_row input {
    padding: 0 5px;
    outline: none;
    font-weight: 400;
    line-height: 35px;
    height: 35px;
    color: #333333;
    -webkit-appearance: none;
    width: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    border: 2px solid #d7d7d9;
    font-size: 14px
}
#container .announcement .announcement_content form .form_row input:focus {
    border-color: #00a3d3
}
#container .announcement .announcement_content form .form_row button {
    background: #00a3d3;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    height: 36px;
    margin: 0;
    cursor: pointer;
    font-weight: 300;
    position: relative;
    font-size: 14px
}
#container .announcement .announcement_content form .form_row button.loading:before {
    left: 37px!important
}
#container .announcement .announcement_content form .form_row a.cancel_import {
    color: inherit;
    margin-left: 10px;
    font-size: 14px
}
#container .announcement img {
    display: inline-block;
    float: left;
    margin-top: 7px
}
#container .announcement p {
    display: inline-block;
    font-size: 14px;
    float: right
}
#container .announcement p a:not(.normal_style) {
    padding: 11px 16px;
    font-size: 15px;
    text-align: center;
    outline: none;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    background: #00a3d3;
    color: #fff;
    font-weight: 400;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    position: relative
}
#container {
    background: #f2f2f2;
    padding-bottom: 50px
}
#desk .board.free {
    border: 0;
    background: transparent
}
#desk.multiple .board {
    margin-bottom: 20px
}
#desk.multiple .board:last-of-type {
    margin-bottom: 0
}
#desk.dashboard .page.recent_drafts ul a .show_on_hover,
#desk.dashboard .page.recent_drafts ul a:hover .hide_on_hover {
	display: none;
}
#desk.dashboard .page.recent_drafts ul a:hover .show_on_hover {
	display: initial;
}
#desk.dashboard .board.multiple_boxes .page,
#desk.dashboard .board:not(.multiple_boxes) {
    border-color: #d1d1d1;
    border-width: 1px
}
#desk.dashboard .board.multiple_boxes .page {
	max-width: 50%;
}
#desk ul.blank {
    padding: 0;
    list-style: none;
    margin: 0
}
#desk.dashboard ul.ataglance li {
    padding: 10px 20px;
    border-top: 1px solid #e8e8e9
}
#desk.dashboard ul.ataglance li:first-of-type {
    border-top: none
}
#desk.dashboard ul.ataglance li:before {
    font-family: 'Ionicons';
    font-size: 18px;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    content: "\f3a8";
    margin-right: 10px
}
#desk.dashboard ul.ataglance li.monthly_rec_rev:before {
    content: "\f26e"
}
#desk.dashboard ul.ataglance li.overdue:before {
    content: "\f3bc"
}
#desk.dashboard ul.ataglance li.total_received:before {
    content: "\f383"
}
#desk.dashboard ul.ataglance li.number_clients:before {
    content: "\f39e"
}
#desk.dashboard ul.ataglance li.time_to_pay:before {
    content: "\f3b3"
}
#desk.dashboard ul.linked_list li {
    padding: 10px 20px;
    border-top: 1px solid #e8e8e9 !important;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	height: 40px;
}
@media screen and (min-width: 801px) {
	.board .page.recent_drafts ul.linked_list li > span:not(.right) {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 75%;
		display: inline-block;
	}
}
#desk.dashboard ul.linked_list a {
    color: inherit
}
#desk.dashboard ul.linked_list a:hover li {
    color: inherit;
    background: rgba(243, 243, 243, .40)
}
#desk.dashboard ul.linked_list a:first-of-type li {
    border-top: none !important;
}
#desk.dashboard .board #main-chart {
    padding: 20px
}
#desk.dashboard .board #pie-chart {
    float: left;
    height: 160px;
    width: 40%
}
#desk.dashboard .board .no_data {
    position: absolute;
    left: 3%;
    top: 110px;
    color: #d7d7d9;
}
#desk.dashboard ul.legend {
    /*float: right;*/
    height: 160px;
    width: 54%;
    padding-top: 20px
}
#desk.dashboard ul.legend li {
    padding: 7px 10px;
    background: #e8e8e9;
    margin-bottom: 7px;
    color: #333333;
    border-left: 10px solid;
    border-color: #333333;
    max-width: 260px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#desk.dashboard ul.legend li .right {
    margin-top: 3px;
}
#desk.dashboard ul.legend li:hover {
    background: rgba(54, 59, 77, .2)
}
#desk.dashboard ul.legend li.received {
    border-color: #3da07b
}
#desk.dashboard ul.legend li.received:hover {
    background: rgba(61, 160, 123, .3)
}
#desk.dashboard ul.legend li.outstanding {
    border-color: #e35256
}
#desk.dashboard ul.legend li.outstanding:hover {
    background: rgba(227, 82, 86, .3)
}
#desk.dashboard .board.chart .box_header {
    background: #e8e8e9;
    border-color: #e8e8e9
}

.graph_tooltip_new {
    background: #f5f5f5;
    border: 1px solid #d7d7d9;
    padding: 5px 5px;
    line-height: 20px;
	border-radius: 2px;
	box-shadow: 0 2px 8px 0 rgba(75, 75, 87, .2);
}
#desk.dashboard #comparison-chart .tooltip_item {
    display: block;
    margin-bottom: 3px;
    font-family: inherit
}
#desk.dashboard #main-chart .tooltip_item {
    background: #e8e8e9;
    border: 1px solid #d7d7d9;
    padding: 5px;
    border-radius: 3px;
    margin: 0 auto
}
#desk.dashboard #comparison-chart .tooltip_item.Invoiced {
    color: #3da07b
}
#desk.dashboard #comparison-chart .tooltip_item.Expenses {
    color: #e35256
}
#desk .board .page.red {
    border-color: #e35256!important;
    border-width: 2px!important
}
#desk .board .page.green {
    border-color: #3da07b!important;
    border-width: 2px!important;
    color: inherit!important
}
#desk .board .page.red .box_header {
    background: #e35256;
    color: #fff;
    font-weight: 400;
    border-color: #e35256
}
#desk .board .page.green .box_header {
    background: #3da07b;
    color: #fff!important;
    font-weight: 400;
    border-color: #3da07b
}
.board header.box_header {
    padding: 10px 20px;
    border-bottom: 1px solid #e8e8e9;
    background: #e8e8e9;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
	font-weight: normal !important;
}
.board header.box_header a {
    float: right;
    font-weight: 400;
    cursor: pointer;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.board header.box_header.icon:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
.board header.box_header.icon {
	line-height: 20px;
}
.board.signers header.box_header.icon:before,
.board.recipients header.box_header.icon:before {
	content: "\e726";
}
.board.message header.box_header.icon:before {
	content: "\e697";
}
.board.document_settings header.box_header.icon:before {
	content: "\e673";
}
.board.signature_type header.box_header.icon:before {
	content: "\e673";
}
.board.signature_type {
	padding: 0;
	background: none;
	border: 0;
}
.board.signature_type section {
	padding: 0 !important;
}
.board .page {
    padding: 16px 0
}
.board {
    position: relative;
    background: #FFF;
    border: 1px solid #d7d7d9;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: -12px;
    padding: 0;
    border: 1px solid #d7d7d9;
    box-shadow: 0 10px 22px 0 rgba(0,0,0,.01);
}
body:not(.cp_prepare_document) .board {
	overflow: hidden;
}
.x_content .board,
.board.recipients,
.board.signers {
	overflow: visible !important;
}
#desk.statement .board {
    margin-bottom: 20px
}
#desk.settings .board.submit {
    border: 0;
    background: transparent;
    position: relative;
    box-shadow: none
}
.board:after {
    content: "";
    display: table;
    clear: both
}
.board .page {
    padding: 50px!important;
    float: left;
    width: 100%;
}
body:not(.cp_prepare_document) .board .page {
	overflow: visible;
}
.x_content .board .page {
	overflow: visible;
}
#desk .board.multiple_boxes {
    background: transparent;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
}
#desk .board.multiple_boxes .page {
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #d7d7d9;
    margin: 0 20px 0 0;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column;
}
#desk .plan_type_switch {
    margin-bottom: 45px;
    text-align: center;
    display: block;
    margin-top: 45px;
}
#desk .plan_type_switch a {
	color: #333333;
    background: #ffffff;
    display: inline-block;
    padding: 10px;
    width: 135px;
    position: relative;
}
#desk .plan_type_switch a.selected {
    background: rgba(46, 55, 69, .9);
    color: #ffffff;
}
#desk .plan_type_switch a.type_standard {
    border-radius: 5px 0 0 5px;
}
#desk .plan_type_switch a.type_api {
    margin-left: -5px;
    border-radius: 0 5px 5px 0;
}
#desk .board.multiple_boxes.subscription_plans {
    border-top: 1px solid #e8e8e9;
    padding-top: 20px;
    text-align: center
}
#desk .board.multiple_boxes.subscription_plans .page.current {
    border-color: #333
}
#desk .board.multiple_boxes.subscription_plans .page .header {
    border-bottom: 0 solid #d7d7d9!important;
    padding: 15px 13px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    float: none
}
#desk .board.multiple_boxes.subscription_plans .page .header:before {
    font-family: 'Linearicons';
    margin-right: 5px;
    margin-top: -6px;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
}
#desk .board.multiple_boxes.subscription_plans .page.current .header:before {
    color: #333
}
#desk .board.multiple_boxes.subscription_plans .page.free .header:before {
    content: '\e605'
}
#desk .board.multiple_boxes.subscription_plans .page.basic .header:before {
    content: '\e744'
}
#desk .board.multiple_boxes.subscription_plans .page.professional .header:before {
    content: '\e837'
}
#desk .board.multiple_boxes.subscription_plans .page.professional .header:before {
    content: "\e837";
}
#desk .board.multiple_boxes.subscription_plans .page.enterprise .header:before {
    content: '\e7b9'
}
#desk .board.multiple_boxes.subscription_plans .page.api_light .header:before {
    content: '\e7c5'
}
#desk .board.multiple_boxes.subscription_plans .page.api_business .header:before {
    content: '\e7c7'
}
#desk .board.multiple_boxes.subscription_plans .page.api_business_pro .header:before {
    content: '\e7c9'
}
#desk .board.multiple_boxes.subscription_plans .page.custom .header:before {
    content: '\e7cb'
}
#desk .board.multiple_boxes.subscription_plans .page .stretch {
    height: 500px
}
#desk .board.multiple_boxes.subscription_plans .page.api_plan .stretch {
    height: 550px
}
#desk .board.multiple_boxes.subscription_plans .page.api_plan {
	display: none;
}
#desk .board.multiple_boxes.subscription_plans.show_api_plans .page.api_plan {
	display: inline-block;
}
#desk .board.multiple_boxes.subscription_plans.show_api_plans .page:not(.api_plan) {
	display: none;
}
#desk .board.multiple_boxes .page:last-of-type,
#desk .board.multiple_boxes .page.enterprise {
    margin-right: 0!important
}
#desk .board.multiple_boxes.subscription_plans .page.highlighted section.basic {
    border-color: #e8e8e9
}
#desk .board.multiple_boxes.subscription_plans .page.highlighted section.professional {
    border-bottom: 1px solid
}
#desk .board.multiple_boxes.subscription_plans .page.highlighted {
    background: #eee;
    background: -moz-linear-gradient(top, #fff 10%, #d9d9d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(100%, #d9d9d9));
    background: -webkit-linear-gradient(top, #fff 10%, #d9d9d9 100%);
    background: -o-linear-gradient(top, #fff 10%, #d9d9d9 100%);
    background: -ms-linear-gradient(top, #fff 10%, #d9d9d9 100%);
    background: linear-gradient(to bottom, #fff 10%, #e9e9e9 100%)
}
#desk .board.multiple_boxes.subscription_plans .page.highlighted .action a {
    background: #3da07b;
    border-color: #3da07b!important;
    color: #fff
}
#desk .board.multiple_boxes.subscription_plans .page.highlighted.api_plan .action a:not(.disabled) {
	background: #df7055;
    border-color: #df7055!important;
}
#desk .board.multiple_boxes.subscription_plans .page.highlighted section {
    border-color: #d8d8d9!important
}
#desk .board.multiple_boxes.subscription_plans .page .action {
    padding: 10px
}
#desk .board.multiple_boxes.subscription_plans .page .action a {
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    display: block;
    color: #000;
    border: 1px solid #d7d7d9!important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 7px 0
}
#desk .board.multiple_boxes.subscription_plans .page .action a.disabled {
    border-color: rgba(0, 0, 0, 0)!important;
    cursor: default;
    pointer-events: none;
    background: inherit;
    color: inherit!important
}
#desk .board.multiple_boxes.subscription_plans .page section.gray {
    background: rgba(0,0,0,.05);
}
#desk .board.multiple_boxes.subscription_plans .page ul.features {
    margin: 0;
    list-style: none;
    padding: 0;
    text-align: center;
	margin-top: 10px;
}
#desk .board.multiple_boxes.subscription_plans .page section.expandable ul.features {
    display: none
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li {
    padding: 7px 0;
    margin-left: 10px;
    text-align: left
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li:before {
    font-family: 'Linearicons';
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -3px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li.pricing_feature_documents:before,
.x_content.upgrade_popup ul li.pricing_feature_documents:before {
    content: "\e6b3";
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li.pricing_feature_templates:before,
.x_content.upgrade_popup ul li.pricing_feature_templates:before {
    content: "\e6b9";
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li.pricing_feature_apirequests:before,
.x_content.upgrade_popup ul li.pricing_feature_apirequests:before {
    content: "\e90b";
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li.pricing_feature_users:before,
.x_content.upgrade_popup ul li.pricing_feature_users:before {
    content: "\e71f";
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li.pricing_feature_integrations:before,
.x_content.upgrade_popup ul li.pricing_feature_integrations:before {
    content: "\e874";
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li.pricing_feature_inperson:before,
.x_content.upgrade_popup ul li.pricing_feature_inperson:before {
    content: "\e7ac";
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li.pricing_feature_support:before,
.x_content.upgrade_popup ul li.pricing_feature_support:before {
    content: "\e7ed";
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li.pricing_feature_branding:before,
.x_content.upgrade_popup ul li.pricing_feature_branding:before {
    content: "\e627";
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li.pricing_feature_sms_2fa:before,
.x_content.upgrade_popup ul li.pricing_feature_sms_2fa:before {
    content: "\e76b";
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li:first-of-type {
    padding-top: 0
}
#desk .board.multiple_boxes.subscription_plans .page .pricing {
    text-align: center;
    font-size: 16px
}
#desk .board.multiple_boxes .page.custom .pricing > span {
    font-size: 20px;
    line-height: 70px;
}
#desk .board.multiple_boxes.subscription_plans .page .pricing span.monthly {
    background: #e3f5ee;
    color: #3da07b;
    border: 1px solid #b8e5d4;
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    margin: 0 auto 10px;
    padding: 8px 10px 6px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}
#desk .board.multiple_boxes.subscription_plans .page.api_plan .pricing span.monthly {
    background: #fbeeea;
    color: #df7055;
    border: 1px solid #df7055;
}
#desk .board.multiple_boxes.subscription_plans .page .pricing span.yearly {
    font-size: 14px;
    display: block;
    color: #a1a1a1;
	margin-top: 3px;
}
#desk .board.multiple_boxes.subscription_plans .page.highlighted .pricing span.monthly {
    background: #3da07b;
    color: #fff;
    border-color: #3da07b
}
#desk .board.multiple_boxes.subscription_plans .page.highlighted.api_plan .pricing span.monthly {
    background: #df7055;
    border-color: #df7055;
}
#desk section.plan_summary ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0
}
#desk section.plan_summary ul li {
    color: #8c8c91;
    font-size: 13px;
    font-weight: 400
}
#desk section.plan_summary ul li:before {
    content: "+ "
}
#desk section.invoices ul li {
    border-bottom: 1px solid #e8e8e9;
    padding: 15px 0;
    height: 50px
}
#desk section.invoices ul li .status {
    color: #fff;
    background: #3da07b;
    padding: 5px;
    border-radius: 2px;
    font-size: 13px;
    margin-right: 10px
}
#desk section.invoices ul li .status.due {
    background: #e35256
}
#desk section.invoices ul li .date {
    font-weight: 700
}
#desk section.invoices ul li a {
    padding: 8px;
    background: #f5f5f5;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 13px!important;
    border: 1px solid #d7d7d9;
    color: #444
}
#desk section.invoices ul li a.pay {
    margin-right: 10px;
    background: #e35256;
    color: #fff;
    border-color: #e35256
}
#desk section.payment_methods ul li {
    border-bottom: 1px solid #e8e8e9;
    padding: 10px 0
}
#desk section.payment_methods ul li:first-of-type,
#desk section.invoices ul li:first-of-type {
    padding-top: 0
}
#desk section.invoices ul li:first-of-type,
#desk section.invoices ul li:last-of-type {
    height: 35px
}
#desk section.invoices ul li:first-of-type {
    margin-top: 5px
}
#desk section.invoices ul li:last-of-type {
    padding-bottom: 25px!important
}
#desk section.payment_methods ul li:last-of-type,
#desk section.invoices ul li:last-of-type {
    border-bottom: 0;
    padding-bottom: 0
}
#desk section.payment_methods ul li input,
#desk section.payment_methods ul li label {
    display: inline-block!important
}
#desk section.payment_methods ul li input {
    margin-right: 10px
}
#desk section.payment_methods ul li label {
    margin-bottom: 0!important;
    color: inherit!important
}
#desk section.payment_methods ul li label:before {
    margin-right: 10px;
    content: "";
    background-size: 35px!important;
    width: 35px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px
}
#desk section.payment_methods ul li label.visa:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9Ijc1MHB4IiBoZWlnaHQ9IjQ3MXB4IiB2aWV3Qm94PSIwIDAgNzUwIDQ3MSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMy4xICgxMjAwNSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+U2xpY2UgMTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJ2aXNhIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0xIiBmaWxsPSIjMEU0NTk1IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIwIiB5PSIwIiB3aWR0aD0iNzUwIiBoZWlnaHQ9IjQ3MSIgcng9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNzguMTk3NSwzMzQuMjI3NSBMMzExLjU1ODUsMTM4LjQ2NTUgTDM2NC45MTc1LDEzOC40NjU1IEwzMzEuNTMzNSwzMzQuMjI3NSBMMjc4LjE5NzUsMzM0LjIyNzUgTDI3OC4xOTc1LDMzNC4yMjc1IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNNTI0LjMwNzUsMTQyLjY4NzUgQzUxMy43MzU1LDEzOC43MjE1IDQ5Ny4xNzE1LDEzNC40NjU1IDQ3Ni40ODQ1LDEzNC40NjU1IEM0MjMuNzYwNSwxMzQuNDY1NSAzODYuNjIwNSwxNjEuMDE2NSAzODYuMzA0NSwxOTkuMDY5NSBDMzg2LjAwNzUsMjI3LjE5ODUgNDEyLjgxODUsMjQyLjg5MDUgNDMzLjA1ODUsMjUyLjI1NDUgQzQ1My44Mjc1LDI2MS44NDk1IDQ2MC44MTA1LDI2Ny45Njk1IDQ2MC43MTE1LDI3Ni41Mzc1IEM0NjAuNTc5NSwyODkuNjU5NSA0NDQuMTI1NSwyOTUuNjU0NSA0MjguNzg4NSwyOTUuNjU0NSBDNDA3LjQzMTUsMjk1LjY1NDUgMzk2LjA4NTUsMjkyLjY4NzUgMzc4LjU2MjUsMjg1LjM3ODUgTDM3MS42ODY1LDI4Mi4yNjY1IEwzNjQuMTk3NSwzMjYuMDkwNSBDMzc2LjY2MDUsMzMxLjU1NDUgMzk5LjcwNjUsMzM2LjI4OTUgNDIzLjYzNTUsMzM2LjUzNDUgQzQ3OS43MjQ1LDMzNi41MzQ1IDUxNi4xMzY1LDMxMC4yODc1IDUxNi41NTA1LDI2OS42NTI1IEM1MTYuNzUxNSwyNDcuMzgzNSA1MDIuNTM1NSwyMzAuNDM1NSA0NzEuNzUxNSwyMTYuNDY0NSBDNDUzLjEwMDUsMjA3LjQwODUgNDQxLjY3ODUsMjAxLjM2NTUgNDQxLjc5OTUsMTkyLjE5NTUgQzQ0MS43OTk1LDE4NC4wNTg1IDQ1MS40Njc1LDE3NS4zNTc1IDQ3Mi4zNTY1LDE3NS4zNTc1IEM0ODkuODA1NSwxNzUuMDg2NSA1MDIuNDQ0NSwxNzguODkxNSA1MTIuMjkyNSwxODIuODU3NSBMNTE3LjA3NDUsMTg1LjExNjUgTDUyNC4zMDc1LDE0Mi42ODc1IiBpZD0icGF0aDEzIiBmaWxsPSIjRkZGRkZGIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik02NjEuNjE0NSwxMzguNDY1NSBMNjIwLjM4MzUsMTM4LjQ2NTUgQzYwNy42MTA1LDEzOC40NjU1IDU5OC4wNTI1LDE0MS45NTE1IDU5Mi40NDI1LDE1NC42OTk1IEw1MTMuMTk3NSwzMzQuMTAyNSBMNTY5LjIyODUsMzM0LjEwMjUgQzU2OS4yMjg1LDMzNC4xMDI1IDU3OC4zOTA1LDMwOS45ODA1IDU4MC40NjI1LDMwNC42ODQ1IEM1ODYuNTg1NSwzMDQuNjg0NSA2NDEuMDE2NSwzMDQuNzY4NSA2NDguNzk4NSwzMDQuNzY4NSBDNjUwLjM5NDUsMzExLjYyMTUgNjU1LjI5MDUsMzM0LjEwMjUgNjU1LjI5MDUsMzM0LjEwMjUgTDcwNC44MDI1LDMzNC4xMDI1IEw2NjEuNjE0NSwxMzguNDY1NSBMNjYxLjYxNDUsMTM4LjQ2NTUgWiBNNTk2LjE5NzUsMjY0Ljg3MjUgQzYwMC42MTA1LDI1My41OTM1IDYxNy40NTY1LDIxMC4xNDk1IDYxNy40NTY1LDIxMC4xNDk1IEM2MTcuMTQxNSwyMTAuNjcwNSA2MjEuODM2NSwxOTguODE1NSA2MjQuNTMxNSwxOTEuNDY1NSBMNjI4LjEzODUsMjA4LjM0MzUgQzYyOC4xMzg1LDIwOC4zNDM1IDYzOC4zNTU1LDI1NS4wNzI1IDY0MC40OTA1LDI2NC44NzE1IEw1OTYuMTk3NSwyNjQuODcxNSBMNTk2LjE5NzUsMjY0Ljg3MjUgTDU5Ni4xOTc1LDI2NC44NzI1IFoiIGlkPSJQYXRoIiBmaWxsPSIjRkZGRkZGIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMzIuOTAyNSwxMzguNDY1NSBMMTgwLjY2MjUsMjcxLjk2MDUgTDE3NS4wOTY1LDI0NC44MzE1IEMxNjUuMzcxNSwyMTMuNTU3NSAxMzUuMDcxNSwxNzkuNjc1NSAxMDEuMTk3NSwxNjIuNzEyNSBMMTQ4Ljk2NDUsMzMzLjkxNTUgTDIwNS40MTk1LDMzMy44NTA1IEwyODkuNDIzNSwxMzguNDY1NSBMMjMyLjkwMjUsMTM4LjQ2NTUiIGlkPSJwYXRoMTYiIGZpbGw9IiNGRkZGRkYiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTEzMS45MTk1LDEzOC40NjU1IEw0NS44Nzg1LDEzOC40NjU1IEw0NS4xOTc1LDE0Mi41Mzg1IEMxMTIuMTM2NSwxNTguNzQyNSAxNTYuNDI5NSwxOTcuOTAxNSAxNzQuODE1NSwyNDQuOTUyNSBMMTU2LjEwNjUsMTU0Ljk5MjUgQzE1Mi44NzY1LDE0Mi41OTY1IDE0My41MDg1LDEzOC44OTc1IDEzMS45MTk1LDEzOC40NjU1IiBpZD0icGF0aDE4IiBmaWxsPSIjRjJBRTE0IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat
}
#desk section.payment_methods ul li label.mastercard:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUwIiBoZWlnaHQ9IjQ3MSIgdmlld0JveD0iMCAwIDc1MCA0NzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPlNsaWNlIDE8L3RpdGxlPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHJlY3QgZmlsbD0iIzAwMCIgd2lkdGg9Ijc1MCIgaGVpZ2h0PSI0NzEiIHJ4PSI0MCIvPjxwYXRoIGQ9Ik00MzQuMDA4IDIzNS41YzAgOTkuMTQyLTgwLjM3IDE3OS41MDQtMTc5LjUwOCAxNzkuNTA0Uzc1IDMzNC42NDIgNzUgMjM1LjVjMC05OS4xMzMgODAuMzYyLTE3OS41MDQgMTc5LjUtMTc5LjUwNCA5OS4xMzcgMCAxNzkuNTA4IDgwLjM3IDE3OS41MDggMTc5LjUwNCIgZmlsbD0iI0Q5MjIyQSIvPjxwYXRoIGQ9Ik00OTUuNDkyIDU1Ljk5NmMtNDYuMzggMC04OC42NDIgMTcuNTk2LTEyMC41IDQ2LjQ2Ni02LjQ4OCA1Ljg4NC0xMi41NDYgMTIuMjM4LTE4LjEyNSAxOC45OTZoMzYuMjY2YzQuOTYgNi4wMyA5LjUyNSAxMi4zNyAxMy42ODQgMTkuMDEzaC02My42MzRjLTMuODEyIDYuMTA1LTcuMjc1IDEyLjQ0Ny0xMC4zNCAxOS4wMWg4NC4zMWMyLjg4IDYuMTU3IDUuNDIyIDEyLjQ5NSA3LjYgMTkuMDAzaC05OS41MWMtMi4wNzYgNi4xOTItMy44MjIgMTIuNTMtNS4yMTggMTkuMDFoMTA5Ljk0MmMyLjYzNyAxMi4yNSA0LjA0IDI0Ljk2NSA0LjA0IDM4LjAwNyAwIDE5LjkzMy0zLjI1MyAzOS4xMTMtOS4yNTMgNTcuMDJoLTk5LjUxMmMyLjE3NSA2LjUxMyA0LjcxNiAxMi44NTUgNy41OTUgMTkuMDFoODQuMzE3Yy0zLjA3NSA2LjU2Mi02LjUzIDEyLjkwMy0xMC4zNDYgMTkuMDEyaC02My42MjVjNC4xNTQgNi42MyA4LjczIDEyLjk4IDEzLjY4NCAxOC45OTZoMzYuMjU4Yy01LjU3IDYuNzctMTEuNjMzIDEzLjEzMy0xOC4xMyAxOS4wMTIgMzEuODYgMjguODY3IDc0LjExOCA0Ni40NTQgMTIwLjQ5NyA0Ni40NTRDNTk0LjYzIDQxNS4wMDQgNjc1IDMzNC42NDIgNjc1IDIzNS41YzAtOTkuMTMtODAuMzctMTc5LjUwNC0xNzkuNTA4LTE3OS41MDQiIGZpbGw9IiNFRTlGMkQiLz48cGF0aCBkPSJNNjUxLjA3NSAzMzUuNTU4YzAtMy4yIDIuNTkyLTUuOCA1Ljc5Ni01LjggMy4yMDUgMCA1Ljc5NyAyLjYgNS43OTcgNS44IDAgMy4yLTIuNTkyIDUuOC01Ljc5NiA1LjgtMy4yMDMgMC01Ljc5NS0yLjYtNS43OTUtNS44em01Ljc5NiA0LjQxYzIuNDM0IDAgNC40MS0xLjk3NiA0LjQxLTQuNDEgMC0yLjQzNy0xLjk3Ni00LjQwNC00LjQxLTQuNDA0LTIuNDM3IDAtNC40MDMgMS45NjctNC40MDMgNC40MDQgMCAyLjQzNCAxLjk2NiA0LjQxIDQuNDA0IDQuNDF6bS0uNzgyLTEuODZINjU0Ljl2LTUuMDk1aDIuMTVjLjQ1IDAgLjkwOCAwIDEuMzA0LjI1NC40MTMuMjguNjQ2Ljc3LjY0NiAxLjI4IDAgLjU3LS4zMzcgMS4xMDMtLjg4MyAxLjMxbC45MzcgMi4yNWgtMS4zMTZsLS43OC0yLjAxNWgtLjg3djIuMDE2em0wLTIuODloLjY1OGMuMjQ2IDAgLjUwNC4wMi43MjUtLjEuMTk3LS4xMjYuMjk3LS4zNi4yOTctLjU4NSAwLS4xOTUtLjEyLS40Mi0uMjg4LS41MTYtLjIxLS4xMy0uNTM4LS4xLS43Ni0uMWgtLjYzMnYxLjN6TTIxMi41ODcgMjU1LjE1NGMtMi4wNDUtLjIzNy0yLjk0NS0uMy00LjM1LS4zLTExLjA0NSAwLTE2LjYzNyAzLjc4OC0xNi42MzcgMTEuMjY3IDAgNC42MTMgMi43MyA3LjU0NyA2Ljk4NyA3LjU0NyA3LjkzOCAwIDEzLjY2LTcuNTYgMTQtMTguNTEzem0xNC4xNyAzMi45OTZoLTE2LjE0NWwuMzctNy42NzVjLTQuOTI0IDYuMDY3LTExLjQ5NSA4Ljk1LTIwLjQyNCA4Ljk1LTEwLjU2MiAwLTE3LjgwNC04LjI1LTE3LjgwNC0yMC4yMyAwLTE4LjAyNCAxMi41OTYtMjguNTQgMzQuMjE3LTI4LjU0IDIuMjEgMCA1LjA0Mi4yIDcuOTQyLjU3LjYwNS0yLjQ0Mi43NjMtMy40ODcuNzYzLTQuOCAwLTQuOTA4LTMuMzk2LTYuNzM4LTEyLjUtNi43MzgtOS41MzMtLjEwOC0xNy4zOTYgMi4yNy0yMC42MjUgMy4zMzQuMjA0LTEuMjI4IDIuNy0xNi42NTcgMi43LTE2LjY1NyA5LjcxMi0yLjg0NiAxNi4xMTctMy45MTcgMjMuMzI1LTMuOTE3IDE2LjczMyAwIDI1LjU5NiA3LjUxMiAyNS41OCAyMS43MTIuMDMyIDMuODA1LS41OTcgOC41LTEuNTggMTQuNjctMS42OTIgMTAuNzMtNS4zMiAzMy43MTgtNS44MTcgMzkuMzIyek0xNjQuNiAyODguMTVoLTE5LjQ4OGwxMS4xNjMtNjkuOTk2LTI0LjkyNSA2OS45OTZoLTEzLjI4bC0xLjY0LTY5LjU5Ni0xMS43MzQgNjkuNTk2SDg2LjQ1NGwxNS4yMzgtOTEuMDU0aDI4LjAybDEuNyA1MC45NjcgMTcuMDkyLTUwLjk2N2gzMS4xNjdMMTY0LjYgMjg4LjE1TTUxOS41NzUgMjU1LjE1NGMtMi4wMzctLjIzNy0yLjk0Mi0uMy00LjM0Mi0uMy0xMS4wNCAwLTE2LjYzMyAzLjc4OC0xNi42MzMgMTEuMjY3IDAgNC42MTMgMi43MjUgNy41NDcgNi45ODMgNy41NDcgNy45MzggMCAxMy42NjMtNy41NiAxMy45OTItMTguNTEzem0xNC4xODMgMzIuOTk2aC0xNi4xNDVsLjM2Ni03LjY3NWMtNC45MjYgNi4wNjctMTEuNSA4Ljk1LTIwLjQyMiA4Ljk1LTEwLjU2NiAwLTE3LjgtOC4yNS0xNy44LTIwLjIzIDAtMTguMDI0IDEyLjU4OC0yOC41NCAzNC4yMTMtMjguNTQgMi4yMSAwIDUuMDM4LjIgNy45MzQuNTcuNjA0LTIuNDQyLjc2My0zLjQ4Ny43NjMtNC44IDAtNC45MDgtMy4zOTItNi43MzgtMTIuNDk2LTYuNzM4LTkuNTMyLS4xMDgtMTcuMzg3IDIuMjctMjAuNjI4IDMuMzM0LjIwNC0xLjIyOCAyLjcwOC0xNi42NTcgMi43MDgtMTYuNjU3IDkuNzEzLTIuODQ2IDE2LjExMy0zLjkxNyAyMy4zMTMtMy45MTcgMTYuNzQgMCAyNS42MDQgNy41MTIgMjUuNTg3IDIxLjcxMi4wMzMgMy44MDUtLjU5NiA4LjUtMS41OCAxNC42Ny0xLjY4MiAxMC43My01LjMyIDMzLjcxOC01LjgxMiAzOS4zMjJ6TTMxMy4zNjcgMjg3LjAyNWMtNS4zMzQgMS42OC05LjQ5MiAyLjQtMTQgMi40LTkuOTYzIDAtMTUuNC01LjcyNS0xNS40LTE2LjI2Ny0uMTQyLTMuMjcgMS40MzMtMTEuODggMi42Ny0xOS43MzcgMS4xMjUtNi45MTYgOC40NS01MC41MjggOC40NS01MC41MjhoMTkuMzdsLTIuMjYgMTEuMjA4aDExLjdsLTIuNjQzIDE3Ljc5NmgtMTEuNzQyYy0yLjI1IDE0LjA4My01LjQ1NCAzMS42MjUtNS40OSAzMy45NSAwIDMuODE3IDIuMDM2IDUuNDgzIDYuNjcgNS40ODMgMi4yMiAwIDMuOTQtLjIyNiA1LjI1NC0uN2wtMi41OCAxNi4zOTVNMzcyLjc1OCAyODYuNDI1Yy02LjY1NCAyLjAzMy0xMy4wNzUgMy4wMTctMTkuODggMy0yMS42ODItLjAyLTMyLjk4Ni0xMS4zNDYtMzIuOTg2LTMzLjAzMyAwLTI1LjMxMyAxNC4zOC00My45NDYgMzMuOS00My45NDYgMTUuOTcgMCAyNi4xNyAxMC40MzMgMjYuMTcgMjYuNzk2IDAgNS40My0uNyAxMC43My0yLjM4NyAxOC4yMTJIMzM5Yy0xLjMwNCAxMC43NDIgNS41NyAxNS4yMTcgMTYuODM3IDE1LjIxNyA2LjkzNCAwIDEzLjE4OC0xLjQyOCAyMC4xNDItNC42NjJsLTMuMjIyIDE4LjQxN3ptLTEwLjg4Ny00My45Yy4xMS0xLjU0MiAyLjA1NS0xMy4yMTctOS4wMTItMTMuMjE3LTYuMTcgMC0xMC41ODMgNC43MDQtMTIuMzggMTMuMjE3aDIxLjM5M3pNMjM4LjQ0NiAyMzcuNTA4YzAgOS4zNjcgNC41NCAxNS44MjUgMTQuODQgMjAuNjc1IDcuODkzIDMuNzEgOS4xMTQgNC44MSA5LjExNCA4LjE3IDAgNC42MTgtMy40OCA2LjctMTEuMTkyIDYuNy01LjgxMiAwLTExLjIyLS45MDctMTcuNDU4LTIuOTIgMCAwLTIuNTYzIDE2LjMyLTIuNjggMTcuMSA0LjQzLjk2NyA4LjM4IDEuODYzIDIwLjI4IDIuMTkyIDIwLjU2MiAwIDMwLjA1OC03LjgzIDMwLjA1OC0yNC43NSAwLTEwLjE3NS0zLjk3NS0xNi4xNDYtMTMuNzM3LTIwLjYzMy04LjE3LTMuNzUtOS4xMDgtNC41ODgtOS4xMDgtOC4wNDYgMC00LjAwNCAzLjIzOC02LjA0NiA5LjUzOC02LjA0NiAzLjgyNSAwIDkuMDUuNDA4IDE0IDEuMTEzbDIuNzc1LTE3LjE3NWMtNS4wNDYtLjgtMTIuNjk2LTEuNDQyLTE3LjE1LTEuNDQyLTIxLjggMC0yOS4zNDYgMTEuMzg3LTI5LjI4IDI1LjA2Mk00NjcuNTMzIDIxNC4zOTJjNS40MTMgMCAxMC40NiAxLjQyIDE3LjQxMyA0LjkybDMuMTg3LTE5Ljc2MmMtMi44NTQtMS4xMi0xMi45MDQtNy43LTIxLjQxNi03LjctMTMuMDQyIDAtMjQuMDY3IDYuNDctMzEuODIgMTcuMTUtMTEuMzEtMy43NDYtMTUuOTYgMy44MjUtMjEuNjYgMTEuMzY3bC01LjA2MiAxLjE4Yy4zODMtMi40ODQuNzMtNC45NS42MTMtNy40NDdoLTE3Ljg5NmMtMi40NDYgMjIuOTE3LTYuNzggNDYuMTMtMTAuMTcgNjkuMDc1bC0uODg1IDQuOTc1aDE5LjQ5NmMzLjI1NC0yMS4xNDIgNS4wMzgtMzQuNjggNi4xMi00My44NDJsNy4zNDMtNC4wODNjMS4wOTYtNC4wOCA0LjUzLTUuNDU4IDExLjQxNi01LjI5Mi0uOSA0LjgzNC0xLjM4MyA5LjkxNy0xLjM4MyAxNS4xODQgMCAyNC4yMjUgMTMuMDcgMzkuMzA4IDM0LjA1IDM5LjMwOCA1LjQwMyAwIDEwLjA0LS43MTIgMTcuMjItMi42NThsMy40My0yMC43NmMtNi40NiAzLjE4LTExLjc2IDQuNjc2LTE2LjU2IDQuNjc2LTExLjMyOCAwLTE4LjE4My04LjM2Mi0xOC4xODMtMjIuMTgzIDAtMjAuMDUgMTAuMTk2LTM0LjEwOCAyNC43NDYtMzQuMTA4IiBmaWxsPSIjMDAwIi8+PHBhdGggZD0iTTE3MC4yMDggMjgyLjc0MmgtMTkuNDlsMTEuMTctNjkuOTg4LTI0LjkyNiA2OS45ODhIMTIzLjY4bC0xLjY0My02OS41ODgtMTEuNzMzIDY5LjU4OEg5Mi4wNjJMMTA3LjMgMTkxLjdoMjguMDJsLjc4OCA1Ni4zNjMgMTguOTA0LTU2LjM2M2gzMC4yNjdsLTE1LjA3MiA5MS4wNDIiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNNjMyLjUyIDE5Ny4wOTZsLTQuMzIgMjYuMzA4Yy01LjMzLTcuMDEyLTExLjA1NC0xMi4wODctMTguNjEyLTEyLjA4Ny05LjgzNCAwLTE4Ljc4NCA3LjQ1NC0yNC42NDIgMTguNDI1LTguMTU4LTEuNjkyLTE2LjU5Ni00LjU2My0xNi41OTYtNC41NjNsLS4wMDQuMDY2Yy42NTgtNi4xMzMuOTItOS44NzUuODYyLTExLjE0NmgtMTcuOWMtMi40MzcgMjIuOTE3LTYuNzcgNDYuMTMtMTAuMTU4IDY5LjA3NWwtLjg5MiA0Ljk3NWgxOS40OTJjMi42MzMtMTcuMDk2IDQuNjUtMzEuMjkyIDYuMTMzLTQyLjU1IDYuNjYtNi4wMTcgOS45OTItMTEuMjY3IDE2LjcyLTEwLjkxNy0yLjk3OCA3LjIwNS00LjcyNCAxNS41MDUtNC43MjQgMjQuMDE3IDAgMTguNTEzIDkuMzY2IDMwLjcyNSAyMy41MzMgMzAuNzI1IDcuMTQgMCAxMi42Mi0yLjQ2MiAxNy45NjYtOC4xN2wtLjkxMyA2Ljg4M0g2MzYuOWwxNC44NDItOTEuMDQyaC0xOS4yMnptLTI0LjM3IDczLjk0MmMtNi42MzMgMC05Ljk4My00LjkxLTkuOTgzLTE0LjU5NiAwLTE0LjU1NCA2LjI3LTI0Ljg3NSAxNS4xMTItMjQuODc1IDYuNjk1IDAgMTAuMzIgNS4xMDQgMTAuMzIgMTQuNTA4IDAgMTQuNjgtNi4zNyAyNC45NjMtMTUuNDUgMjQuOTYzeiIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yMTguMTkyIDI0OS43NThjLTIuMDQyLS4yMzctMi45NDYtLjMtNC4zNDYtLjMtMTEuMDQ2IDAtMTYuNjM0IDMuNzg4LTE2LjYzNCAxMS4yNjcgMCA0LjYwNCAyLjczIDcuNTQ2IDYuOTggNy41NDYgNy45NDUgMCAxMy42NjYtNy41NTcgMTQtMTguNTEyem0xNC4xOCAzMi45ODRoLTE2LjE0N2wuMzY3LTcuNjYzYy00LjkyIDYuMDUzLTExLjUgOC45NS0yMC40MiA4Ljk1LTEwLjU2OCAwLTE3LjgwNS04LjI1LTE3LjgwNS0yMC4yMyAwLTE4LjAzMyAxMi41OS0yOC41NDIgMzQuMjE2LTI4LjU0MiAyLjIxIDAgNS4wNDIuMiA3LjkzOC41Ny42MDUtMi40NC43NjMtMy40ODYuNzYzLTQuODA3IDAtNC45MDctMy4zOS02LjcyOC0xMi40OTYtNi43MjgtOS41MzctLjExLTE3LjM5NSAyLjI3LTIwLjYzIDMuMzIuMjA1LTEuMjI1IDIuNy0xNi42MzcgMi43LTE2LjYzNyA5LjcxLTIuODU4IDE2LjEyMi0zLjkzIDIzLjMyMi0zLjkzIDE2LjczNyAwIDI1LjYwMyA3LjUxOCAyNS41ODcgMjEuNzA1LjAzIDMuODItLjYwNSA4LjUxMi0xLjU4NCAxNC42NzUtMS42ODcgMTAuNzI1LTUuMzIgMzMuNzI1LTUuODEyIDM5LjMxN3pNNDkzLjc0NiAxOTQuMTVsLTMuMTkyIDE5Ljc2N2MtNi45NS0zLjQ5Ni0xMi00LjkyLTE3LjQwOC00LjkyLTE0LjU1IDAtMjQuNzUgMTQuMDU3LTI0Ljc1IDM0LjEwNyAwIDEzLjgyIDYuODU4IDIyLjE4IDE4LjE4MyAyMi4xOCA0LjggMCAxMC4wOTUtMS40OTIgMTYuNTUzLTQuNjc2bC0zLjQyIDIwLjc1Yy03LjE4NCAxLjk2LTExLjgxNyAyLjY3LTE3LjIyNiAyLjY3LTIwLjk3NSAwLTM0LjA1LTE1LjA4Mi0zNC4wNS0zOS4zMDcgMC0zMi41NSAxOC4wNi01NS4zIDQzLjg4OC01NS4zIDguNTA4IDAgMTguNTYzIDMuNjEgMjEuNDIgNC43M001MjUuMTg4IDI0OS43NThjLTIuMDQyLS4yMzctMi45NDItLjMtNC4zNDYtLjMtMTEuMDQyIDAtMTYuNjM0IDMuNzg4LTE2LjYzNCAxMS4yNjcgMCA0LjYwNCAyLjczIDcuNTQ2IDYuOTg0IDcuNTQ2IDcuOTM3IDAgMTMuNjYyLTcuNTU3IDEzLjk5Ni0xOC41MTJ6bTE0LjE4IDMyLjk4NGgtMTYuMTVsLjM3LTcuNjYzYy00LjkyNSA2LjA1My0xMS41IDguOTUtMjAuNDIgOC45NS0xMC41NjQgMC0xNy44MDUtOC4yNS0xNy44MDUtMjAuMjMgMC0xOC4wMzMgMTIuNTk1LTI4LjU0MiAzNC4yMTItMjguNTQyIDIuMjEzIDAgNS4wNDIuMiA3Ljk0Mi41Ny42LTIuNDQuNzYyLTMuNDg2Ljc2Mi00LjgwNyAwLTQuOTA3LTMuMzkyLTYuNzI4LTEyLjQ5Ny02LjcyOC05LjUzMy0uMTEtMTcuMzk1IDIuMjctMjAuNjMgMy4zMi4yMDUtMS4yMjUgMi43MDUtMTYuNjM3IDIuNzA1LTE2LjYzNyA5LjcxLTIuODU4IDE2LjExNy0zLjkzIDIzLjMxNy0zLjkzIDE2Ljc0MiAwIDI1LjYwNCA3LjUxOCAyNS41ODMgMjEuNzA1LjAzNCAzLjgyLS41OTUgOC41MTItMS41OCAxNC42NzUtMS42ODIgMTAuNzI1LTUuMzI0IDMzLjcyNS01LjgxIDM5LjMxN3pNMzE4Ljk3NSAyODEuNjJjLTUuMzM4IDEuNjgtOS40OTYgMi40MS0xNCAyLjQxLTkuOTYzIDAtMTUuNC01LjcyNi0xNS40LTE2LjI2Ny0uMTM4LTMuMjggMS40MzctMTEuODggMi42NzUtMTkuNzM4IDEuMTItNi45MjUgOC40NDYtNTAuNTMzIDguNDQ2LTUwLjUzM2gxOS4zNjZsLTIuMjU4IDExLjIxMmg5Ljk0MmwtMi42NDYgMTcuNzg4aC05Ljk3NWMtMi4yNSAxNC4wOS01LjQ2MyAzMS42Mi01LjQ5NiAzMy45NSAwIDMuODMgMi4wNCA1LjQ4MyA2LjY3IDUuNDgzIDIuMjIgMCAzLjkzNy0uMjE3IDUuMjU0LS42OTJsLTIuNTggMTYuMzg4TTM3OC4zNjcgMjgxLjAzYy02LjY1IDIuMDMzLTEzLjA4IDMuMDEyLTE5Ljg4IDMtMjEuNjgzLS4wMjItMzIuOTg3LTExLjM0Ny0zMi45ODctMzMuMDM0IDAtMjUuMzIgMTQuMzgtNDMuOTUgMzMuOS00My45NSAxNS45NyAwIDI2LjE3IDEwLjQzIDI2LjE3IDI2LjggMCA1LjQzMy0uNyAxMC43MzMtMi4zODIgMTguMjEyaC0zOC41NzVjLTEuMzA1IDEwLjc0MiA1LjU3IDE1LjIyIDE2LjgzNyAxNS4yMiA2LjkzIDAgMTMuMTg4LTEuNDMyIDIwLjEzNy00LjY3NGwtMy4yMiAxOC40MjV6bS0xMC44OTItNDMuOTEzYy4xMTctMS41MzggMi4wNTgtMTMuMjE3LTkuMDEzLTEzLjIxNy02LjE2NiAwLTEwLjU4IDQuNzE3LTEyLjM3NSAxMy4yMTdoMjEuMzg4ek0yNDQuMDU0IDIzMi4xMTNjMCA5LjM2NiA0LjU0MiAxNS44MTYgMTQuODQyIDIwLjY3NSA3Ljg5IDMuNzA4IDkuMTEyIDQuODEyIDkuMTEyIDguMTcgMCA0LjYxNy0zLjQ4MyA2LjctMTEuMTg3IDYuNy01LjgxNiAwLTExLjIyNC0uOTA4LTE3LjQ2Ni0yLjkyIDAgMC0yLjU1NCAxNi4zMi0yLjY3IDE3LjEgNC40Mi45NjYgOC4zNzQgMS44NSAyMC4yNzQgMi4xOSAyMC41NjcgMCAzMC4wNi03LjgyOCAzMC4wNi0yNC43NDUgMC0xMC4xOC0zLjk3Mi0xNi4xNS0xMy43NC0yMC42MzctOC4xNjYtMy43NTgtOS4xMS00LjU4My05LjExLTguMDQ2IDAtNCAzLjI0NC02LjA1OCA5LjU0LTYuMDU4IDMuODIgMCA5LjA0Ni40MiAxNC4wMDQgMS4xMjVsMi43Ny0xNy4xOGMtNS4wNC0uOC0xMi42OS0xLjQ0LTE3LjE0NS0xLjQ0LTIxLjgwNCAwLTI5LjM0NSAxMS4zNzgtMjkuMjgzIDI1LjA2Nk02NDIuNTA4IDI4Mi43NDJINjI0LjA3bC45MTgtNi44OTJjLTUuMzQ2IDUuNzE3LTEwLjgyNSA4LjE4LTE3Ljk2NyA4LjE4LTE0LjE2NiAwLTIzLjUyOC0xMi4yMTMtMjMuNTI4LTMwLjcyNiAwLTI0LjYzIDE0LjUyLTQ1LjM5MiAzMS43MDgtNDUuMzkyIDcuNTU4IDAgMTMuMjggMy4wODggMTguNjA0IDEwLjA5Nmw0LjMyNS0yNi4zMDhoMTkuMjJsLTE0Ljg0MiA5MS4wNDJ6bS0yOC43NDUtMTcuMTFjOS4wNzUgMCAxNS40NS0xMC4yODIgMTUuNDUtMjQuOTUzIDAtOS40MDUtMy42My0xNC41MS0xMC4zMjUtMTQuNTEtOC44MzggMC0xNS4xMTcgMTAuMzE4LTE1LjExNyAyNC44NzYgMCA5LjY4NyAzLjM2IDE0LjU4NyA5Ljk5MyAxNC41ODd6TTU1Ni45MiAyMDguNzA0Yy0yLjQ0IDIyLjkxNy02Ljc3NCA0Ni4xMy0xMC4xNjIgNjkuMDYzbC0uODkgNC45NzVoMTkuNDljNi45Ny00NS4yNzUgOC42Ni01NC4xMTcgMTkuNTg4LTUzLjAxIDEuNzQyLTkuMjY1IDQuOTgzLTE3LjM4MiA3LjQtMjEuNDc4LTguMTYzLTEuNy0xMi43MiAyLjkxMy0xOC42ODggMTEuNjc1LjQ3LTMuNzg4IDEuMzM0LTcuNDY4IDEuMTYzLTExLjIyNmgtMTcuOU0zOTYuNSAyMDguNzA0Yy0yLjQ0NiAyMi45MTctNi43OCA0Ni4xMy0xMC4xNjcgNjkuMDYzbC0uODg3IDQuOTc1aDE5LjVjNi45NjItNDUuMjc1IDguNjQ2LTU0LjExNyAxOS41Ny01My4wMSAxLjc1LTkuMjY1IDQuOTkyLTE3LjM4MiA3LjQtMjEuNDc4LTguMTU0LTEuNy0xMi43MTYgMi45MTMtMTguNjc4IDExLjY3NS40Ny0zLjc4OCAxLjMyNS03LjQ2OCAxLjE2Mi0xMS4yMjZoLTE3LjlNNjUxLjA2NyAyNzYuOTQ2YzAtMy4yMTMgMi41OTYtNS44IDUuNzk2LTUuOCAzLjIwNCAwIDUuNzk1IDIuNTg3IDUuNzk1IDUuOCAwIDMuMTk2LTIuNTkgNS43OTYtNS43OTUgNS43OTYtMy4yIDAtNS43OTYtMi42LTUuNzk2LTUuNzk2em01Ljc5NiA0LjQwNGMyLjQzNyAwIDQuNDA0LTEuOTc1IDQuNDA0LTQuNDA0IDAtMi40MzMtMS45NjctNC40MDgtNC40MDQtNC40MDgtMi40MzQgMC00LjQxIDEuOTc1LTQuNDEgNC40MDggMCAyLjQzIDEuOTc2IDQuNDA0IDQuNDEgNC40MDR6bS0uNzg0LTEuODdoLTEuMTg4di01LjA4NGgyLjE1NGMuNDQ2IDAgLjkwOC4wMDggMS4yOTYuMjU0LjQxNi4yODMuNjU0Ljc2Ny42NTQgMS4yNzUgMCAuNTc1LS4zMzggMS4xMTMtLjg4OCAxLjMxN2wuOTQyIDIuMjM3aC0xLjMybC0uNzgtMi4wMWgtLjg3djIuMDF6bTAtMi44OGguNjUzYy4yNDYgMCAuNTEzLjAxNy43My0uMS4xOTUtLjEyNS4yOTUtLjM2Mi4yOTUtLjU4NyAwLS4xODgtLjExNi0uNDEzLS4yODctLjUyNS0uMjAzLS4xMTctLjU0LS4wODQtLjc2Mi0uMDg0aC0uNjN2MS4yOTZ6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) no-repeat
}
#desk section.payment_methods ul li label.diners:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9Ijc1MHB4IiBoZWlnaHQ9IjQ3MXB4IiB2aWV3Qm94PSIwIDAgNzUwIDQ3MSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMy4yICgxMjA0MykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZGluZXJzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImRpbmVycyIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJyZWN0YW5nbGUiIGZpbGw9IiMwMDc5QkUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIHg9IjAiIHk9IjAiIHdpZHRoPSI3NTAiIGhlaWdodD0iNDcxIiByeD0iNDAiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTU4NC45MzM5MTEsMjM3Ljk0NzMzOSBDNTg0LjkzMzkxMSwxMzguNTMxNTQgNTAxLjk1Mjk3Niw2OS44MTQwODA2IDQxMS4wMzg5MjQsNjkuODQ3MTQ2NCBMMzMyLjc5Njc0LDY5Ljg0NzE0NjQgQzI0MC43OTM2OTksNjkuODE0MDgwNiAxNjUuMDY2MDg5LDEzOC41NTIwNDEgMTY1LjA2NjA4OSwyMzcuOTQ3MzM5IEMxNjUuMDY2MDg5LDMyOC44Nzc3NzggMjQwLjc5MzY5OSw0MDMuNTg3NDMyIDMzMi43OTY3NCw0MDMuMTUwOTYzIEw0MTEuMDM4OTI0LDQwMy4xNTA5NjMgQzUwMS45NTI5NzYsNDAzLjU4Njc3MSA1ODQuOTMzOTExLDMyOC44NTc5MzkgNTg0LjkzMzkxMSwyMzcuOTQ3MzM5IEw1ODQuOTMzOTExLDIzNy45NDczMzkgWiIgaWQ9IlNoYXBlLXBhdGgiIGZpbGw9IiNGRkZGRkYiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTMzMy4yODAzMDIsODMuOTMwODM5NCBDMjQ5LjIxMDM3OCw4My45NTcyOTIxIDE4MS4wODU4ODksMTUyLjIzODI4MiAxODEuMDY2MDg5LDIzNi41MTA1ODEgQzE4MS4wODU4ODksMzIwLjc2ODMzMSAyNDkuMjA5NzE5LDM4OS4wNDI3MDggMzMzLjI4MDMwMiwzODkuMDY5MTYxIEM0MTcuMzcwMDI1LDM4OS4wNDI3MDggNDg1LjUwODM3NSwzMjAuNzY4MzMxIDQ4NS41MjAyNTQsMjM2LjUxMDU4MSBDNDg1LjUwNzcxNSwxNTIuMjM4MjgyIDQxNy4zNzAwMjUsODMuOTU3MjkyMSAzMzMuMjgwMzAyLDgzLjkzMDgzOTQgTDMzMy4yODAzMDIsODMuOTMwODM5NCBaIiBpZD0iU2hhcGUtcGF0aCIgZmlsbD0iIzAwNzlCRSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMjM3LjA2NjA4OSwyMzYuMDk3NzQgQzIzNy4xNDUyODgsMTk0LjkxNzUyNCAyNjIuODEyNDIxLDE1OS44MDE1ODcgMjk5LjAwNjQ0MywxNDUuODQ3MTM0IEwyOTkuMDA2NDQzLDMyNi4zMjcxODMgQzI2Mi44MTI0MjEsMzEyLjM4MDY2NyAyMzcuMTQ0NjI4LDI3Ny4yODM5MDcgMjM3LjA2NjA4OSwyMzYuMDk3NzQgWiBNMzY4LjA2NjA4OSwzMjYuMzcyODE0IEwzNjguMDY2MDg5LDE0NS44NDcxMzQgQzQwNC4yNzMzMTIsMTU5Ljc2Nzg1OSA0MjkuOTgwMDQzLDE5NC45MDM2MzcgNDMwLjA0NjA0MywyMzYuMTAzNjkyIEM0MjkuOTgwMDQzLDI3Ny4zMTYzMTIgNDA0LjI3MzMxMiwzMTIuNDI1NjM2IDM2OC4wNjYwODksMzI2LjM3MjgxNCBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat
}
#desk section.payment_methods ul li label.discover:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9Ijc4MHB4IiBoZWlnaHQ9IjUwMXB4IiB2aWV3Qm94PSIwIDAgNzgwIDUwMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMy4yICgxMjA0MykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZGlzY292ZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iZGlzY292ZXIiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiPgogICAgICAgICAgICA8cGF0aCBkPSJNNTQuOTkyMTg4LDAgQzI0LjYyNjU2NSwwIC00LjczNjk1MTZlLTE1LDI0LjYyOTM3NCAwLDU1LjAwMzkwNiBMMCw0NDUuOTk2MDkgQzAsNDc2LjM3NjM2IDI0LjYxODY3Myw1MDEgNTQuOTkyMTg4LDUwMSBMNzI1LjAwNzgxLDUwMSBDNzU1LjM3MzQ0LDUwMSA3ODAsNDc2LjM3MDYyIDc4MCw0NDUuOTk2MDkgTDc4MCwyNjguNTU2NjQgTDc4MCw1NS4wMDM5MDYgQzc4MCwyNC42MjM2MzcgNzU1LjM4MTMzLC00LjczNjk1MTZlLTE1IDcyNS4wMDc4MSwwIEw1NC45OTIxODgsMCBMNTQuOTkyMTg4LDAgWiIgaWQ9InJlY3RhbmdsZSIgZmlsbD0iIzRENEQ0RCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNNDE1LjEzMDg2LDE2MS4yMTI4OSBDNDQ2LjA3MTAzLDE2MS4yMTI4OSA0NzEuMTUyMzQsMTg0Ljc5Mjg3IDQ3MS4xNTIzNCwyMTMuOTIxODggTDQ3MS4xNTIzNCwyMTMuOTU1MDggQzQ3MS4xNTIzNCwyNDMuMDg0MDggNDQ2LjA3MTAzLDI2Ni42OTcyNyA0MTUuMTMwODYsMjY2LjY5NzI3IEMzODQuMTkwNjksMjY2LjY5NzI3IDM1OS4xMDkzOCwyNDMuMDg0MDggMzU5LjEwOTM4LDIxMy45NTUwOCBMMzU5LjEwOTM4LDIxMy45MjE4OCBDMzU5LjEwOTM4LDE4NC43OTI4NyAzODQuMTkwNjksMTYxLjIxMjg5IDQxNS4xMzA4NiwxNjEuMjEyODkgTDQxNS4xMzA4NiwxNjEuMjEyODkgWiBNMzI3LjE1MjM0LDE2MS44OTI1OCBDMzM1Ljk4ODksMTYxLjg5MjU4IDM0My40MDAyOCwxNjMuNjc3MjMgMzUyLjQxOTkyLDE2Ny45ODI0MiBMMzUyLjQxOTkyLDE5MC43MzQzOCBDMzQzLjg3NjI4LDE4Mi44NzA4OSAzMzYuNDY0ODMsMTc5LjU4MDA4IDMyNi42NjQwNiwxNzkuNTgwMDggQzMwNy40MDAyLDE3OS41ODAwOCAyOTIuMjUsMTk0LjU5NDU1IDI5Mi4yNSwyMTMuNjMwODYgQzI5Mi4yNSwyMzMuNzA1MTcgMzA2LjkzMTMzLDI0Ny44MjYxNyAzMjcuNjE5MTQsMjQ3LjgyNjE3IEMzMzYuOTMxNzEsMjQ3LjgyNjE3IDM0NC4yMDU4MiwyNDQuNzA1ODQgMzUyLjQxOTkyLDIzNi45Njg3NSBMMzUyLjQxOTkyLDI1OS43MzI0MiBDMzQzLjA3ODg4LDI2My44NzI5MSAzMzUuNTA4NzYsMjY1LjUwNzgxIDMyNi42NjQwNiwyNjUuNTA3ODEgQzI5NS4zODYyMSwyNjUuNTA3ODEgMjcxLjA4MjAzLDI0Mi45MTE5OCAyNzEuMDgyMDMsMjEzLjc3MTQ4IEMyNzEuMDgyMDMsMTg0Ljk0NTA3IDI5Ni4wMzMxNiwxNjEuODkyNTggMzI3LjE1MjM0LDE2MS44OTI1OCBMMzI3LjE1MjM0LDE2MS44OTI1OCBaIE0yMzAuMDM5MDYsMTYyLjUxOTUzIEMyNDEuNTg0NzcsMTYyLjUxOTUzIDI1Mi4xNDk1MiwxNjYuMjQwMDQgMjYwLjk4MjQyLDE3My41MTM2NyBMMjUwLjIzNDM4LDE4Ni43NjE3MiBDMjQ0Ljg4MzYyLDE4MS4xMTU5NCAyMzkuODIzMzcsMTc4LjczNDM4IDIzMy42Njk5MiwxNzguNzM0MzggQzIyNC44MTY2OCwxNzguNzM0MzcgMjE4LjM2OTE0LDE4My40NzkzNiAyMTguMzY5MTQsMTg5LjcyMjY2IEMyMTguMzY5MTQsMTk1LjA3NzM0IDIyMS45ODg4MywxOTcuOTExMzggMjM0LjMxNDQ1LDIwMi4yMDUwOCBDMjU3LjY3OTI3LDIxMC4yNDg1OSAyNjQuNjAzNTIsMjE3LjM4MDkgMjY0LjYwMzUyLDIzMy4xMzA4NiBDMjY0LjYwMzUyLDI1Mi4zMjQyMSAyNDkuNjI4MDYsMjY1LjY4MzU5IDIyOC4yODMyLDI2NS42ODM1OSBDMjEyLjY1MzIzLDI2NS42ODM1OSAyMDEuMjkwMDgsMjU5Ljg4ODk1IDE5MS44MjYxNywyNDYuODEyNSBMMjA1LjA5Mzc1LDIzNC43ODEyNSBDMjA5LjgyNDg5LDI0My4zOTE2NCAyMTcuNzE2MTUsMjQ4LjAwMzkxIDIyNy41MTM2NywyNDguMDAzOTEgQzIzNi42NzY5MywyNDguMDAzOTEgMjQzLjQ2MDk0LDI0Mi4wNTE1NSAyNDMuNDYwOTQsMjM0LjAxOTUzIEMyNDMuNDYwOTQsMjI5Ljg1NjA2IDI0MS40MDYxMiwyMjYuMjg1ODUgMjM3LjMwMjczLDIyMy43NjE3MiBDMjM1LjIzNjgsMjIyLjU2NjY4IDIzMS4xNDQ3LDIyMC43ODQ5MSAyMjMuMTAzNTIsMjE4LjExNTIzIEMyMDMuODExOTgsMjExLjU3NzAxIDE5Ny4xOTMzNiwyMDQuNTg4MzQgMTk3LjE5MzM2LDE5MC45Mjk2OSBDMTk3LjE5MzM2LDE3NC43MDQ3OCAyMTEuNDA3MDIsMTYyLjUxOTUzIDIzMC4wMzkwNiwxNjIuNTE5NTMgTDIzMC4wMzkwNiwxNjIuNTE5NTMgWiBNNDY0Ljc2MTcyLDE2NC4yNDgwNSBMNDg3LjE5OTIyLDE2NC4yNDgwNSBMNTE1LjI4MzIsMjMwLjgzOTg0IEw1NDMuNzI4NTIsMTY0LjI0ODA1IEw1NjUuOTk2MDksMTY0LjI0ODA1IEw1MjAuNTAxOTUsMjY1LjkzMzU5IEw1MDkuNDQ5MjIsMjY1LjkzMzU5IEw0NjQuNzYxNzIsMTY0LjI0ODA1IEw0NjQuNzYxNzIsMTY0LjI0ODA1IFogTTY3LjQxNDA2MiwxNjQuNDAwMzkgTDk3LjU2NDQ1MywxNjQuNDAwMzkgQzEzMC44NzYwOSwxNjQuNDAwMzkgMTU0LjA5NzY2LDE4NC43ODE3OSAxNTQuMDk3NjYsMjE0LjA0MTAyIEMxNTQuMDk3NjYsMjI4LjYzMDQxIDE0Ni45OTM2NCwyNDIuNzM2NTQgMTM0Ljk4MDQ3LDI1Mi4wOTc2NiBDMTI0Ljg3MTcyLDI1OS45OTk0NSAxMTMuMzUzOTYsMjYzLjU0Mjk3IDk3LjQwNjI1LDI2My41NDI5NyBMNjcuNDE0MDYyLDI2My41NDI5NyBMNjcuNDE0MDYyLDE2NC40MDAzOSBMNjcuNDE0MDYyLDE2NC40MDAzOSBaIE0xNjMuNTQ4ODMsMTY0LjQwMDM5IEwxODQuMDg5ODQsMTY0LjQwMDM5IEwxODQuMDg5ODQsMjYzLjU0Mjk3IEwxNjMuNTQ4ODMsMjYzLjU0Mjk3IEwxNjMuNTQ4ODMsMTY0LjQwMDM5IEwxNjMuNTQ4ODMsMTY0LjQwMDM5IFogTTU3NS4yODMyLDE2NC40MDAzOSBMNjMzLjUzNTE2LDE2NC40MDAzOSBMNjMzLjUzNTE2LDE4MS4xOTkyMiBMNTk1LjgwODU5LDE4MS4xOTkyMiBMNTk1LjgwODU5LDIwMy4yMDUwOCBMNjMyLjE0NDUzLDIwMy4yMDUwOCBMNjMyLjE0NDUzLDIxOS45OTYwOSBMNTk1LjgwODU5LDIxOS45OTYwOSBMNTk1LjgwODU5LDI0Ni43NTc4MSBMNjMzLjUzNTE2LDI0Ni43NTc4MSBMNjMzLjUzNTE2LDI2My41NDI5NyBMNTc1LjI4MzIsMjYzLjU0Mjk3IEw1NzUuMjgzMiwxNjQuNDAwMzkgTDU3NS4yODMyLDE2NC40MDAzOSBaIE02NDcuMTQwNjIsMTY0LjQwMDM5IEw2NzcuNTk1NywxNjQuNDAwMzkgQzcwMS4yODU5OSwxNjQuNDAwMzkgNzE0Ljg2MTMzLDE3NS4xMTA1MiA3MTQuODYxMzMsMTkzLjY3MTg4IEM3MTQuODYxMzMsMjA4Ljg1MTEzIDcwNi4zNDcxMiwyMTguODEyNzMgNjkwLjg3NSwyMjEuNzc3MzQgTDcyNC4wMjM0NCwyNjMuNTQyOTcgTDY5OC43NjM2NywyNjMuNTQyOTcgTDY3MC4zMzM5OCwyMjMuNzE0ODQgTDY2Ny42NTYyNSwyMjMuNzE0ODQgTDY2Ny42NTYyNSwyNjMuNTQyOTcgTDY0Ny4xNDA2MiwyNjMuNTQyOTcgTDY0Ny4xNDA2MiwxNjQuNDAwMzkgTDY0Ny4xNDA2MiwxNjQuNDAwMzkgWiBNNjY3LjY1NjI1LDE4MC4wMTU2MiBMNjY3LjY1NjI1LDIxMC4wNDEwMiBMNjczLjY1ODIsMjEwLjA0MTAyIEM2ODYuNzc0NzIsMjEwLjA0MTAyIDY5My43MjY1NiwyMDQuNjc5MTggNjkzLjcyNjU2LDE5NC43MTI4OSBDNjkzLjcyNjU2LDE4NS4wNjQ1MSA2ODYuNzczNDcsMTgwLjAxNTYyIDY3My45ODI0MiwxODAuMDE1NjIgTDY2Ny42NTYyNSwxODAuMDE1NjIgTDY2Ny42NTYyNSwxODAuMDE1NjIgWiBNODcuOTM5NDUzLDE4MS4xOTkyMiBMODcuOTM5NDUzLDI0Ni43NTc4MSBMOTMuNDUxMTcyLDI0Ni43NTc4MSBDMTA2LjcyNDMyLDI0Ni43NTc4MSAxMTUuMTA2ODUsMjQ0LjM2MzgyIDEyMS41NjA1NSwyMzguODc4OTEgQzEyOC42NjQzOCwyMzIuOTIyODggMTMyLjkzNzUsMjIzLjQxMjc2IDEzMi45Mzc1LDIxMy44OTg0NCBDMTMyLjkzNzUsMjA0LjM5OTQzIDEyOC42NjQzOCwxOTUuMTcyODMgMTIxLjU2MDU1LDE4OS4yMTY4IEMxMTQuNzc2MDgsMTgzLjQzNjk2IDEwNi43MjQzMiwxODEuMTk5MjIgOTMuNDUxMTcyLDE4MS4xOTkyMiBMODcuOTM5NDUzLDE4MS4xOTkyMiBMODcuOTM5NDUzLDE4MS4xOTkyMiBaIiBmaWxsPSIjRkZGRkZGIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03NzkuOTgxOTE3LDI4OC4zNjEwNjkgQzc1My45MzIwMzcsMzA2LjY5MTkxOSA1NTguOTA0OTA3LDQzNy43MDA1NzkgMjIxLjIyODAwNyw1MDAuOTg0MTIgTDcyNC45ODk3MjcsNTAwLjk4NDEyIEM3NTUuMzU1MzU3LDUwMC45ODQxMiA3NzkuOTgxOTE3LDQ3Ni4zNTQ3NCA3NzkuOTgxOTE3LDQ0NS45ODAyMDkgTDc3OS45ODE5MTcsMjg4LjM2MTA2OSBMNzc5Ljk4MTkxNywyODguMzYxMDY5IFoiIGlkPSJTaGFwZS05IiBmaWxsPSIjRjQ3MjE2IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat
}
#desk section.payment_methods ul li label.paypal:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3ODAiIGhlaWdodD0iNTAxIiB2aWV3Qm94PSIwIDAgNzgwIDUwMSI+PHRpdGxlPmFtZXgtb3V0bGluZTwvdGl0bGU+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcyNSAwSDU1QzI0LjY3MyAwIDAgMjQuNjczIDAgNTV2MzkxYzAgMzAuMzI3IDI0LjY3MyA1NSA1NSA1NWg2NzBjMzAuMzI1IDAgNTUtMjQuNjczIDU1LTU1VjU1YzAtMzAuMzI3LTI0LjY3NS01NS01NS01NXoiLz48cGF0aCBmaWxsPSIjMDAzMDg3IiBkPSJNMTY4LjM4IDE2OS44NTNjLTguNC01Ljc3NC0xOS4zNi04LjY2OC0zMi44OC04LjY2OEg4My4xNTJjLTQuMTQ1IDAtNi40MzUgMi4wNzMtNi44NyA2LjIxNEw1NS4wMTggMzAwLjg4MmMtLjIyIDEuMzEuMTA3IDIuNTEuOTggMy42Ljg3IDEuMDkyIDEuOTYzIDEuNjM1IDMuMjcyIDEuNjM1aDI0Ljg2NGM0LjM2IDAgNi43NTgtMi4wNjggNy4xOTgtNi4yMTVsNS44ODgtMzUuOTg2Yy4yMTUtMS43NDQuOTgyLTMuMTYyIDIuMjktNC4yNTQgMS4zMS0xLjA5IDIuOTQ1LTEuODAzIDQuOTA4LTIuMTMgMS45NjMtLjMyNCAzLjgxNC0uNDg3IDUuNTYyLS40ODcgMS43NDMgMCAzLjgxNC4xMSA2LjIxNy4zMjcgMi4zOTcuMjE4IDMuOTI1LjMyNCA0LjU4LjMyNCAxOC43NTYgMCAzMy40NzgtNS4yODUgNDQuMTY3LTE1Ljg2NiAxMC42ODQtMTAuNTc2IDE2LjAzMi0yNS4yNDMgMTYuMDMyLTQ0LjAwMyAwLTEyLjg2Ny00LjIwMi0yMi4xOS0xMi41OTctMjcuOTc0em0tMjYuOTkgNDAuMDhjLTEuMDk1IDcuNjM1LTMuOTI3IDEyLjY1LTguNTA3IDE1LjA1LTQuNTggMi40MDItMTEuMTI0IDMuNTk2LTE5LjYzIDMuNTk2bC0xMC43OTYuMzI3IDUuNTYzLTM1LjAwN2MuNDM0LTIuMzk3IDEuODUtMy41OTcgNC4yNTItMy41OTdoNi4yMThjOC43MiAwIDE1LjA1IDEuMjU3IDE4Ljk3NSAzLjc2IDMuOTI0IDIuNTEgNS4yMzMgNy44MDMgMy45MjQgMTUuODd6Ii8+PHBhdGggZmlsbD0iIzAwOUNERSIgZD0iTTcyMC43OTQgMTYxLjE4NWgtMjQuMjA4Yy0yLjQwNSAwLTMuODIgMS4yLTQuMjUzIDMuNmwtMjEuMjY3IDEzNi4wOTgtLjMyOC42NTRjMCAxLjA5Ni40MzcgMi4xMjcgMS4zMSAzLjExLjg3Ljk4IDEuOTY0IDEuNDcgMy4yNyAxLjQ3aDIxLjU5NmM0LjEzOCAwIDYuNDMtMi4wNjggNi44Ny02LjIxNUw3MjUuMDUgMTY2LjA5di0uMzI1YzAtMy4wNTMtMS40MjMtNC41OC00LjI1Ni00LjU4eiIvPjxwYXRoIGZpbGw9IiMwMDMwODciIGQ9Ik00MjguMzEgMjEzLjg1N2MwLTEuMDg4LS40NC0yLjEyNi0xLjMwNi0zLjEwNi0uODc1LS45OC0xLjg1OC0xLjQ3My0yLjk0NS0xLjQ3M2gtMjUuMTkzYy0yLjQwNCAwLTQuMzY2IDEuMDk2LTUuODkgMy4yN2wtMzQuNjc4IDUxLjA0LTE0LjM5NS00OS4wNzRjLTEuMDk1LTMuNDg4LTMuNDkzLTUuMjM2LTcuMTk4LTUuMjM2aC0yNC41NGMtMS4wOTMgMC0yLjA3NS40OTItMi45NDIgMS40NzQtLjg3NS45OC0xLjMxIDIuMDItMS4zMSAzLjEwNyAwIC40NCAyLjEyOCA2Ljg3IDYuMzggMTkuMzAzIDQuMjUyIDEyLjQzNCA4LjgzMyAyNS44NDggMTMuNzQgNDAuMjQ1IDQuOTEgMTQuMzkzIDcuNDcgMjIuMDMgNy42OSAyMi44OTgtMTcuODg3IDI0LjQzLTI2LjgyOCAzNy41MTctMjYuODI4IDM5LjI2IDAgMi44MzcgMS40MTcgNC4yNTMgNC4yNTMgNC4yNTNoMjUuMTkyYzIuNCAwIDQuMzYtMS4wODggNS44OS0zLjI3bDgzLjQyNi0xMjAuNGMuNDM0LS40MzMuNjUyLTEuMTkzLjY1Mi0yLjI5eiIvPjxwYXRoIGZpbGw9IiMwMDlDREUiIGQ9Ik02NjIuODg3IDIwOS4yNzdINjM4LjAyYy0zLjA1NCAwLTQuOTAzIDMuNi01LjU1NyAxMC43OTctNS42NzctOC43Mi0xNi4wMy0xMy4wODgtMzEuMDgzLTEzLjA4OC0xNS43MDQgMC0yOS4wNjYgNS44OS00MC4wNzcgMTcuNjY4LTExLjAxNiAxMS43OC0xNi41MiAyNS42My0xNi41MiA0MS41NSAwIDEyLjg3MiAzLjc2IDIzLjEyMiAxMS4yODQgMzAuNzUzIDcuNTI1IDcuNjQgMTcuNjEyIDExLjQ1IDMwLjI2NiAxMS40NSA2LjMyMyAwIDEyLjc1Ny0xLjMxIDE5LjMtMy45MjUgNi41NDQtMi42MTcgMTEuNjY1LTYuMTA1IDE1LjM4LTEwLjQ3IDAgLjIyLS4yMjMgMS4yLS42NTYgMi45NDQtLjQ0IDEuNzQ4LS42NTUgMy4wNi0uNjU1IDMuOTI2IDAgMy40OTQgMS40MTQgNS4yMzQgNC4yNTQgNS4yMzRoMjIuNTc2YzQuMTM4IDAgNi41NC0yLjA2OCA3LjE5NC02LjIxNWwxMy40MTUtODUuMzg4Yy4yMTYtMS4zMS0uMTEtMi41MDctLjk4LTMuNi0uODc2LTEuMDg4LTEuOTY0LTEuNjM1LTMuMjczLTEuNjM1em0tNDIuNjk0IDY0LjQ1MmMtNS41NjIgNS40NTItMTIuMjY4IDguMTc3LTIwLjEyIDguMTc3LTYuMzI4IDAtMTEuNDUtMS43NDItMTUuMzc3LTUuMjM0LTMuOTI3LTMuNDg0LTUuODktOC4yODMtNS44OS0xNC4zOTUgMC04LjA2NSAyLjcyNi0xNC44ODUgOC4xOC0yMC40NDcgNS40NDctNS41NiAxMi4yMTQtOC4zNDIgMjAuMjg1LTguMzQyIDYuMTAyIDAgMTEuMTc0IDEuOCAxNS4yMTMgNS4zOTggNC4wMzIgMy42IDYuMDU0IDguNTYzIDYuMDU0IDE0Ljg4OCAwIDcuODUtMi43ODMgMTQuNTA1LTguMzQ0IDE5Ljk1NXoiLz48cGF0aCBmaWxsPSIjMDAzMDg3IiBkPSJNMjkxLjIzIDIwOS4yNzdoLTI0Ljg2NGMtMy4wNTggMC00LjkwOCAzLjYtNS41NjMgMTAuNzk3LTUuODktOC43Mi0xNi4yNS0xMy4wODgtMzEuMDgtMTMuMDg4LTE1LjcwNSAwLTI5LjA2NiA1Ljg5LTQwLjA4IDE3LjY2OC0xMS4wMTUgMTEuNzgtMTYuNTIgMjUuNjMtMTYuNTIgNDEuNTUgMCAxMi44NzIgMy43NjMgMjMuMTIyIDExLjI4OCAzMC43NTMgNy41MjYgNy42NCAxNy42MSAxMS40NSAzMC4yNjMgMTEuNDUgNi4xMDQgMCAxMi40MzMtMS4zMSAxOC45NzUtMy45MjUgNi41NDMtMi42MTcgMTEuNzc4LTYuMTA1IDE1LjcwNC0xMC40Ny0uODc1IDIuNjE4LTEuMzEgNC45MS0xLjMxIDYuODcgMCAzLjQ5NCAxLjQxOCA1LjIzNCA0LjI1NCA1LjIzNGgyMi41NzRjNC4xNCAwIDYuNTQzLTIuMDY4IDcuMTk4LTYuMjE1bDEzLjQxMy04NS4zODhjLjIxNi0xLjMxLS4xMS0yLjUwNy0uOTgtMy42LS44NzMtMS4wODgtMS45NjItMS42MzUtMy4yNy0xLjYzNXptLTQyLjY5NSA2NC42MTRjLTUuNTYzIDUuMzUtMTIuMzgyIDguMDE3LTIwLjQ0NyA4LjAxNy02LjMzIDAtMTEuNC0xLjc0Mi0xNS4yMTQtNS4yMzQtMy44Mi0zLjQ4NC01LjcyNi04LjI4My01LjcyNi0xNC4zOTUgMC04LjA2NSAyLjcyNS0xNC44ODUgOC4xOC0yMC40NDcgNS40NS01LjU2IDEyLjIxLTguMzQyIDIwLjI4NC04LjM0MiA2LjEwNCAwIDExLjE3NSAxLjggMTUuMjE0IDUuMzk4IDQuMDMyIDMuNiA2LjA1MiA4LjU2MyA2LjA1MiAxNC44ODggMCA4LjA3LTIuNzggMTQuNzgtOC4zNDMgMjAuMTE3eiIvPjxwYXRoIGZpbGw9IiMwMDlDREUiIGQ9Ik01NDAuMDM2IDE2OS44NTNjLTguMzk4LTUuNzc0LTE5LjM1Ni04LjY2OC0zMi44OC04LjY2OEg0NTUuMTRjLTQuMzY1IDAtNi43NjUgMi4wNzMtNy4xOTggNi4yMTRMNDI2LjY3NSAzMDAuODhjLS4yMiAxLjMxLjEwNiAyLjUxLjk4IDMuNi44NjcgMS4wOTIgMS45NjMgMS42MzUgMy4yNzIgMS42MzVoMjYuODI2YzIuNjE3IDAgNC4zNi0xLjQxNiA1LjIzNS00LjI1Mmw1Ljg5LTM3Ljk1Yy4yMTYtMS43NDMuOTgtMy4xNiAyLjI5LTQuMjUzIDEuMzEtMS4wOSAyLjk0My0xLjgwMyA0LjkwOC0yLjEzIDEuOTYyLS4zMjQgMy44MTMtLjQ4NyA1LjU2Mi0uNDg3IDEuNzQzIDAgMy44MTQuMTEgNi4yMTQuMzI3IDIuNC4yMTggMy45My4zMjQgNC41OC4zMjQgMTguNzYgMCAzMy40OC01LjI4NSA0NC4xNjgtMTUuODY2IDEwLjY4Ny0xMC41NzcgMTYuMDMtMjUuMjQ0IDE2LjAzLTQ0LjAwNC4wMDItMTIuODY2LTQuMi0yMi4xOS0xMi41OTQtMjcuOTczem0tMzMuNTM0IDUzLjgyYy00LjggMy4yNy0xMS45OTcgNC45MDYtMjEuNTkyIDQuOTA2bC0xMC40Ny4zMjcgNS41NjMtMzUuMDA3Yy40MzItMi4zOTcgMS44NS0zLjU5NyA0LjI1Mi0zLjU5N2g1Ljg4N2M0Ljc5NyAwIDguNjE0LjIxOCAxMS40NTQuNjUzIDIuODMuNDQgNS41NiAxLjggOC4xNzggNC4wOSAyLjYyIDIuMjkgMy45MjYgNS42MTcgMy45MjYgOS45OCAwIDkuMTYtMi40MDIgMTUuMzc0LTcuMTk4IDE4LjY0N3oiLz48L3N2Zz4=) no-repeat
}
#desk.free .board .page {
    padding: 0!important;
    background: transparent
}
#desk.settings .board .page {
    padding: 0!important
}
#desk.free .board {
    background: transparent;
    border: none!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	overflow: visible;
}
#desk.settings .board .page section {
    padding: 15px 20px;
    border-bottom: 1px solid #e8e8e9
}
#desk.settings .board .page section.developer_webhook_url input {
	width: 300px;
}
#desk.settings .board .page section.developer_webhook_url a#webhook_save_btn {
    margin-left: 5px;
    border: 1px solid #d7d7d9;
    padding: 7px 10px;
    display: inline-block;
    border-radius: 3px;
    background: #f5f5f5;
    color: #999999;
}
#desk.settings .board .page section.developer_webhook_url a#webhook_save_btn:hover {
    color: #333333;
}
#desk.settings .board .page section.registered_apps > ul {
	list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}
#desk.settings .board .page section.registered_apps > ul > li {
    background: rgba(0,0,0,.05);
    padding: 7px 7px;
    border: 1px solid #d7d7d9;
    border-radius: 0;
	margin-bottom: 10px;
	position: relative;
}
#desk.settings .board .page section.registered_apps > ul > li:last-of-type {
	margin-bottom: 0;
}
#desk.settings .board .page section.registered_apps > ul > li > a.title {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
	color: #333333;
}
#desk.settings .board .page section.registered_apps > ul > li > a.title:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #000000;
    position: relative;
    left: 0;
    display: inline-block;
    border-radius: 9999px;
    margin-right: 5px;
}
#desk.settings .board .page section.registered_apps > ul > li a.active:before {
	background: #3da07b;
}
#desk.settings .board .page section.registered_apps > ul > li a.pending:before {
	background: #f7ba07;
}
#desk.settings .board .page section.registered_apps > ul > li a.denied:before {
	background: #e35256;
}
#desk.settings .board .page section.registered_apps > ul > li p {
    margin-bottom: 0;
    margin-top: 3px;
    font-size: 12px;
}
#desk.settings .board .page section.registered_apps a.new_app {
    display: inline-block;
    margin-top: 15px;
}
#desk.settings .board .page section.registered_apps .button.dropdown-toggle {
    position: absolute;
    right: 5px;
    width: 38px;
    height: 30px;
    top: -44px;
    background: none;
}
#desk.settings .board .page section.registered_apps .button.dropdown-toggle:after {
	right: 5px;
}
#desk.settings .board .page section.registered_apps .button.dropdown-toggle:before {
	left: 5px;
}
#desk.settings .board .page section.registered_apps .dropdown {
	position: inherit;
}
#desk.settings .board .page section.registered_apps .dropdown-menu {
    display: block;
    right: 5px;
    left: auto;
    border-width: 1px;
    top: -15px;
    bottom: auto;
}
#desk.settings .board .page section.registered_apps .dropdown-menu li a {
	padding: 3px 10px
}


#desk.settings .board .page section.custom_domain a.submit,
#desk.settings .board .page label.button,
#desk.settings .board .page section.upload_branding a.remove,
#desk.settings .board .page a.submit.button {
    color: #fff;
    width: 115px;
    text-align: center;
    padding-top: 8px;
    border-radius: px;
    -webkit-border-radius: 2px;
    -moz-border-radius: px;
    height: 35px;
    margin: 0;
    cursor: pointer;
    font-weight: 300;
    display: inline-block;
    font-size: 14px;
    border: 0
}
#desk.settings .board.coupon_code .page input {
    max-width: 340px
}
#desk.settings .board.coupon_code .page a.submit {
    width: 95px;
    margin-left: 5px
}
#desk.settings .board .page label.button.upload {
    width: 100px;
    vertical-align: bottom;
    margin-left: 10px;
    position: relative
}
#desk.settings .board .page section.upload_branding a.remove {
    background: #e35256;
    width: 100px;
    vertical-align: bottom;
    margin-left: 10px
}
#desk.settings .board .page section.custom_domain span.status:before {
    font-family: 'Ionicons';
    font-size: 19px;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    float: right;
    margin-top: -27px;
    margin-right: 10px;
    position: relative
}
#desk.settings .board .page section.custom_domain span.status.success:before {
    content: "\f120";
    color: #59C08C
}
#desk.settings .board .page section.custom_domain span.status.error:before {
    content: "\f128";
    color: #e35256
}
#desk.settings .board .page section .contain_inputs {
    max-width: 300px
}
#desk.settings .board .page section .contain_inputs.inline {
    width: 250px;
    margin-right: 5px
}
#desk.settings .board .page section.upload_branding small {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    opacity: .6
}
#desk.settings .board .page section.radio_checkbox .form_row label {
    display: inline-block;
    color: #333333;
    padding-left: 10px
}
#desk.settings .board .page section.reminder_timer .inputs {
    display: inline-block
}
#desk.settings .board .page section.reminder_timer .inputs input {
    display: inline-block;
    width: 100px
}
#desk.settings .board .page section.reminder_timer .inputs .select {
    display: inline-block;
    width: 85px;
    margin-left: 5px;
    margin-right: 10px
}
#desk.settings .board .page section.radio_checkbox .form_row {
    margin-bottom: 10px
}
#desk.settings .board .page section.radio_checkbox .form_row.less_mb {
    margin-bottom: 5px
}
#desk.settings .board .page section.radio_checkbox .form_row:last-of-type,
#desk.settings .board .page section.radio_checkbox .form_row:last-of-type label {
    margin-bottom: 0
}
#desk.settings .board .page section:last-of-type {
    border-bottom: none
}
#desk.settings .board .page section.border_top {
    border-top: 1px solid #e8e8e9
}
#desk.settings .board .page section p {
    margin-bottom: 0;
    margin-top: 5px
}
#desk.settings .board .page.settings section {
    padding: 0
}
#desk.settings .board .page.settings section a {
    padding: 15px 20px;
    display: block;
    font-size: 15px;
	color: #333333;
}
#desk.settings .board .page.settings section a:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
#desk.settings .board .page.settings section a.settings_edit_business_info:before {
    content: "\e60c";
}
#desk.settings .board .page.settings section a.settings_signatures:before {
    content: "\e614";
}
#desk.settings .board .page.settings section a.settings_signing_preferences:before {
    content: "\e6d1";
}
#desk.settings .board .page.settings section a.settings_document_preferences:before {
    content: "\e6b3";
}
#desk.settings .board .page.settings section a.settings_delivery_preferences:before {
    content: "\e699";
}
#desk.settings .board .page.settings section a.settings_reminders_expiration:before {
    content: "\e8e8";
}
#desk.settings .board .page.settings section a.settings_integrations:before {
    content: "\e874";
}
#desk.settings .board .page.settings section a.settings_branding:before {
    content: "\e626";
}
#desk.settings .board .page.settings section a.settings_api_doc:before {
    content: "\e718";
}
#desk.settings .board .page.settings section a.settings_api_info:before {
    content: "\e90c";
}
#desk.settings.developer .board .page.settings section a:after {
    font-family: 'Linearicons';
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: 0;
    content: "\e7b1";
    position: absolute;
    right: 20px;
    -webkit-font-smoothing: antialiased;
}

#desk.settings.developer .board section.usage {
	overflow: hidden;
}
#desk.settings.developer .board section.inline_info p a {
	color: #2676a5;
	font-size: 14px;
}
#desk.settings.developer .board section.inline_info div:first-of-type {
	margin-bottom: 10px;
}
#desk.settings .board .page.settings section a:hover {
    background: rgba(0, 0, 0, .05)
}
#desk.settings .board .page.settings section a span.right {
    color: #999;
    font-size: 14px;
	margin-top: 3px;
}
#desk.settings .board .page section.explanation p {
    margin-bottom: 0;
    margin-top: 0
}
#desk.settings .board .page section.warning p {
    color: #e35256
}
#desk.settings .board .page section.reset_cancel .submit {
    background: #e35256;
    margin-top: 15px;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    height: 36px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    line-height: 36px;
}
#desk.settings .board .page section p.sub_notice {
    margin-bottom: 0;
    margin-top: 10px
}
#desk.settings .board .page section span.new_item {
    width: auto
}
#desk.settings .board .page section .sub_notice a {
    font-size: 14px
}
#desk.settings .board label:not(.filter-container) {
    margin-bottom: 5px;
    display: block
}
#desk.settings .board input {
    background: #fff
}
#desk.settings.dashboard .board input {
    background: transparent
}

#desk.settings .board form .page section.vanity_url input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-left: 10px;
    width: auto;
    height: 36px
}
#desk.settings .board form .page section.vanity_url .input_addon {
    width: auto;
    padding-right: 10px;
    padding-left: 10px
}
#desk.settings .board form .page section.vanity_url .input_addon.on-right {
    border-right: 1px solid #d7d7d9!important;
    border-left: 0!important;
    display: inline-block;
    vertical-align: bottom;
    margin-left: -4px
}
#desk.editor .board .page section.placeholders ul {
    padding: 0;
    margin-bottom: 0
}
#desk.editor .board .page section.placeholders ul li {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 14px;
    border: 1px solid #e1e1e1;
    padding: 2px 7px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer
}
#desk.editor .board .page section.placeholders ul li:hover {
    background: #f7f7f7
}
#desk.settings .board form .page section .input_addon {
    font-size: 14px;
    height: 36px;
    padding-top: 7px;
    padding-bottom: 0
}
#desk.settings .board .page label[for="submit"],
#desk.settings .board .page [form="business_settings"].short,
.button.help_center,
#desk.settings .board .page [form="switch_payment_method"].short,
#desk.settings .board .page button.short,
#desk.settings .board .page button.submit,
.x_content .board .page section button.submit {
    color: #fff;
    text-align: center;
    padding: 0 10px;
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    height: 36px;
    margin: 0;
    cursor: pointer;
    position: relative
}
.button.help_center {
    background: rgba(0, 0, 0, .47);
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 10px
}
.button.help_center:after {
    font-family: 'Ionicons';
    font-size: 20px;
    margin-left: 10px;
    margin-top: -2px;
    vertical-align: middle;
    display: inline-block;
    color: #fff!important;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\f385"
}
#desk.settings .board .page label[for="submit"] {
    padding-top: 9px
}
#desk.settings .board .page label[for="submit"].short,
#desk.settings .board .page button.short {
    width: 130px
}
#desk.settings .board .page button.short.add_card_pay_now {
    width: 200px
}
#options-strip .button:not(.select-all-none):not(.filter) {
    opacity: .5;
    pointer-events: none
}
#option-strip .left,
#options-strip .right {
    position: relative
}
#options-strip select {
	background: #e8e8e9;
	padding-right: 25px;
}
#options-strip .button.active {
    opacity: 1!important;
    pointer-events: auto!important
}
#options-strip {
    margin-bottom: 20px
}
#options-strip.tabs-above {
    margin-bottom: 50px
}
#options-strip .client_selector {
	max-width: 184px;
	margin-right:17px;
}
#options-strip .search:before {
    color: #9D9D9D;
    font-family: 'Ionicons';
    content: "\f2f5";
    font-size: 17px;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 10px;
}
#options-strip .search input {
    display: block;
    width: 120px;
    display: block;
    width: 200px;
    float: right;
    padding: 4px 8px 4px 30px;
    outline: none;
    background: transparent;
}
#options-strip .search input:focus {
    background: #fff
}
#options-strip .meta {
    display: inline;
    padding: 8px;
    margin-right: 0;
    float: left;
}
.table_tabs .meta {
	position: absolute;
    left: 0;
	font-size: 13px;
}
#options-strip .clearfix {
    clear: both
}
#options-strip .button.select-all-none:before {
    content: ""
}
#options-strip .button:first-of-type {
    float: left
}
#options-strip .button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
    white-space: nowrap;
    margin-right: 16px;
    line-height: 27px;
    min-width: 54px;
    outline: 0;
    padding: 2px 8px 0;
    height: 35px;
    display: inline-block;
    margin-top: 0;
	float: left;
}
#options-strip .button:active {
	background: #d7d7d9 !important;
}
.button {
    cursor: pointer!important;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #e8e8e9;
    border: 1px solid #d7d7d9;
    color: #444
}
#options-strip .button .tipr_container_bottom {
    margin-top: 10px!important
}
#options-strip .button.default .tipr_container_bottom,
#options-strip .button.convert .tipr_container_bottom {
    margin-top: 42px!important
}
#options-strip .double-buttons {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block
}
#options-strip .double-buttons .button {
    display: inline-block
}
#options-strip .double-buttons li:first-child .button {
    display: inline-block;
    margin-right: 0;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-right: none
}
#options-strip .double-buttons li:last-child .button {
    display: inline-block;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0
}
#options-strip .button.download {
    background: #e8e8e9
}
#options-strip .button.download:before {
    margin-top: 5px
}
.page .double-buttons {
    float: left
}
.header .double-buttons {
    margin-right: 0
}
.double-buttons>li {
    margin: 0;
    float: left
}
.button.dropdown-toggle {
    position: relative
}
.button.dropdown-toggle:before {
    left: 4px;
    top: 0;
    position: absolute
}
.button.default.dropdown-toggle:before {
    left: 12px;
    top: 2px;
    position: absolute
}
.button.dropdown-toggle:after {
    position: absolute;
    right: 12px;
    top: -4px
}
#options-strip .button.dropdown-toggle:after {
    top: -2px
}
.board .page .box_header .button.dropdown-toggle {
    width: 45px;
    height: 30px;
    margin-top: -5px
}
.board .page .box_header .button.dropdown-toggle:before {
    left: 8px
}
.board .page .box_header .button.dropdown-toggle:after {
    right: 7px
}
.board .page .box_header .dropdown-menu {
    top: 33px;
    right: 20px;
    float: none;
    left: inherit;
    padding: 10px
}
.board .page .box_header .dropdown-menu li.heading {
    margin-bottom: 5px;
    margin-top: 10px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.board .page .box_header .dropdown-menu li.heading:first-of-type {
    margin-top: 0
}
.board .page .box_header .dropdown-menu li.heading:hover {
    background: inherit
}
.board .page .box_header .dropdown-menu li.submit {
    margin-top: 15px
}
.board .page .box_header .dropdown-menu li.submit button {
    color: #fff;
    border: none;
    width: 50%!important;
    float: left;
    font-weight: 400;
    height: 30px;
}
.board.chart .page .box_header .dropdown-menu {
    width: 250px
}
.double-buttons>li:first-child button {
    margin-right: -2px
}
.double-buttons li:first-child:hover button {
    z-index: 1
}
a.disabled,
button.disabled {
    color: #FFF;
    background: #CCCCCF
}

#signer-default-actions-container {
    display: flex;
}

.headline_main_button .close:before {
    content: "\e04f";
    font-size: 24px;
    margin: 0;
    line-height: 38px
}
.headline_main_button {
    margin-top: 14px;
    position: absolute !important;
    top: 0;
    right: 30px;
    background: #ffffff;
    display: flex;
}

/* hide trigger button on mobile */
@media screen and (max-width: 801px) {
    #open_changelog  {
        display: none;
    }
}

body.cp_prepare_document .headline_main_button {
    right: 20px;
}
.headline_main_button .main_button,
.headline_main_button .save-button {
    text-align: center;
    outline: none;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    position: relative
}
body.cp_sign_document .headline_main_button .main_button,
body.cp_sign_document .headline_main_button .save-button {
    min-width: 100px !important;
}
.headline_main_button .save-button.finish_button {
	display: none;
	cursor: pointer;
}
.headline_main_button .save-button.double_first,
.headline_main_button .save-button.double_second {
	min-width: 125px !important;
    padding: 11px 20px;
}
.headline_main_button .save-button.double_first:before,
.headline_main_button .save-button.double_second:before {
	left: 53px;
}
.headline_main_button .save-button.double_first {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.headline_main_button .save-button.double_second {
    margin-left: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.main_button.loading,
.finish_signup.loading,
.save_button.loading,
.save-button.loading,
.attach_button.loading,
label.loading,
button.loading {
    color: rgba(0, 0, 0, 0)!important;
    pointer-events: none;
    cursor: default
}
.main_button.loading:before,
.finish_signup.loading:before,
.save-button.loading:before,
.save_button.loading:before,
.attach_button.loading:before,
label.loading:before,
button.loading:before  {
    display: block;
    z-index: 2000;
    position: absolute;
    content: ''!important;
    left: 57px;
    top: 8px;
    width: 20px;
    height: 20px;
    border: solid 2px transparent;
    border-top-color: #fff;
    border-left-color: #fff;
    border-radius: 999px;
    -webkit-animation: pace-spinner 600ms linear infinite;
    -moz-animation: pace-spinner 600ms linear infinite;
    -ms-animation: pace-spinner 600ms linear infinite;
    -o-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite
}
.finish_signup.loading:before {
	left: 110px;
}
.finish_signup.loading img {
	display: none;
}
.main_button.small.loading:before {
	left: 30px;
}
.save_start_profile.loading:before {
	left: 68px;
}
.save_as_draft.loading:before {
    left: 49px
}
.attach_button.loading:before {
    border-top-color: #999;
    border-left-color: #999;
	top: 1px;
    left: 8px;
}
@media screen and (min-width: 801px) {
.attach_button.loading:before {
	top: 1px;
    left: 15px;
}
}
.x_page .save_button.loading:before {
    left: 50px;
    top: 7px
}
.x_window .x_content.confirmation .x_form .save_button.loading:before {
    left: 60px
}
.x_content.upgrade_popup a.upgrade {
    color: #fff;
    text-align: center;
    padding: 10px;
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 0;
    cursor: pointer;
    font-weight: 300;
    position: relative;
    display: inline-block
}
.x_content.upgrade_popup ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 10px
}
.x_content.upgrade_popup ul li {
    margin-bottom: 5px
}
.x_content.upgrade_popup ul li:before {
    font-family: 'Linearicons';
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    margin-right: 10px;
    font-size: 20px;
    margin-top: -2px;
    vertical-align: middle
}
.x_content.upgrade_popup ul li.team_members:before {
    content: "\e723"
}
.x_content.upgrade_popup ul li.estimates:before {
    content: "\e6b5"
}
.x_content.upgrade_popup ul li.recinvoices:before {
    content: "\e8da"
}
.x_content.upgrade_popup ul li.cc_payments:before {
    content: "\e759"
}
.x_content.upgrade_popup ul li.track:before {
    content: "\e8ea"
}
.x_content.upgrade_popup ul li.branding:before {
    content: "\e627"
}
#desk.settings button.short.loading:before {
    left: 55px
}
#desk.settings button.short.add_card_pay_now.loading:before {
    left: 90px
}
.headline_main_button .save_as_draft
{
    min-width: 0!important;
	width: 115px;
}
.headline_main_button .main_button.help,
.headline_main_button .save_as_draft {
    background: rgba(0, 0, 0, 0.27)
}
.headline_main_button .save_as_draft.button_autosaved {
    background: rgba(0, 0, 0, 0.35)
}
.headline_main_button .main_button.edit {
    width: 75px
}
.headline_main_button .main_button.help:hover {
    background: rgba(0, 0, 0, 0.47)
}
.headline_main_button .dropdown-toggle:after {
    color: inherit;
    font-family: 'Ionicons';
    content: "\f35f";
    font-size: 18px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased
}
.headline_main_button .dropdown-menu {
    min-width: 135px!important;
    right: 0;
    left: inherit;
    float: none!important
}
h3,
h4 {
    font-style: normal;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.statement_section {
    margin-bottom: 30px;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding-bottom: 15px
}
.statement_section h1 {
    margin: 0 0 50px;
    position: absolute;
    right: 0;
    top: 0
}
.statement_logo_container {
    text-align: center;
    line-height: 1
}
.statement_section .statement_logo_container {
    top: -15px
}
#desk.receipt .statement_section .statement_logo_container {
    top: -10px
}
.statement_logo_container:before {
    color: #FFF;
    font-size: 14px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-weight: 400;
    font-weight: normal;
    font-style: normal
}
.statement_logo_container a {
    display: block;
    padding: 10px;
    border: 2px dotted transparent;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
    display: block;
    width: 225px;
    height: 125px;
    float: right
}
.statement_logo_container img {
    max-width: 100%;
    max-height: 100%;
    float: right
}
.statement_logo_container a:hover {
    border: 2px dashed #d7d7d9
}
.title {
    margin: 0;
    line-height: 1;
	font-weight: normal;
}
.subtitle {
    font-size: 18px
}
.x_form .form_heading {
    margin: 0 0 5px!important
}
.statement_details .form_row {
    margin: 0 0 15px
}
.statement_details .form_heading {
    margin: 0 0 5px
}
#desk.statement input.due_days {
    margin-top: 10px;
    width: 75px
}
.statement_contacts {
    margin: 30px 20px 0 0;
    width: 40%;
    float: left;
    margin: 26px 20px 0 0
}
.statement_contacts p {
    margin: 0
}
.address_from {
    min-height: 104px
}
.statement_details {
    margin: 25px 0 0;
    width: 35%;
    float: right
}
.item_rows {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    position: relative
}
.one_item_line {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: left
}
.item_row {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table-row;
    border-collapse: collapse
}
.item_column {
    margin: 0;
    padding: 0;
    display: table-cell;
    border-collapse: collapse;
    vertical-align: top
}
.item_column_heading {
    margin: 0;
    padding: 0 10px;
    padding-bottom: 5px;
    border-bottom: 2px solid #E7E7E7;
    font-size: 14px;
    color: #333;
    display: none;
    background: #ffffff;
    white-space: nowrap;
	font-weight: normal;
}
.item_column_heading.first {
    padding: 0 10px 5px 0
}
.one_item_line:first-child .item_column_heading {
    display: block
}
.item_column .inner {
    padding: 10px
}
#desk.receipt .item_column .inner {
    padding: 5px 10px
}
.item_column.action .inner .relative {
    width: 38px
}
.item_column.action .inner .relative ul.dropdown-menu {
    right: 0;
    left: auto
}
.item_column .inner.first {
    padding: 10px 10px 10px 0
}
.item_textarea {
    overflow: hidden;
    height: 55px
}
.item_textarea p {
    margin: 0 0 10px!important
}
.view_statement_textarea_replacement {
    height: auto;
    min-height: 34px;
    margin: 0
}
#desk.statement .item_rows .item_column h2 {
    padding-left: 5px;
    text-align: right
}
#desk.statement .item_rows .name_description h2 {
    padding-left: 0;
    text-align: left
}
#desk.statement h3 {
    font-size: 14px;
    font-weight: inherit
}
#desk.statement header {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E7E7E7
}
.name_description .inner {
    padding-left: 0;
    padding-right: 5px;
    float: left;
    width: 100%
}
.item_column.quantity {
    width: 85px
}
.item_column.quantity .inner {
    padding: 10px 5px
}
.item_column.unit {
    width: 95px
}
.item_column.unit .inner {
    padding: 10px 5px
}
.item_column.amount {
    width: 140px
}
.item_column.amount .inner {
    padding: 10px 5px
}
.item_column.action {
    width: 45px
}
.item_column.action .button {
    padding: 0;
    height: 35px;
    width: 38px;
    display: block;
    background: #f2f2f2
}
.item_column.action .button.dropdown-toggle:before {
    left: 5px;
    top: 3px
}
.item_column.action .button.dropdown-toggle:after {
    right: 5px;
    top: -1px
}
.item_column.action .inner {
    padding: 10px 5px
}
.item_textarea_container textarea {
    line-height: 130%;
    resize: vertical;
    overflow: hidden;
    width: 100%;
    border: 0;
    background: #fff
}
#desk.files .files_area {
    margin-bottom: 25px
}
.item_textarea_container .files_area {
    width: 100%;
    /*overflow-x: scroll*/
}
.textarea_actions .restrainer {
    display: inline-block;
    position: relative
}
/*.textarea_actions.right .restrainer {
    width: 100%
}*/
.item_textarea_container label {
    position: absolute;
    right: 4px;
    top: 3px;
    z-index: 1
}
.item_textarea {
    display: block
}
.item_textarea_container {
    width: 100%;
    float: left;
    border: 2px solid #d7d7d9;
    outline: none;
    position: relative;
    z-index: 9;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    padding-bottom: 3px
}
.x_page .item_textarea_container {
    float: none
}
.button_row {
    margin: 0;
    padding: 0;
    display: none;
    list-style: none;
    position: relative;
    top: -1px;
    float: left
}
.button_row.tax_discount_shipping {
    width: 100%;
    margin-top: 10px
}
.button_row {
    display: block
}
.button_row li {
    float: left;
    margin-left: 6px;
}
.button_row li.link {
	margin-top: 12px;
    margin-right: 10px;
}
.attach_button {
    background: #f2f2f2;
    width: 39px;
    height: 35px;
    border: 0;
    line-height: 25px;
    padding: 0 10px;
    color: #666;
    display: inline-block;
    cursor: pointer;
    padding-top: 3px;
    position: relative;
	border-radius: 999px;
    margin-top: 4px;
    text-align: center;
    position: relative;
    border: 2px solid #d7d7d9;
}
.textarea_actions.right .restrainer.disabled {
	visibility:hidden;
	cursor: default;
	pointer-events:none;
}
.attach_button.extra {
    margin-right: 2px;
}
.attach_button:hover {
    color: #333;
    background: #d7d7d9
}
.attach_button:hover:before {
    color: #333;
}
.textarea_actions.right .attach_button {
    float: left;
    margin-left: 2px;
}
.attach_button:before {
    font-family: 'Linearicons';
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 4px;
    margin-left: 0px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    color: #666;
    line-height: 1;
}
@media screen and (min-width: 801px) {
.attach_button:before {
    margin-left: -8.5px;
    position: absolute;
    width: 18px;
}
}
.textarea_actions .attach_button.date {
	margin-left: -1px;
}
.textarea_actions .attach_button.uploadify:before {
    content: "\e6b8"
}
.textarea_actions .attach_button.date:before {
    content: "\e789"
}
.textarea_actions .attach_button.links:before {
    content: "\e915"
}
.textarea_actions .attach_button.tags:before {
    content: "\e755"
}
.attach_button.tax:before {
    content: "\e757";
}
.attach_button.discount:before {
    content: "\e990";
}
.attach_button.shipping:before {
    content: "\e69f";
}
.page {
    padding: 50px 50px 100px
}
a img {
    border: none
}
body {
    line-height: 1.4;
    font-size: 12px
}
.page {
    padding: 0!important;
    background: transparent
}
#container {
    padding: 0;
}

.cp_signing_complete #container,
.cp_signing_declined #container{
    padding-top: 96px
}

.header.app_board_header {
    position: fixed;
    left: 210px;
    top: 0;
    right: 0;
    padding-left: 30px!important;
    padding-right: 30px!important;
    background: #fff!important;
    /*box-shadow: 0 1px 0 0 #e8e8e9;*/
    z-index: 999999;
}
.header.app_board_header h1 {
    display: inline-block;
    white-space: nowrap;
    width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.statement_section h1 {
    width: 180px
}
body,
body main {
    background: #f2f2f2
}
.sidebar_menu .upper {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    margin-bottom: 25px
}
.sidebar_menu .upper .logo {
    display: block;
    width: 143px;
    height: 34px;
    margin: 60px auto 0;
    background: url(/images/invoicely-logo.png) no-repeat center;
    background-size: auto 34px
}
.sidebar_menu .upper .upgrade {
    display: block;
    color: #fff;
    text-align: center;
    width: 80%;
    margin: 20px auto;
    padding: 10px 0;
    font-size: 14px;
    border-radius: 3px;
    border-bottom: 2px solid rgba(0, 0, 0, .2)
}
body.cp_prepare_document .sidebar_menu .upper .upgrade {
	margin-top: 50px;
    margin-bottom: 0;
    font-size: 12px;
}
body.cp_prepare_document .sidebar_menu.has_upgrade_button ul {
    margin-top: 20px;
}
body.cp_prepare_document .sidebar_menu.has_upgrade_button .upper {
    margin-bottom: 15px;
}
.sidebar_menu .upper .frame .select_business {
    color: #fff;
    cursor: default;
    display: block;
    height: 35px;
    line-height: 35px;
    position: relative;
    text-align: center;
    z-index: 2
}
.sidebar_menu .upper .frame .select_business .business {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    cursor: pointer;
    font-weight: inherit;
    font-size: 14px;
    color: #fff;
    background: rgba(0, 0, 0, .25)!important;
    overflow: hidden;
    position: absolute;
    top: 0;
    padding: 15px;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.sidebar_menu .upper .frame .select_business .business.dropdown-toggle:after {
    color: inherit;
    font-family: 'Ionicons';
    content: "\f35f";
    font-size: 18px;
    margin-left: 8px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    margin-top: -2px
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu {
    border-radius: 0;
    width: 100%;
    border: 0;
    margin-top: 30px;
    position: absolute;
    box-shadow: 1px 0 0 0 #e8e8e9;
    margin-bottom: 59px;
    background: #e1e1e2;
    color: #333333;
    box-shadow: 0 10px 16px -6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 10px 16px -6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 10px 16px -6px rgba(0, 0, 0, .2)
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li,
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li a {
	height: auto;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li a {
    padding: 10px 22px;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li:not(.logout) a {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.logout a {
    padding-top: 10px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li:not(.settings) a {
    border-bottom: 0;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li a {
    color: #333333
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li:last-of-type a {
    border-bottom: 2px solid rgba(0, 0, 0, .2)!important
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu a:before {
    -webkit-font-smoothing: auto;
    font-family: 'Linearicons';
    margin-right: 13px;
    font-size: 20px;
    float: left;
    margin-top: -6px;
    color: #333333;
    width: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.settings a:before {
    content: "\e673"
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.billing a:before {
    content: "\e759";
    margin-top: -5px
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.profile a:before {
    content: "\e728"
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.user_settings a:before {
    content: "\e676"
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.account a:before {
    content: "\e66b"
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.developer a:before {
    content: "\e90b"
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.subscription a:before {
    content: "\e68d"
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.signatures a:before {
    content: "\e614";
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.connected_apps a:before {
    content: "\e874"
}
html.user .sidebar_menu .upper .frame .select_business ul.dropdown-menu li.switch_business {
    display: none
}
html.admin .sidebar_menu .upper .frame .select_business ul.dropdown-menu li.switch_business {
    display: block;
    text-align: center;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.switch_business {
    border-bottom-width: 0!important
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.logout a:before {
    content: "\e7b8";
    color: #fff;
    font-size: 20px;
    margin-top: -6px
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.heading {
    font-size: 12px;
    border-bottom: 1px solid #e8e8e9;
    padding: 0 22px;
    background: #e8e8e9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.logout a {
    border-top-color: #e35256;
    background: #e35256;
    color: #fff
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.logout:hover a,
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.logout.selected a {
    border-top-color: #de3136;
    background: #de3136
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li:not(.heading):not(.logout):not(.selected):hover {
    background: #ffffcc;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.user_settings,
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.profile,
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.signatures {
	background: #e8e8e9;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.user_settings:hover,
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.profile:hover,
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.signatures:hover {
	background: #d8d8d9 !important;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.user_settings:hover a,
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.profile:hover a,
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.signatures:hover a {
	border-bottom-color: #d8d8d9;
}
.sidebar_menu .upper .frame .select_business .business img {
    margin-right: 5px;
    margin-top: -2px;
    margin-left: 0;
	width: 30px;
}
.select_arrows:after {
    display: block;
    position: relative;
    right: 5px;
    margin-top: -24px;
    float: right;
    font-size: 14px;
    width: 20px;
    text-align: center;
    font-style: normal;
    font-family: 'Ionicons';
    content: "\f104";
    color: #848b88;
    pointer-events: none;
    height: 20px;
    line-height: normal;
}
#desk.settings .select_arrows:after {
    background: #f2f2f2;
}
.x_page {
    display: none;
    opacity: 1;
    z-index: 999999999;
    position: absolute;
    width: 100%;
    height: 100%
}
.x_page.overlay {
    background: rgba(0, 0, 0, .3);
    position: fixed
}
.x_page.fixed {
    position: fixed;
    overflow-y: auto;
}
.x_window {
    background: #fff;
    width: 30%;
    width: 450px;
    margin: 97px auto;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(75, 75, 87, .9);
    /*overflow: hidden*/
}
.x_window header {
    background: #fafafa;
    padding: 1px 0 1px 20px;
    border-bottom: 1px solid #e7e7e7;
    padding: 1px 0 1px 20px;
    border-bottom: 1px solid #e7e7e7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
}
.x_window .explanation.gray {
    background: #fafafa
}
.x_window .explanation.docracy_footnote.gray {
    padding: 10px 20px;
    font-size: 12px;
    background: #e8e8e9;
    text-align: center;
}
.x_window .x_content.confirmation header h1 {
    margin: 0;
    font-size: 18px;
    padding: 10px 0
}
.x_window header .x_close:after {
    display: block;
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    font-style: normal;
    font-family: 'Ionicons';
    content: "\f2d7";
    color: #848b88;
}
.x_window .x_content.confirmation header .x_close:after {
	top: 10px;
}
.close_x {
    cursor: pointer
}
.x_form fieldset {
    padding: 15px;
    margin: 5px auto;
    width: 90%;
    display: block;
    position: relative;
    font-size: 14px
}
.x_window .x_content.confirmation .x_form fieldset {
    margin: 0 auto;
    padding: 0 21px;
    width: 100%;
    margin-bottom: 0
}
.x_window .x_content.confirmation .x_form fieldset p {
    margin: 0;
    margin-top: 10px
}
.x_window .x_content.confirmation .x_form fieldset .form_row {
    margin-top: 20px;
    margin-bottom: 10px
}
.x_form .info_strip {
    background: rgba(0, 0, 0, .47);
    color: #fff;
    font-size: 14px;
    padding: 12px 7px 12px 20px
}
.x_form .info_strip.error {
    background: #e35256
}
.x_form .info_strip.success {
    background: #3da07b
}
.x_form .info_strip.info {
    background: #e3f3fc;
    color: #2676a5
}
.x_form .info_strip.info:before {
    color: #2676a5;
}

.x_form .info_strip .message {
    display: inline-block
}
.x_form .info_strip:before {
    -webkit-font-smoothing: antialiased;
    font-family: 'Ionicons';
    content: "\f149";
    color: #fff;
    margin-right: 10px;
    font-size: 19px;
    float: left;
    margin-top: -5.1px
}
.x_form .info_strip.error:before {
    content: "\f35b"
}
.x_form .info_strip.success:before {
    content: "\f375"
}
.x_form fieldset .form_container.with_margin {
    margin-top: 100px
}
.x_form fieldset .form_container aside {
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    padding: 0 20px 5px
}
.x_form fieldset .form_container aside input {
    background: #fff
}
.board .client_image_container {
    display: inline-block
}
.x_form .board .client_type_define {
    float: right;
    margin-top: 7px;
    width: 100%;
    width: 275px
}
.board .client_type_define {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    width: 250px
}
.client_type_define label {
    cursor: pointer
}
.custom_radio_label {
    display: block;
    width: 85%;
    background: #f2f2f2;
    border: 2px solid #d7d7d9;
    font-size: 14px;
    padding: 5px 20px 5px 10px;
    float: left;
    color: #333333
}
.client_type_label:first-of-type .custom_radio_label {
    border-top-left-radius: 2px
}
.client_type_label:first-of-type .custom_label_addon {
    border-top-right-radius: 2px
}
.client_type_label:last-of-type .custom_radio_label {
    border-bottom-left-radius: 2px;
    border-top: none
}
.client_type_label:last-of-type .custom_label_addon {
    border-bottom-right-radius: 2px
}
.custom_label_addon {
    padding: 5px 10px;
    display: inline-block;
    float: right;
    border: 2px solid #d7d7d9;
    width: 15%;
    border-left: none;
    height: 33px
}
.custom_label_addon.organization {
    margin-top: -2px
}
.dark_tick:after {
    -webkit-font-smoothing: antialiased;
    text-align: center;
    font-family: 'Ionicons';
    content: "\f122";
    color: #555;
    display: block;
    margin-left: 0;
    margin-top: -3px;
    font-size: 18px
}
.double_input {
    width: 49%!important;
    display: inline-block
}
.custom_field_container.tds .double_input {
    width: 250px!important
}
.custom_field_container.tds .double_input.second {
    float: none;
    margin-left: 5px;
    width: 150px!important
}
.custom_field_container.tds .remove_custom_field_button {
    display: inline-block;
    margin-left: 10px;
    width: auto;
	height: 35px;
    padding: 0 10px;
    background: #f5f5f5;
    cursor: pointer!important;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e8e8e9;
    border: 2px solid #d7d7d9;
    color: #444;
    padding-top: 6px;

}
.custom_field_container .set_default,
.custom_field_container .set_default input,
.custom_field_container .set_default label {
	display: inline-block !important;
}
.custom_field_container .set_default label {
	color: #333 !important;
}
.custom_field_container .set_default input {
	margin-left: 10px;
	margin-right: 5px;
}
.form_heading.double_input {
    display: inline-block
}
.double_input.second {
    float: right
}
.sub_notice {
    display: block;
    margin-top: 10px;
    font-size: 14px
}
.mt10 {
    margin-top: 10px!important
}
.mt15 {
    margin-top: 15px!important
}
.triple_input {
    width: 32%!important;
    display: inline-block
}
.triple_input.one {
    float: left
}
.triple_input.two {
    margin: 0 auto;
    margin-top: 10px;
    margin-left: 2%
}
.triple_input.three {
    float: right
}
.x_form .save_button {
    padding: 0 15px;
    height: 35px;
    border: none;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    position: relative
}
.x_form .dropdown-menu .save_button {
    padding: 6px 10px 0;
    height: 30px;
    margin: 0
}

.x_window .x_content.confirmation .x_form .save_button {
    padding: 0 15px;
    min-width: 140px;
}
.x_form .cancel_button {
    margin-left: 14px;
    color: #222
}
.x_form .form_row.organization {
    display: none
}
.x_form .form_row:first-of-type {
    margin-top: 0!important
}
.x_form ul.dropdown-menu .new_tag_item_form .form_row:first-of-type {
    margin-top: 11px
}
.x_form .form_row:last-of-type {
    margin-bottom: 0!important
}
.x_form .form_row textarea,
.x_form .form_row select {
    width: 100%
}
.x_form .form_row.with_margin {
    margin-top: 30px
}
a.remove_custom_field_button {
    width: 100%;
    display: block;
    margin-top: 5px;
    text-align: right;
    font-size: 13px!important
}
.ghost_drag_item {
    opacity: .5
}
.new_tag_item_rate_input {
    margin-top: 10px
}
.one_item_line input.datepicker {
    margin-left: -56px
}
input.no_input {
    border: none!important;
    background: transparent!important;
    color: inherit!important;
    padding-right: 0!important;
    padding-left: 0!important;
    width: 70%!important;
    text-align: right
}
@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.popup_load_spinner {
    display: block;
    z-index: 2000;
    position: relative;
    margin: 0 auto;
    /*margin-top: -85px;*/
    top: 85px;
    width: 30px;
    height: 30px;
    border: solid 3px transparent;
    border-top-color: #999;
    border-left-color: #999;
    border-radius: 50px;
    -webkit-animation: pace-spinner 600ms linear infinite;
    -moz-animation: pace-spinner 600ms linear infinite;
    -ms-animation: pace-spinner 600ms linear infinite;
    -o-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite
}
#desk.settings .uploadifive-button.loading:before {
    display: block;
    z-index: 2000;
    position: absolute;
    content: '';
    left: 40px;
    top: 7px;
    width: 20px;
    height: 20px;
    border: solid 2px transparent;
    border-top-color: #fff;
    border-left-color: #fff;
    border-radius: 999px;
    -webkit-animation: pace-spinner 600ms linear infinite;
    -moz-animation: pace-spinner 600ms linear infinite;
    -ms-animation: pace-spinner 600ms linear infinite;
    -o-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite
}
#desk.settings .uploadifive-button.loading {
    color: rgba(0, 0, 0, 0)!important;
    cursor: default;
    pointer-events: none
}
.autocomplete-suggestions {
    border: 1px solid #c7c7c7;
    cursor: default;
    overflow: auto;
    position: absolute;
    max-height: 150px;
    z-index: 999999999999 !important;
    display: block;
    box-shadow: 0 2px 8px 0 rgba(75, 75, 87, .2);
    -webkit-box-shadow: 0 2px 8px 0 rgba(75, 75, 87, .2);
    -moz-box-shadow: 0 2px 8px 0 rgba(75, 75, 87, .2);
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
    margin-top: -1px;
}
.autocomplete-suggestions.item_autocomplete {
    margin-left: -2px;
    margin-top: 3px;
    width: auto!important;
    min-width: 200px;
    max-width: 506px;
}
.autocomplete-suggestions.connection_autocomplete {
    margin-left: 0;
    margin-top: -2px;
    /*width: 200px!important*/
}
.autocomplete-suggestion {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 11px 20px 28px;
    margin-top: 5px
}
.autocomplete-suggestion .left {
    max-width: 85%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    float: left;
}
.autocomplete-suggestion .left {
	white-space: nowrap;
}
.item_autocomplete .autocomplete-suggestion .left {
    max-width: 75%;
    white-space: nowrap
}
.autocomplete-suggestion:first-of-type {
    margin-top: 0
}
.autocomplete-suggestion:hover,
.item_autocomplete.autocomplete-selected,
.autocomplete-suggestion.autocomplete-selected {
    cursor: pointer;
    background: rgba(0, 0, 0, .05)
}
.autocomplete-suggestions strong {
    font-weight: 700;
    color: #000
}
.autocomplete-group {
    padding: 2px 5px
}
.autocomplete-group strong {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000
}
.autocomplete_card {
    padding: 6px;
    border: 2px solid #d7d7d9;
    background: #f2f2f2;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}
.autocomplete_card p {
    margin: 0
}
.autocomplete_card .close_icon:after {
    display: block;
    position: relative;
    margin-top: -1px;
    float: right;
    width: 18px;
    font-size: 18px;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    font-style: normal;
    font-family: 'Ionicons';
    content: "\f2d7";
    color: #848b88;
    cursor: pointer
}
[data-currency="code"] {
    cursor: pointer
}
@keyframes shakeInput {
    0% {
        margin-left: 4px
    }
    10% {
        margin-left: -4px
    }
    30% {
        margin-left: 4px
    }
    60% {
        margin-left: -4px
    }
    100% {
        margin-left: 0
    }
}
@-webkit-keyframes shakeInput {
    0% {
        margin-left: 4px
    }
    10% {
        margin-left: -4px
    }
    30% {
        margin-left: 4px
    }
    60% {
        margin-left: -4px
    }
    100% {
        margin-left: 0
    }
}
.shakeInput {
    animation: shakeInput .5s;
    -webkit-animation: shakeInput .5s;
    border-color: #8c8c91
}
table.standard-table {
    width: 100%!important;
    text-align: left;
    font-size: 14px;
    border-collapse: separate
}
table.free {
    width: 100%!important;
    text-align: left;
    font-size: 14px
}
table.free thead {
    border-bottom: 2px solid #e7e7e7
}
table.free thead.gray {
    background: rgba(0, 0, 0, .05)
}
table.free td,
table.free th {
    padding: 7px 5px
}
table.free tr.large td {
    padding: 10px 5px
}
table tr.red_backlight,
table td.red_backlight {
    background: #fadfe0;
}
table.free td.text_right,
table.free th.text_right {
    text-align: right
}
table.free tr.border_bottom {
    border-bottom: 1px solid #e7e7e7
}
table.standard-table tr {
    background: rgba(243, 243, 243, .0);
    color: #222;
    height: 75px;
}
table.medium {
    max-width: 980px
}
table.standard-table td {
    padding: 10px 15px;
    border-top: 1px solid #d7d7d9
}
.button.start-timer {
    padding: 9px 0;
    margin-right: 10px;
    background: #747d9d;
    color: #fff;
    width: 89px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    border-color: #747d9d
}
[data-timer="off"] [data-timer-elements="on"] {
    display: none
}
[data-timer="on"] [data-timer-elements="off"] {
    display: none
}
table.standard-table th {
    padding: 10px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
table.standard-table th:first-child {
    border-left: 1px solid rgba(0, 0, 0, .1)
}
table.standard-table th:last-child {
    border-right: 1px solid rgba(0, 0, 0, .1)
}
table.standard-table td section {
    max-height: 50px
}
table.standard-table.track td section {
    max-height: 100px
}
table.report td,
table.report th {
    width: auto!important;
    text-align: left!important;
    padding: 10px 20px!important
}
table.report td section {
    padding: 0!important
}
table.track tr td:nth-child(1),
table.clients tr td:nth-child(1),
table.files tr td:nth-child(1),
table.team tr td:nth-child(1),
table.invoices tr td:nth-child(1),
table.bills tr td:nth-child(1),
table.estimates tr td:nth-child(1),
table.items tr td:nth-child(1),
table.tasks tr td:nth-child(1),
table.expenses tr td:nth-child(1),
table.trips tr td:nth-child(1),
table.tags tr td:nth-child(1) {
    width: 5%;
    text-align: center
}
table.track tr td:nth-child(2),
table.files tr td:nth-child(6),
table.languages tr td:nth-child(2) {
    width: 20%
}
table.track tr td:nth-child(6),
table.clients tr td:nth-child(2),
table.clients tr td:nth-child(4) {
    width: 25%
}
table.invoices tr th:nth-child(4),
table.bills tr th:nth-child(4),
table.estimates tr th:nth-child(4),
table.invoices tr td:nth-child(4),
table.bills tr td:nth-child(4),
table.estimates tr td:nth-child(4) {
    width: 250px !important;
}
table.invoices tr th:nth-child(5),
table.bills tr th:nth-child(5),
table.estimates tr th:nth-child(5),
table.invoices tr td:nth-child(5),
table.bills tr td:nth-child(5),
table.estimates tr td:nth-child(5) {
	width: 200px !important;
}
table.track tr td:nth-child(3) {
    width: 40%
}
table.clients tr td:nth-child(3) {
    width: 15%
}
table.track tr td:nth-child(3) input {
    background: #fff
}
table.track tr td:nth-child(4),
table.clients tr td:nth-child(6),
table.team tr td:nth-child(6),
table.items tr td:nth-child(6),
table.tasks tr td:nth-child(6),
table.expenses tr td:nth-child(6),
table.trips tr td:nth-child(6),
table.tags tr td:nth-child(6),
table.modify_language tr td:nth-child(4) {
    width: 10%
}
table.track tr td:nth-child(6),
table.clients tr td:nth-child(6),
table.files tr td:nth-child(6),
table.team tr td:nth-child(6),
table.items tr td:nth-child(6),
table.tasks tr td:nth-child(6),
table.expenses tr td:nth-child(6),
table.trips tr td:nth-child(6),
table.tags tr td:nth-child(6),
table.languages tr td:nth-child(2),
table.modify_language tr td:nth-child(4),
table.colors tr td:nth-child(5) {
    text-align: right;
    padding-right: 25px
}
table.clients tr td:nth-child(2) img,
table.team tr td:nth-child(2) img,
table.invoices tr td:nth-child(4) img,
table.bills tr td:nth-child(4) img,
table.estimates tr td:nth-child(4) img {
    margin-right: 5px
}
table.standard-table th {
    pointer-events: none!important;
    cursor: default!important;
	width: auto !important;
}
table.standard-table th.sorting_enabled {
    pointer-events: auto!important;
    cursor: pointer!important;
}
table.languages td:first-of-type,
table.languages th:first-of-type,
table.colors td:first-of-type,
table.colors th:first-of-type {
    padding-left: 15px
}
table.standard-table td section span.star {
    display: inline-block;
    width: 19px
}
table.standard-table td section span.star:before {
    font-family: 'Ionicons';
    content: "\f2fc";
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: relative;
    font-size: 20px;
    display: inline-block;
    color: #fa3;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
table.languages td section span.star:before {
    font-size: 25px;
    content: "\f3ae";
    color: #c1c1c1;
    cursor: pointer
}
table.languages td section span.star.active:before {
    font-size: 25px;
    content: "\f2fc";
    color: #fa3
}
table.standard-table td:first-child {
    border-left: 1px solid #d7d7d9
}
table.standard-table td:last-child {
    border-right: 1px solid #d7d7d9
}
table.standard-table tr:last-child td {
    border-bottom: 1px solid #d7d7d9
}

table.standard-table p.description {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 400px;
    overflow: hidden;
    line-height: normal
}
table.standard-table p.meta {
    font-size: 13px;
    color: #999;
    font-weight: 300;
    margin-bottom: 0
}
table.standard-table .autocomplete_card {
    height: 35px;
    width: 65%;
    position: relative;
    float: left;
    display: inline-block;
    padding: 7px
}
table.standard-table .autocomplete_card p {
    margin: 0;
    margin-top: 1px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
table.standard-table span.new {
    line-height: 35px;
    display: inline-block;
    margin-left: 10px;
    position: absolute
}
table.standard-table input[type="text"] {
    padding: 0 5px;
    outline: none;
    font-weight: 400;
    line-height: 35px;
    height: 35px;
    color: #333333;
    -webkit-appearance: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #d7d7d9
}
table.standard-table small {
    font-size: 13px;
}
table.standard-table small.st_descr {
    margin-left: 0px;
    display: block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a7a7a9;
	font-size: 14px;
}
span.st_descr {
	white-space: nowrap;
	width: 150px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
	vertical-align: top;
}

table.standard-table .fade {
    color: #a1a1a1
}
table.standard-table thead tr {
    height: 20px;
    background: #e8e8e9
}
table.standard-table tr {
    background: #fff
}
table.standard-table .button.apply {
    padding: 10px 0;
    color: #fff;
    width: 89px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    border: 0!important
}
/* NEW TABLE STYLING FOR NEW NON-JSON TABLES */
table.min-height td {
	height: 53px;
}
table .statement_hash {
    text-align: center;
    width: 50px;
}
table.new_clients_table tr .connection_id:last-of-type {
    text-align: right;
    width: 200px;
}
table.new_clients_table tr td.connection_id:first-of-type {
	text-align: center;
}
table .statement_date,
table .statement_due_date,
table .statement_expiration_date,
table .statement_creation_ts,
table .tracker_date {
	width: 100px;
}
table .phone_number {
	width: 150px;
}
table .effective_statement_status {
    text-align: center;
	width: 100px;
}
table .sumdata_statement_total {
	text-align: right;
	width: 200px;
	padding: 10px 10px 10px 0;
}
table th.sumdata_statement_total {
    padding-right: 25px;
}
table .statement_id {
	width: 155px;
}
table .tds_name {
	max-width: 250px;
	min-width: 150px;
}
table .tracker_actions {
	width: 165px;
	text-align: right;
}
table .statement_id strong,
table .statement_recurring_profile_name strong {
	vertical-align: top;
}
table .connection_details {
	width: 175px;
}
table.standard-table.nojson td {
	padding: 7px 10px;
}
table td.connection_details a {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 85%;
    overflow: hidden;
    display: block;
}
table.nojson tr:hover {
	background: #f2f2f2;
}
table td.email_address,
table td.connection_name {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* NEW TABLE STYLING FOR NEW NON-JSON TABLES */
.tag.clean {
    padding: 10px;
    text-align: center;
    /*width: 150px;*/
    color: #fff;
    border: 0;
    min-width: 85px;
	text-transform: capitalize !important;
	height: auto;
	margin: 0 !important;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
	font-size: 13px;
}
.tag.clean.for-date {
    width: 85%
}
#show-per-page-strip {
    margin-top: 50px;
    height: 100px
}
#show-per-page-strip select {
    width: 60px;
    margin-left: 10px;
	background: #e8e8e9;
}
ul.tabs {
    width: 100%;
    list-style: none;
    padding: 0;
    margin-top: 50px;
    margin-bottom: 0
}
ul.tabs.general {
    margin-bottom: 30px;
    margin-top: 0;
    border-bottom: 2px solid #e8e8e9;
    padding-bottom: 30px
}
@media screen and (min-width: 801px) {
ul.tabs li {
    width: 175px;
    display: inline-block;
    padding: 15px;
    margin-left: 5px;
    border: 1px solid #d7d7d9;
    background: #e8e8e9;
    color: #444;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}
ul.tabs a:first-child li {
    margin-left: 0
}
}
ul.tabs li.current {
    background: #fff
}
ul.tabs li.icon_graphics:before,
ul.tabs li.icon_colors:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
ul.tabs li.icon_graphics:before {
    content: "\e70e";
}
ul.tabs li.icon_colors:before {
    content: "\e626";
}
#desk:not(.send_statement) section.disabled input,
#desk:not(.send_statement) section.disabled textarea {
    cursor: default;
    pointer-events: none;
    opacity: .7;
    background: rgba(0, 0, 0, .05)!important
}
section.disabled .new_item {
    background: rgba(0, 0, 0, .2)!important;
    cursor: default;
    pointer-events: none
}
section.disabled a.remove_custom_field_button {
    color: #BBB!important;
    cursor: default;
    pointer-events: none
}
@-webkit-keyframes move {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 50px 50px
    }
}
@-moz-keyframes move {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 50px 50px
    }
}
@keyframes move {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 50px 50px
    }
}

.uploadifive-queue-item,
.tag {
    background: #f4f4f4;
    border: 0 solid #D5D5D5;
    font: 12px Arial, Helvetica, Sans-serif;
    display: inline-block;
    text-align: left;
    padding: 6px 17px 0 7px;
    height: 30px;
    width: auto;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    position: relative
}
.uploadifive-queue-item.complete {
    max-height: 30px;
}
.uploadifive-queue-item .inside {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
    max-width: none
}
#desk.files .uploadifive-queue-item .inside {
    width: 100%
}
.x_page .uploadifive-queue-item,
#desk.statement .uploadifive-queue-item {
    background: #e7e7e7;
    border: 0;
    padding: 7px 15px 8px 10px;
    max-width: 200px;
    min-width: 150px;
    min-height: 30px;
    position: relative;
    height: auto
}
a.download_item:before {
    font-family: 'Ionicons';
    content: "\f2dd";
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: relative;
    margin-top: 0;
    font-size: 15px;
    float: right;
    max-width: 200px;
    left: 0;
    text-align: right;
    display: inline-block;
    color: #9d9d9d;
    cursor: pointer;
    line-height: 1;
    -webkit-font-smoothing: auto;
    margin-right: 15px
}
#desk.files a.download_item,
#desk.files a.download_item:before {
    display: none
}
#desk.files .uploadifive-queue-item .success_tick:before {
    display: none;
    font-family: 'Ionicons';
    content: "\f122";
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: relative;
    text-align: right;
    color: #3da07b;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    float: right
}
#desk.files .uploadifive-queue-item.complete .success_tick:before {
    display: inline-block
}
#desk.files .uploadifive-queue-item {
    width: 250px;
    max-width: none;
    background: #fff;
    margin: 0;
    border: 2px solid #d7d7d9;
    font-size: 14px;
    padding: 10px 20px;
    height: auto;
    position: relative;
    margin-right: 15px!important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-bottom: 15px!important;
    margin-left: 0!important;
    margin-top: 0!important
}
#desk.files .uploadifive-queue-item:last-of-type {
    margin-right: 0
}
.uploadifive-queue-item .close_item:after,
.tag .close_item:after {
    font-family: 'Ionicons';
    content: "\f128";
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: relative;
    margin-top: 1.4px;
    float: right;
    max-width: 200px;
    right: -10px;
    text-align: right;
    display: inline-block;
    color: #9d9d9d;
    cursor: pointer;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.uploadifive-queue-item .close_item:hover:after,
.uploadifive-queue-item .download_item:hover:before,
.tag .close_item:hover:after {
    color: #333333
}
#desk.files .uploadifive-queue-item .close_item:after {
    font-size: 16px;
    position: absolute;
    right: 20px;
    top: 9px
}
.x_page .uploadifive-queue-item .close_item:after,
#desk.statement .uploadifive-queue-item .close_item:after,
.tag .close_item:after {
    position: absolute;
    right: 10px
}

.reupload_file {
    position: relative;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 26px;
    top: 5px;
    color: #9d9d9d;
}

.reupload_file:hover {
    color: #333333;
}

.reupload_file:after {
    font-family: 'Linearicons';
    font-size: 16px;
    content: "\e8f6";
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: relative;
    margin-top: 1.4px;
    text-align: right;
    display: inline-block;
    color: inherit;
    cursor: pointer;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

#desk.files .uploadifive-queue-item .filename,
.x_page .uploadifive-queue-item .filename,
#desk.statement .uploadifive-queue-item .filename {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
#desk.files .uploadifive-queue-item .filename {
    max-width: 90%
}
.uploadifive-queue-item .progress {
    border: 1px solid #D0D0D0;
    height: 5px;
    margin-top: 5px;
    width: 100%
}
.x_page .uploadifive-queue-item .progress,
#desk.statement .uploadifive-queue-item .progress {
    border: 0
}
.uploadifive-queue-item .progress-bar {
    background: #0072BC;
    height: 3px;
    width: 0
}
#desk.files .uploadifive-queue-item .progress {
    border: 0;
    margin-top: 10px;
    height: auto;
    display: block!important
}
#desk.files .uploadifive-queue-item .progress-bar {
    background: #999;
    height: 15px;
    width: 0;
    content: "";
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    animation: move 2s linear infinite
}
#desk.files .uploadifive-queue-item.complete .progress-bar {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    background: #3da07b;
    background-image: none
}
.x_page .uploadifive-queue-item .progress-bar,
#desk.statement .uploadifive-queue-item .progress-bar {
    height: 4px
}
.tag {
    padding: 7px 30px 0 7px;
    margin: 3px 0 0 3px !important;
    min-width: 100px
}
.tag.date {
    display: none;
    background: rgba(43, 161, 225, .95);
    border: 1px solid #2BA1E1;
    min-width: 100px
}
.tag.classic {
    background: #ff8000
}
.tag .filename {
    white-space: nowrap
}
.tag.date .close_item:after,
.tag.classic .close_item:after,
.tag.date .filename,
.tag.classic .filename {
    color: #fff
}
.tag.classic .inside {
    color: #fff
}
.tipr_content {
    font-size: 12px;
    color: #fff;
    background: #333;
    padding: 0 10px
}
.tipr_container_bottom {
    display: none;
    position: absolute;
    margin-top: 8px;
    z-index: 9999999999;
    border: 1px solid #333;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: auto
}
@media screen and (min-width: 801px) {
.attach_button .tipr_container_bottom {
    margin-top: 40px;
    z-index: 999;
}
}
table .tipr_container_bottom {
    margin-top: 13px
}
table .tipr_content {
    padding: 5px
}
.tipr_container_top {
    display: none;
    position: absolute;
    z-index: 9999999999;
    max-width: 300px;
    border-color: #333;
    background: #333;
    margin: 0;
    border: 1px solid #333;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}
.tiprtop.three .tipr_container_top {
    margin-top: -105px
}
.tiprtop.two .tipr_container_top {
    margin-top: -87px
}
.tiprtop.one .tipr_container_top {
    margin-top: -69px
}
.tipr_container_top .tipr_content {
    padding: 10px;
    font-size: 13px
}
.tipr_point_top,
.tipr_point_bottom {
    position: relative;
    background: #333
}
.tipr_point_top:after,
.tipr_point_top:before {
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    top: 100%;
    content: "";
    height: 0;
    width: 0
}
.tipr_point_top:after {
    border-top-color: #333;
    border-width: 8px;
    left: 50%;
    margin-left: -8px
}
.tipr_point_top:before {
    border-top-color: #333;
    border-width: 9px;
    left: 50%;
    margin-left: -9px
}
.tipr_point_bottom:after,
.tipr_point_bottom:before {
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    width: 0
}
.tipr_point_bottom:after {
    border-bottom-color: #333;
    border-width: 8px;
    left: 50%;
    margin-left: -8px
}
.tipr_point_bottom:before {
    border-bottom-color: #333;
    border-width: 9px;
    left: 50%;
    margin-left: -9px
}
.helptip {
    width: 23px;
    display: inline-block;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.helptip:before {
    font-family: 'Ionicons';
    content: "\f142";
    font-weight: 400;
    font-size: 15px;
    font-variant: normal;
    text-transform: none;
    color: #9d9d9d;
    cursor: help;
    margin-left: 5px;
    vertical-align: text-bottom;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.pika-single {
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 2px solid #d7d7d9;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 999999999999999999999999!important
}
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table
}
.pika-single:after {
    clear: both
}
/*.pika-single {
    *zoom: 1
}*/
.pika-single.is-hidden {
    display: none
}
.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}
.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}
.pika-title {
    position: relative;
    text-align: center
}
.pika-label {
    display: inline-block;
   /* *display: inline;*/
    position: relative;
    z-index: 9999999999999999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background: #fff
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}
.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    /* *position: absolute;
    *top: 0 */
}
.pika-prev:hover,
.pika-next:hover {
    opacity: 1
}
.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
    /* *left: 0 */
}
.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
    /* *right: 0 */
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2
}
.pika-select {
    display: inline-block;
  /*  *display: inline */
}
.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}
.pika-table th,
.pika-table td {
    width: 14.285714285714%;
    padding: 0
}
.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    text-align: center
}
.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}
.pika-week {
    font-size: 11px;
    color: #999
}
.is-today .pika-button {
    color: #2C87E5;
    font-weight: 700
}
.is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #2C87E5;
    box-shadow: inset 0 1px 3px #178fe5
}
.is-inrange .pika-button {
    background: #D5E9F7
}
.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none
}
.is-endrange .pika-button {
    color: #fff;
    background: #2C87E5;
    box-shadow: none
}
.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}
.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none
}
.pika-table abbr {
    border-bottom: none;
    cursor: help
}
@-moz-keyframes timer-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes timer-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes timer-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.timer-loader:not(:required) {
    border: 2px solid #fff;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-top: -2px
}
.timer-loader:not(:required)::before {
    -moz-animation: timer-loader 1250ms infinite linear;
    -webkit-animation: timer-loader 1250ms infinite linear;
    animation: timer-loader 3250ms infinite linear;
    -moz-transform-origin: 3px 3px;
    -ms-transform-origin: 3px 3px;
    -webkit-transform-origin: 3px 3px;
    transform-origin: 1px 1px;
    background: #fff;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 7px;
    left: 8px;
    top: 7.5px
}
.timer-loader:not(:required)::after {
    -moz-animation: timer-loader 15000ms infinite linear;
    -webkit-animation: timer-loader 15000ms infinite linear;
    animation: timer-loader 15000ms infinite linear;
    -moz-transform-origin: 3px 3px;
    -ms-transform-origin: 3px 3px;
    -webkit-transform-origin: 3px 3px;
    transform-origin: 4px 5px;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 5px;
    left: 5px;
    top: 5px;
    visibility: hidden
}
.no_border {
    border: 0!important
}
.no_pb_pt {
    padding-top: 0!important;
    padding-bottom: 0!important
}
.no_padding {
    padding: 0!important
}
.fs14 {
    font-size: 14px!important
}
.fs15 {
    font-size: 15px!important
}
.pb10 {
    padding-bottom: 10px!important
}
.mb15 {
    margin-bottom: 15px!important
}
.mb20 {
    margin-bottom: 20px!important
}
.mb25 {
    margin-bottom: 25px!important
}
.mb30 {
    margin-bottom: 30px!important
}
.mt20 {
    margin-top: 20px!important
}
.mr20 {
    margin-right: 20px!important
}
.mt25 {
    margin-top: 25px!important
}
.mt35 {
    margin-top: 35px!important
}
.mt40 {
    margin-top: 40px!important
}
.ml5 {
    margin-left: 5px!important
}
.ml10 {
    margin-left: 10px!important
}
.no_mt {
    margin-top: 0!important
}
.no_mb {
    margin-bottom: 0!important
}
.no_float {
    float: none!important
}
.max_100 {
    max-width: 100px!important
}
.max_150 {
    max-width: 150px!important
}
.bg_white {
    background: #fff!important
}
.no_border_radius_right {
    border-radius: 2px 0 0 2px!important;
    -webkit-border-radius: 2px 0 0 2px!important;
    -moz-border-radius: 2px 0 0 2px!important
}
.no_border_radius_left {
    border-radius: 0 2px 2px 0!important;
    -webkit-border-radius: 0 2px 2px 0!important;
    -moz-border-radius: 0 2px 2px 0!important
}
ul.default {
    padding: 0;
    list-style: none;
    margin: 0
}
.relative {
    position: relative!important
}
.flex {
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
}
.flex .flex_item {
    width: 100%;
    margin-right: 20px
}
.flex .flex_item:last-of-type {
    margin-right: 0
}
.icon_container {
    width: 64px;
    height: 64px;
    display: inline-block;
    background-color: #E8EFF6;
}

.logo_container {
    width: 225px;
    height: 225px;
    background: url(/images/assets/transparent_bg_bit.png) repeat;
    box-shadow: inset 0 0 8px #ccc;
    -moz-box-shadow: inset 0 0 10px #ccc;
    display: inline-block
}

.preview_dark {
    background: none;
    background-color: #00083D;
}

.alert {
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    overflow: hidden;
    padding: 10px 1pc;
    position: relative;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-bottom: 20px
}
.alert:first-of-type {
    margin-top: 0
}
.alert.info {
    background: #e3f3fc;
    border-color: #a8c8db;
    color: #2676a5
}
.alert.error {
    background: #fce3e4;
    border-color: #f3b9bb;
    color: #e35256
}
.alert.success {
    background: #e3fcf3;
    border-color: #b1d9ca;
    color: #3da07b
}
.green {
    color: #3da07b!important
}
.inline_children p,
.inline_children span:not(.tipr):not(.tiprtop),
.inline_children label,
.inline_children input,
.inline_children a,
.inline_children select {
    display: inline-block!important
}
.inline_children label {
    width: 150px
}
.inline_children label.ninety {
    width: 90px
}
.cc_images {
	display: inline-block;
    text-align: left;
    white-space: nowrap;
}
.cc_images img {
	height: 35px;
	margin: 0 auto;
	margin-left: 5px;
}
.cc_images img:first-of-type {
    margin-left: 0
}
span.color_preview {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    border-radius: 999px;
    margin-left: 10px
}
span.hex {
    width: 60px;
    display: inline-block
}
.button.paypal {
    padding: 9px 10px 10px;
    color: #fff !important;
    width: 190px;
    background-image: url(/images/assets/paypal_white_x2.png);
    background-repeat: no-repeat;
    background-position: 10px 9px;
    background-size: 75px;
    height: 39px;
    border: 0;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.button.paypal.one_time {
    width: 235px
}
div.invoice {
    background: #f2f2f2;
    border: 1px solid #d7d7d9;
    height: 200px
}
.x_content .board {
	width: 100%;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	background: none;
}
.x_content .board .page {
    padding: 0!important;
    float: none;
}
.x_content .board .page section {
    padding: 15px 20px;
    border-bottom: 1px solid #e8e8e9;
    font-size: 14px
}
.x_content .board .page section:last-of-type {
    border-bottom: 0;
}
.x_content.view_attachments .board .page section:last-of-type {
	display: none;
}
.x_content:not(.view_attachments) .uploadifive-queue-item .close_item:after {
    display: block;
}
.x_content.view_attachments .board .page section.explanation.gray {
	background: #ffffff;
	border-bottom: 0 !important;
}
.x_content .board .page .dropdown-menu section {
    padding: 0;
    border: 0
}
.x_content .board .page section .form_row {
    margin-top: 0;
    margin-bottom: 5px;
}
.x_content.reassign_document .board .page section .form_row {
    margin-bottom: 10px;
}
.x_content.prefill .board .page section .form_row,
.x_content.field_identifier .board .page section .form_row {
	margin-bottom: 15px !important;
}
.x_content.prefill .board .page section .radios_inside .form_row.merge_field {
	margin-bottom: 5px !important;
}
.x_content.prefill .board .page section .radios_inside .form_row.merge_field:last-of-type {
	margin-bottom: 15px !important;
}
.x_content.prefill .board .page section .form_row:last-of-type,
.x_content.field_identifier .board .page section .form_row:last-of-type {
	margin-bottom: 5px !important;
}
.x_content .board .page section .dropdown-menu .form_row {
    margin-top: 11px!important;
    margin-bottom: 2px!important
}
.x_content .board .page section .form_row.payment_icons {
    margin-bottom: 0
}
.x_content .board .page section .cc_images {
    display: inline-block;
    width: 100%;
    text-align: left;
}
.x_content .board .page section .cc_images img {
    margin: 0 auto;
    margin-left: 8px;
    height: auto;
}
.x_content .board .page section .cc_images img:first-of-type {
    margin-left: 0
}
.x_content .board .page section label:not(.uploadifive-button) {
    margin-bottom: 5px;
    display: block
}
.x_content .board .page section .dropdown-menu label {
    margin-bottom: inherit;
    display: inline-block
}
.x_content .board .page section.radio_checkbox .form_row {
    margin-top: 0;
    margin-bottom: 10px
}
.x_content .board .page section.radio_checkbox .form_row:last-of-type {
    margin-bottom: 0
}
.x_content .board .page section.radio_checkbox .form_row label {
    padding-left: 10px;
    display: inline-block;
    margin-bottom: 0
}
.x_content .board .page section p {
    margin: 0
}
.x_content .board .page header.box_header {
    font-size: 14px
}
.x_content ul.document_multi_download {
    margin: 0;
    padding: 0;
    list-style: none;
}
.x_content ul.document_multi_download li {
    padding: 12px 0px;
    border-bottom: 1px solid #eaeaea;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.x_content ul.document_multi_download li span {
    font-size: 11px;
    display: inline-block;
    color: #999;
    font-weight: normal;
    margin-left: 3px;
    vertical-align: middle;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    position: relative;
    top: -1px;
}
.x_content ul.document_multi_download li:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}
.x_content ul.document_multi_download li:first-of-type {
	padding-top: 0;
}
.x_content ul.document_multi_download li:before {
	font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
	content: "\e6b3";
}
.x_content ul.document_multi_download li.audit_trail:before {
	content: "\e6cb";
}
.x_content ul.document_multi_download li a,
a.download_combined {
	display: inline-block;
    float: right;
    color: #ffffff;
    padding: 4px 5px 3px 5px;
    border-radius: 2px;
    cursor: pointer;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 13px;
}
.x_content ul.document_multi_download li .title {
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
a.download_combined {
    padding: 9px 10px 8px 10px;
    font-size: 14px;
	float: none;
}
.x_content ul.document_multi_download li.audit_trail a {
	background: rgba(0, 0, 0, 0.27) !important;
}
.ellipsis {
	margin-right: 7px;
}
.paginate_button {
    display: inline-block;
    box-sizing: border-box;
    padding: 7px 13px;
    margin: 0;
    text-align: center;
    text-decoration: none!important;
    cursor: pointer;
    color: #333!important;
    height: 35px;
    border: 1px solid #d7d7d9;
    background: #e8e8e9;
    margin-left: -1px;
}
.paginate_button.previous,
.paginate_button.next,
.paginate_button.start,
.paginate_button.end {width: 40px;display: inline-block;vertical-align: middle;}

.paginate_button.previous:before,
.paginate_button.next:before,
.paginate_button.start:before,
.paginate_button.end:before {
    content: "\e726";
    font-family: 'Linearicons';
    font-size: 11px;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    position: relative;
    top: 1px;
    left: -1px;
}
.paginate_button.start:after,
.paginate_button.end:after {
    content: "\e726";
    font-family: 'Linearicons';
    font-size: 11px;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    position: relative;
    top: 1px;
    left: -1px;
}
.paginate_button.previous:before {
    content: "\e93b";
}
.paginate_button.next:before {
    content: "\e93c";
    left: 0px;
}
.paginate_button.start:before {
    content: "\e93b";
    left: 0px;
}
.paginate_button.end:before {
    content: "\e93c";
    left: 1px;
}
.paginate_button.start:after {
    content: "\e93b";
    left: -6px;
}
.paginate_button.end:after {
    content: "\e93c";
    left: -5px;
}
.paginate_button:not(.previous):not(.next) {
    width: 43px;
}
.paginate_button.start {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.paginate_button.end {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.paginate_button.current,
.paginate_button:active {
    background: #D7D7D9 !important;
}
.paginate_button.current {
    cursor: default;
    pointer-events: none;
}
.paginate_button:not(.current):hover {background: #e0e0e2;}
.paginate_button.disabled {
    cursor: default;
    pointer-events: none;
}
table.dataTable thead th.sorting_enabled.sorting,
table.dataTable thead th.sorting_enabled.sorting_asc,
table.dataTable thead th.sorting_enabled.sorting_desc {
    cursor: pointer;
}
table.dataTable thead th.sorting_enabled.sorting,
table.dataTable thead th.sorting_enabled.sorting_asc,
table.dataTable thead th.sorting_enabled.sorting_desc,
table.dataTable thead th.sorting_enabled.sorting_asc_disabled,
table.dataTable thead th.sorting_enabled.sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px;
}
table.dataTable thead th.sorting_enabled.sorting {
    background-image: url(/images/assets/sort_both.png)
}
table.dataTable thead th.sorting_enabled.sorting_asc {
    background-image: url(/images/assets/sort_asc.png)
}
table.dataTable thead th.sorting_enabled.sorting_desc {
    background-image: url(/images/assets/sort_desc.png)
}
table.dataTable thead th.sorting_enabled.sorting_asc_disabled {
    background-image: url(/images/assets/sort_asc_disabled.png)
}
table.dataTable thead th.sorting_enabled.sorting_desc_disabled {
    background-image: url(/images/assets/sort_desc_disabled.png)
}
table td.blank {
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    color: rgba(0, 0, 0, .2);
    cursor: default;
}
table td.blank.loading:before {
    margin: 0 auto;
    right: 0;
    top: 1px;
    position: relative;
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: pace-spinner .6s infinite linear;
    animation: pace-spinner .6s infinite linear;
    border-top: 2px solid rgba(104,129,169,0);
    border-right: 2px solid rgba(0, 0, 0, 0);
    border-bottom: 2px solid rgb(179, 179, 179);
    border-left: 2px solid rgb(179, 179, 179);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: block;
    content: '';
    top: 0;
}
.flippable.flipped .board.back,
.flippable .board.front {
	display: block;
}
.flippable.flipped .board.front {
	display: none;
}
.flippable .board.back {
	display: none;
}
.offline_autocomplete {
    width: 100%;
    font-size: 14px;
    text-align: left;
    border: 2px solid rgba(0, 0, 0, 0.15);
    margin-top: -2px
}
.offline_autocomplete ul {
    list-style: none;
    padding: 5px;
    margin: 0;
    background: #f2f2f2
}
.offline_autocomplete ul li {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 10px;
    margin-top: 5px;
	cursor: pointer;
}
.offline_autocomplete ul li:nth-child(1) {
    margin-top: 0
}
.offline_autocomplete ul li:hover,
.offline_autocomplete ul li.selected {
    cursor: pointer;
    background: rgba(0, 0, 0, .05)
}
form[data-connection-type="individual"] .form_row.organization,
form[data-connection-type="individual"] section.organization,
form[data-connection-type="organization"] section.individual,
form[data-connection-type="organization"] .form_row.individual,
form[data-connection-type="organization"] img.individual,
form[data-connection-type="individual"] img.organization {
    display: none!important
}
form[data-connection-type="individual"] .form_row.individual,
form[data-connection-type="individual"] section.individual,
form[data-connection-type="organization"] .form_row.organization,
form[data-connection-type="organization"] section.organization {
    display: block!important
}
#desk.settings form[data-connection-type="individual"] .form_row.double.individual,
#desk.settings form[data-connection-type="individual"] section.double.individual,
#desk.settings form[data-connection-type="organization"] .form_row.double.organization {
	display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
    display: -webkit-flex !important;
}
form[data-connection-type="individual"] img.individual,
form[data-connection-type="organization"] img.organization {
    display: inline!important
}
form[data-connection-type="organization"] .dark_tick.individual,
form[data-connection-type="individual"] .dark_tick.organization {
    visibility: hidden
}
form[data-connection-type="individual"] .dark_tick.individual,
form[data-connection-type="organization"] .dark_tick.organization {
    visibility: visible
}
form[data-connection-type="individual"] .custom_radio_label.individual,
form[data-connection-type="organization"] .custom_radio_label.organization {
    background: #ffc
}
#desk.statement footer {
    margin-top: 50px;
    padding-top: 10px;
    border-top: 1px solid #e7e7e7
}
#desk.statement footer .right.branding {
	padding-top: 10px;
}
#desk.statement footer .right.branding .remove_branding {
    background: #FF6633;
    color: #fff;
    width: 100px;
    margin: 0px auto;
    margin-top: 7px;
    margin-right: 20px;
    border-radius: 3px;
    padding: 5px 0;
    display: block;
    text-align: center;
    float: left;
	display: block;
    text-align: center;
}
#desk.statement footer a.button {
    display: inline-block;
    float: right;
    margin-top: 12px;
    font-style: normal;
    line-height: 18px;
    padding: 8px 12px 0;
    height: 35px;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #fff;
    text-align: center;
    border: none
}
#desk.statement footer ul {
    padding: 20px 0 0;
    list-style: none;
    display: inline-block;
    float: left;
    margin: 0
}
#desk.statement footer ul li {
    margin: 0 20px 10px 0;
    padding: 0;
    display: inline-block;
    line-height: 1
}
#desk.statement header .statement_status {
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-weight: 400;
    padding: 7px 10px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
#desk.statement header h2.title .statement_status {
    display: inline-block;
    margin-right: 10px;
    font-size: inherit;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    text-transform: capitalize;
    vertical-align: top;
    height: 35px;
    /* padding-top: 10px; */
	text-align: center;
}
#desk.statement header h2.title .statement_status span {
    font-size: 19px;
    display: inline-block;
}
#desk.statement header h2.title input {
    display: inline-block;
    width: auto;
}
.tag.clean.draft,
.tag.clean.deleted,
.tag.clean.closed,
.tag.clean.trashed,
#desk.statement header .statement_status.draft,
#desk.statement header .statement_status.deleted,
#desk.statement header .statement_status.closed,
#desk.statement header .statement_status.trashed {
    background: #a1a1a1
}
.tag.clean.unpaid {
	background: rgba(0, 0, 0, 0.47);
}
.statement_amount_container.total_due.draft .statement_amount,
.statement_amount_container.total_due.deleted .statement_amount,
.statement_amount_container.total_due.closed .statement_amount,
.statement_amount_container.total_due.trashed .statement_amount {
    border-color: #a1a1a1
}
.tag.clean.paused,
#desk.statement header .statement_status.paused {
    background: #e3af52
}
.statement_amount_container.total_due.paused .statement_amount {
    border-color: #e3af52
}
.tag.clean.blue {
    background: #2676a5
}
.tag.clean.unsent,
#desk.statement header .statement_status.unsent
{
	background: #363B4D;
}
.statement_amount_container.total_due.unsent .statement_amount {
    border-color: #363B4D
}
.statement_amount_container.total_due.invoiced .statement_amount,
.statement_amount_container.total_due.completed .statement_amount,
.statement_amount_container.total_due.partial .statement_amount,
.statement_amount_container.total_due.pending .statement_amount,
.statement_amount_container.total_due.payable .statement_amount,
.statement_amount_container.total_due.sent .statement_amount {
    border-color: #2676a5
}
.statement_amount_container.total_due.paid .statement_amount,
.statement_amount_container.total_due.accepted .statement_amount,
.statement_amount_container.total_due.active .statement_amount {
    border-color: #3da07b
}
.tag.clean.red {
    background: #e35256
}
.tag.clean.declined {
    color: #555;
    background: #f2f2f2;
}
.statement_amount_container.total_due.due .statement_amount,
.statement_amount_container.total_due.expired .statement_amount {
    border-color: #e35256
}
#desk.statement.view .board:not(.inputs_enabled) input,
#desk.statement.view .board:not(.inputs_enabled) select,
#desk.statement.view .board:not(.inputs_enabled) [data-currency="code"]:not(.total) {
    tab-index: -1;
    background: transparent!important;
    border: 0 solid transparent!important;
    padding: 0!important
}
/*#desk.statement.view .uploadifive-queue-item,
#desk.statement.view .tag {
    max-height: 30px;
}*/
#desk.statement.view .statement_details .form_heading,
#desk.statement.view .statement_section .form_heading {
    margin-bottom: 0
}
#desk.statement.view .statement_details {
    width: 50%;
}
#desk.statement.view .form_row.address_from .form_heading,
#desk.statement.view .form_row.address_to .form_heading {
    margin-bottom: 10px!important
}
#desk.statement.view header {
    border-bottom: 0;
    padding-bottom: 0
}
#desk.statement.view .hide_on_view {
    display: none!important
}
#desk.statement.view .item_textarea_container .files_area {
    margin-left: -3px
}
#desk.statement.view .board:not(.inputs_enabled) textarea {
    tab-index: -1;
    background: transparent!important;
    border: 0 solid transparent!important;
    padding: 0!important;
    height: auto;
    line-height: normal;
    resize: none
}
#desk.statement.view .board:not(.inputs_enabled) .item_textarea_container {
    tab-index: -1;
    background: transparent!important;
    border: 0 solid transparent!important;
    padding: 0!important
}
#desk.statement.view .board:not(.inputs_enabled) input[name="statement[due_date]"] {
    margin-top: 0!important
}
#desk.statement.view .board:not(.inputs_enabled) .statement_section {
    border-bottom: 0;
    margin-bottom: 10px
}
#desk.statement.view .board:not(.inputs_enabled) .one_item_line.actual input {
    line-height: normal;
    height: 15px
}
#desk.statement.view .board:not(.inputs_enabled) .statement_amount_container .close_icon {
    display: none;
    pointer-events: none;
    cursor: default
}
.close_icon {
	cursor: pointer; /* iOS onClick Fix */
}
#desk.statement.view .board:not(.inputs_enabled) .totals {
    margin-top: 0
}
#desk.statement.view .board:not(.inputs_enabled) .statement_amount_container.tds .statement_amount {
    padding: 7px
}
#desk.statement.view .board:not(.inputs_enabled) .tag {
    padding: 7px;
    min-width: 80px;
    text-align: center
}
#desk.statement.view .uploadifive-queue-item .inside {
	width: auto !important;
	max-width: 75% !important;
}
#desk.statement.view a.download_item:before {
    margin-right: 2px;
    float: right;
    margin-left: 10px;
}
#desk.statement.view .board:not(.inputs_enabled) a.close_item {
    display: none
}
#desk.statement.view .board:not(.inputs_enabled) .input_addon {
    cursor: default;
    pointer-events: none;
    background: transparent!important;
    border-color: transparent!important;
    width: 0;
    margin-right: 10px
}
#desk.statement.view .board:not(.inputs_enabled) .select_arrows {
    display: none
}
#desk.statement.view .board:not(.inputs_enabled)::-webkit-input-placeholder {
    color: transparent!important
}
#desk.statement.view .board:not(.inputs_enabled):-moz-placeholder {
    color: transparent!important
}
#desk.statement.view .board:not(.inputs_enabled)::-moz-placeholder {
    color: transparent!important
}
#desk.statement.view .board:not(.inputs_enabled):-ms-input-placeholder {
    color: transparent!important
}
#desk.statement.view .item_column .inner,
#desk.statement.view .item_column_heading {
    padding-right: 0!important;
    padding-left: 0!important
}
#desk.statement.view .statement_logo_container a {
    pointer-events: none;
    cursor: default
}
#desk.statement.view .statement_logo_container a.statement_logo:hover {
    border: 0
}
#desk.statement.view .autocomplete_card {
    padding: 0;
    border: 0;
    background: transparent
}
#desk.statement.view .autocomplete_card .close_icon {
    display: none;
    pointer-events: none;
    cursor: default
}
#desk.statement.view .totals .totals_container {
    width: auto
}
#desk.statement.view [data-currency="code"] {
    pointer-events: none
}
#desk.statement.view .page.recurring,
#desk.statement.view .page.statement_info {
    padding: 25px 50px!important
}
#desk.statement.view .page.recurring section.flex .form_row.inline,
#desk.statement.view .page.statement_info section.flex .form_row.inline {
    width: 100%;
    margin-right: 10px;
    margin-top: 0!important;
    background: rgba(0, 0, 0, .05);
    padding: 20px;
    border-radius: 3px
}
#desk.statement.view .page.statement_info section.flex .form_row.inline {
    margin-right: 0;
    margin-top: 0!important;
    background: none;
    padding: 0;
    border-radius: 0;
	margin-bottom: 0;
}
#desk.statement.view .page.statement_info .left {
	line-height: 40px;
}
#desk.statement.view .page.recurring section.flex .form_row.inline:last-of-type,
#desk.statement.view .page.statement_info section.flex .form_row.inline:last-of-type {
    margin-right: 0
}
#desk.statement.view .page.recurring section.flex .form_row.inline.profile_status a,
#desk.statement.view .page.statement_info section.flex .form_row.inline.profile_status a {
    color: #fff;
    padding: 7px;
    border-radius: 3px
}
#desk.statement.view input.due_days {
    margin-top: 0;
    text-align: center;
    max-width: 30px;
    width: auto
}
#desk.statement.view input.due_days::-webkit-inner-spin-button,
#desk.statement.view input.due_days::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}
html.public main,
html.public #container {
    margin: 0
}
html.public #desk {
    margin: 0 auto
}
html.public .header.app_board_header {
    left: 0
}
html.public .header.app_board_header .max_width {
    max-width: 980px;
    margin: 0 auto;
}
html.public .headline_main_button .main_button {
    min-width: 0!important
}
html.public .statement_section .statement_logo_container {
    top: -3px
}
html.public .input_addon {
    font-size: 14px;
    width: 45px;
    padding-top: 6px
}
html.public .payment_amount {
    margin-top: -29px
}
html.public .payment_amount input {
    max-width: 125px;
    text-align: right
}
html.public ul.statement_payment_methods li {
    display: inline-block;
    padding: 15px;
    text-align: right;
    border: 2px solid #d7d7d9;
    border-left-width: 50px;
    border-radius: 2px;
    color: #333333;
    position: relative;
    margin-right: 10px;
    position: relative;
    margin-bottom: 15px
}
html.public ul.statement_payment_methods a.selected li {
    background: #ffc
}
html.public ul.statement_payment_methods li:before {
    padding: 25px 20px;
    content: " ";
    position: absolute
}
html.public ul.statement_payment_methods li.loading:before {
    background: none!important;
    padding: 0;
    display: block;
    z-index: 2000;
    position: absolute;
    content: ''!important;
    left: -58px;
    top: 9px;
    width: 30px;
    height: 30px;
    border: solid 2px transparent;
    border-top-color: rgba(0, 0, 0, .5);
    border-left-color: rgba(0, 0, 0, .5);
    border-radius: 999px;
    -webkit-animation: pace-spinner 600ms linear infinite;
    -moz-animation: pace-spinner 600ms linear infinite;
    -ms-animation: pace-spinner 600ms linear infinite;
    -o-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite
}
html.public ul.statement_payment_methods li.offline_payment:before {
    background: url(/images/assets/pay_offline_payment_x2.png) no-repeat;
    background-size: 31px;
    left: -41px;
    top: 7px
}
html.public ul.statement_payment_methods li.credit_card:before {
    background: url(/images/assets/pay_credit_card_x2.png) no-repeat;
    background-size: 33px;
    left: -42px;
    top: 7px
}
html.public ul.statement_payment_methods li.paypal {
    border-color: rgba(0, 156, 222, .3)
}
html.public ul.statement_payment_methods li.paypal:not(.loading):before {
    background: url(/images/assets/pay_paypal_x2.png) no-repeat;
    background-size: 40px;
    left: -45px;
    top: 4px
}
html.public ul.statement_payment_methods li.paypal.loading:before {
    left: -40px
}
html.public ul.statement_payment_methods li.wepay {
    border-color: rgba(186, 220, 255, .7);
    border-left-width: 90px
}
html.public ul.statement_payment_methods li.wepay:not(.loading):before {
    background: url(/images/assets/pay_wepay_x2.png) no-repeat;
    background-size: 70px;
    left: -79px;
    top: 18px;
    padding: 25px 38px
}
html.public ul.statement_payment_methods li.wepay.loading:before {
    left: -60px
}
html.public ul.statement_payment_methods li.mollie {
    border-left-width: 90px
}
html.public ul.statement_payment_methods li.mollie:not(.loading):before {
    background: url(/images/assets/mollie_x2.png) no-repeat;
    background-size: 70px;
    left: -79px;
    top: 14px;
    padding: 25px 38px
}
html.public .main_button.dropdown-toggle {
    background: rgba(0, 0, 0, 0.27);
	width: auto;
}
html.public .page.statement_settings section.flex aside {
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 0 20px 0 0;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column;
    float: left;
    width: 100%;
    padding: 0 20px 15px 0
}
html.public .page.statement_settings section.flex aside.credit_card {
    background: rgba(0, 0, 0, .02);
    border: 2px solid #d7d7d9;
    padding: 5px 20px 15px
}
html.public .page.statement_settings section.flex aside:last-of-type {
    margin-right: 0
}
html.public .page.statement_settings section label {
    display: block;
    margin-bottom: 5px
}
html.public .page.statement_settings section aside a.button {
    padding: 11px 16px;
    font-size: 14px;
    text-align: center;
    outline: none;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    background: #f63;
    color: #fff;
    font-weight: 400;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: none;
    position: relative;
    height: 36px
}
html.public .page.statement_settings section aside a.button.loading:before {
    left: 53px
}
html.public .page.statement_settings section aside.credit_card a.button {
    margin-top: 15px
}
html.public .page.statement_settings section aside a.cancel {
    margin-left: 10px;
    color: #333333
}
html.public .page.statement_settings section.flex aside.credit_card img.payment_processor.stripe {
    float: right;
    margin-top: 15px;
    opacity: .1
}
html.public .page.statement_settings textarea {
    max-height: 150px
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.pace-inactive {
    display: none
}
.pace .pace-progress {
    background: #999;
    position: fixed;
    z-index: 9999999999999;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px
}
#desk.payment_integrations section:not(.radio_checkbox) .form_row {
    max-width: 350px
}
#desk.activity_log ul li {
    padding: 16px 20px;
    height: 50px;
    border-top: 1px solid #e8e8e9
}
#desk.activity_log ul li:first-of-type {
    border-top: none
}
#desk.activity_log ul li span.date {
    width: 115px;
    display: inline-block;
	overflow: hidden;
}
#desk.activity_log ul li .left {
    max-width: 90%;
}
#desk.activity_log ul li span.log_detail {
    overflow: hidden;
    display: inline-block;
    overflow: hidden !important;
}
#desk.activity_log ul li span.log_detail:before {
	display: inline-block;
	margin: 0 5px 0 3px;
}
#desk.activity_log ul li a {
	white-space: nowrap;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}
span.new {
    position: relative;
    background: #3da07b;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    top: -2px;
    height: 19px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    padding: 3px;
    margin-right: 5px
}
.input_loader {
    margin: 0 auto;
    font-size: 2px;
    border-top: 1.1em solid #999;
    border-right: 1.1em solid #999;
    border-bottom: 1.1em solid #999;
    border-left: 1.1em solid #fff;
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: pace-spinner .6s infinite linear;
    animation: pace-spinner .6s infinite linear;
    display: none
}
.input_loader,
.input_loader:after {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 9px
}
.input_restrainer {
    position: relative
}
#desk.track table .input_restrainer {
    display: inline-block;
    height: auto;
    width: 65%
}
#desk.settings .column.left {
    float: none;
    padding-right: 20px;
    border-right: 1px solid #e8e8e8;
    margin-right: 20px;
    width: 60%
}
#desk.settings .column.left.single {
    width: 100%;
    padding-right: 0;
    border-right: 0;
    margin-right: 0
}
#desk.settings .column.right {
    width: 40%
}
#desk.settings section.half_half .column.right,
#desk.settings section.half_half .column.left:not(.single) {
    width: 50%
}
#desk.settings .form_row.double {
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
}
#desk.settings .form_row.double .left,
#desk.settings .form_row.double .right {
    width: 50%
}
#desk.settings .form_row.double .left {
    margin-right: 20px;
    float: none
}
#desk section.no_pb_pt .column {
    padding-top: 20px;
    padding-bottom: 20px
}
section[data-payment-method="paypal"] {
	display: none;
}
.board[data-payment-method="credit_card"] [data-payment-method="credit_card"] {
    display: block
}
.board[data-payment-method="credit_card"] [data-payment-method="paypal"] {
    display: none
}
.board[data-payment-method="paypal"] [data-payment-method="paypal"] {
    display: block
}
.board[data-payment-method="paypal"] [data-payment-method="credit_card"] {
    display: none
}
label.filter-container {
    display: block;
    margin: 0;
    padding: 7px 10px;
    color: #333333;
    position: relative;
    font-weight: 400;
    font-style: normal;
    cursor: pointer;
    border-bottom: 1px solid #d7d7d9;
	text-transform: capitalize;
}
label.filter-container:last-of-type {
    border-bottom: 0
}
input.filter-column {
    display: inline-block;
    margin-top: 0;
    top: 0!important;
    margin-right: 5px;
}
input.jscolor {
    color: inherit!important
}
.table_tabs {
    text-align: right;
    padding: 0;
	height: 39px;
	position: relative;
}
.table_tabs.left_sided {
    text-align: left;
}
.table_tabs a.tab {
    width: 100px;
    font-size: 13px;
    display: inline-block;
    padding: 10px 0 10px 0;
    background: #e8e8e9;
    text-align: center;
    color: #333;
    margin-left: -6px;
    border: 1px solid #d1d1d2;
    border-bottom: 0;
    cursor: pointer;
    white-space: nowrap;
	position: relative;
}
.table_tabs.left_sided a.tab {
    margin-right: -6px;
    margin-left: 0;
}
.table_tabs a.tab.with_count:before {
	content: attr(data-count);
    position: absolute;
    top: -20px;
    display: block;
    background: #e35256;
    color: #ffffff;
    border-radius: 99px;
    left: 36px;
    width: 26px;
    height: 26px;
    padding-top: 5px;
}
.table_tabs a.tab.current {
    background: #D7D7D9;
    border-color: #D7D7D9;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    pointer-events: none;
    color: #333 !important;
    cursor: default;
}
.table_tabs a.tab:not(.current):hover {
	background: #e1e1e2;
}
.table_tabs a.tab:not(.current):active {
	background: #d1d1d2;
}
.table_tabs a i {
	color: #e35256;
    font-style: normal;
    border-radius: 99px;
    margin-left: 5px;
    text-align: right;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.table_tabs a i.red {
	color: #e35256;
}
.table_tabs a i.gray {
	color: #666666;
}
.table_tabs a.overdue i.green {
	color: #3da07b;
    font-style: normal;
    border-radius: 99px;
    margin-left: 5px;
    text-align: right;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.dropdown-menu.icons li a:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
.dropdown-menu.icons li a.i_new_invoice:before {
	content: "\e6b5";
}
.dropdown-menu.icons li a.i_archive:before {
	content: "\e69d";
}
.dropdown-menu.icons li a.i_unarchive:before {
	content: "\e69e";
}
.dropdown-menu.icons li a.i_new_bill:before {
	content: "\e6b4";
}
.dropdown-menu.icons li a.i_new_estimate:before {
	content: "\e6b3";
}
.dropdown-menu.icons li a.i_new_recinvoice:before,
.dropdown-menu.icons li a.i_new_recbill:before {
	content: "\e8da";
}
.dropdown-menu.icons li a.i_new_connection:before {
	content: "\e71f";
}
.dropdown-menu.icons li a.i_new_track_time:before {
	content: "\e8f1";
}
.dropdown-menu.icons li a.i_new_track_expense:before {
	content: "\e750";
}
.dropdown-menu.icons li a.i_new_track_mileage:before {
	content: "\e842";
}
.dropdown-menu.icons li a.i_print:before {
	content: "\e6b1";
}
.dropdown-menu.icons li a.i_download_pdf:before {
	content: "\e8f5";
}
.dropdown-menu.icons li a.i_account_statement:before {
	content: "\e6d8";
}
.dropdown-menu.icons li a.i_preview:before {
	content: "\e911";
}
.dropdown-menu.icons li a.i_mark_payable:before {
	content: "\e98f";
}
.dropdown-menu.icons li a.i_mark_paid:before {
	content: "\e999";
}
.dropdown-menu.icons li a.i_mark_unpaid:before {
	content: "\e99a";
}
.dropdown-menu.icons li a.i_mark_sent:before {
	content: "\e693";
}
.dropdown-menu.icons li a.i_send:before {
	content: "\e699";
}
.dropdown-menu.icons li a.i_mark_draft:before {
	content: "\e98d";
}
.dropdown-menu.icons li a.i_send_reminder:before {
	content: "\e955";
}
.dropdown-menu.icons li a.i_post_comment:before {
	content: "\e612";
}
.dropdown-menu.icons li a.i_manage_payments:before {
	content: "\e92e";
}
.dropdown-menu.icons li a.i_convert_to:before {
	content: "\e6b9";
}
.dropdown-menu.icons li a.i_duplicate:before {
	content: "\e6b8";
}
.dropdown-menu.icons li a.i_reopen:before {
	content: "\e69e";
}
.dropdown-menu.icons li a.i_cancel:before {
	content: "\e92a";
}
.dropdown-menu.icons li a.i_delete:before {
	content: "\e681";
}
.dropdown-menu.icons li a.i_activity:before {
	content: "\e92d";
}
.dropdown-menu.icons li a.i_list:before {
	content: "\e6b7";
}
.dropdown-menu.icons li a.i_start_profile:before {
	content: "\e96a";
}
.dropdown-menu.icons li a.i_pause_profile:before {
	content: "\e96b";
}
.dropdown-menu.icons li a.i_manage_contacts:before {
	content: "\e71a";
}
.dropdown-menu.icons li a.i_item:before {
	content: "\e6ba";
}
.dropdown-menu.icons li a.i_expense:before {
	content: "\e767";
}
.dropdown-menu.icons li a.i_task:before {
	content: "\e8e8";
}
.dropdown-menu.icons li a.i_trip:before {
	content: "\e781";
}
.dropdown-menu.icons li a.i_tag:before {
	content: "\e755";
}
.dropdown-menu.icons li a.i_sign:before {
	content: "\e6b4";
}
.dropdown-menu.icons li a.i_new_template:before {
	content: "\e6b9";
}
.dropdown-menu.icons li a.i_new_contact:before {
	content: "\e71f";
}
.dropdown-menu.icons li a.i_audit:before {
	content: "\e668";
}
.dropdown-menu.icons li a.i_edit:before {
	content: "\e673";
}
.dropdown-menu.icons li a.i_get_link:before {
	content: "\e915";
}
.dropdown-menu.icons li a.i_disable_ips:before {
	content: "\e725";
}
.dropdown-menu.icons li a.i_enable_ips:before {
	content: "\e724";
}
.dropdown-menu.icons li a.i_void:before {
	content: "\e92a";
}
.dropdown-menu.icons li a.i_resend:before {
	content: "\e699";
}
.dropdown-menu.icons li a.i_sign_real:before {
	content: "\e959";
}
.dropdown-menu.icons li a.i_use_template:before {
	content: "\e961";
}
.dropdown-menu.icons li a.i_decline:before {
	content: "\e95a";
}
.dropdown-menu.icons li a.i_reassign:before {
	content: "\e944";
}


/* NEW TABLE FOR REPORTS */
table.new-table {
	background: #ffffff;
	width: 100%;
	text-align: left;
	border: 2px solid #d7d7d9;
}
table.new-table.reports td:nth-child(2) {
    max-width: 200px;
}
table.new-table tbody:not(.totals) tr:not(.red_backlight):hover {
	background: #f2f2f2;
}
table.new-table th {
    padding: 10px;
	background: #e8e8e9;
}
table.new-table td {
    padding: 10px 10px;
    border-top: 1px solid #d7d7d9;
}
table.new-table span.tag.clean {
	padding: 5px 0;
	height: auto;
	margin: 0 !important;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
	font-size: 13px;
}
.board.report_builder select {
    min-width: 200px;
}
.board.report_builder header.box_header {
    border-bottom: 2px solid #d7d7d9;
}
.board.report_builder .autocomplete_card p {
	margin: 0 !important;
}
.dropdown-toggle.download_report {
    color: #fff;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.47);
    font-size: 14px;
    display: inline-block;
    width: 145px;
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    height: 36px;
    line-height: 35px;
	text-align: left;
}
.dropdown-toggle.download_report.export {
	margin-left: 10px;
    color: #333333;
    background: #d7d7d9;
    width: 80px;
	height: 35px;
}
.dropdown-toggle.download_report.export + .dropdown-menu {
	margin-bottom: 50px;
}
.dropdown-toggle.download_report.export + .dropdown-menu>li a,
.dropdown-toggle.in_table + .dropdown-menu>li a {
	padding: 5px 10px;
}
.dropdown-toggle.download_report.export:after,
.dropdown-toggle.download_report.export:hover:after {
    color: #333333 !important;
}
.dropdown-toggle.download_report.disabled {
	opacity: 0.25;
	pointer-events: none;
	cursor: default;
}
.download_report.dropdown-toggle:before {
	content: "";
	display: none;
}
.download_report.dropdown-toggle:after,
.download_report.dropdown-toggle:hover:after {
	color: #fff !important;
}
.download_report.dropdown-toggle:after {
	top: 0;
}

/* NEW EVERSIGN CODE */
@font-face {
	font-family: 'Lakeside';
	src: url('/fonts/eversign_type_fonts/lakeside/3257D8_0_0.eot');
	src: url('/fonts/eversign_type_fonts/lakeside/3257D8_0_0.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/eversign_type_fonts/lakeside/3257D8_0_0.woff2') format('woff2'),
		 url('/fonts/eversign_type_fonts/lakeside/3257D8_0_0.woff') format('woff'),
		 url('/fonts/eversign_type_fonts/lakeside/3257D8_0_0.ttf') format('truetype');
}
@font-face {
	font-family: 'LushScript';
	src: url('/fonts/eversign_type_fonts/lush/3257E8_0_0.eot');
	src: url('/fonts/eversign_type_fonts/lush/3257E8_0_0.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/eversign_type_fonts/lush/3257E8_0_0.woff2') format('woff2'),
		 url('/fonts/eversign_type_fonts/lush/3257E8_0_0.woff') format('woff'),
		 url('/fonts/eversign_type_fonts/lush/3257E8_0_0.ttf') format('truetype');
}
@font-face {
	font-family: 'FFMarketWebRegular';
	src: url('/fonts/eversign_type_fonts/ffmarket/3257E8_1_0.eot');
	src: url('/fonts/eversign_type_fonts/ffmarket/3257E8_1_0.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/eversign_type_fonts/ffmarket/3257E8_1_0.woff2') format('woff2'),
		 url('/fonts/eversign_type_fonts/ffmarket/3257E8_1_0.woff') format('woff'),
		 url('/fonts/eversign_type_fonts/ffmarket/3257E8_1_0.ttf') format('truetype');
}
@font-face {
	font-family: 'DawningofaNewDay';
	src: url('/fonts/eversign_type_fonts/dawning_of_a_new_day/DawningofaNewDay.ttf') format('truetype');
}
@font-face {
	font-family: 'HerrVonMuellerhoff';
	src: url('/fonts/eversign_type_fonts/herr_von_muellerhoff/HerrVonMuellerhoff-Regular.otf');
	src: url('/fonts/eversign_type_fonts/herr_von_muellerhoff/HerrVonMuellerhoff-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'LaBelleAurore';
	src: url('/fonts/eversign_type_fonts/la_belle_aurore/LaBelleAurore.ttf') format('truetype');
}
@font-face {
	font-family: 'MrDeHaviland';
	src: url('/fonts/eversign_type_fonts/mr_de_haviland/mr_de_haviland.ttf') format('truetype');
}
@font-face {
	font-family: 'NothingYouCouldDo';
	src: url('/fonts/eversign_type_fonts/nothing_you_could_do/NothingYouCouldDo.ttf') format('truetype');
}
@font-face {
	font-family: 'OvertheRainbow';
	src: url('/fonts/eversign_type_fonts/over_the_rainbow/OvertheRainbow.ttf') format('truetype');
}
@font-face {
	font-family: 'Zeyada';
	src: url('/fonts/eversign_type_fonts/zeyada/Zeyada.ttf') format('truetype');
}
.typefont_dawning_of_a_new_day {
	font-family: 'DawningofaNewDay';
}
.typefont_ffmarket {
	font-family: 'FFMarketWebRegular';
}
.typefont_herr_von_muellerhoff {
	font-family: 'HerrVonMuellerhoff';
}
.typefont_la_belle_aurore {
	font-family: 'LaBelleAurore';
}
.typefont_lakeside {
	font-family: 'Lakeside';
}
.typefont_lush {
	font-family: 'LushScript';
}
.typefont_mr_de_haviland {
	font-family: 'MrDeHaviland';
}
.typefont_nothing_you_could_do {
	font-family: 'NothingYouCouldDo';
}
.typefont_over_the_rainbow {
	font-family: 'OvertheRainbow';
}
.typefont_zeyada {
	font-family: 'Zeyada';
}
html:not(.public) .confirm_email_banner {
    width: 100%;
    height: 35px;
    position: fixed;
    top: 0;
    z-index: 9;
    background: #f7ba07;
    color: #333;
    font-family: facto;
    text-align: center;
    padding: 7px;
    font-size: 14px;
}
html:not(.public) .confirm_email_banner a {
	background: #df7055;
    padding: 5px 5px;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    font-family: facto;
    margin-left: 5px;
}
html.public .confirm_email_banner,
html.embedded_request_editor .confirm_email_banner {
	display: none;
}
html:not(.public):not(.embedded_request_editor).has_email_confirm_banner nav,
html:not(.public):not(.embedded_request_editor).has_email_confirm_banner main {
	padding-top: 35px;
}
html:not(.public):not(.embedded_request_editor).has_email_confirm_banner header.app_board_header {
	margin-top: 35px;
}
.sidebar_menu ul.sb_menu li a.documents span:before {
    content: "\e6b8";
}
.sidebar_menu ul.sb_menu li a.templates span:before {
    content: "\e6b9";
}
.sidebar_menu ul.sb_menu li a.contacts span:before {
    content: "\e726";
}
.sidebar_menu ul.sb_menu li a.team span:before {
	content: "\e722";
}
html.admin .sidebar_menu ul.disabled {
	margin-top: 0;
}
#desk.new_document ul.who {
    list-style: none;
	padding: 0;
	margin: 0;
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
}
#desk.new_document ul.who li {
    display: inline-block;
    width: 100%;
    margin: 0 10px;
}
#desk.new_document ul.who li:first-child {
	margin-left: 0;
}
#desk.new_document ul.who li:last-child {
	margin-right: 0;
}
#desk.new_document ul.who li a {
    border: 1px solid #d7d7d9;
    border-radius: 3px;
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: left;
    color: #777;
    background: #fff;
    cursor: pointer;
    font-size: 15px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    padding: 5px 5px 7px 5px;
	overflow: hidden;
}
.cp_new_template #desk.new_document ul.who li a {
	padding: 15px 20px;
}
.cp_new_template #desk.new_document ul.who li a:before {
    font-family: 'Linearicons';
    font-size: 30px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
.cp_new_template #desk.new_document ul.who li.standard a:before {
    content: "\e6b9";
}
.cp_new_template #desk.new_document ul.who li.embedded a:before {
    content: "\e915";
}
.cp_new_template #desk.new_document ul.who li.embedded a span {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    position: absolute;
    right: 15px;
    top: 26px;
}
#desk.new_document ul.who li a:hover {
    color: #333;
    background: #e8e8e9;
}
#desk.new_document ul.who li a:active {
    color: #333;
    border-color: #a7a7a9;
}

#desk.new_document ul.who li img {
    height: 75px;
    margin: 0 auto;
    display: inline-block;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    position: relative;
    margin-right: 20px;
    margin-left: 20px;
}
#desk.new_document ul.who li.just_me img {
    margin-right: 0px;
    margin-left: 0px;
}
#desk.new_document section.contacts .form_row {
	margin-bottom: 15px;
}
#desk.new_document section.contacts .form_row {
    border-bottom: 1px solid #e7e7e9;
    padding-bottom: 15px;
}
#desk.new_document section.contacts .form_row:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}
#desk.new_document section.contacts .form_row.add_contact {
    border-bottom: 0;
    margin-bottom: 0;
    border-top: 1px solid #e7e7e9;
    padding-top: 15px;
}
#desk.new_document section.contacts .form_row.add_contact span.save_contacts {
    margin-top: 6px;
}
#desk.new_document section.contacts .form_row.add_contact span.save_contacts input {
    margin-right: 7px;
    vertical-align: initial;
}
#desk.new_document section.contacts .form_row input,
#desk.new_document section.contacts .form_row select {
	width: auto;
}
#desk.new_document section.contacts .form_row input[type="text"] {
	min-width: 185px;
}
#desk.new_document section.contacts .form_row .inline {
	margin-right: 5px;
}
#desk.new_document section.contacts .form_row .inline.pre_addon input,
#desk.new_document section.contacts .form_row .inline.pre_addon select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
#desk.new_document section.contacts .form_row .inline.pre_addon:before {
	font-family: 'Linearicons';
    margin-right: 0;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e673";
    background: #d7d7d9;
    border: 2px solid #d7d7d9;
    border-radius: 2px 0 0 2px;
    height: 35px;
    vertical-align: top;
	padding: 4px 6px 5px 8px;
    font-size: 16px;
}
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_pin:before {
    content: "\e66d";
    vertical-align: middle;
    border-radius: 2px;
    cursor: pointer;
}

#desk.new_document section.contacts .form_row .inline.pre_addon.signer_phone_number {
    position: relative;
}

#desk.new_document section.contacts .form_row .inline.pre_addon.signer_phone_number:before {
    content: "\e76a";
    vertical-align: middle;
    border-radius: 2px;
    cursor: pointer;
}
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language {
	background: #d7d7d9;
    width: 35px;
    text-align: center;
    height: 35px;
    vertical-align: middle;
    padding-top: 8px;
	cursor: pointer;
	position: relative;
	border-radius: 3px;
}
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language.open,
.change_language_section.open:before {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language ul,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.change_signing_language ul,
body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_options.change_signing_language ul,
html.public #container .e_modal header .change_language_modal ul,
.change_language_section ul {
    background: #d7d7d9;
    position: absolute;
    list-style: none;
    text-align: left;
    padding: 0;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    margin-top: 7px;
    left: 0;
    z-index: 99999;
    max-height: none;
    overflow-y: scroll;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
}
.change_language_section ul {
	left: 0;
    top: 11px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.change_signing_language ul {
	background: #e7e7e7;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin: 0;
    left: -1px;
    top: 35px;
    width: 115px;
    border: 1px solid #ccc;
    max-height: none;
}
body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_options.change_signing_language ul {
	left: 0px;
    top: 33px;
    box-shadow: none;
    width: 100%;
    max-height: none;
	border-radius: 0;
}
html.public #container .e_modal header .change_language_modal ul {
	margin-top: 0;
}
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language ul li {
    padding: .5rem 1rem;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.change_signing_language ul li,
html.public #container .e_modal header .change_language_modal ul li,
.change_language_section ul li {
	padding: 5px;
	margin: 0;
    cursor: pointer;
}
.change_language_section ul li {
	color: #333333;
}
body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_options.change_signing_language ul li {
	padding: 10px;
    cursor: pointer;
    width: 50%;
    display: inline-block;
}
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language ul li.selected,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.change_signing_language ul li.selected,
body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_options.change_signing_language ul li.selected,
html.public #container .e_modal header .change_language_modal ul li.selected,
.change_language_section ul li.selected {
	background: #3da07b;
	color: #ffffff;
}
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language ul li:not(.selected):hover {
	background: #e7e7e9;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.change_signing_language ul li:not(.selected):hover,
body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_options.change_signing_language ul li:not(.selected):hover,
body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_options.change_signing_language ul li:not(.selected):active,
html.public #container .e_modal header .change_language_modal ul li:not(.selected):hover,
.change_language_section ul li:not(.selected):hover {
	background: #f2f2f2;
}
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_language:before,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.change_signing_language:before,
body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_options.change_signing_language:before,
html.public #container .e_modal header .change_language_modal:before,
.change_language_section:before {
    font-family: inherit;
    margin: 0 auto;
    border: 0;
    padding: 0;
    text-align: center;
    margin-right: auto;
    height: 18px;
    width: 25px;
    border-radius: 2px;
	cursor: pointer;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 14px;
    position: relative;
    top: 1px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.change_signing_language:before {
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    border-radius: 2px;
    width: 24px;
    height: 18px;
    background-size: 24px !important;
}
body.cp_sign_document #desk.document_editor .mobile_top_section .content_bar .mobile_options.change_signing_language:before {
    display: inline-block;
	position: absolute;
	top: unset;
}
html.public #container .e_modal header .change_language_modal {
	position: absolute;
    left: 20px;
    top: 20px;
    padding: 5px;
    border-radius: 3px;
    height: 29px;
    background: #d7d7d9;
}
.change_language_section {
    position: absolute;
    left: 20px;
    top: 9px;
}
html.public #container .e_modal header .change_language_modal.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
html.public #container .e_modal header .change_language_modal:before,
.change_language_section:before {
    display: inline-block;
}
.lang_en:before {
    content: "EN" !important;
}
.lang_da:before {
    content: "DK" !important;
}
.lang_nl:before {
    content: "NL" !important;
}
.lang_fr:before {
    content: "FR" !important;
}
.lang_de:before {
    content: "DE" !important;
}
.lang_hi:before {
    content: "HI" !important;
}
.lang_it:before {
    content: "IT" !important;
}
.lang_pl:before {
    content: "PL" !important;
}
.lang_pt:before {
    content: "PT" !important;
}
.lang_ru:before {
    content: "RU" !important;
}
.lang_es:before {
    content: "ES" !important;
}
.lang_se:before {
    content: "SE" !important;
}
.lang_tr:before {
    content: "TR" !important;
}
.change_language_section:before {
    background-size: 25px !important;
}
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_pin:hover:before,
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_pin.filled:before {
	content: "\e66b";
}
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_phone_number:hover:before,
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_phone_number.filled:before {
	content: "\e76b";
}
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_pin.filled:before,
#desk.new_document section.contacts .form_row .inline.pre_addon.signer_phone_number.filled:before {
    background: #3da07b;
    border-color: #3da07b;
    color: #ffffff;
}

.x_window .x_content.confirmation .x_form a.remove_signer_pin,
.x_window .x_content.confirmation .x_form a.remove_signer_phone {
    position: absolute;
    right: 20px;
    bottom: 26px;
    color: #e35256;
    cursor: pointer;
}
#desk.new_document section.contacts .form_row .inline.signer_name.pre_addon:before {
    content: "\e71e";
}
#desk.new_document section.contacts .form_row:not(.prefill_open) .inline.role_name.pre_addon.has_tooltip:hover:before {
	background: #808080;
	border-color: #808080;
	color: #ffffff;
	cursor: pointer;
}
#desk.new_document section.contacts .form_row:not(.prefill_open) .inline.role_name.pre_addon.has_tooltip:hover input {
	border-left-color: #808080;
}
#desk.new_document section.contacts .form_row .inline.role_name.pre_addon:before {
    content: "\e6d0";
}
#desk.new_document section.contacts .form_row .inline.signer_email.pre_addon:before {
    content: "\e697";
}
#desk.new_document section.contacts .form_row .inline.signer_role.pre_addon:before {
    content: "\e6c9";
}
#desk.new_document section.contacts .form_row .inline.signer_role select {
	width: 80px;
}
#desk.new_document section.contacts .form_row .inline.signer_role select:disabled,
#desk.new_document section.contacts .form_row .inline.signer_role select:disabled + .select_arrows:after {
    background: none;
}

select[name="signer_role"]:disabled {
    background: #E8EFF6 !important;
}

#desk.new_document .board.fill_roles section.contacts .form_row .inline.signer_role select {
	width: 70px;
}
#desk.new_document section.contacts .form_row .inline.signer_order input::-webkit-inner-spin-button,
#desk.new_document section.contacts .form_row .inline.signer_order input::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
	display: none;
}
#desk.new_document section.contacts .form_row .inline.signer_order input {
	width: 35px;
	text-align: center;
	padding: 0;
}
#desk.new_document section.contacts .inline.signer_order_drag,
#desk.new_document section.contacts .inline.signer_order {
	display: none !important;
}
#desk.new_document section.contacts.set_signing_order .form_row[data-recipient-type="signer"] .inline.signer_order_drag,
#desk.new_document section.contacts.set_signing_order .form_row[data-recipient-type="signer"] .inline.signer_order {
	display: inline-block !important;
}
#desk.new_document .board.fill_roles section.contacts.set_signing_order .form_row label {
    padding-left: 44px;
}
#desk.new_document .board:not(.fill_roles) section.contacts.set_signing_order .form_row label {
    padding-left: 70px;
}
#desk.new_document section.contacts.set_signing_order .form_row[data-recipient-type="cc"] .inline.signer_order_drag,
#desk.new_document section.contacts.set_signing_order .form_row[data-recipient-type="cc"] .inline.signer_order {
	display: inline-block !important;
	visibility: hidden;
	pointer-events: none;
}
#desk.new_document section.contacts .form_row[data-recipient-type="cc"] .inline.signer_pin,
#desk.new_document section.contacts .form_row[data-recipient-type="cc"] .inline.signer_phone_number {
	visibility: hidden;
	pointer-events: none;
}

#desk.new_document section.contacts .form_row .inline.signer_remove,
#desk.new_document section.contacts .form_row .inline.recipient_remove {
    float: right;
    margin-right: 0;
}
#desk.new_document section.contacts .form_row .inline.role_required {
    float: right;
    line-height: 35px;
	margin-right: 20px;
	color: #333333;
}
#desk.new_document section.contacts .form_row .inline.role_required label {
	color: #333333;
	margin-bottom: 0;
}
#desk.new_document section.contacts .form_row .inline.role_required input {
	margin-right: 2px;
}
#desk.new_document section.contacts .form_row .inline.signer_remove a,
#desk.new_document section.contacts .form_row .inline.recipient_remove a {
    height: 35px;
    width: 35px;
    background: #d7d7d9;
    display: inline-block;
    border-radius: 2px;
}
#desk.new_document section.contacts .form_row .inline.signer_remove a:before,
#desk.new_document section.contacts .form_row .inline.recipient_remove a:before {
	font-family: 'Linearicons';
    margin-right: 0px;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    background: #f2f2f2;
    border: 1px solid #d7d7d9;
    height: 35px;
    border-radius: 2px;
    vertical-align: top;
    padding: 5px 5px 5px 9px;
    font-size: 16px;
    color: #333;
    content: "\e95a";
    width: 35px;
}
#desk.new_document section.contacts .form_row .prefill_contact_row:before {
    content: "\e949";
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 11px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
	color: #333333;
}
.eversign_tooltip {
	background: #ffffcc;
	box-shadow: 0 2px 8px 0 rgba(75, 75, 87, .5);
	border-radius: 3px;
	z-index: 9999999999;
}
#desk.new_document section.contacts .form_row .prefill_contact_row {
	margin-top: 15px;
    margin-left: 35px;
}
#desk.new_document section.contacts .form_row .prefill_contact_row .remove {
	cursor: pointer;
}
#desk .box_header.checkbox_right span.right input[type="checkbox"] {
	margin-right: 7px;
    vertical-align: initial;
}
#desk .box_header.checkbox_right span.right label {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
	color: #333;
    margin-top: 3px;
}
#desk.new_document section.contacts .form_row .inline.signer_order_drag a:after {
    font-size: 16px;
    font-family: 'Linearicons';
    line-height: 1;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    padding: 9px 0 0 0px;
    vertical-align: middle;
    width: 23px;
    color: #9d9d9d;
    height: 35px;
    content: "\e94e";
}
#desk.new_document section.contacts .form_row .inline.signer_order_drag a:hover:after {
    color: #333333;
}
#desk.new_document section.contacts .form_row .inline.signer_order_drag {
	margin-right: 0;
}
#desk.new_document section.contacts .form_row.add_contact a {
	height: 35px;
    display: inline-block;
    text-align: center;
    border: 1px solid #d7d7d9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 14px;
    padding-top: 7px;
    background: #808080;
    color: #fff;
    border-color: #808080;
    width: 150px;
}
#desk.new_document section.upload,
#desk.new_document .board.upload_document {
    background: #ffffff;
}
#desk.new_document section.upload {
	border-bottom: 1px solid #d7d7d9 !important;
}

#desk.new_document section.upload .left .accepted_formats {
 margin-top: 5px;
 color: #8c8c91;
 font-size: 12px;
 line-height: 1;
}

#desk.new_document .board.upload_document  section.upload {
    background: #ffffff;
    padding-bottom: 10px;
}
#desk.new_document .board.upload_document  section.upload + section {
    background: #fafafa;
}
#desk.new_document .board.upload_document  section.upload + section.warning {
    padding: 5px 20px;
    background: #e3f3fc;
    border-color: #a8c8db;
    color: #2676a5;
    border-top: 1px solid #a8c8db;
    margin-top: -1px;
}
#desk.new_document .board.upload_document .files_area {
	min-height: 65px;
    border-radius: 2px;
    background: url("/images/assets/drop_files_here.png") no-repeat center top;
    background-position-y: center;
    background-size: 155px;
    outline: 0px dashed #d7d7d9;
    outline-offset: -6px;
    padding: 0px 0 0 0;
    border: 0px solid #d7d7d9;
    overflow: scroll;
    white-space: nowrap;
	border: 2px dashed rgba(0,0,0,0);
}

.uploadifive-queue {
    overflow-x: auto;
}

.uploadifive-queue::-webkit-scrollbar {
    display: block ;
    height: 10px ;
    background: #fafafa;
}

.uploadifive-queue::-webkit-scrollbar-thumb {
    background: #808080;
    cursor: pointer;
    border-radius: 5px;
    border: 2px solid #fafafa;
}


#desk.new_document .board.upload_document .files_area.dragover-active {
    background: none;
	border: 2px dashed #a7a7a9;
}
#desk.new_document section.upload .left label,
#desk.new_document section.upload .right > a {
	font-weight: 400;
    padding: 11px 16px;
    text-align: center;
    outline: none;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: none;
    cursor: pointer;
    position: relative;
	margin-bottom: 0;
	background: #f2f2f2;
    color: #333;
    border: 1px solid #c7c7c9;
    font-size: 15px !important;
}
#desk.new_document section.upload .right > a {
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
}
#desk.new_document section.upload .left label {
	background: #808080;
	color: #fff;
	border-color: #808080;
}
#desk.new_document section.upload .right ul.use_cloud {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}
#desk.new_document section.upload .right ul.use_cloud li,
#desk.new_document section.upload .right ul.use_cloud li a {
	display: inline-block;
}
#desk.new_document section.upload .right ul.use_cloud li a {
    width: 39px;
    height: 39px;
    vertical-align: middle;
    margin-right: 5px;
	cursor: pointer;
}
#desk.new_document section.upload .right ul.use_cloud li a:hover {
	opacity: 0.8;
}
body.cp_new_template #desk.new_document section.upload .right ul.use_cloud li:last-child a {
    margin-right: 0;
}
#desk.new_document section.upload .right ul.use_cloud li a.dropbox {
    background: url('/images/assets/icon-dropbox.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#desk.new_document section.upload .right ul.use_cloud li a.box {
    background: url('/images/assets/icon-box.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#desk.new_document section.upload .right ul.use_cloud li a.googledrive {
    background: url('/images/assets/icon-googledrive.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#desk.new_document section.upload .right ul.use_cloud li a.evernote {
    background: url('/images/assets/icon-evernote.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#desk.new_document section.upload .right ul.use_cloud li a.onedrive {
    background: url('/images/assets/icon-onedrive.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#desk.new_document section.upload .right ul.use_cloud li a.clouddrive {
    background: url('/images/assets/icon-clouddrive.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#desk.new_document section.upload .right ul.use_cloud li a.gmail {
    background: url('/images/assets/icon-gmail.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#desk.new_document section.upload .right ul.use_cloud li a.url {
    background: url('/images/assets/icon-url.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#desk.new_document section.upload .right a.docracy {
    background: url('/images/assets/docracy_icon.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#desk.new_document section.upload .right > a:last-of-type {
	margin-left: 5px;
}
#desk.new_document section.upload .right > a:hover {
	border-color: #a7a7a9;
}
span.friendly {
    font-family: "FriendlyFont";
}
#desk.new_document section.upload span.tagline {
    margin-left: 12px;
	display: none;
}
#desk.new_document section.upload label + span.tagline {
	display: inline-block;
}
#desk.new_document section.upload .right a.icon {
	padding-left: 40px;
}
#desk.new_document section.upload .right a.icon:before {
    content: "\e64c";
    font-family: "Linearicons";
    font-size: 20px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 15px;
    top: 8px;
    color: #333;
}
#desk.new_document section.upload .right a.icon.get_from_cloud:before {
    content: "\e64c";
}
#desk.new_document section.upload label.upload_document.loading:before {
    left: 50px;
    top: 8px;
}
#desk.new_document section.upload.error .left label {
    background: #de3136;
    border-color: #de3136;
}
#desk.new_document section.upload.error label + span.tagline {
	color: #de3136;
}
#desk.new_document .uploadifive-queue-item {
	min-width: 178px;
	max-width: 225px;
    height: 250px;
    min-height: 150px;
    max-height: none;
    margin-left: 8px !important;
    margin-top: 0 !important;
    margin-bottom: 0px !important;
    border: 1px solid #c7c7c9;
    padding: 7px;
}
#desk.new_document .uploadifive-queue-item.complete {
    height: auto;
}
#desk.new_document .uploadifive-queue-item:first-of-type {
    margin-left: 0 !important;
}
#desk.new_document .uploadifive-queue-item .progress {
	border: 0;
}
#desk.new_document .uploadifive-queue-item .progress-bar {
    background: #999;
	height: 4px;
    border-radius: 3px;
    width: 0;
    content: "";
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    animation: move 2s linear infinite
}
#desk.new_document .uploadifive-queue-item.complete .progress-bar {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    background: #3da07b;
    background-image: none
}
#desk.new_document a.download_item,
#desk.new_document a.download_item:before {
    display: none
}
#desk.new_document .uploadifive-queue-item .close_item:after {
    right: 6px;
    margin-top: 0px;
	font-family: "Linearicons";
    content: "\e95a";
	display: initial;
    font-size: 15px;
}

#desk.new_document .uploadifive-queue-item img.preview_image {
    max-width: 100%;
    max-height: 210px;
    border: 1px solid #e7e7e9;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	background: #ffffff;
}
#desk.new_document .uploadifive-queue-item .inside {
	width: 120px;
}
#desk.new_document .uploadifive-queue-item img.preview_image:hover {
	border-color: #d7d7d9;
}
#desk.new_document .uploadifive-queue-item .filename {
    cursor: pointer;
}
#desk.new_document .uploadifive-queue-item .filename:before {
	content: "\e94e";
    font-family: "Linearicons";
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #9d9d9d;
    vertical-align: sub;
    margin-right: 5px;
    cursor: pointer;
}
#desk.new_document .uploadifive-queue-item .filename:hover:before {
    color: #333333;
}
#desk.new_document .uploadifive-queue-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
#desk .board.merge_fields section[data-merge-field-type] .label label {
	display: inline-block;
}
#desk .board.merge_fields section[data-merge-field-type][data-merge-field-type="checkbox"] .label label.error,
#desk .board.merge_fields section[data-merge-field-type][data-merge-field-type="radio"] .label label.error {
	color: #ff0000;
}
#desk .board.merge_fields section[data-merge-field-type][data-merge-field-required="1"] .label label:after {
	content: "*";
	color: #ff0000;
    margin-left: 5px;
}
#desk .board.merge_fields .form_row .inline input[type="text"],
#desk .board.merge_fields .form_row .inline select {
	width: 250px;
}
#desk .board.merge_fields .form_row .inline textarea {
	min-width: 250px;
	resize: both;
	max-width: 750px;
}
#desk .board.merge_fields .form_row .inline input[type="checkbox"],
#desk .board.merge_fields .form_row .inline input[type="radio"] {
	margin-right: 5px;
}
#desk .board.merge_fields .form_row.mb10 {
	margin-bottom: 10px;
}
#desk .board.merge_fields .form_row.mb10:last-of-type {
	margin-bottom: 0;
}
#desk .board.fill_roles .form_row:last-of-type {
	margin-bottom: 5px;
}
#desk .board.file_summary .preview_image {
	width: 150px;
    border: 1px solid #d7d7d9;
    border-radius: 5px;
    background: #ffffff;
	cursor: pointer;
}
#desk .board.file_summary .file {
	float: left;
	position: relative;
	margin-right: 10px;
	display: inline-block;
}
#desk .board.file_summary .doc_name {
	display: block;
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
}
#desk .board.file_summary .preview_image:hover {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.1);
}
.magnify_wrapper {
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: auto;
    text-align: center;
    z-index: 9999;
}
.magnify_wrapper ul.content {
    margin: 75px auto;
    z-index: 99999;
    max-width: 100%;
    width: 900px;
    border-radius: 5px;
    background: rgba(0,0,0,.5);
    padding: 15px 20px 10px 20px;
	list-style: none;
}
.magnify_wrapper ul.content li {
	margin-bottom: 10px;
	position: relative;
}
.magnify_wrapper ul.content li.header {
	margin-bottom: 7px;
}
.magnify_wrapper ul.content li img {
	width: 100%;
    background: #ffffff;
}
.magnify_wrapper ul.content li img + span.numbering {
    position: absolute;
    color: #fff;
    z-index: 9999999999;
    left: 10px;
    bottom: 10px;
    font-size: 14px;
    background: #df7055;
    border-radius: 999px;
    width: 30px;
    height: 30px;
    padding-top: 6px;
}
.magnify_wrapper ul.content li.header .title {
    float: left;
    color: #fff;
    font-size: 16px;
}
.magnify_wrapper ul.content li.header .close {
    float: right;
}
.magnify_wrapper ul.content li.header .close:after {
	content: "\e95a";
    font-family: "Linearicons";
    font-size: 20px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    cursor: pointer;
    margin-top: -5px;
}
#desk.document_editor .board .page.editor_left,
#desk.document_editor .board .page.editor_right {
	top: 0;
    width: 200px;
    position: fixed;
	background: #f2f2f2;
    padding-bottom: 100px !important;
    z-index: 1;
}
html:not(.embedded_request_editor).has_email_confirm_banner #desk.document_editor:not(.flexible_signing) .board .page.editor_left,
html:not(.embedded_request_editor).has_email_confirm_banner #desk.document_editor:not(.flexible_signing) .board .page.editor_right {
    padding-top: 35px !important;
}
#desk.document_editor .editor_left {
	left: 0;
    margin-left: 75px;
    margin-top: 66px;
    border-right: 1px solid #d7d7d9;
    height: 100%;
}
html.embedded_request_editor #desk.document_editor .editor_left {
	margin-left: 0;
}
#desk.document_editor .editor_right {
	right: 0;
	margin-top: 66px;
    border-left: 1px solid #d7d7d9;
    height: 100%;
}
#desk.document_editor .board .page.editor_left .document ul.pages {
    padding: 10px 15px 0 15px !important;
    list-style: none;
    text-align: center;
    /*border-bottom: 1px solid #d7d7d9;*/
    margin-bottom: 0;
}
#desk.document_editor .board .page.editor_left .document ul.pages li {
    margin: 0 auto;
	margin-bottom: 50px;
    position: relative;
    cursor: pointer;
	max-width: 170px;
}
#desk.document_editor .board .page.editor_left .document ul.pages li img {
	background-color: #fff;
    width: 100%;
}
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions {
	position: absolute;
    display: block;
    background: rgba(0,0,0,.0);
    height: 30px;
    width: 150px;
    bottom: 0px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-top: 0px solid #56565C;
	display: none;
}
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions a.delete {
    height: 30px;
    width: 30px;
    display: block;
    background: #d7d7d9;
    border-radius: 999px;
    position: relative;
    float: right;
    top: 10px;
    left: 10px;
}
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions .rotate .rotate_left {
    height: 30px;
    width: 30px;
    display: block;
    background: #d7d7d9;
    border-radius: 999px 0 0 999px;
    position: relative;
    float: left;
    top: 10px;
    left: -10px;
}
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions .rotate .rotate_right {
    height: 30px;
    width: 30px;
    display: block;
    background: #d7d7d9;
    border-radius: 0 999px 999px 0;
    position: relative;
    float: left;
    top: 10px;
    right: 10px;
}
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions .rotate .rotate_left:hover,
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions .rotate .rotate_right:hover {
    background: #b7b7b9;
}
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions .rotate .rotate_left:before,
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions .rotate .rotate_right:before {
    font-family: "Linearicons";
    font-size: 17px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    top: 6px;
    left: 1px;
    right: 0;
}
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions .rotate .rotate_left:before {
	content: "\e8d8"
}
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions .rotate .rotate_right:before {
	content: "\e8d9"
}
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions a.delete:before {
    font-family: "Linearicons";
    font-size: 17px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    content: "\e681";
    top: 6px;
    left: 1px;
    right: 0;
}
#desk.document_editor .board .page.editor_left .document ul.pages li:hover .actions a.delete:hover {
	background: #e35256;
}

#desk.document_editor .board .page.editor_left .document ul.pages li:after {
    content: attr(data-page-number);
    position: absolute;
    bottom: -25px;
    left: 50%;
    right: 50%;
    font-size: 13px;
}
#desk.document_editor .board .page.editor_left .document ul.pages li.selected {
    /*background: rgba(0,0,0,.1);
    padding-bottom: 8px;
    padding-top: 8px;
    border-radius: 5px;*/
}
#desk.document_editor .board .page.editor_left .document ul.pages li.edited:before {
	content: "Edited";
    position: absolute;
    background: #df7055;
    color: #fff;
    padding: 1px 5px;
    border-radius: 2px;
    font-size: 11px;
    right: 20px;
    top: 10px;
}
#desk.document_editor:not(.no_doc_selection) .board .page.editor_left .document ul.pages li.selected img {
	border: 2px solid #56565C;
    box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#desk.document_editor .board .page.editor_left header {
    background: rgba(0,0,0,.1);
    padding: 5px 10px;
    padding-left: 20px;
	cursor: pointer;
    position: relative;
}
#desk.document_editor .board .page.editor_left .title,
#desk.document_editor .board .page.editor_right .title {
    border-bottom: 1px solid #d7d7d9;
}
#desk.document_editor .board .page.editor_left header small {
	display: block;
}
#desk.document_editor .board .page.editor_left header a {
	font-size: 13px;
    color: #333;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
#desk.document_editor .board .page.editor_left header a:after {
    margin-top: 2px;
    font-family: 'Ionicons';
    content: "\f35f";
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 6px;
}
#desk.document_editor .board .page.editor_left header a.toggle:after {
    content: "\f361";
}
#container.document_editor {
    margin-left: 0px;
	/* padding-top: 66px; */
    padding-top: 3px;
}
/*#desk.document_editor .board section.document {
    border-right: 1px solid #d7d7d9;
}*/
#desk.document_editor .board .page.editor_left .title,
#desk.document_editor .board .page.editor_right .title {
	height: 40px;
    display: block;
    /*border-right: 1px solid #d7d7d9;*/
    font-size: 15px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    text-transform: uppercase;
}
#desk.document_editor .board .page.editor_left .title {
    padding: 12px 8px 8px 20px;
}
#desk.document_editor .board .page.editor_right .title {
    padding: 12px 15px 8px 15px;
}
/*@media screen and (max-width: 1200px) {
#desk.document_editor .board .page.editor_right {
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,.1);
}
#desk.document_editor .board .page.editor_left {
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,.1);
}
}*/
#desk.document_editor .board .page.editor_right section.recipients ul {
    padding: 0;
    margin: 0;
    list-style: none;
	padding-right: 15px;
	padding-left: 15px;
}
#desk.document_editor {
	margin-right: 0;
}
#desk.document_editor .board .page.editor_right section.recipients ul li {
    margin-bottom: 10px;
}
#desk.document_editor .board .page.editor_right section.recipients ul li:last-of-type {
	margin-bottom: 0;
}
#desk.document_editor .board .page.editor_right section.recipients ul li a {
    color: #333;
    display: block;
    border-radius: 3px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    padding: 5px 10px;
    border: 2px solid transparent;
    position: relative;
}
#desk.document_editor .board .page.editor_right section.recipients ul li:not(.read_only) a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
}
#desk.document_editor .board .page.editor_right section.recipients ul li.signer a {
    padding-right: 45px;
}
#desk.document_editor .board .page.editor_right section.recipients ul li.read_only a {
	text-align: center;
}
#desk.document_editor .board .page.editor_right section.recipients ul li.signer a:after,
#desk.document_editor .board .page.editor_right section.recipients ul li.cc a:after {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 11px;
}
#desk.document_editor .board .page.editor_right section.recipients ul li.signer a:after {
	content: "Signer";
}
#desk.document_editor .board .page.editor_right section.recipients ul li.cc a:after {
	content: "CC";
}
#desk.document_editor .board .page.editor_right section.recipients ul li.selected a {
	border: 2px solid #333;
}
#desk.document_editor .board .page.editor_right section.recipients ul li:not(.selected):not(.cc):hover a {
	border: 2px solid #333;
}
#desk.document_editor .board .page.editor_right section.recipients ul li.cc a {
    opacity: 0.6;
	cursor: default;
	pointer-events: none;
    border-color: transparent
}
#desk.document_editor .board .page.editor_right section.recipients ul li a small {
	display: block;
	font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: none;
}
#desk.document_editor .board .page.editor_right section.recipients {
    padding-bottom: 15px;
    border-bottom: 1px solid #d7d7d9;
}
#desk.document_editor .board .page.editor_right section.properties,
#desk.document_editor .board .page.editor_right section.recipients {
	padding-top: 15px;
}
#desk.document_editor .board .page.editor_right section.recipients {
    max-height: none;
    overflow: hidden;
    overflow-y: scroll;
}
#desk.document_editor .board .page.editor_right section.properties {
    border-bottom: 1px solid #d7d7d9;
    padding-bottom: 5px;
    overflow-y: scroll;
}
#desk.document_editor .board .page.editor_right section.properties ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-left: 15px;
	padding-right: 15px;
}
#desk.document_editor .board .page.editor_right section.properties ul li {
	margin-bottom: 10px;
	cursor: move;
}
#desk.document_editor .cloned,
#desk.document_editor .ui-draggable-helper {
	border: 2px solid transparent;
	cursor: move;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#desk.document_editor .board .page.editor_right section.properties ul li a {
    display: block;
    border: 2px solid #d7d7d9;
    color: #333;
    border-radius: 3px;
    border-left-width: 35px;
    padding: 6px;
	position: relative;
    max-height: 35px;
}
#desk.document_editor .board .page.editor_right section.properties ul li a span {
    max-width: 117px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#desk.document_editor .cloned a:not(.new),
#desk.document_editor .ui-draggable-helper a:not(.new) {
	border: 0 !important;
	color: inherit;
    padding: 0px;
    /*display: table !important;*/
    text-align: center !important;
}
#desk.document_editor .cloned a span:not(.new_radio):not(.remove),
#desk.document_editor .ui-draggable-helper a span:not(.new_radio):not(.remove) {
    display: block;
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    height: 100%;
}
#desk.document_editor .cloned.text a span,
#desk.document_editor .ui-draggable-helper.text a span,
#desk.document_editor li.note a span,
#desk.document_editor .ui-draggable-helper.note a span {
	text-align: left;
    vertical-align: top;
}
#desk.document_editor .cloned a span textarea,
#desk.document_editor .ui-draggable-helper a span textarea {
    resize: none;
    border: none;
	height: 100%;
	min-height: 30px;
	display: block;
	background: none;
	padding: 0% 2%;
	white-space: pre-line;
}
#desk.document_editor .cloned:not(.dropdown) a span input[type="text"],
#desk.document_editor .ui-draggable-helper:not(.dropdown) a span input[type="text"] {
    border: none;
	height: 100%;
	min-height: 0px;
	background: none;
	padding: 0% 2%;
	font-weight: inherit;
}
body.cp_sign_document #desk.document_editor .cloned:not(.dropdown) a span input[type="text"],
body.cp_sign_document #desk.document_editor .ui-draggable-helper:not(.dropdown) a span input[type="text"],
body.cp_sign_document #desk.document_editor .cloned a span:not(.new_radio):not(.remove),
body.cp_sign_document #desk.document_editor .ui-draggable-helper a span:not(.new_radio):not(.remove) {
	height: inherit !important;
    display: block !important;
}
/* DOCUMENT EDITOR FIELD PLACEHOLDER */
body.cp_prepare_document .draggable span ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: inherit;
}
body.cp_prepare_document .draggable span ::-moz-placeholder { /* Firefox 19+ */
  color: inherit;
}
body.cp_prepare_document .draggable span :-ms-input-placeholder { /* IE 10+ */
  color: inherit;
}
body.cp_prepare_document .draggable span :-moz-placeholder { /* Firefox 18- */
  color: inherit;
}
body.cp_prepare_document .draggable.underline span ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-decoration: underline;
}
body.cp_prepare_document .draggable.underline span ::-moz-placeholder { /* Firefox 19+ */
  text-decoration: underline;
}
body.cp_prepare_document .draggable.underline span :-ms-input-placeholder { /* IE 10+ */
  text-decoration: underline;
}
body.cp_prepare_document .draggable.underline span :-moz-placeholder { /* Firefox 18- */
  text-decoration: underline;
}
/* DISALLOW PREFILLING FOR TEMPLATES IF NOT FILLED-BY-ME-NOW */
body.cp_prepare_document #container.document_editor.template:not(.embedded) .cloned a span.has_input,
body.cp_prepare_document #container.document_editor.template:not(.embedded) .ui-draggable-helper a span.has_input {
	pointer-events: none;
    white-space: nowrap;
}
body.cp_prepare_document #container.document_editor.template:not(.embedded) .cloned.ui-selected[data-fill-type="me_now"] a span.has_input,
body.cp_prepare_document #container.document_editor.template:not(.embedded) .ui-draggable-helper.ui-selected[data-fill-type="me_now"] a span.has_input {
	pointer-events: auto;
    white-space: normal;
}
/* body.cp_prepare_document #container.document_editor.template:not(.embedded) .cloned a span.has_checkbox,
body.cp_prepare_document #container.document_editor.template:not(.embedded) .ui-draggable-helper a span.has_checkbox, */
body.cp_prepare_document #container.document_editor.template:not(.embedded) .cloned a span.has_radio input,
body.cp_prepare_document #container.document_editor.template:not(.embedded) .ui-draggable-helper a span.has_radio input {
	pointer-events: none;
}
body.cp_prepare_document #container.document_editor.template:not(.embedded) .cloned.ui-selected[data-fill-type="me_now"] a span.has_checkbox,
body.cp_prepare_document #container.document_editor.template:not(.embedded) .ui-draggable-helper.ui-selected[data-fill-type="me_now"] a span.has_checkbox,
body.cp_prepare_document #container.document_editor.template:not(.embedded) .cloned.ui-selected[data-fill-type="me_now"] a span.has_radio input,
body.cp_prepare_document #container.document_editor.template:not(.embedded) .ui-draggable-helper.ui-selected[data-fill-type="me_now"] a span.has_radio input {
	pointer-events: auto;
}
body.cp_prepare_document #container.document_editor.template:not(.embedded) .draggable.ui-draggable-helper.dropdown ul li .select_option,
body.cp_prepare_document #container.document_editor.template:not(.embedded) .draggable.cloned.dropdown ul li .select_option {
	pointer-events: none;
}
body.cp_prepare_document #container.document_editor.template:not(.embedded) .draggable.ui-draggable-helper.dropdown ul li.switch:not(.selected):hover .select_option:after {
	visibility: hidden;
}
body.cp_prepare_document #container.document_editor.template:not(.embedded) .draggable.ui-draggable-helper.dropdown[data-fill-type="me_now"] ul li.switch:not(.selected):hover .select_option:after {
	visibility: visible;
}
body.cp_prepare_document #container.document_editor.template:not(.embedded) .draggable.ui-draggable-helper.dropdown[data-fill-type="me_now"] ul li .select_option,
body.cp_prepare_document #container.document_editor.template:not(.embedded) .draggable.cloned.dropdown[data-fill-type="me_now"] ul li .select_option {
	pointer-events: auto;
}
/* DISALLOW PREFILLING FOR TEMPLATES IF NOT FILLED-BY-ME-NOW */
.draggable.cloned span,
.draggable.cloned.checkbox.ui-selected[data-signer-id="0"] span {
	pointer-events: none;
	white-space: nowrap;
}
.draggable.cloned.ui-selected span,
html.public #desk.document_editor.flexible_signing .draggable.cloned.ui-selected span {
	pointer-events: all;
	/* changed from initial to all as part of IE8 fix */
}
.draggable.ui-draggable-helper.dropdown ul li {
	line-height: normal;
}
.draggable.ui-draggable-helper.dropdown ul li.blank {
    text-align: left;
    padding: 3% 2% !important;
}
.draggable.ui-draggable-helper.dropdown.ui-selected {
	height: auto !important;
	width: auto !important;
}
.draggable.ui-draggable-helper.dropdown ul li.blank:after {
    display: inline-block;
    float: right;
    width: 5%;
    line-height: 1px;
    text-align: center;
    font-style: normal;
    font-family: 'Ionicons';
    pointer-events: none;
    font-size: inherit;
    right: 5%;
    content: "\f35f";
    color: #333;
    position: absolute;
    top: 50%;
}
.draggable.ui-draggable-helper.dropdown ul li.switch {
	display: none;
	position: relative;
}
.draggable.ui-draggable-helper.dropdown.ui-selected ul li.switch {
	display: block;
}
.draggable.ui-draggable-helper.dropdown ul li input {
    width: 100%;
    /* padding: 3%; */
    padding: 7px;
	height: auto;
}
.draggable.ui-draggable-helper.dropdown ul li.switch:not(.add) .select_option:after,
.draggable.ui-draggable-helper.dropdown ul li.switch:not(.add) .remove:after {
    text-align: center;
    font-style: normal;
    font-family: 'Linearicons';
    font-size: inherit;
    color: #333;
    position: absolute;
    cursor: pointer;
}
.draggable.ui-draggable-helper.dropdown ul li.switch:not(.add) .remove:after {
    right: 3%;
	top: 21%;
    content: "\e681";
}
.draggable.ui-draggable-helper.dropdown ul li.switch:not(.add):hover .select_option:after,
.draggable.ui-draggable-helper.dropdown ul li.switch:not(.add).selected .select_option:after {
    /* right: 16%; */
    right: 55px;
	top: 21%;
    content: "\e934";
}
.draggable.ui-draggable-helper.dropdown ul li.switch:not(.add):not(.selected):hover .select_option:after {
	color: rgba(0,0,0,.35);
}
.draggable.ui-draggable-helper.dropdown ul li input::-webkit-input-placeholder {
	color: rgba(0,0,0,.35);
}
.draggable.ui-draggable-helper.dropdown > a {
	padding: 0 !important;
}
.draggable.ui-draggable-helper.dropdown ul,
.draggable.ui-draggable-helper.dropdown ul li {
	padding: 0 !important;
	margin: 0 !important;
}
.draggable.ui-draggable-helper.dropdown ul li input {
    border: 0;
    background: transparent;
    border-top: 1px solid rgba(0,0,0,.25);
    border-radius: 0;
    font-size: inherit;
}
.draggable.checkbox input[type="checkbox"],
.draggable.radio input[type="radio"],
.draggable.checkboxGroup input[type="checkbox"] {
    outline: none;
    width: 12px;
    height: 12px;
    font-size: 11px;
    line-height: 2;
    display: block;
    font-weight: bold;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #a7a7a9;
    -webkit-appearance: none;
    color: #7F7F7F;
    position: relative;
    vertical-align: middle;
    top: auto;
    background: #ffffff;
}
.new_radio {
	display: none;
}
.draggable.ui-selected.radio:not(.no_label):hover .new_radio {
    display: block;
    position: relative;
    width: 50%;
    border-radius: 100%;
    border: solid 3px #56565C;
    margin: 0 auto;
    padding: 24%;
    margin-top: 21%;
    background: rgba(86, 86, 92, 1);
}
.draggable.ui-selected.radio:hover .new_radio .horizontal {
	position: absolute;
    background-color: #ffffff;
    width: 65%;
    height: 10%;
    top: 44%;
    left: 19%;
}
.draggable.ui-selected.radio:hover .new_radio .vertical {
    position: absolute;
    background-color: #ffffff;
    width: 12%;
    height: 66%;
    top: 16%;
    left: 45%;
}
.draggable.radio:hover span.has_radio div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: -100%;
}

.draggable.radio input[type="radio"] {
    border-radius: 99px;
}
.draggable.checkbox input[type=checkbox]:checked,
.draggable.checkbox input[type="checkbox"]:checked:focus,
.draggable.checkboxGroup input[type=checkbox]:checked,
.draggable.checkboxGroup input[type="checkbox"]:checked:focus,
.draggable.radio input[type=radio]:checked,
.draggable.radio input[type="radio"]:checked:focus {
	background: #2676a5 !important;
    border-color: #2676a5 !important;
}

.draggable.checkbox input[type=checkbox]:checked:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/assets/field_tick_checkbox.svg) no-repeat;
    background-position: center;
    background-size: contain;
}
.draggable.radio input[type=radio]:checked:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/assets/field_tick_radio.svg) no-repeat;
    background-position: center;
    background-size: contain;
}
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .radio.ui-selected:not(.no_label):after {
	content: attr(data-radio-group);
    font-size: 12px;
    position: absolute;
    background: #56565C;
    color: #fff;
    padding: 2px 5px 0px 5px;
    top: -18px;
    border-radius: 2px 2px 0 0;
    right: -2px;
}
/*#desk.document_editor .board .page.editor_center section.window {
	overflow: hidden;
}*/
#desk.document_editor .board .page.editor_right section.properties ul li a:before {
    font-family: "Linearicons";
    font-size: 20px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #333;
    cursor: pointer;
    position: absolute;
    left: -27px;
    top: 5px;
}
#desk.document_editor .cloned a:not(.now):before,
#desk.document_editor .ui-draggable-helper a:not(.new):before {
	display: none !important;
}
#desk.document_editor .board .page.editor_right section.properties ul li.signature a:before,
#desk.document_editor .cloned.signature a:before {
	content: " ";
    background: url('/images/assets/sign.svg') no-repeat center;
    background-size: 25px;
    width: 30px;
    height: 30px;
    background-position: 0px;
    top: 0;
    left: -30px;
}
#desk.document_editor .cloned.signature a,
#desk.document_editor .ui-draggable-helper.signature a,
#desk.document_editor .cloned.signature.ui-selected.immediate_signing_enabled:hover a,
#desk.document_editor .ui-draggable-helper.signature.ui-selected.immediate_signing_enabled:hover a {
    background: url('/images/assets/sign_padding.svg') no-repeat center;
}
#desk.document_editor .cloned.signature.immediate_signing_enabled a,
#desk.document_editor .ui-draggable-helper.signature.immediate_signing_enabled a {
    background: url('/images/assets/sign_padding_reduced.svg') no-repeat center;
    background-size: 50%;
}
#desk.document_editor .board .page.editor_right section.properties ul li.initials a:before,
#desk.document_editor .cloned.initials a:before {
	content: " ";
    background: url('/images/assets/initials.svg') no-repeat center;
    background-size: 25px;
    width: 30px;
    height: 30px;
    background-position: 0px;
    top: 0;
    left: -30px;
}
#desk.document_editor .cloned.initials a,
#desk.document_editor .ui-draggable-helper.initials a,
#desk.document_editor .cloned.initials.ui-selected.immediate_signing_enabled:hover a,
#desk.document_editor .ui-draggable-helper.initials.ui-selected.immediate_signing_enabled:hover a {
    background: url('/images/assets/initials_padding.svg') no-repeat center;
    background-size: 80%;
}
#desk.document_editor .cloned.initials.immediate_signing_enabled a,
#desk.document_editor .ui-draggable-helper.initials.immediate_signing_enabled a {
    background: url('/images/assets/initials_padding_reduced.svg') no-repeat center;
    background-size: 80%;
}
#desk.document_editor .cloned.signature.immediate_signing_enabled.filled,
#desk.document_editor .ui-draggable-helper.signature.immediate_signing_enabled.filled
#desk.document_editor .cloned.initials.immediate_signing_enabled.filled,
#desk.document_editor .ui-draggable-helper.initials.immediate_signing_enabled.filled {
    background: rgba(0,0,0,0) !important;
}
#desk.document_editor .cloned.attachment > a,
#desk.document_editor .ui-draggable-helper.attachment > a,
#desk.document_editor .cloned.attachment.ui-selected.immediate_signing_enabled:hover a,
#desk.document_editor .ui-draggable-helper.attachment.ui-selected.immediate_signing_enabled:hover a {
    background: url('/images/assets/upload_icon_padding.svg') no-repeat center;
    background-size: contain;
	cursor: pointer;
}
#desk.document_editor .cloned.attachment.immediate_signing_enabled a,
#desk.document_editor .ui-draggable-helper.attachment.immediate_signing_enabled a {
    background: url('/images/assets/upload_icon_padding_reduced.svg') no-repeat center;
    background-size: contain;
}
#desk.document_editor .cloned.attachment.status_finished > a,
#desk.document_editor .ui-draggable-helper.attachment.status_finished > a,
#desk.document_editor .cloned.attachment.status_finished.immediate_signing_enabled a,
#desk.document_editor .ui-draggable-helper.attachment.status_finished.immediate_signing_enabled a {
    background: url('/images/assets/upload_icon_padding_finished.svg') no-repeat center;
    background-size: contain;
}
#desk.document_editor .cloned.attachment.status_finished.ui-selected.immediate_signing_enabled:hover a,
#desk.document_editor .ui-draggable-helper.attachment.status_finished.ui-selected.immediate_signing_enabled:hover a {
    background: url('/images/assets/upload_icon_padding_finished_upload.svg') no-repeat center;
    background-size: contain;
}
#desk.document_editor .cloned.image a,
#desk.document_editor .ui-draggable-helper.image a {
    background: url('/images/assets/default_image_field.jpg') no-repeat center;
    background-size: contain;
}
#desk.document_editor .cloned.image[data-prefilled-value=''] a,
#desk.document_editor .ui-draggable-helper.image[data-prefilled-value=''] a {
    background: url('/images/assets/default_signer_image.jpg') no-repeat center;
    background-size: contain;
}
#desk.document_editor .board .page.editor_right section.properties ul li.date_signed a:before,
#desk.document_editor .cloned.date_signed a:before {
	content: "\e789"
}
#desk.document_editor .board .page.editor_right section.properties ul li.text a:before,
#desk.document_editor .cloned.text a:before {
	content: "\e9a2"
}
#desk.document_editor .board .page.editor_right section.properties ul li.name a:before,
#desk.document_editor .cloned.name a:before {
	content: "\e71e"
}
#desk.document_editor .board .page.editor_right section.properties ul li.company a:before,
#desk.document_editor .cloned.company a:before {
	content: "\e60c"
}
#desk.document_editor .board .page.editor_right section.properties ul li.prop_title a:before,
#desk.document_editor .cloned.prop_title a:before {
	content: "\e71b"
}
#desk.document_editor .board .page.editor_right section.properties ul li.email a:before,
#desk.document_editor .cloned.email a:before {
	content: "\e697"
}
#desk.document_editor .board .page.editor_right section.properties ul li.checkbox a:before,
#desk.document_editor .cloned.checkbox a:before {
	content: "\e999"
}
#desk.document_editor .board .page.editor_right section.properties ul li.radio a:not(.new):before,
#desk.document_editor .cloned.radio a:not(.new):before {
	content: "\e99e"
}
#desk.document_editor .board .page.editor_right section.properties ul li.dropdown a:before,
#desk.document_editor .cloned.dropdown a:before {
	content: "\e931"
}
#desk.document_editor .board .page.editor_right section.properties ul li.attachment a:before,
#desk.document_editor .cloned.attachment a:before {
	content: "\e698"
}
#desk.document_editor .board .page.editor_right section.properties ul li.image a:before,
#desk.document_editor .cloned.image a:before {
	content: "\e90d"
}
#desk.document_editor .board .page.editor_right section.properties ul li.note a:before,
#desk.document_editor .cloned.note a:before {
	content: "\e60e"
}
#desk.document_editor .board .page.editor_right section.properties ul li.approve a:before,
#desk.document_editor .cloned.approve a:before {
	content: "\e959"
}
#desk.document_editor .board .page.editor_right section.properties ul li.decline a:before,
#desk.document_editor .cloned.decline a:before {
	content: "\e95a"
}

#desk.document_editor .board .page.editor_right section.properties ul li.options-group a:before,
#desk.document_editor .cloned.checkbox-group a:before {
    content: "\e880"
}

#desk.document_editor .board .page.editor_center section.window ul {
    padding: 0;
    list-style: none;
    margin: 0;
    text-align: center;
    padding-top: 50px;
}
#desk.document_editor .board .page.editor_center section.window ul li:not(.cloned) {
    margin-bottom: 40px;
    margin-left: 20px;
    margin-right: 20px;
	position: relative;
}
#desk.document_editor .board .page.editor_center section.window ul li:not(.cloned):last-of-type {
    margin-bottom: 40px;
}
#desk.document_editor .board .page.editor_center section.window ul li img {
    border: 1px solid #d7d7d9;
	width: 100%;
	height: auto;
	background: #ffffff;
}
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper {
	width: 100%;
	position: relative;
	display: block;
    margin: 0 auto;
}
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper:before {
    position: absolute;
    width: 100%;
    height: 21px;
    bottom: -28px;
    left: 0;
    content: attr(data-document-name);
    text-align: left;
    color: #999;
    font-size: 12px;
}
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper:after {
    position: absolute;
    width: 100%;
    height: 21px;
    bottom: -28px;
    left: 0;
    content: attr(data-document-page-title);
    text-align: right;
    color: #999;
    font-size: 12px;
}
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .ui-selected,
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .ui-selecting {
    border: 2px solid #56565C !important;
}
.unset-image-field-border ,
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .unset-image-field-border {
    border-style: dotted !important;
    border-width: 3px !important;
    border-color: black !important;
}

#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .ui-selected.required_field,
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .ui-selecting.required_field,
.required_field .ui-resizable-handle {
	border-color: #e35256 !important;
}
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .radio.ui-selected.required_field:after {
	background-color: #e35256 !important;
}
#desk.document_editor .board .page.editor_center section.window ul li footer {
    padding-bottom: 0;
    padding-top: 5px;
    color: #999;
    padding-left: 1px;
    padding-right: 1px;
}
#desk.document_editor .board .page.editor_center {
    height: auto;
    width: auto;
    position: absolute;
    left: 180px;
    right: 180px;
	overflow: hidden;
    overflow-x: scroll;
    z-index: 0;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls {
    position: absolute;
    top: 10px;
    display: block;
	z-index: 2;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.right {
    right: 62px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.right.zoom_options_open {
    right: 185px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.right .bar {
    width: auto;
	padding: 0;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.right.zoom_options_open .bar {
    width: 165px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left {
    float: none;
    left: 20px;
}
/*#desk.document_editor .board .page.editor_center section.window .fixed_controls.right {
    float: none;
    right: 99px;
}*/
#desk.document_editor .board .page.editor_center section.window .fixed_controls .bar {
	position: fixed;
    width: auto;
    height: 30px;
    border: 1px solid #d7d7d9;
    background: #f4f4f5;
	border-radius: 3px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar {
	display: none;
    padding: 0 0;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls .bar.shadow {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar select {
    border-radius: 0;
    background: rgba(0,0,0,0);
    border: 0;
    height: 100%;
    padding: 0 0 0 10px;
    max-width: 125px;
    padding-right: 18px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.font select,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.font_size select {
    padding: 0 0 0 5px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar select + .select_arrows:after {
	margin-top: -21px;
    font-size: 15px;
    right: 0;
    content: "\f35f";
    color: #333;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option {
	height: 100%;
	display: inline-block;
    border-right: 1px solid #ccc;
	float: left;
	position: relative;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.no_border_right {
	border-right: 0 !important;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option:last-of-type {
    border-right: 0;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.font,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.font_size {
	padding: 0 2px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .font_size {
	min-width: 50px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .bold,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .italic,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .underline {
	width: 40px;
	position: relative;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .bold a,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .italic a,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .underline a {
	height: 100%;
	display: block;
	position: relative;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .bold a:before,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .italic a:before,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .underline a:before {
	font-family: "Linearicons";
    font-size: 15px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #333;
    cursor: pointer;
    position: absolute;
    left: 12px;
    top: 6px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .bold a:before {
	content: "\e9a3";
    font-size: 16px;
    left: 11px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .italic a:before {
	content: "\e9a4"
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .underline a:before {
	content: "\e9a5";
    font-size: 16px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .color {
	padding: 0 10px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .color .jscolor {
    border: 1px solid #d7d7d9;
    border-radius: 3px;
    width: 15px;
    height: 15px;
    margin-top: 6px;
    margin-left: 1px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .required_field,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .read_only,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .hide_fields {
	padding: 5px 10px 0 10px;
	-webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .field_label input,
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option_value input {
    background: #fff;
    height: 100%;
    width: 100px;
    border-radius: 2px;
    border: 0;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option input[type="checkbox"] + label {
    top: 0;
    position: relative;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option input[type="checkbox"] {
    background-color: #fff;
    border: 1px solid #ccc;
    content: '';
    cursor: pointer;
    display: inline-block;
    height: 18px;
    left: 0;
    line-height: 14px;
    width: 18px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.delete_fields {
    color: #ffffff;
    background: #e35256;
    border-radius: 3px;
    padding: 6px 5px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.change_signing_language {
    width: 35px;
	cursor: pointer;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option.change_signing_language.open {
	background: #e7e7e7
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls a:active,
#desk.document_editor .board .page.editor_center section.window .fixed_controls a.selected {
	background: #d7d7d9;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls a:before {
    font-family: "Linearicons";
    font-size: 18px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #333;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 4px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.right .bar a {
    width: 39px;
    display: inline-block;
    position: relative;
    height: 100%;
    border-right: 1px solid #ccc;
    float: left;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.right:not(.zoom_options_open) .bar .zoom_options {
	display: none;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.right.zoom_options_open .bar a.zoom_option_handle {
	display: none;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left:not(.style_options_open) .bar .style_options {
	display: none;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left.style_options_open .bar .option.open_style_options {
	display: none !important;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left:not(.style_options_open) .bar .option.open_style_options {
    width: 38px;
    padding: 0 10px;
    height: 100%;
    position: relative;
    display: inline-block;
    float: left;
    border-right: 1px solid #ccc;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left.style_options_open .bar .style_options .option:last-child {
    border-right: 1px solid #ccc;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.left:not(.style_options_open) .bar .option.open_style_options:after {
    font-family: "Linearicons";
    font-size: 18px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #333;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 4px;
	content: "\e9a0";
    top: 5px;
    font-size: 17px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.right .bar a:last-of-type {
	border-right: 0;
	width: 40px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls a.zoom_in:before {
	content: "\e925";
    top: 5px;
    font-size: 17px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls a.zoom_out:before {
	content: "\e926";
    top: 5px;
    font-size: 17px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls a.zoom_auto:before {
	content: "\e951"
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls a.zoom_option_handle:before {
    content: "\e925";
    font-size: 17px;
    top: 5px;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls a.percentage {
	width: 45px !important;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls a.percentage:before {
	content: attr(data-percentage-indicator);
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 14px;
    left: 7px;
    top: 7px;
	width: 31px;
    text-align: center;
}
body.cp_prepare_document .hide_compact {
	display: none;
}
body.cp_prepare_document .show_compact {
	display: initial;
}
body.cp_prepare_document .sidebar_menu ul li,
body.cp_prepare_document .sidebar_menu ul li a {
	cursor: pointer;
}
body.cp_prepare_document .sidebar_menu ul.sb_menu li a span {
	margin-left: 0;
}
body.cp_prepare_document .sidebar_menu .upper .frame .select_business ul.dropdown-menu li.heading {
	text-align: center;
}
body.cp_prepare_document main {
	margin-left: 75px;
}
html.embedded_request_editor body.cp_prepare_document main {
	margin-left: 0;
}
body.cp_prepare_document .header.app_board_header {
    left: 75px;
}
html.embedded_request_editor body.cp_prepare_document .header.app_board_header {
    left: 0;
}
body.cp_prepare_document #desk {
    margin-right: 20px;
}
body.cp_prepare_document #container {
    padding-top: 66px;
    margin-left: 20px;
}
body.cp_prepare_document .header.app_board_header {
	padding-left: 20px !important;
    padding-right: 20px !important;
}
body.cp_prepare_document #container .announcement {
	margin-right: 20px;
}
body.cp_prepare_document .sidebar_menu {
	width: 75px;
}
body.cp_prepare_document .sidebar_menu ul {
    margin-top: 50px;
}
body.cp_prepare_document .sidebar_menu .upper .logo {
	display: none;
}
body.cp_prepare_document .sidebar_menu .upper .frame .select_business .business span,
body.cp_prepare_document .sidebar_menu .upper .frame .select_business .business.dropdown-toggle:after {
	display: none;
}
body.cp_prepare_document .sidebar_menu .upper .frame .select_business .business img {
	margin-right: 0;
}
body.cp_prepare_document .sidebar_menu ul.sb_menu li a span.sidebar_menu_link_text:before {
	margin-right: 0;
}
body.cp_prepare_document .sidebar_menu ul.sb_menu li a {
	text-align: center;
	padding-left: 0;
}
body.cp_prepare_document .sidebar_menu ul.sb_menu li a span.sidebar_menu_link_text {
	margin-left: 0;
}
body.cp_prepare_document .sidebar_menu ul li a.new {
    right: -50px;
	background: rgba(0,0,0,.3);
}
body.cp_prepare_document .sidebar_menu ul li a.new:hover {
	background: rgba(0,0,0,.6);
}
html.admin body.cp_prepare_document .sidebar_menu ul.disabled {
	margin-top: 	50px;
}
body.cp_prepare_document .sidebar_menu .upper .frame .select_business ul.dropdown-menu li a {
    height: 40px;
    padding: 10px 22px 4px;
}
body.cp_prepare_document .sidebar_menu .upper .frame .select_business ul.dropdown-menu li.logout a {
    border-bottom: 0 !important;
}
body.cp_prepare_document .sidebar_menu .upper .frame .select_business ul.dropdown-menu {
	background: #ffffff;
    width: 200px;
    border: 0px solid rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 25px 9px rgba(0,0,0,.25);
    -webkit-box-shadow: 0px 0px 25px 9px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 0px 25px 9px rgba(0,0,0,.25);
    border-radius: 5px !important;
    margin-left: 10px !important;
    margin-top: 40px;
}
body.cp_prepare_document .sidebar_menu .upper .frame .select_business ul.dropdown-menu li.logout a {
	padding-top: 10px;
    border-radius: 0 0 5px 5px;
}
#desk.document_editor .board .page.editor_left .scrollable-y,
#desk.document_editor .board .page.editor_right .scrollable-y {
    overflow-y: scroll;
    height: 99%;
}


.ui-resizable-handle {
	display: none !important;
}
.signature.ui-selected .ui-resizable-handle,
.initials.ui-selected .ui-resizable-handle,
.text.ui-selected .ui-resizable-handle,
.text_single.ui-selected .ui-resizable-handle,
.name.ui-selected .ui-resizable-handle,
.company.ui-selected .ui-resizable-handle,
.prop_title.ui-selected .ui-resizable-handle,
.image.ui-selected .ui-resizable-handle,
.email.ui-selected .ui-resizable-handle,
.note.ui-selected .ui-resizable-handle,
.approve.ui-selected .ui-resizable-handle,
.decline.ui-selected .ui-resizable-handle,
.attachment.ui-selected .ui-resizable-handle {
	display: initial !important;
}
.ui-resizable-handle {
	border: 2px solid #333;
    background: #fff;
    border-radius: 2px;
}
.ui-resizable-se,
.ui-resizable-nw {
    cursor: nwse-resize;
}
.ui-resizable-ne,
.ui-resizable-sw {
    cursor: nesw-resize;
}
.ui-resizable-se {
	width: 9px;
    height: 9px;
    right: -5px;
    bottom: -5px;
}
.mobile_top_section,
.mobile_bottom_section {
	display: none;
}
/* SIGNING EXPERIENCE EXTRA SIGNATURE PAGE */
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content {
    position: absolute;
    top: 5%;
    width: 80%;
    height: 90%;
    left: 10%;
	text-align: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content > h1 {
	margin-top: 0;
	margin-bottom: 0;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content > ul {
    text-align: left;
    padding-top: 5%;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content > ul > li {
    margin: 0;
    padding-bottom: 5%;
    margin-bottom: 8%;
    border-bottom: 1px solid rgba(0,0,0,.05);
    margin-top: 5%;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content > ul > li:last-child {
    border-bottom: 0;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content > ul > li div {
	position: relative;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content > ul > li div.date {
	width: 50%;
	float: left;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content > ul > li div.signature {
	width: 50%;
	float: right;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content > ul > li span.empty {
    width: 50%;
    border-bottom: 1px solid #000;
    display: inline-block;
    margin-left: 10%;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content > ul > li span:first-child {
    vertical-align: super;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content > ul > li div.signature span.empty {
    width: 55%;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li.signature_page .page_content > ul > li div.signature span.empty:after {
    position: absolute;
    content: attr(data-text-below);
    margin-top: 1%;
	font-size: 80%;
}


/* CONTEXT MENU */
.context-menu-icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em;
  font-family: "context-menu-icons";
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #56565C;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.context-menu-icon.context-menu-hover:before {
  color: #fff;
}

.context-menu-icon.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-icon.context-menu-icon--fa {
  display: list-item;
  font-family: inherit;
}
.context-menu-icon.context-menu-icon--fa::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em;
  font-family: FontAwesome;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #56565C;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
  color: #fff;
}
.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {
  color: #bbb;
}
.context-menu-list {
  position: absolute;
  display: inline-block;
  min-width: 13em;
  max-width: 26em;
  padding: 0;
  margin: .3em;
  font-family: inherit;
  font-size: inherit;
  list-style-type: none;
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: .2em;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
.context-menu-item {
  position: relative;
  padding: 5px 10px;
  color: #333333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  font-size: 14px;
  margin: 2px;
  border-radius: 2px;
}
.context-menu-separator {
  padding: 0;
  border-bottom: 1px solid #e6e6e6;
}
.context-menu-item > label > input,
.context-menu-item > label > textarea {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.context-menu-item.context-menu-hover {
  cursor: pointer;
  background-color: #2676a5;
  color: #ffffff;
}
.context-menu-item.context-menu-disabled {
  color: #bbb;
  cursor: default;
  background-color: #fff;
}
.context-menu-input.context-menu-hover {
  cursor: default;
}
.context-menu-submenu:after {
  position: absolute;
  top: 50%;
  right: .5em;
  z-index: 1;
  width: 0;
  height: 0;
  content: '';
  border-color: transparent transparent transparent #2f2f2f;
  border-style: solid;
  border-width: .25em 0 .25em .25em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.context-menu-item.context-menu-input {
  padding: .3em .6em;
}
/* vertically align inside labels */
.context-menu-input > label > * {
  vertical-align: top;
}
/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
  position: relative;
  top: .12em;
  margin-right: .4em;
}
.context-menu-input > label {
  margin: 0;
}
.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.context-menu-input > label > textarea {
  height: 7em;
}
.context-menu-item > .context-menu-list {
  top: .3em;
  /* re-positioned by js */
  right: -.3em;
  display: none;
}
.context-menu-item.context-menu-visible > .context-menu-list {
  display: block;
}
.context-menu-accesskey {
  text-decoration: underline;
}
.draggable.bold,
html.public .draggable.bold input[type="text"] {
	font-weight: bold;
}
.draggable.underline,
html.public .draggable.underline input[type="text"] {
	text-decoration: underline;
}
.draggable.italic,
html.public .draggable.italic input[type="text"] {
	font-style: italic;
}
#desk.document_editor .cloned,
#desk.document_editor .ui-draggable-helper {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	position: absolute;
	z-index: 1;
}
#desk.document_editor .cloned a,
#desk.document_editor .ui-draggable-helper a {
    width: 100%;
    height: 100%;
    padding: 0 !important;
    display: block;
    top: 0;
}
#desk.document_editor .cloned.checkbox a span:not(.new_radio):not(.remove),
#desk.document_editor .ui-draggable-helper.checkbox a span:not(.new_radio):not(.remove),
#desk.document_editor .cloned.radio a span:not(.new_radio):not(.remove),
#desk.document_editor .ui-draggable-helper.radio a span:not(.new_radio):not(.remove) {
	display: table-cell !important;
    text-align: center;
    width: 100%;
    height: 100%;
	padding: 2px;
}
.draggable.checkbox input[type="checkbox"],
.draggable.radio input[type="radio"] {
    margin: 0 auto;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper li.name a,
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper li.company a,
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper li.text_single a,
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper li.prop_title a,
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper li.email a {
	white-space: nowrap;
}
html.public .header.app_board_header .max_width {
	max-width: none;
}
html.public body.cp_document_status .header.app_board_header .max_width {
	max-width: 1200px;
}
html.public body.cp_document_status #container {
	max-width: 1200px;
	margin: 0 auto;
}
html.public body.cp_document_status main {
	padding-left: 30px;
	padding-right: 30px;
}
html.public #desk.document_editor .board .page.editor_center {
    left: 0;
    right: 0;
    position: relative;
    width: 100%;
}
html.public.embedded_request_editor #desk.document_editor .board .page.editor_center {
    height: auto;
    width: auto;
    position: absolute;
    left: 180px;
    right: 180px;
}
html.public #desk.document_editor.flexible_signing .board .page.editor_center {
	right: 180px;
    margin-right: 20px;
    position: absolute;
    width: auto;
}
html.public #desk.document_editor .board .page.editor_center section.window ul li .image_wrapper {
	width: 75%;
}
main.is_loading #desk.document_editor .board .page.editor_center,
#container.is_loading #desk.document_editor .board .page.editor_center {
	visibility: hidden;
	position: absolute;
}
main.is_loading #eversign_loading,
#container.is_loading #eversign_loading {
	width: 100%;
    height: 100%;
    background: url(/images/assets/xodosign_loading.svg);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: center center;
    position: fixed;
    margin-top: -7%;
}
@media screen and (min-width: 2000px) {
	body.cp_sign_document main.is_loading #eversign_loading,
	body.cp_sign_document #container.is_loading #eversign_loading {
		margin-top: -3%;
	}
}
main.is_loading #eversign_loading.hide_eversign_branding {
	background: none;
    -webkit-animation: none;
    animation: none;
}
main.is_loading #eversign_loading.hide_eversign_branding:before {
    content: attr(data-business-name);
    width: 100%;
    position: relative;
    z-index: 1;
    display: block;
    top: 45%;
    text-align: center;
    font-size: 4.2rem;
    color: #c7c7c9;
}
main.is_loading #eversign_loading.hide_eversign_branding:after {
    display: block;
    z-index: 2000;
    position: relative;
    content: '';
    margin: 0 auto;
    width: 40px;
    height: 40px;
    margin-bottom: 35px;
    border: solid 3px transparent;
    border-top-color: #c7c7c9;
    border-left-color: #c7c7c9;
    border-radius: 999px;
    -webkit-animation: pace-spinner 600ms linear infinite;
    -moz-animation: pace-spinner 600ms linear infinite;
    -ms-animation: pace-spinner 600ms linear infinite;
    -o-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite;
    top: 48%;
}
#container.is_loading #eversign_loading {
	width: 92%;
}
@media screen and (max-width: 1085px) and (min-width: 801px) {
	#container.is_loading #eversign_loading {
		width: 71%;
	}
}
body.cp_sign_document .headline_main_button {
	/*display: none;*/
}
/*html.public #desk.document_editor .cloned.status_finished,
html.public #desk.document_editor .ui-draggable-helper.status_finished,
html.public #desk.document_editor .draggable.cloned.required_field.status_finished,*/
html.public #desk.document_editor .cloned.do_not_submit,
html.public #desk.document_editor .ui-draggable-helper.do_not_submit,
html.public #desk.document_editor .cloned.do_not_submit:hover,
html.public #desk.document_editor .ui-draggable-helper.do_not_submit:hover {
	border-color: rgba(0,0,0,0);
    background: rgba(0,0,0,0);
}
html.public #desk.document_editor .cloned.status_finished,
html.public #desk.document_editor .ui-draggable-helper.status_finished,
html.public #desk.document_editor .draggable.cloned.required_field.status_finished {
	border-color: rgba(61, 160, 123, 0.5);
    background: rgba(61, 160, 123, 0.25);
}
/*html.public #desk.document_editor .cloned.do_not_submit,
html.public #desk.document_editor .ui-draggable-helper.do_not_submit {
	pointer-events: none;
	cursor: default;
}*/
html.public #desk.document_editor .cloned,
html.public #desk.document_editor .ui-draggable-helper {
	cursor: initial;
	border: 2px solid #56565C;
    background: rgba(255, 255, 204, .9);
	position: absolute;
	overflow: hidden;
}
html.public #desk.document_editor:not(.flexible_signing) .draggable.cloned.status_finished:hover,
html.public #desk.document_editor:not(.flexible_signing) .draggable.ui-draggable-helper.status_finished:hover {
	cursor: initial;
	border: 2px solid #56565C;
    background: rgba(255, 255, 204, .9);
	position: absolute;
	overflow: hidden;
}
html.public #desk.document_editor.flexible_signing .cloned,
html.public #desk.document_editor.flexible_signing .ui-draggable-helper,
html.public #desk.document_editor.flexible_signing .draggable.cloned.status_finished:hover,
html.public #desk.document_editor.flexible_signing .draggable.ui-draggable-helper.status_finished:hover {
	overflow: visible;
	cursor: move;
}
html.public #desk.document_editor .cloned.read_only,
html.public #desk.document_editor .ui-draggable-helper.read_only,
html.public #desk.document_editor .draggable.cloned.read_only.status_finished:hover,
html.public #desk.document_editor .draggable.ui-draggable-helper.read_only.status_finished:hover {
    background: rgba(255, 255, 204, 0);
}
html.public #desk.document_editor .cloned.radio,
html.public #desk.document_editor .ui-draggable-helper.radio,
html.public #desk.document_editor .cloned.checkbox,
html.public #desk.document_editor .ui-draggable-helper.checkbox,
html.public #desk.document_editor .cloned.signature,
html.public #desk.document_editor .ui-draggable-helper.signature,
html.public #desk.document_editor .cloned.initials,
html.public #desk.document_editor .ui-draggable-helper.initials,
html.public #desk.document_editor .cloned.dropdown,
html.public #desk.document_editor .ui-draggable-helper.dropdown,
html.public #desk.document_editor .cloned.attachment,
html.public #desk.document_editor .ui-draggable-helper.attachment  {
	z-index: 999999;
}
html.public #desk.document_editor .draggable.cloned.required_field,
html.public #desk.document_editor .draggable.cloned.required_field.status_finished:hover {
	border-color: #e35256;
}
html.public #desk.document_editor .draggable.cloned.read_only,
html.public #desk.document_editor .draggable.cloned.read_only.status_finished:hover {
	border-color: rgba(0,0,0,0);
}
html.public #desk.document_editor .draggable.cloned span {
	pointer-events: all;
	/* changed from initial to all as part of IE8 fix */
}
html.public #desk.document_editor.flexible_signing .draggable.cloned span {
	pointer-events: none;
}
html.public #desk.document_editor .cloned.attachment label,
html.public #desk.document_editor .ui-draggable-helper.attachment label {
    width: 100%;
    height: 100%;
    display: inline-block;
    cursor: pointer;
}
html.public .draggable.cloned span > input[type="text"] {
	border: 0;
    height: auto;
	background: rgba(0,0,0,0);
	/*padding: 0 5%;*/
	padding: 0 2px;
    height: 100%;
}
html.public #desk.document_editor:not(.flexible_signing) .draggable.cloned span > input[type="text"]:focus,
html.public #desk.document_editor:not(.flexible_signing) .draggable.cloned span > textarea:focus {
	background: #ffffff !important;
}
html.public #desk.document_editor .cloned a span:not(.new_radio):not(.remove),
html.public #desk.document_editor .ui-draggable-helper a span:not(.new_radio):not(.remove) {
	display: initial;
}
/*html.public #desk.document_editor .cloned a:not(.new), */
/*html.public #desk.document_editor .ui-draggable-helper a:not(.new) {*/
	/*display: initial;	*/
/*}*/
/*html.public #desk.document_editor .cloned.checkbox a span:not(.new_radio):not(.remove), */
/*html.public #desk.document_editor .ui-draggable-helper.checkbox a span:not(.new_radio):not(.remove),*/
/*html.public #desk.document_editor .cloned.radio a span:not(.new_radio):not(.remove), */
/*html.public #desk.document_editor .ui-draggable-helper.radio a span:not(.new_radio):not(.remove) {*/
	/*display: table-cell !important;	*/
/*}*/
html.public #desk.document_editor .draggable.cloned.signature,
html.public #desk.document_editor .draggable.cloned.initials {
	cursor: pointer;
}
html.public #desk.document_editor:not(.flexible_signing) .draggable.cloned.date_signed {
	background: rgba(0,0,0,0);
	border: 0 !important;
}
html.public #desk.document_editor .draggable.cloned.date_signed,
html.public #desk.document_editor .draggable.cloned.date_signed:hover {
	overflow: visible;
}
html.public #desk.document_editor.flexible_signing .draggable.cloned.date_signed,
html.public #desk.document_editor.flexible_signing .ui-draggable-helper.date_signed,
html.public #desk.document_editor.flexible_signing .draggable.cloned.date_signed:hover {
	overflow: hidden;
}
html.public #desk.document_editor .draggable.cloned.read_only,
html.public #desk.document_editor .draggable.cloned.do_not_submit {
	border-color: transparent;
	cursor: default;
}
html.public #desk.document_editor .draggable.cloned.read_only,
html.public #desk.document_editor .draggable.cloned.do_not_submit {
	overflow: visible;
}
html.public #desk.document_editor .cloned:not(.dropdown) a span input[type="text"],
html.public #desk.document_editor .ui-draggable-helper:not(.dropdown) a span input[type="text"] {
	width: 100%;
}
html.public #desk.document_editor .draggable.cloned.read_only.attachment > a,
html.public #desk.document_editor .draggable.cloned.do_not_submit.attachment > a {
    background: #df7055 url(/images/assets/view_attachment.svg) no-repeat center;
    background-size: 65%;
    cursor: pointer;
    border-radius: 3px;
}
html.public #desk.document_editor .draggable.cloned.dropdown select {
    border: 0;
    background: none;
    padding: 0;
    width: initial;
    height: initial;
    text-align: left;
    float: left;
	width: 100%;
    height: 100%;
    display: block;
    /* padding-left: 5%; */
    padding-left: 10px;
    padding-right: 10px;
}
html.public #desk.document_editor .draggable.cloned.dropdown.read_only .has_dropdown:after,
html.public #desk.document_editor .draggable.cloned.dropdown.do_not_submit .has_dropdown:after {
	display: none;
}
html.public #desk.document_editor .draggable.cloned.dropdown .has_dropdown:after {
	display: inline-block;
    float: right;
    width: 5%;
    line-height: 1px;
    text-align: center;
    font-style: normal;
    font-family: 'Ionicons';
    pointer-events: none;
    font-size: inherit;
    /* right: 10%; */
    right: 10px;
    content: "\f35f";
    color: #333;
    position: absolute;
    top: 50%;
}
html.public #desk.document_editor .draggable.cloned.dropdown.status_finished .has_dropdown:after {
	display: none;
}
html.public #desk.document_editor .draggable.cloned.dropdown.status_finished:hover .has_dropdown:after {
	display: inline-block;
}
html.public #desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar {
	display: block;
}
html.public #desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .draggable.cloned.filled a,
html.public #desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .draggable.ui-draggable-helper.filled a {
	background-size: contain !important;
}
.headline_main_button .main_button, .headline_main_button .save-button.skip_field {
    min-width: 0 !important;
}
.headline_main_button .save-button.fade_out {
    background: rgba(0, 0, 0, 0.27) !important;
}

section#desk.new_document.loading:after,
section#desk.new_document.import_loading:after {
    display: block;
    z-index: 2000;
    position: relative;
    content: ''!important;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    margin-bottom: 35px;
    border: solid 2px transparent;
    border-top-color: #333333;
    border-left-color: #333333;
    border-radius: 999px;
    -webkit-animation: pace-spinner 600ms linear infinite;
    -moz-animation: pace-spinner 600ms linear infinite;
    -ms-animation: pace-spinner 600ms linear infinite;
    -o-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite;
}
section#desk.new_document.loading,
section#desk.new_document.import_loading {
	text-align: center;
}
section#desk.new_document.loading:before,
section#desk.new_document.import_loading:before {
	content: 'Loading Template';
    font-size: 25px;
    text-align: center;
    color: #333333;
    display: block;
    margin-bottom: 25px;
    padding-top: 25px;
}
section#desk.new_document.import_loading:before {
	content: 'Importing document';
}
.x_content .board .page section.choose_document ul.no_search_results {
	text-align: center;
}
.x_content .board .page section.choose_document ul.no_search_results:before {
    content: "No templates found. Please try again!";
    display: block;
    margin-top: 105px;
}
.x_content .board .page section.choose_document ul.no_search_results.no_templates_in_business:before {
    content: "You have no templates!";
}
.x_content .board .page form.docracy_search {display: -ms-flexbox;display: -webkit-box;display: flex;display: -webkit-flex;}
.x_content .board .page form.docracy_search input[type="text"] {}
.x_content .board .page form.docracy_search input[type="submit"] {

}
.x_content .board .page form.docracy_search button {height: 35px;border-radius: 3px;vertical-align: middle;margin-left: 5px;}
.x_content .board .page section.choose_document ul.docracy_list.no_results:before {
    content: 'No results. Please try again. ';
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    top: 100px;
    color: #cccccc;
    letter-spacing: normal;
}
.x_content .board .page section.choose_document ul {
    background: #ffffff;
    border: 1px solid #d7d7d9;
	height: 250px;
	overflow: hidden;
	overflow-y: scroll;
	white-space: nowrap;
	margin: 10px 0;
    border-radius: 3px;
    padding-bottom: 50px;
}
.x_content .board .page section.choose_document ul.docracy_list.loading:before {
    margin: 0 auto;
    right: 0;
    position: relative;
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: pace-spinner .6s infinite linear;
    animation: pace-spinner .6s infinite linear;
    border-top: 2px solid rgba(104,129,169,0);
    border-right: 2px solid rgba(0, 0, 0, 0);
    border-bottom: 2px solid rgb(179, 179, 179);
    border-left: 2px solid rgb(179, 179, 179);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: block;
    content: '';
    top: 100px;
}
.x_content .board .page section.choose_document.loading ul {
	border: 0;
	background: transparent;
}
.x_content .board .page section.choose_document.loading input.template_search {
	display: none;
}
.x_content .board .page section.choose_document ul li {
    background: #f8f8f9;
    border-bottom: 1px solid #d7d7d9;
}
.x_content .board .page section.choose_document.loading ul li:not(.selected_template) {
	display: none;
}
.x_content .board .page section.choose_document.loading ul li.selected_template,
.x_content .board .page section.choose_document.loading ul li.selected_template:hover,
.x_content .board .page section.choose_document.loading ul li.selected_template a,
.x_content .board .page section.choose_document.loading ul li.selected_template a:hover {
	background: transparent;
	border-bottom: 0;
	cursor: default;
}
.x_content .board .page section.choose_document.loading ul li.selected_template {
    text-align: center;
    margin-top: 50px;
    font-size: 20px;
}
.x_content .board .page section.choose_document.loading ul li.selected_template:before {
    display: block;
    z-index: 2000;
    position: relative;
    content: ''!important;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    margin-bottom: 35px;
    border: solid 2px transparent;
    border-top-color: #333333;
    border-left-color: #333333;
    border-radius: 999px;
    -webkit-animation: pace-spinner 600ms linear infinite;
    -moz-animation: pace-spinner 600ms linear infinite;
    -ms-animation: pace-spinner 600ms linear infinite;
    -o-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite;
}
.x_content .board .page section.choose_document.loading ul li.selected_template a:before {
	font-size: 30px;
}
.x_content .board .page section.choose_document ul li a {
	color: #333333;
    padding: 10px 10px;
	cursor: pointer;
	display: block;
}
.x_content .board .page section.choose_document ul.docracy_list li {background: #ffffff;position: relative;}
.x_content .board .page section.choose_document ul.docracy_list li:hover a:after {
    display: block;
}
.x_content .board .page section.choose_document ul.docracy_list li a {padding: 5px 10px;}
.x_content .board .page section.choose_document ul.docracy_list li a:after {
    font-family: 'Linearicons';
    font-size: 15px;
    vertical-align: middle;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e944";
    position: absolute;
    right: 12px;
    top: 15px;
    display: none;
}
.x_content .board .page section.choose_document ul.docracy_list li a span.title {display: inline-block;max-width: 320px;overflow: hidden;text-overflow: ellipsis;position: relative;top: 3px;}
.x_content .board .page section.choose_document ul.docracy_list li a span.summary {display: block;max-width: 300px;overflow: hidden;text-overflow: ellipsis;font-size: 12px;position: relative;left: 30px;top: -3px;}
.x_content .board .page section.choose_document ul li:hover {
    background: #e8e8e9;
}
.x_content .board .page section.choose_document ul.docracy_list li a:before {
    content: "\e6d8";
    position: relative;
    top: 4px;
}
.x_content .board .page section.choose_document ul li a:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e6b9";
}

.x_content .board .page section.sign_actions {
	padding-bottom: 0;
}
.x_page section.sign_actions ul {
    list-style: none;
    padding: 0;
    margin: 0;
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
}
.x_page section.sign_actions ul li {
	display: inline-block;
    width: 100%;
    padding: 10px 10px 20px 10px;
    text-align: center;
    cursor: pointer;
	position: relative
}
.x_page section.sign_actions ul li.selected {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.x_page section.sign_actions ul li.selected:before {
    left: 50%;
    position: absolute;
    content: " ";
    bottom: -1px;
    margin-left: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 12px solid #d7d7d9;
    width: 0;
    height: 0;
}
.x_page section.sign_actions ul li.selected:after {
    left: 50%;
    position: absolute;
    content: "";
    bottom: -1px;
    margin-left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 11px solid #fff;
    width: 0;
    height: 0;
}
.x_page section.choose_saved .preview{
    text-align: center;
	height: 80px;
}
.x_page section.upload_new .preview {
    text-align: center;
	height: 100px;
}
.x_page section.choose_saved .preview img{
    border: 1px dashed #d7d7d9;
}
.x_page section.upload_new .preview {
    border: 2px dashed #d7d7d9;
}
.x_page section.upload_new .preview.empty {
    background: #FFF url(/images/assets/drop_files_here.png) no-repeat center center;
    background-size: 20%;
    background-position-y: 15px;
}
.x_page section.upload_new .preview.dragover-active {
	border-color: #a7a7a9;
}
.x_page section.upload_new .preview.dragover-active span.empty {
	display: none;
}
.x_page section.upload_new .uploadifive-queue {
	display: none;
}
.x_page section.upload_new .uploadifive-button.loading {
    color: rgba(0, 0, 0, 0)!important;
    pointer-events: none;
    cursor: default
}
.x_page section.upload_new .uploadifive-button.loading:before {
    display: block;
    z-index: 2000;
    position: absolute;
    content: ''!important;
    left: 53px;
    top: 8px;
    width: 20px;
    height: 20px;
    border: solid 2px transparent;
    border-top-color: #fff;
    border-left-color: #fff;
    border-radius: 999px;
    -webkit-animation: pace-spinner 600ms linear infinite;
    -moz-animation: pace-spinner 600ms linear infinite;
    -ms-animation: pace-spinner 600ms linear infinite;
    -o-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite
}

.x_page section.choose_saved ul.thumbnails {
	padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #d7d7d9;
    margin-top: 20px;
    padding-top: 10px;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    height: 90px;
}
.x_page section.choose_saved ul.thumbnails li {
	display: inline-block;
	cursor: pointer;
	text-align: center;
    border: 1px dashed rgba(0,0,0,0);
}
.x_page section.choose_saved ul.thumbnails li:hover {
    border: 1px dashed #d7d7d9;
}
.x_page section.choose_saved ul.thumbnails li img {
    max-width: 100%;
    max-height: 100%;
}
.x_page .board.signature section.choose_saved .preview img,
.x_page .board.signature section.upload_new .preview img {
	height: 100%;
}
.x_page .board section img[src=""] {
	visibility: hidden;
}
.x_page .board.initials section.choose_saved .preview img,
.x_page .board.initials section.upload_new .preview img {
	height: 100%;
}
.x_page .board.signature section.choose_saved ul.thumbnails li {
    width: 150px;
    height: 75px;
    line-height: 75px;
    vertical-align: middle;
    margin-right: 10px;
}
.x_page .board.initials section.choose_saved ul.thumbnails li {
	width: 75px;
	height: 75px;
    line-height: 75px;
    vertical-align: middle;
	margin-right: 10px;
}
.x_page .board section.choose_saved ul.thumbnails li.selected {
    border: 1px solid #d7d7d9;
    background: rgba(0,0,0,.05);
    border-radius: 3px;
}
.x_page section.type_new ul.thumbnails li {
	display: inline-block;
	cursor: pointer;
	text-align: center;
    border: 1px dashed rgba(0,0,0,0);
    width: auto;
    white-space: nowrap;
    font-size: 30px;
	float: none;
    margin-right: 20px;
	cursor: pointer;
}
.x_page section.type_new ul.thumbnails li:hover {
	color: rgba(0,0,0,.5);
}
.x_page section.type_new ul.thumbnails {
    height: 70px;
	padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #d7d7d9;
    margin-top: 30px;
	padding-top: 20px;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
	height: 80px;
}

.x_page section.type_new ul.thumbnails::-webkit-scrollbar {
    display: block ;
    height: 10px ;
    background-color: #fafafa;
}

.x_page section.type_new ul.thumbnails::-webkit-scrollbar-thumb {
    background: #808080;
    cursor: pointer;
    border-radius: 5px;
    border: 2px solid #fff;
}

.x_page section.type_new .preview {
	text-align: center;
    font-size: 50px;
    padding: 20px 0 30px 0;
}
.x_page section.type_new .preview_wrap input {
	text-align: center;
}
.x_page section.draw_new {
	padding-bottom: 60px !important;
    position: relative;
}
.x_page section.type_new canvas#type_canvas {
    width: 100%;
    height: 200px;
    border: 1px solid;
}
.x_page .board.sign_attachments .files_area {
	min-height: 100px;
    border-radius: 2px;
    background: #fff url("/images/assets/drop_files_here.png") no-repeat center top;
    background-position-y: center;
    background-size: 155px;
    outline: 0px dashed #d7d7d9;
    outline-offset: -6px;
    border: 1px solid #d7d7d9;
    padding-bottom: 80px;
}
.x_page .x_content.view_attachments .board.sign_attachments .files_area {
	background: #ffffff;
}
.x_page .x_content.view_attachments .uploadifive-queue-item .close_item:after, #desk.statement .uploadifive-queue-item .close_item:after, .tag .close_item:after {
	display: none;
}
.x_page .x_content.view_attachments .uploadifive-queue-item .inside {
    width: 100%;
}
.x_page .x_content.view_attachments .uploadifive-queue-item {
    background: #f4f4f4;
}
.x_page .x_content.view_attachments .uploadifive-queue-item:hover {
    background: #e7e7e7;
}
.x_page .board.sign_attachments .files_area.dragover-active {
    outline: 2px dashed #a7a7a9;
}
.x_page .board.sign_attachments .uploadifive-button,
.x_page .board section.upload_new .uploadifive-button {
    padding: 11px 16px;
    text-align: center;
    outline: none;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    font-weight: normal;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    background: #a7a7a9;
    color: #fff;
    border: 1px solid #a7a7a9;
    margin-bottom: 15px;
}
.x_page .board.sign_attachments .uploadifive-button:before,
.x_page .board section.upload_new .uploadifive-button:before {
    left: 47px;
}
.x_page .board section.upload_new .uploadifive-button {
    background: #df7055;
    color: #fff;
    border-color: #df7055;
}
.x_page .board.sign_attachments .files_area .uploadifive-queue-item {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0 !important;
    border-bottom: 1px solid #d7d7d9;
    border-radius: 0;
    min-height: 30px;
	max-height: none;
	padding: 10px;
}
.x_page .board.sign_attachments .files_area .uploadifive-queue-item.error {
    background: #fce3e4;
    border-color: #f3b9bb;
    color: #e35256;
}
.x_page .board.sign_attachments .files_area .uploadifive-queue-item.error .filename:before {
    content: "\26A0\00A0";
}
.x_page .board.sign_attachments .files_area .uploadifive-queue-item .filename {
    height: 100%;
    vertical-align: middle;
}
.x_page .board.sign_attachments .files_area .uploadifive-queue-item a.download_item {
	display: none;
}
.x_page .board.sign_attachments .save_button.loading:before {
    left: 33px;
}
.x_page .board .lower_label {
    margin-bottom: 0;
    margin-top: 8px;
}
.x_page .board .lower_label input[type="checkbox"] {
    margin-left: 5px;
}
#desk.dashboard ul.legend li.completed {
    border-color: #3da07b
}
#desk.dashboard ul.legend li.completed:hover {
    background: rgba(61, 160, 123, .3)
}
#desk.dashboard ul.legend li.action_required {
    border-color: #e35256
}
#desk.dashboard ul.legend li.action_required:hover {
    background: rgba(227, 82, 86, .3)
}
#desk.dashboard .board.account_summary .page .sub_section {
	display: inline-block;
	height: 215px;
    width: 100%;
    border-right: 2px solid #d7d7d9;
	border-bottom: 0;
}
#desk.dashboard .board.account_summary .page .sub_section:last-of-type {
    border-right: 0;
}
#desk.dashboard .board.account_summary .page .sub_section .my.signature {
	margin-bottom: 15px;
	height: 97px;
}
#desk.dashboard .board.account_summary .page .sub_section .my.initials {
	height: 72px;
}
#desk.dashboard .board.account_summary .page .sub_section .my.signature img {
	max-width: 200px;
    height: auto;
    margin-top: 14px;
}
#desk.dashboard .board.account_summary .page .sub_section .my.initials img {
    max-height: 50px;
    width: auto;
}
#desk.dashboard .board.account_summary .page .sub_section .my {
	border: 1px solid #d7d7d9;
    padding: 10px;
    border-radius: 3px;
    cursor: pointer;
    background: linear-gradient(to right, rgba(215, 215, 217, 1), rgba(215, 215, 217, .35)),url(/images/assets/transparent_bg_bit.png) repeat;
	display: block;
	color: #333333;
}
#desk.dashboard .board.account_summary .page .sub_section .my img {
	float: right;
}
#desk.dashboard .board.account_summary .page .sub_section .my heading {
	width: 100px;
	display: inline-block;
    vertical-align: top;
	position: absolute;
}
#desk.dashboard .board.account_summary .page .sub_section .my heading:after {
    content: "Edit";
    display: block;
    position: absolute;
    color: #2676a5;
}
#desk.dashboard .board.account_summary .page .sub_section .my:hover heading:after {
	text-decoration: underline;
}
#desk.dashboard .sub_section.summary_data ul.main > li {
    display: block;
    border-bottom: 1px solid #d7d7d9;
    padding: 10px;
}
#desk.dashboard .sub_section.summary_data ul.main > li:last-child {
    border-bottom: 0;
}

#desk.dashboard .sub_section.summary_data ul.main > li > ul > li.header {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
#desk.dashboard .page.most_used_templates ul li span.right {
	display: none;
}
#desk.dashboard .page.most_used_templates ul li:hover span.right {
	display: initial;
}
#desk.dashboard ul.legend {
	width: 100%;
	padding: 15px 20px;
}
#desk.dashboard ul.legend li {
	max-width: none;
    border-left: 35px solid;
}
#desk.dashboard ul.legend li:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 18px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    margin-left: -37px;
    color: #fff;
}
#desk.dashboard ul.legend li.action_required:before {
    content: "\e955";
}
#desk.dashboard ul.legend li.waiting_for_others:before {
    content: "\e8e8";
}
#desk.dashboard ul.legend li.completed:before {
    content: "\e959";
}
#desk.settings .board.message input,
#desk.settings .board.message textarea {
	width: 500px ;
}
#desk.settings .board.message textarea {
	resize: both;
	max-width: 100%;
}
#desk table.eversign thead {
    display: none;
}
#desk table.eversign td.document_check {
    text-align: center;
    width: 50px;
    background: #e8e8e9;
    padding-right: 17px;
}
#desk table.eversign td.title {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 16px;
    width: 50%;
}
#desk table.eversign td.status span.tag.completed:after {
    content: attr(data-date);
    color: #333333;
    position: absolute;
    margin-left: 20px;
    white-space: nowrap;
    text-transform: none;
}
#desk table.eversign td.title span.recipients,
#desk table.eversign td.title span.email,
#desk table.eversign td.title span.tel,
#desk table.eversign td.title span.role {
    display: block;
    font-size: 12px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    margin-top: 8px;
}
#desk table.eversign td.title span.email:before,
#desk table.eversign td.title span.tel:before,
#desk table.eversign td.title span.role:before {
    font-family: 'Linearicons';
    font-size: 15px;
    margin-right: 10px;
    margin-top: -1px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
#desk table.eversign td.title span.email:before {
    content: "\e697";
}
#desk table.eversign td.title span.tel:before {
    content: "\e76a";
}
#desk table.eversign td.title span.role:before {
    content: "\e6d0";
}
#desk table.eversign td.title a + span.sub_info {
    /*border-top: 1px solid #d7d7d9;*/
    padding-top: 5px;
}
#desk table.eversign td.title span.date {
	font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    color: rgba(0,0,0,.3);
    background: #e8e8e9;
    font-size: 12px;
    padding: 5px 4px 4px 4px;
    min-width: 70px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -2px;
}
#desk table.eversign td.title span.content {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
    vertical-align: middle;
}
#desk table.eversign td.title span.date.status.active {
	background: #3da07b;
	color: #fff;
}
#desk table.eversign td.title span.date.status.inactive {
	background: #e35256;
	color: #fff;
}
#desk table.eversign td.title a {
	color: #222;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
	vertical-align: middle;
}
@media only screen and (min-width: 1200px) {
    #desk table.eversign td.title a {
        /*max-width: none !important;*/
    }
}

#desk table.eversign td.title a:hover {
	color: #157fb8;
}
#desk table.eversign td.actions {
	text-align: right;
}
#desk table.eversign td.actions > a,
#desk table.eversign td.actions > .dropdown > a {
	padding: 10px 0;
    text-align: center;
    color: #333;
    border: 0;
    min-width: 0;
    text-transform: capitalize !important;
    height: auto;
    margin: 0 !important;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    background: #e8e8e9;
    border-radius: 2px;
    display: inline-block;
    width: 100px;
    height: 38px;
}
#desk table.eversign td.actions > a:not(.with_dropdown) {
    width: auto;
}
#desk table.eversign td.actions > .dropdown > ul li a {
	border-radius: 0;
	cursor: pointer;
    padding: 5px 10px;
}
#desk table.eversign td.actions a.with_dropdown {
    border-radius: 2px 0px 0px 2px;
}
#desk table.eversign td.actions .dropdown {
    display: inline-block;
    float: right;
    height: 38px;
}
#desk table.eversign td.actions .dropdown > a {
    width: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 2px solid #d7d7d9;
}
#desk table.eversign td.actions .dropdown > a:before {
	display: none;
}
#desk table.eversign td.actions .dropdown > a:after {
	position: absolute;
    right: 11px;
    top: 1px;
}
#desk table.eversign td.actions > a:hover,
#desk table.eversign td.actions > .dropdown > a:hover {
    background: #d8d8d9;
}
#desk table.eversign td.actions a.awaiting_signature {
    background: rgba(0,0,0,0);
	cursor: default;
	pointer-events: none;
}
#desk table.eversign td.actions a.empty {
    display: none;
}
#desk table.eversign td.actions a.awaiting_signature:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 0px;
    margin-top: -6px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e8e8";
}
#desk table.eversign td.status small {
    margin-left: 5px;
}

#desk label span.red {
    color: #ff0000;
}

/* VIEW CONTACT */
#desk .c_line p.name {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 20px;
}
#desk .c_line span {
	display: block;
    margin-bottom: 10px;
}
#desk .c_line hr {
    border-color: #d7d7d9;
    margin: 12px 0;
}
#desk .c_line span i {
    font-style: normal;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
#desk .c_line span i:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
#desk .c_line span.email i:before {
    content: "\e697";
}
#desk .c_line span.phone i:before {
    content: "\e76a";
}
#desk .c_line span.company_name i:before {
    content: "\e60c";
}
#desk .c_line span.company_url i:before {
    content: "\e915";
}
#desk .c_line span.address i:before {
    content: "\e783";
}
#desk .c_line span.language i:before {
    content: "\e7d7";
}
#desk .c_line span.notes i:before {
    content: "\e6d1";
}
#desk .form_row.roles ul li {
    margin-bottom: 15px;
}
#desk .form_row.roles ul li p {
    max-width: 750px;
}
#desk .form_row.roles ul li:last-of-type {
	margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
#desk .form_row.roles ul li:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 5px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
#desk .form_row.roles ul li.admin:before {
    content: "\e813";
}
#desk .form_row.roles ul li.manager:before {
    content: "\e83a";
}
#desk .form_row.roles ul li.staff:before {
    content: "\e724";
}
#desk .form_row.roles ul li.read_only:before {
    content: "\e878";
}
/* VIEW DOCUMENT */
#container.view_document .board.summary .page section.sent_by {
    background: rgba(0,0,0,.05);
    padding: 10px 20px;
    text-align: center;
    color: rgba(0,0,0,.36);
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 12px;
}
#container.view_document .board.summary .page section.heading {
    padding: 20px 20px;
}
#container.view_document .board.summary .page section.heading .title,
#container.view_document .board.summary .page section.heading .status {
	display: inline-block;
}

.status > .badge {
    cursor: default;
}

span.status_badge {
    padding: 10px;
    text-align: center;
    color: #ffffff;
    border: 0;
    text-transform: capitalize;
    height: auto;
    margin: 0;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 13px;
    border-radius: 2px;
    background: #808080;
}
.board.audit_trail span.status_badge {
    padding: 5px 10px;
}

#container.view_document .board.summary .page section.heading .status {
    padding: 10px;
    text-align: center;
    color: #fff;
    border: 0;
    min-width: 85px;
    text-transform: capitalize !important;
    height: auto;
    margin: 0 !important;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    background: #808080;
    border-radius: 2px;
}
#container.view_document .board.summary .page section.heading .status.completed,
span.status_badge.completed {
	background: #3da07b;
}
#container.view_document .board.summary .page section.heading .status.in_process,
span.status_badge.in_process {
	background: #2676a5;
}
#container.view_document .board.summary .page section.heading .status.awaiting_my_signature,
span.status_badge.awaiting_my_signature {
	background: #e35256;
}
#container.view_document .board.summary .page section.heading .status.draft,
span.status_badge.draft {
	background: #a1a1a1;
}
#container.view_document .board.summary .page section.heading .status.declined,
span.status_badge.declined {
    color: #555;
    background: #f2f2f2;
}
#container.view_document .board.summary .page section.heading .title {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 18px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
    vertical-align: middle;
}
#container.view_document .board.summary .page section.heading span.right {
    line-height: 37px;
}
#container .board .page section.subheading {
    padding: 10px 20px;
    background: rgba(0,0,0,.05);
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    color: rgba(0,0,0,.5);
}
#container .board .page section.table {
	padding: 0;
}
#container .board .page section.table table {
	width: 100%;
	text-align: left;
}
#container .board .page section.table thead {
    background: rgba(0,0,0,.05);
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    color: rgba(0,0,0,.5);
}
#container .board .page section.table table tr {
	border-bottom: 1px solid #e8e8e9;
}
#container .board .page section.table table tbody tr:last-of-type {
	border-bottom: 0;
}
#container .board .page section.table tbody tr td {
    font-weight: normal;
    padding: 15px 20px;
}
#container .board .page section.table thead tr th {
    font-weight: normal;
    padding: 10px 20px;
}
#container .board .page section.table table .recipient {
    width: 30%;
}
#container .board .page section.table table .actions {
	text-align: right;
}
#container .board .page section.table table .actions > a,
#container .board .page section.table table .actions > button {
	padding: 10px;
    text-align: center;
    color: #333;
    border: 0;
    min-width: 0;
    height: auto;
    margin: 0 !important;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    background: #e8e8e9;
    border-radius: 2px;
    display: inline-block;
    min-width: 125px;
    font-size: 14px;
    padding-left: 14px;
}

#container .board .page section.table table .actions > button.e_tooltip {
    padding-left: 5px;
    width: 135px;
}

.cp_view_audit_trail #container .board .page section.table tbody tr td.details {
    max-width: 600px;
}

#container .board .page section.table table .actions > button.e_tooltip span {
    padding-left: 5px;
}

#container .board .page section.table table .actions > a.remove_signer {
    width: 35px;
    margin-left: 5px !important;
    margin-top: 5px !important;
}


#container .board .page section.table table .actions > a.remove_signer:before {
	font-family: 'Linearicons';
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e92a";
}
#container .board .page section.table table .actions > a.sign_now {
	background: #df7055;
    color: #fff;
	width: auto;
}
#container .board .page section.table table .signing_order {
	max-width: 75px;
    width: 15%;
}
#container .board .page section.table thead tr th span:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
#container .board .page section.table thead tr th.signing_order span:before {
    content: "\e9b7";
}
#container .board .page section.table thead tr th.recipient span:before {
    content: "\e71e";
}
#container .board .page section.table thead tr th.status span:before {
    content: "\e99e";
}
#container .board .page section.table tr td.recipient .name {
    display: block;
	font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 16px;
	padding-bottom: 5px;
}
#container .board .page section.table tr td.recipient .sub_info {
    display: block;
    font-size: 13px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
#container .board .page section.table tr td.recipient .sub_info.tel {
    margin-top: 5px;
}
#container .board .page section.table tr td.recipient .sub_info:before {
    font-family: 'Linearicons';
    font-size: 15px;
    margin-right: 10px;
    margin-top: -1px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
#container .board .page section.table tr td.recipient .sub_info.email:before {
    content: "\e697";
}
#container .board .page section.table tr td.recipient .sub_info.tel:before {
	content: "\e76a";
}
#container .board .page section.table tbody tr td.status span {
	display: inline-block;
}
#container .board .page section.table tbody tr td.status span.date {
	margin-left: 5px;
    font-size: 13px;
}
#container .board .page section.table tbody tr td.status .badge {
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    border: 0;
    min-width: 100px;
    text-transform: capitalize !important;
    height: auto;
    margin: 0 !important;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    border-radius: 2px;
}
#container .board .page section.table tbody tr td.status .badge:before {
	display: none;
}
#container .board .page section.table tbody tr td.status .badge.signed {
	background: #3da07b;
}
#container .board .page section.table tbody tr td.status .badge.outstanding {
    background: #808080;
}
#container .board .page section.table tbody tr td.status .badge.queued {
    background: #c7c7c9;
}
#container .board .page section.table tbody tr td.status .badge.declined {
    background: #e35256;
}
#container .board .page section.table tbody tr td.status .badge.bounced {
    background: #e35256;
}
#container .board .page section.table tbody tr td.status .badge.declined[data-declined-reason] {
	cursor: pointer;
}
#container.view_document .board.document section.pages {
    background: #f5f5f5;
	padding: 20px 20px;
}
#container.view_document .board.document section.pages ul {
    width: 100%;
    overflow: hidden;
}
#container.view_document .board.document section.pages ul li {
	margin-bottom: 20px;
    position: relative;
	max-width: 1200px;
}
#container.view_document .board.document section.pages ul li:last-of-type {
	margin-bottom: 0px;
}
#container.view_document .board.document section.pages ul li img {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d7d7d9;
	background: #fff;
}
#container.view_document .board.document section.pages ul li a.back_to_top {
	position: absolute;
    bottom: 10px;
    right: 15px;
}
#container.view_document .board.document section.pages ul li a.back_to_top:hover {
	text-decoration: underline;
}
#container.view_document .board.document section.pages ul li:before {
    border: 50px solid transparent;
    border-left-color: #b7b7b9;
    border-bottom: 0;
    border-right: 0;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}
#container.view_document .board.document section.pages ul li:after {
    color: #fff;
    content: attr(data-page-number);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    bottom: 5px;
    left: 5px;
}
#container.view_document .board.document section.page_selector ul {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
}
#container.view_document .board.document section.page_selector ul.blank {
        padding-bottom: 15px;
        padding-left: 0;
}
#container.view_document .board.document section.page_selector ul li {
    display: inline-block;
    width: 150px;
    border: 2px solid #b7b7b9;
    position: relative;
    margin-right: 10px;
}
#container.view_document .board.document section.page_selector ul li:hover {
    border: 2px solid #808080;
}
#container.view_document .board.document section.page_selector ul li:after {
    color: #fff;
    content: attr(data-page-number);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    bottom: 3px;
    left: 3px;
}
#container.view_document .board.document section.page_selector ul li:before {
    border: 33px solid transparent;
    border-left-color: #b7b7b9;
    border-bottom: 0;
    border-right: 0;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}
#container.view_document .board.document section.page_selector ul li:hover:before {
    border-left-color: #808080;
}
#container.view_document .board.document section.page_selector ul li img {
    width: 100%;
}
/* AUDIT TRAIL */
#container .board.audit_trail {
    max-width: 980px;
}
#container .board.audit_trail .page section.table.meta table {
    margin: 15px 0;
}
#container .board.audit_trail .page section.table.meta table tr {
	border: 0;
}
#container .board.audit_trail .page section.table.meta table tbody tr td {
	padding: 7px 20px;
}
#container .board.audit_trail .page section.table.meta table tbody tr td:first-child {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
	width: 130px;
}
#container .board.audit_trail .page section.subheading {
    font-size: 16px;
}
#container .board.audit_trail .page section.heading {
    padding-bottom: 30px;
}
#container .board.audit_trail .page section.heading img {
	width: 185px;
}
#container .board.audit_trail .page section.heading .right {
    font-size: 24px;
    line-height: 46px;
}
#container .board.audit_trail .page section.table.history table tr td {
	padding: 20px;
}
#container .board.audit_trail .page section.table.history table tr td.illustration span:before {
	font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}
#container .board.audit_trail .page section.table.history table tr td.illustration.viewed span:before {
	content: "\e911";
}
#container .board.audit_trail .page section.table.history table tr td.illustration.signed span:before {
	content: "\e6d1";
}
#container .board.audit_trail .page section.table.history table tr td.illustration.completed span:before {
	content: "\e6b5";
}
#container .board.audit_trail .page section.table.history table tr td.illustration.verification_waived span:before {
	content: "\e697";
}
#container .board.audit_trail .page section.table.history table tr td.illustration.created span:before {
	content: "\e6b4";
}
#container .board.audit_trail .page section.table.history table tr td.illustration.sent span:before {
	content: "\e699";
}
#container .board.audit_trail .page section.table.history table tr td.illustration.declined span:before,
#container .board.audit_trail .page section.table.history table tr td.illustration.revoked span:before {
	content: "\e99c";
}
#container .board.audit_trail .page section.table.history table tr td.illustration.expired span:before {
    content: "\e8f0";
}
#container .board.audit_trail .page section.table.history table tr td.illustration.reassigned span:before {
	content: "\e944";
}
#container .board.audit_trail .page section.table.history table tr td.illustration.locked span:before {
    content: "\e66b";
}
#container .board.audit_trail .page section.table.history table tr td.details span,
#container .board.audit_trail .page section.table.history table tr td.time span {
	display: block;
}
#container .board.audit_trail .page section.table.history table tr td.details span:first-child,
#container .board.audit_trail .page section.table.history table tr td.time span:first-child {
	margin-bottom: 3px;
}
#container .board.audit_trail .page section.table.history table tr td.time .date {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
/* MY SIGNATURES/INITIALS */
#desk table.eversign.signatures_initials tr.current {
	background: #ffffcc;
}
#desk table.eversign.signatures_initials tr.current td.actions a {
    pointer-events: none;
    cursor: default;
    background: none;
    padding-right: 10px;
    text-align: right;
}
#desk table.eversign.signatures_initials td.image {
	max-width: 250px;
}
#desk table.eversign.signatures_initials td.image img {
    height: 60px;
}
/* APP AUTHORIZATIONS */
#desk table.authorizations td.image {
	width: 75px;
}
#desk table.authorizations td.image img {
	width: 50px;
	border-radius: 3px;
}
#desk table.authorizations td.actions a {
	width: 115px !important;
}
#desk table.authorizations td.app_title {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
#desk table.authorizations td.app_title small {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
#desk table.authorizations tr.no_apps_connected {
	background: #d7d7d9;
    text-align: center;
}
#desk table.authorizations tr.no_apps_connected td div:before {
    font-family: 'Linearicons';
    font-size: 30px;
    display: block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e99c";
    margin-bottom: 5px;
    margin-top: 2px;
}
#desk table.authorizations tr.no_apps_connected td div {
    margin-bottom: 5px;
}
/* EMBEDDED SIGNING INIT */
html.public #container.embedded {
	text-align: center;
}
html.public body.cp_init_embedded header.app_board_header,
html.public body.cp_sign_pin header.app_board_header {
    display: none;
}
html.public body.cp_sign_pin #container {
	padding-top: 0;
}

html.public body.cp_sign_2fa header.app_board_header {
    display: none;
}

html.public #container.embedded .e_modal_wrap {
    left: auto;
    margin: 0 auto;
    margin-bottom: 0;
    top: 150px;
    width: 100%;
    margin-top: 0;
    position: absolute;
    z-index: 999999;
}
html.public body.iFrame #container.embedded .e_modal {
	width: 90%;
    max-width: 350px;
}
html.public #container.embedded .alert {
	margin-top: 20px;
}
html.public #container.embedded.sign_pin .e_modal_wrap {
    left: auto;
    margin: 0 auto;
    margin-bottom: 0;
    top: 0;
    width: 100%;
    margin-top: 0;
	position: absolute;
	z-index: 999999;
}
html.public #container.embedded.sign_pin .e_modal_wrap .e_modal {
	top: 150px;
    box-shadow: 0 10px 22px 0 rgba(0,0,0,.3);
}
html.public #container.embedded .e_modal {
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 350px;
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 10px 22px 0 rgb(0 0 0 / 30%)
}
html.public #container.embedded .e_modal header {
	min-height: 130px;
    padding-bottom: 20px;
    width: 100%;
    background: #f5f5f7;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
html.public #container.embedded .e_modal header .icon_wrap img {
	margin-top: -60px;
    background: #fff;
    border-radius: 999px;
    padding: 4px;
    border: 5px solid #d7d7d9;
}
html.public #container.embedded .e_modal header h2 {
    margin-top: 15px;
	margin-bottom: 0;
}
html.public #container.embedded .e_modal header h2.business_name {
	font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
html.public #container.embedded .e_modal header h2.document_name {
	font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
	margin-top: 5px;
    font-size: 15px;
}
html.public #container.embedded .e_modal form fieldset {
    padding: 0 20px;
	text-align: left;
}
html.public #container.embedded .e_modal form fieldset .form_row input {
	font-size: 14px;
	border-color: #c7c7c9;
	height: 40px;
    padding-left: 40px;
}
html.public #container.embedded .e_modal form fieldset .form_row input:focus {
	border-color: #c7c7c9;
}
html.public #container.embedded .e_modal form fieldset .form_row.submit {
    text-align: center;
}
html.public #container.embedded .e_modal form fieldset .form_row.submit label {
    padding: 10px;
    text-align: center;
    color: #ffffff;
    border: 0;
    min-width: 0;
    text-transform: capitalize !important;
    height: auto;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 14px;
    background: #808080;
    border-radius: 2px;
    display: inline-block;
    width: 150px;
    cursor: pointer;
    position: relative;
}
html.public #container.embedded .e_modal form fieldset .form_row.submit label.loading:before {
	left: 65px;
}

html.public #container.embedded .e_modal form fieldset .form_row.submit label.loading:before {
	left: 65px;
}

html.public #container.embedded .e_modal form fieldset .form_row {
	position: relative;
}
html.public #container.embedded .e_modal form fieldset .form_row.full_name:before,
html.public #container.embedded .e_modal form fieldset .form_row.email_address:before,
html.public #container.embedded .e_modal form fieldset .form_row.signer_pin:before,
html.public #container.embedded .e_modal form fieldset .form_row.signer_phone:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    position: absolute;
    left: 12px;
    top: 8px;
    color: #a9a9a9;
}
html.public #container.embedded .e_modal form fieldset .form_row.full_name:before {
    content: "\e71e";
}
html.public #container.embedded .e_modal form fieldset .form_row.email_address:before {
    content: "\e697";
}
html.public #container.embedded .e_modal form fieldset .form_row.signer_pin:before {
    content: "\e668";
}
html.public .mobile_header {
	display: none !important;
}
html.public #container.embedded .e_modal #alerts {
	margin-top: 10px;
	font-size: 14px;
}
body.cp_sign_pin {
	overflow: hidden !important;
}
body.cp_sign_pin #desk {
	pointer-events: none;
	cursor: default;
}
/* COMPLETED DOCUMENT PAGE */
html.public body.cp_post_sign #container,
html.public body.cp_post_sign #wrapper,
html.public body.cp_post_sign {
    background: #d7d7d9;
}
html.public body.cp_post_sign .saas_error,
html.public body.cp_init_embedded .saas_error {
    background: #d7d7d9;
}
html.public body.cp_post_sign header.app_board_header,
html.no_header body header.app_board_header,
html.no_sidebar body .sidebar_menu,
html.no_header .mobile_header {
    display: none;
}
html.public body.cp_post_sign #container section#desk .board {
	max-width: 850px;
    margin: 0 auto;
	border: 0;
    box-shadow: 0 10px 22px 0 rgba(0,0,0,.1);
	font-size: 14px;
}
html.public body.cp_post_sign #container section#desk .board .page {
	padding: 0 !important;
}
html.public body.cp_post_sign #container section#desk .board .page section {
	padding: 25px;
}
html.public body.cp_post_sign #container section#desk .board .page section.decline_reason {
	background: #f3f3f3;
    padding: 15px 25px 20px 25px;
}
html.public body.cp_post_sign #container section#desk .board .page section.reassign_message {
	background: #ffffff;
    padding: 15px 25px 20px 25px;
}
html.public body.cp_post_sign #container section#desk .board .page section.decline_reason p {
	margin-bottom: 0;
}
html.public body.cp_post_sign #container section#desk .board .page section.explanation {
	font-size: 15px;
}
html.public body.cp_post_sign #container section#desk .board .page section.subheading {
	padding: 10px 25px;
}
html.public body.cp_post_sign #container section#desk.account_exists .board .page section.subheading {
	padding: 15px 20px;
}
html.public body.cp_post_sign #container section#desk .board .box_header.completed,
html.public body.cp_post_sign #container section#desk .board .box_header.declined,
html.public body.cp_post_sign #container section#desk .board .box_header.reassigned {
	background: #3da07b;
	color: #ffffff;
    font-size: 16px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    text-align: center;
	border-bottom: 0;
}
html.public body.cp_post_sign #container section#desk .board .box_header.declined {
	background: #e35256;
}
html.public body.cp_post_sign #container section#desk .board .box_header.reassigned {
	background: #546c73;
}
html.public body.cp_post_sign #container section#desk.account_exists .board .page section.subheading span.normal {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;

}
html.public body.cp_post_sign #container section#desk .board .box_header.completed:before,
html.public body.cp_post_sign #container section#desk .board .box_header.declined:before,
html.public body.cp_post_sign #container section#desk .board .box_header.reassigned:before {
	font-family: 'Linearicons';
    font-size: 24px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
	content: "\e959"
}
html.public body.cp_post_sign #container section#desk .board .box_header.declined:before {
	content: "\e95a"
}
html.public body.cp_post_sign #container section#desk .board .box_header.reassigned:before {
	content: "\e944"
}
html.public body.cp_post_sign #container section#desk .board .go_to_dashboard {
    border: none;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    line-height: 1;
    vertical-align: middle;
    transition: none;
    background: #df7055;
    border-color: #df7055;
    color: #fff;
    padding: 10px;
    border-radius: 2px;
    display: block;
    margin-top: -17px;
}
html.public body.cp_post_sign #container section#desk .board section.subheading {
    background: #f3f3f3;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    color: rgba(0,0,0,.5);
	font-size: 14px;
}
html.public body.cp_post_sign #container section#desk .board section.subheading span.right {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
html.public body.cp_post_sign #container .board .document_preview {
    display: inline-block;
    width: 320px;
    border: 2px solid #b7b7b9;
    position: relative;
    margin-right: 25px;
    cursor: default;
    pointer-events: none;
    float: left;
}
html.public body.cp_post_sign #container .board .document_preview:before {
    border: 33px solid transparent;
    border-left-color: #b7b7b9;
    border-bottom: 0;
    border-right: 0;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}
html.public body.cp_post_sign #container .board .document_preview:after {
    color: #fff;
    content: attr(data-page-number);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    bottom: 3px;
    left: 3px;
}
html.public body.cp_post_sign #container .board .document_preview img {
	width: 100%;
	height: auto;
}
html.public body.cp_post_sign #container .board .signup_form {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    border-left: 1px solid #f3f3f3;
    padding-left: 25px;
}
html.public body.cp_post_sign #container .board .signup_form h1 {
    font-size: 20px;
    text-align: left;
    margin: 0 auto;
	margin-top: -5px;
}
html.public body.cp_post_sign #container .board .signup_form h1 span {
    margin-left: 5px;
}
html.public body.cp_post_sign #container .board .signup_form label {
    display: block;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 15px;
    height: 30px;
	text-align: left;
}
html.public body.cp_post_sign #container .board .signup_form input {
    border-radius: 3px;
    border: 1px solid #d7d7d9;
    background: rgba(0,0,0,.05);
    padding: 5px 5px;
}
html.public body.cp_post_sign #container .board .signup_form .form_row.double input {
	width: 120px;
    display: inline-block;
    float: left;
}
html.public body.cp_post_sign #container .board .signup_form .form_row input:focus {
	background: #ffffff;
}
html.public body.cp_post_sign #container .board .signup_form .form_row.double input:first-of-type {
	margin-right: 10px;
}
html.public body.cp_post_sign #container .board .signup_form .side {
    display: inline-block;
    width: 250px;
    margin: 0 10px;
    vertical-align: top;
	float: left;
}
html.public body.cp_post_sign #container .board .signup_form .side.east {
    width: 259px;
}
html.public body.cp_post_sign #container .board .signup_form .side.west .form_row {
	margin-top: 30px;
	margin-bottom: 30px;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row {
    margin-bottom: 0;
	margin-top: 0;
	padding-top: 30px;
	padding-bottom: 30px;
    border-left: 1px solid #f3f3f3;
    padding-left: 20px;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row:first-of-type {
	padding-top: 0;
	margin-top: 30px;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row.vanity_url {
    padding-top: 0;
    margin-top: -38px;
    position: relative;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row.vanity_url span.info {
    position: absolute;
    bottom: 9px;
    left: 21px;
    font-size: 12px;
    color: #999;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row.vanity_url input.error + span + span.info {
    color: #e35256;
    font-weight: bold;
}
html.public body.cp_post_sign #container .board .signup_form .form_row span.error {
	float: right;
    font-size: 12px;
    display: inline-block;
    margin-top: 3px;
    color: #e35256;
    font-weight: normal;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row.vanity_url input {
    border-right-width: 100px;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row.vanity_url input + span.abc:after {
    content: ".eversign.com";
    display: block;
    position: relative;
    right: 7px;
    margin-top: -18px;
    float: right;
    font-size: 14px;
    line-height: 1px;
    text-align: center;
    font-style: normal;
    color: #333;
}
html.public body.cp_post_sign #container .board .signup_form input.disabled,
html.public body.cp_post_sign #container .board .signup_form input.error.disabled,
.x_content .board .page section .form_row.popup_signer_pin input.disabled,
.x_content .board .page section .form_row.popup_signer_pin input.error.disabled {
    background: #d7d7d9 !important;
    border-color: #d7d7d9 !important;
	cursor: not-allowed;
	pointer-events: none;
}

.x_content .board .page section .form_row.popup_signer_pin label {
    text-transform: capitalize;
}

html.public body.cp_post_sign #container .board .signup_form .side.east .form_row:last-of-type {
	padding-bottom: 0;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row button {
    background: #df7055;
    color: #fff;
    padding: 8px 10px 8px 10px;
	border: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    display: block;
    width: 100%;
    position: relative;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row button img {
    margin-left: 2px;
    margin-top: -1px;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row .checkbox_label {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    margin-top: 8px;
    font-size: 13px;
    text-align: right;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row .checkbox_label input {
	margin-right: 5px;
}
html.public body.cp_post_sign #container .board .signup_form .side:first-of-type {
	margin-left: 0;
}
html.public body.cp_post_sign #container .board .signup_form .side:last-of-type {
	margin-right: 0;
}
html.public body.cp_post_sign #container .board .signup_form .side .form_row:last-child {
	margin-bottom: 0;
}
html.public body.cp_post_sign #container .board section.with_border {
	border-left: 40px solid #f3f3f3;
    margin-left: 0;
	width: 100%;
    height: 100%;
}
/* FRAME / IFRAME FOR PLUGINS */
html.no_sidebar main,
html.no_sidebar #container {
    margin: 0;
}
html.no_header #container {
    padding-top: 0;
}
body.frame_loading * {
    display: none;
}
body.frame_loading {
    text-align: center;
    font-size: 25px;
	overflow: hidden !important;
}
body.frame_loading:after {
	position: relative;
    content: 'Preparing your document ...';
    margin-top: 25px;
    display: block;
}
body.frame_loading:before {
    display: block;
    z-index: 2000;
    position: relative;
    content: ''!important;
    width: 50px;
    height: 50px;
    border: solid 2px transparent;
    border-top-color: #333;
    border-left-color: #333;
    border-radius: 999px;
    -webkit-animation: pace-spinner 600ms linear infinite;
    -moz-animation: pace-spinner 600ms linear infinite;
    -ms-animation: pace-spinner 600ms linear infinite;
    -o-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
	margin-top: 15%;
}
.frame .alert {
    margin: 0;
    border: 0;
    border-radius: 0;
}
.frame .alert.error {
    background: #e35256;
    color: #fff;
    font-size: 16px;
}
.frame .alert.error:before {
	content: 'Error -';
	margin-right: 5px;
}
.frame .frame_header {
    height: 60px;
}
.frame .frame_header img {
    width: 130px;
    margin-top: 11px;
    margin-left: 15px;
}
.frame .frame_header a {
	position: relative;
    float: right;
    right: 10px;
    top: 10px;
    color: #ffffff;
    padding: 10px 10px;
    font-size: 14px;
    border-radius: 3px;
}
.frame .frame_footer {
    width: 100%;
    text-align: center;
    padding: 5px 0;
	border-top: 1px solid #d7d7d9;
    background: #d7d7d9;
    position: absolute;
    bottom: 0;
}
.frame .frame_footer a {
	color: #333;
}
.frame .frame_footer a:hover {
	text-decoration: underline;
}
.frame .document_name {
    background: #ffffff;
    text-align: center;
    font-size: 20px;
    padding: 27px 10px 20px 10px;
}
.completed .frame .document_name .img_wrap a {
	font-size: 15px;
    position: relative;
    display: block;
    background: #3da07b;
    color: #fff;
    width: 150px;
    margin: 0 auto;
    top: -10px;
    padding: 10px 0;
    border-radius: 3px;
}
.completed .frame .document_name .img_wrap a.loading {
	color: rgba(0, 0, 0, 0);
    pointer-events: none;
    cursor: default;
    position: relative;
}
.completed .frame .document_name .img_wrap a.loading:before {
	display: block;
	z-index: 2000;
	position: absolute;
	content: ''!important;
	left: 65px;
	top: 10px;
	width: 20px;
	height: 20px;
	border: solid 2px transparent;
	border-top-color: #fff;
	border-left-color: #fff;
	border-radius: 999px;
	-webkit-animation: pace-spinner 600ms linear infinite;
	-moz-animation: pace-spinner 600ms linear infinite;
	-ms-animation: pace-spinner 600ms linear infinite;
	-o-animation: pace-spinner 600ms linear infinite;
	animation: pace-spinner 600ms linear infinite;
}
.completed .frame .document_name:before {
	font-family: "Linearicons";
    font-size: 20px;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background: #3da07b;
    cursor: pointer;
    padding: 10px 10px 10px 10px;
    border-radius: 99px;
    position: relative;
    font-weight: bold;
    top: 3px;
    left: -8px;
    text-align: center;
    content: '\e934';
}
.frame .document_name img {
    width: 150px;
    height: 192px;
    border: 2px solid #d7d7d9;
    display: block;
    margin: 0 auto;
    margin-top: 23px;
    margin-bottom: 25px;
}
.frame .document_name p {
	font-size: 15px;
}
.frame .document_info {
    text-align: center;
    padding: 5px 0;
    background: #d7d7d9;
}
.frame .document_name span {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.frame ul.who {
	list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    margin-top: 30px;
    margin-left: 75px;
    margin-right: 75px;
}
.frame ul.who li {
    display: inline-block;
    width: 100%;
    margin: 0 10px;
	white-space: nowrap;
}
.frame ul.who li a {
    border: 0px solid #d7d7d9;
    border-radius: 14px;
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: left;
    color: #3A3E42;
    background: #fff;
    cursor: pointer;
    font-size: 15px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    padding: 15px 5px 17px 5px;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.frame ul.who li a img {
	height: 75px;
    margin: 0 auto;
    display: inline-block;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    position: relative;
    margin-right: 20px;
    margin-left: 20px;
}
html.frame_signature_type #wrapper {
	height: 100%;
	background: #f2f2f2
}
@media screen and (max-width: 900px) {
	.frame ul.who {
		margin-left: 10px;
		margin-right: 10px;
	}
	.frame ul.who li a img {
		height: 50px;
	    margin-right: 15px;
    	margin-left: 15px;
	}
}
@media screen and (max-width: 650px) {
	.frame ul.who {
    	display: block;
	    margin-top: 0;
    	margin-bottom: 0;
	    margin-right: 0;
    	margin-left: 0;
	}
	.frame ul.who li {
		margin: 0;
    	margin-bottom: 0;
	}
	.frame ul.who li a {
	    padding: 5px 5px 7px 5px;
		box-shadow: none;
		overflow: visible;
		border-radius: 0;
		border-bottom: 1px solid #d7d7d9;
	}
}
/* STRIPE 2019 */
#card-element:not(.StripeElement) {
  height: 50px;
}
.stripe.no_popup {
    max-width: 450px;
}
.stripe.no_popup img {
	margin-bottom: 15px;
}
.StripeElement {
  box-sizing: border-box;
  height: 50px;
  padding: 15px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #f9f9f9;
  border-color: #d7d7d9;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}
.StripeElement--focus {
  border-color: #a7a7a9;
}
.StripeElement--invalid {
  border-color: #fa755a;
}
.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
.x_content .board .page section p.processed_stripe,
#desk .board .page section p.processed_stripe {display: block;margin-bottom: 10px;}
.x_content .board .page section p.processed_stripe:before,
#desk .board .page section p.processed_stripe:before {
    font-family: 'Linearicons';
    font-size: 20px;
    margin-right: 5px;
    margin-top: -5px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e66b";
}
.x_content .board .page section p.processed_stripe + p {
    font-size: 12px;
}
#desk .board .page section p.processed_stripe + p {
    max-width: 600px;
    font-size: 13px;
    color: #a4a4a4;
}
/* STRIPE 2019 */
/* SIGNATURE PAD */
.m-signature-pad {
    font-size: 10px;
    width: 100%;
    height: 200px;
    background-color: #fff
}
.m-signature-pad:after,
.m-signature-pad:before {
    position: absolute;
    z-index: -1;
    content: "";
    width: 40%;
    height: 10px;
    left: 20px;
    bottom: 10px;
    background: 0 0;
    -webkit-transform: skew(-3deg) rotate(-3deg);
    -moz-transform: skew(-3deg) rotate(-3deg);
    -ms-transform: skew(-3deg) rotate(-3deg);
    -o-transform: skew(-3deg) rotate(-3deg);
    transform: skew(-3deg) rotate(-3deg);
    box-shadow: 0 8px 12px rgba(0, 0, 0, .4)
}
.m-signature-pad:after {
    left: auto;
    right: 20px;
    -webkit-transform: skew(3deg) rotate(3deg);
    -moz-transform: skew(3deg) rotate(3deg);
    -ms-transform: skew(3deg) rotate(3deg);
    -o-transform: skew(3deg) rotate(3deg);
    transform: skew(3deg) rotate(3deg)
}
.m-signature-pad--body {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 60px;
}
.m-signature-pad--body canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .02) inset;
    border: 1px solid #d7d7d9;
}
.m-signature-pad--footer {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    height: 40px
}
.m-signature-pad--footer .description {
    color: #C3C3C3;
    text-align: center;
    font-size: 14px;
    margin-top: 16px
}
.m-signature-pad--footer .button {
    position: absolute;
    bottom: 0;
    padding: 5px 10px;
    font-size: 12px;
    border: 1px solid #d7d7d9;
    cursor: pointer
}
.m-signature-pad--footer .button.clear {
    left: 0
}
.m-signature-pad--footer .button.save {
    right: 0
}
@media screen and (max-width: 1024px) {
    .m-signature-pad {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        min-width: 250px;
        min-height: 140px;
        margin: 5%
    }
    #github {
        display: none
    }
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .m-signature-pad {
        margin: 10%
    }
}
@media screen and (max-height: 320px) {
    .m-signature-pad--body {
        left: 0;
        right: 0;
        top: 0;
        bottom: 32px
    }
    .m-signature-pad--footer {
        left: 20px;
        right: 20px;
        bottom: 4px;
        height: 28px
    }
    .m-signature-pad--footer .description {
        font-size: 1em;
        margin-top: 1em
    }
}
/* SIGNATURE PAD */
/* compact */
@media screen and (max-width: 1085px) and (min-width: 801px) {
html.admin .sidebar_menu ul.disabled {
    margin-top: 50px;
}


}

@-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(1, 1);
}
 50% {
 -webkit-transform: scale(1.5, 1.5);
}
 100% {
 -webkit-transform: scale(1, 1);
}
}
@keyframes pulse {
0% {
 transform: scale(1, 1);
}
 50% {
 transform: scale(1.5, 1.5);
}
 100% {
transform: scale(1, 1);
}
}
.pulse_effect {
	-webkit-animation: pulse 0.5s linear;
	animation: pulse 0.5s linear;
}
.pulse_effect:hover {
	-webkit-animation: none;
	animation:none;
}
.pulsate_load {
    -webkit-animation: pulsate_load 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: .5
}
@-webkit-keyframes pulsate_load {
    0%, 100% {
        -webkit-transform: opacity: 0.5;
    }
    50% {
        opacity: 1
    }
}
@media print {
    html {
		min-width: 0 !important;
	}
	@page {
        size: auto;
        margin: 0
    }
    main {
        margin: 0
    }
    .header.app_board_header,
    .sidebar_menu,
    aside#alerts,
    h2 .statement_status,
    .page.extra.account_statement,
    .page.statement_info {
        display: none!important
    }
    #container,
    section#desk {
        margin: 0;
        padding: 0;
        background: #fff
    }
    .board {
        border: 0;
        padding: 25px !important;
        -webkit-print-color-adjust: exact
    }
	#desk .board .page,
	.form_standard {
		margin: 0 !important;
		padding: 0 !important;
	}
	html.public #desk.document_editor .board .page.editor_center section.window ul li .image_wrapper {
		width: 100% !important;
	}
	#desk.document_editor .board .page.editor_center section.window ul li:not(.cloned) {
		margin: 0 !important;
	}
	#desk.document_editor .board .page.editor_center section.window .fixed_controls {
		display: none;
	}
	#desk.document_editor .cloned, #desk.document_editor .ui-draggable-helper {
		display: none;
	}
	#desk.document_editor .board .page.editor_center section.window ul li img {
		border: none;
	}
    html.public #desk.document_editor .board {
		padding: 0 !important;
	}
	#container.document_editor,
	#desk.document_editor .board .page.editor_center section.window ul {
		padding-top: 0;
	}
	#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper:before,
	#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper:after {
		display: none;
	}





}
.mobile {
	display: none;
}
/* MOBILE */


/* HIDE SCROLLBARS */
:not(.apply-scrollbar)::-webkit-scrollbar {
    display: none;
}

.chakra-modal__content-container {
    z-index: 2;
}

.apply-scrollbar{
    scrollbar-color: #87929d #e8e8e9;
    scrollbar-width: thin;
    border-color: #00a3d3;
}

.apply-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.apply-scrollbar::-webkit-scrollbar-thumb { /* Foreground */
    background: #87929d;
    border-radius: 100vw;

}
.apply-scrollbar::-webkit-scrollbar-track { /* Background */
    background: #e8e8e9;
    border-radius: 100vw;
} 

html,
body,
#dnd,
.scrollable-y,
#document_editor .editor_center,
#document_editor .editor_right .recipients,
#document_editor .editor_right .properties
{
	-ms-overflow-style: none;
    scrollbar-width: none;
} 

/*
* normal view: 1085px > oo
* compact view: 800px > 1085px
* mobile view: oo > 800px
*/
.show_compact {
	display: none;
}
.show_mobile {
	display: none;
}
@media screen and (min-width: 801px) and (max-width: 1085px) {
.hide_compact {
	display: none;
}
.show_compact {
	display: initial;
}
.sidebar_menu ul li,
.sidebar_menu ul li a {
	cursor: pointer;
}
.sidebar_menu ul.sb_menu li a span {
	margin-left: 0;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.heading {
	text-align: center;
}
main {
	margin-left: 75px;
}
.header.app_board_header {
    left: 75px;
}
#desk {
    margin-right: 20px;
}
#container {
    /* padding-top: 86px; */
    margin-left: 20px;
}
.header.app_board_header {
	padding-left: 20px !important;
    padding-right: 20px !important;
}
#container .announcement {
	margin-right: 20px;
}
.sidebar_menu {
	width: 75px;
}
.sidebar_menu ul {
    margin-top: 50px;
}
.sidebar_menu .upper .logo {
	display: none;
}
.sidebar_menu .upper .frame .select_business .business span,
.sidebar_menu .upper .frame .select_business .business.dropdown-toggle:after {
	display: none;
}
.sidebar_menu .upper .frame .select_business .business img {
	margin-right: 0;
}
.sidebar_menu ul.sb_menu li a span.sidebar_menu_link_text:before {
	margin-right: 0;
}
.sidebar_menu ul.sb_menu li a {
	text-align: center;
	padding-left: 0;
}
.sidebar_menu ul.sb_menu li a span.sidebar_menu_link_text {
	margin-left: 0;
}
.sidebar_menu ul li a.new {
    right: -50px;
	background: rgba(0,0,0,.3);
}
.sidebar_menu ul li a.new:hover {
	background: rgba(0,0,0,.6);
}
html.admin .sidebar_menu ul.disabled {
	margin-top: 	50px;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li a {
    height: 40px;
    padding: 10px 22px 4px;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.logout a {
    border-bottom: 0 !important;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu {
    background: #ffffff;
    width: 200px;
    border: 0px solid rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 25px 9px rgba(0,0,0,.25);
    -webkit-box-shadow: 0px 0px 25px 9px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 0px 25px 9px rgba(0,0,0,.25);
    border-radius: 5px !important;
    margin-left: 10px !important;
    margin-top: 40px;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.logout a {
	padding-top: 10px;
	border-radius: 0 0 5px 5px;
}
#desk.settings .board .page.settings section a span.right {
	display: none;
}
#container .announcement .announcement_content form .form_row input {
	width: 100% !important;
}
.table_tabs .meta,
table.standard-table .fade,
span.st_descr {
	display: none;
}
#options-strip .client_selector {
	max-width: 115px;
}
table td.connection_name a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    display: block;
}
table td.connection_id a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    display: block;
}
table .tds_name {
    width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
	min-width: 0;
	max-width: none;
}
ul.tabs.general {
    padding-bottom: 20px;
}
.statement_lang_curr_container {
    text-align: right;
    width: 400px;
}
.form_row.language_select {
	float: none;
	text-align: left;
}
.form_row.currency_select {
	float: none;
	width: 50%;
	text-align: left;
}
#desk.statement .button.clipboard {
	display: none;
}
#desk.statement .credit_card_payment section.flex {
	display: block;
}
#desk.statement .credit_card_payment aside.credit_card {
    margin-top: 20px;
}
#desk.statement .page.statement_settings section.flex aside:not(.credit_card) {
	padding-right: 0;
}
#desk.statement .subtitle.in_cc_box {
	display: block;
    border: 0;
    border-top: 0 !important;
    padding: 0 !important;
    margin-top: 15px !important;
}
.statement_details {
    width: 40%;
}
.textarea_actions .attach_button {
	background: #fff !important;
	width: 26px !important;
	border: 0 !important;
	padding: 0 !important;

}
/* NEW EVERSIGN */
#desk.dashboard .board.account_summary .page .sub_section.summary_data {
	display: none;
}
#desk.dashboard .board.account_summary .page .sub_section {
	border-right: 0;
}
#desk.dashboard .board .page.recent_drafts ul li span.right,
#desk.dashboard .board .page.most_used_templates ul li span.right {
	display: none;
}
table.standard-table td {
    padding: 10px 10px;
}
.tag.clean {
    padding: 5px 6px;
}
#desk table.eversign td.status small {
    margin-left: 5px;
    display: block;
    margin-top: 5px;
    font-size: 12px;
}
#desk table.eversign td.title {
    width: 45%;
	font-size: 14px;
}
#desk table.eversign td.title a,
#desk table.eversign td.title span.content {
    white-space: nowrap;
    max-width: 200px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: baseline;
}
#desk table.eversign td.title span.date {
    margin-top: -8px;
}
#desk table.eversign td.title span.recipients {
    white-space: nowrap;
    max-width: 275px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
table input[type="checkbox"],
#desk.settings .board input[type="checkbox"] {
	vertical-align: middle;
}
#desk table.eversign td.document_check {
    padding-right: 12px;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.heading {
	width: 200px;
}
table.standard-table.colors input[type="text"] {
    width: 65px;
}
table.standard-table.colors .button.apply {
    width: 55px;
    height: 35px;
	padding: 8px 0;
}
table.standard-table.colors tr td:last-child {
    padding-right: 10px;
}
table.standard-table.colors tr td:first-child {
    padding-left: 10px;
}
table.standard-table.colors .button.revert {
    margin-left: 5px;
    width: 35px;
    height: 35px;
}
.button.revert:before {
	margin-top: 7px;
}
#desk .board.multiple_boxes.subscription_plans .page ul.features li:before,
#desk .board.multiple_boxes.subscription_plans .page .header:before {
	display: none;
}
#desk .board.multiple_boxes.subscription_plans .page section.pricing + section:not(.gray),
#desk .board.multiple_boxes.subscription_plans .page section.gray + section {
    padding: 15px 5px 15px 0px;
}
#desk .board.multiple_boxes.subscription_plans .page section.gray {
    padding: 15px 0px;
}
#desk .board.multiple_boxes.subscription_plans .page section.gray ul li {
	text-align: center;
    margin-left: 0;
}
#desk .board.multiple_boxes.subscription_plans .page.api_plan .header,
#desk .board.multiple_boxes.subscription_plans .page .pricing span.monthly {
    font-size: 15px;
}
#desk.checkout .inline_children span.ml10 {
	margin-left: 0 !important;
	display: block;
	color: #3da07b;
}
.header.app_board_header {
    height: 66px;
}
.header.app_board_header h1 {
    display: inline-block;
    width: 45%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#desk.new_document section.contacts .form_row input[type="text"] {
    width: 145px;
    min-width: 0;
}
#desk.new_document section.contacts .form_row .inline.signer_role select {
    width: 105px;
    min-width: 0;
}
body.cp_prepare_document .header.app_board_header h1 {
    width: 39%;
}
body.cp_prepare_document #desk.document_editor .board .page.editor_left {
	display: none;
}
body.cp_prepare_document #desk.document_editor .board .page.editor_center {
	left: 0;
}
body.cp_prepare_document #desk.document_editor .board .page.editor_center section.window ul li:not(.cloned) {
    margin-left: 0px;
}
body.cp_prepare_document #desk.document_editor .board .page.editor_center section.window .fixed_controls {
	top: 20px;
}
body.cp_prepare_document #desk.document_editor .board .page.editor_center section.window ul {
	padding-top: 65px;
}
body.cp_prepare_document #desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar select + .select_arrows:after {
    margin-top: -21px;
}
body.cp_prepare_document #desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar {
	max-width: 39%;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0;
}
body.cp_prepare_document #desk.document_editor .board .page.editor_center section.window .fixed_controls.left .bar .option {
    float: none;
    vertical-align: top;
    margin-left: -3px;
}
body.cp_prepare_document #desk.document_editor .board .page.editor_center section.window .fixed_controls.left {
	left: 0;
}
.sidebar_menu .upper .upgrade {
	margin-top: 50px;
    margin-bottom: 0;
    font-size: 12px;
}
.sidebar_menu.has_upgrade_button ul {
    margin-top: 20px;
}
.sidebar_menu.has_upgrade_button .upper {
    margin-bottom: 15px;
}
}
.mobile_field_menu {
	display: none;
}
@media screen and (max-width: 800px) {
html:not(.public) .confirm_email_banner {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
}
.hide_mobile {
	display: none !important;
}
.show_mobile {
	display: initial;
}
.sidebar_menu {
	display: none;
    top: 64px;
	width: 100%;
}
.table_contact_autocomplete {
    display: none;
}
.sidebar_menu .upper .logo {
	display: none;
}
main {
	margin-left: 0;
}
.headline_main_button .main_button.help {
	display: none;
}
.header.app_board_header {
	left: 0;
}
#desk .board.multiple_boxes {
	display: block;
	margin-bottom: 0;
}
#desk.dashboard .board.multiple_boxes .page {
	display: block;
    width: 100%;
	max-width: none;
	margin-bottom: 20px;
}
#container .announcement {
	display: none;
}
[data-chart-box-heading="true"] {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: -6px;
}
ul.tabs,

table.standard-table thead tr {
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
}
thead tr th {
	width: 100%;
}
ul.tabs li:before {
	content: '';
	display: none;
}
ul.tabs li {
    padding: 10px;
	width: auto;
	white-space: nowrap;
	height: 40px;
}
ul.tabs li strong {
	display: none;
}
ul.tabs a {
    width: 50%;
	box-sizing: border-box;
    display: inline-block;
    padding: 0;
    margin-left: 5px;
    border: 2px solid #d7d7d9;
    background: #e8e8e9;
    color: #444;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
ul.tabs a:first-child {
    margin-left: 0
}
#options-strip .search input {
    display: block;
	height: 40px;
}
#options-strip .search:after {
	top: 10px;
}
#desk {
    margin-right: 20px;
}
#container {
    padding-top: 30px;
    margin-left: 20px;
}
.header.app_board_header .max_width {
	padding-left: 20px !important;
    padding-right: 20px !important;
	box-sizing: border-box;
}
.header.app_board_header .headline_main_button {
	right: 20px;
}
.sidebar_menu .upper .upgrade {
    margin-top: 50px;
}
.header.app_board_header {
	position: absolute;
	height: 65px;
	padding: 0 !important;
    box-sizing: border-box;
}
.cp_sign_document .header.app_board_header {
	display: none;
}
.back_button.secondary {
	display: none;
}
a.show_mobile.mobile_menu {
	cursor: pointer;
}
a.show_mobile.mobile_menu:before {
    font-family: 'Ionicons';
    font-size: 20px;
    margin-right: 10px;
    margin-top: -10px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\f394";
    color: #fff;
    background: rgba(0,0,0,.47);
    padding: 5px 10px;
    height: 37px;
    border-radius: 2px;
	margin-top: 14px;
}
.headline_main_button .main_button,
.headline_main_button .save-button {
	min-width: 0 !important;
	height: 37px;
	padding: 11px 8px;
    /*font-size: 14px;*/
}
.headline_main_button .save_as_draft {
    width: auto;
}
html .sidebar_menu ul.disabled {
	margin-top: initial !important;
}
.sidebar_menu ul li a {
	color: #ffffff;
}
.sidebar_menu ul li a.new {
	display: none;
	visibility:hidden;
}
.sidebar_menu ul li a:not(.new) {
    height: 50px;
}
.sidebar_menu ul li:hover a {
	background: initial !important;
}
.sidebar_menu .upper {
    margin-bottom: 26px;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li a {
    padding: 15px 22px 4px;
}
.sidebar_menu {
	z-index: 999;
}
.header.app_board_header h1 {
	display: none;
}
.mobile_header {
    display: block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 25px;
    padding-right: 20px;
    padding-left: 20px;
}
.mobile_header .inner {
    background: #d7d7d9;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 2px;
	text-align: center;
}
#desk.dashboard ul.legend li {
	max-width: none;
}
#desk.dashboard ul.legend {
    padding: 15px 10px;
    margin: 0 auto;
}
#desk.dashboard .board #pie-chart {
	display: none;
}
#desk.dashboard ul.ataglance li:before {
	display: none;
}
#desk.dashboard ul.ataglance li,
#desk.dashboard ul.linked_list li,
.board header.box_header,
#desk.dashboard .board #main-chart {
    padding: 10px 10px;
}
#desk ul.linked_list li span:not(.right) {
	width: 65%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}
#desk.settings .form_row {
    margin-top: 0;
    display: block !important;
    width: 100%;
    padding: 0 !important;
	max-width: none !important;
}
#desk.settings .form_row.custom_period {
	margin-bottom: 0px;
    width: 100%;
}
#desk.settings .form_row.custom_period .inline {
    display: block !important;
	margin-bottom: 20px;
}
#desk.settings .form_row.custom_period .inline input {
    width: 100%;
}
.line_breaks {
	display: none;
}
.report_builder_section {
	padding-bottom: 15px;
}
#desk.settings .board .page section {
	padding: 15px 10px;
}
.dropdown-toggle.download_report {
    width: 100px;
}
.table_tabs .meta {
	display: none !important;
}
#options-strip .right {
	float: none;
}
#options-strip .search input {
	width: 200px;
}
#options-strip .button {
	height: 40px;
}
#options-strip.tabs-above {
	margin-bottom: 10px;
}
select,
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"] {
	height: 40px;
}
.select_arrows:after {
    margin-top: -26px;
}
.table_tabs {
    height: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.table_tabs a.tab {
	width: 100%;
    display: block;
	border-bottom: 2px solid #d1d1d2;
    margin-top: -2px;
	margin-left: 0;
	height: 40px;
}
.inline.options.dropdown {
	display: none !important;
}
.standard-search,
#options-strip .search input {
	width: 100%;
}
.standard-search {
	position: relative;
	margin-top: 20px;
}
ul.tabs.general {
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    overflow-x: scroll;
}
#show-per-page-strip {
    margin-top: 20px;
}
#show-per-page-strip .right {
	display: none;
}
.paginate_button:not(.previous):not(.next),
.ellipsis {
	display: none;
}
#show-per-page-strip .left,
.paginate_button {
	width: 100%;
}
.paginate_button.previous {
	margin-left: 0;
}
.paginate_button.next {
	margin-left: 10px;
}
.paginate_button {
	height: 45px;
	padding: 11px 13px;
}
/* tables */
table.standard-table tr {
    background: #fff;
    border: 2px solid #d7d7d9;
    display: block;
    /* display: -webkit-flex; */
    margin-bottom: 10px;
    max-width: 100%;
    position: relative;
    border-radius: 2px;
}
table.standard-table tr {
    color: #222;
    height: 90px;
}
table.standard-table.team tr {
    height: 125px;
}
table.eversign.standard-table.contacts tr {
    height: 100px;
}
table.standard-table td {
    padding: 0;
    display: inline-block;
}
table.standard-table td:first-child {
    border-left: 0;
}
table input[type="checkbox"] {
    position: relative;
    vertical-align: middle;
    bottom: 4px;
	top: auto;
}
table.standard-table td {
    padding: 10px;
    border-top: 0;
}
.tag.clean {
    padding: 3px 0;
    text-align: center;
    width: 65px;
    color: #fff;
    border: 0;
    min-width: 0;
    text-transform: capitalize !important;
    height: auto;
    margin: 0 !important;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 13px;
    margin-top: 15px !important;
}
.tag.clean.archived {
	background: #a7a7a9;
	color: #fff !important;
}
table.standard-table .fade {
	display: none;
}
table.standard-table td:last-child,
table.standard-table tr:last-child td,
table.standard-table th:last-child {
	border: 0;
}
table.min-height td {
	height: auto;
}
table.standard-table thead tr {
    height: auto;
    background: #e8e8e9;
	margin-bottom: 20px;
}
table.nojson {
    vertical-align: middle;
    display: block !important;
    margin-top: 25px;
}
table.nojson tr:hover {
	background: #ffffff;
}
#desk.settings .board .page.settings section a span.right,
#desk.settings .board form .page section.vanity_url .input_addon.left,
.board .client_image_container {
	display: none;
}
form[data-connection-type="individual"] img.individual, form[data-connection-type="organization"] img.organization {
	display: none !important;
}
#desk.settings .board input[type="text"]:not(.double_input) {
	width: 100% !important;
}
#desk.settings .board form .page section.vanity_url input {
    width: 58% !important;
}
.board .client_type_define {
    margin-left: 0;
    width: 100%;
	max-width: 300px;
}
#desk.settings .form_row.double .left,
#desk.settings .form_row.double .right {
	width: 100%;
}
#desk.settings .form_row.double .left {
    margin-right: 0;
    margin-bottom: 20px;
}
#desk.settings form[data-connection-type="individual"] .form_row.double.individual, #desk.settings form[data-connection-type="individual"] section.double.individual, #desk.settings form[data-connection-type="organization"] .form_row.double.organization {
	display: block !important;
}
#desk.settings .board .page section.flex {
	display: block !important;
}
#desk.settings .column.left {
	padding-right: 0;
	border-right: 0;
}
#desk.settings section.half_half .column.right, #desk.settings section.half_half .column.left:not(.single) {
	width: 100%;
}
#desk section.no_pb_pt .column {
	padding-top: 10px;
	padding-bottom: 10px;
}
#desk.settings .board .page section.radio_checkbox .form_row label {
    max-width: 90%;
    display: inline-block;
    vertical-align: middle;
	margin-bottom: 0;
    padding-left: 10px !important;
}
#desk.settings .board .page section.radio_checkbox .form_row label + label {
	margin-bottom: 5px;
}
#desk.settings .board .page section.radio_checkbox .form_row input[type="checkbox"] {
    vertical-align: middle;
    display: inline-block;
}
table.team thead,
table.team tr td:nth-child(2) img {
	display: none;
}
table.team .tag.clean {
	margin-top: 0 !important;
}
.custom_field_container .set_default input {
    margin-left: 0;
    margin-right: 5px;
    vertical-align: middle;
}
.custom_field_container.tds .double_input.first,
.custom_field_container.tds .double_input.second {
	width: 48.3% !important;
}
.custom_field_container.tds {
    border-bottom: 1px solid #d7d7d9;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.custom_field_container.tds .remove_custom_field_button {
	margin-top: 12px;
    background: none;
    border: 0;
    color: #2676a5;
    float: right;
	padding: 0;
}
.custom_field_container .set_default {
    margin-top: 12px;
}
a.remove_custom_field_button:before {
    content: "(";
}
a.remove_custom_field_button:after {
    content: ")";
}
table.items thead,
table.items tr td:nth-child(5),
table.expenses thead,
table.tasks thead,
table.trips thead,
table.tags thead {
	display: none;
}
table.standard-table.nojson td {
	padding: 0;
}
table.items td,
table.tasks td,
table.trips td,
table.tags td,
table.expenses td {
	padding: 0;
}
.logo_container {
	width: 125px;
	height: 125px;
}
table.colors input[type="text"] {
    height: 39px;
    width: 75px;
}
table.colors .input_addon {
    height: 39px;
}
table.colors .button.apply {
	width: 50px;
}
table.languages thead,
table.modify_language thead,
table.colors thead,
table.colors span.hex,
table.colors tr td:nth-child(2) .color_preview {
	display: none;
}
table.colors tr td:nth-child(3) .color_preview {
	display: inline-block;
}
table.colors td {
	padding: 0;
}
span.color_preview {
	margin-left: 0;
}
table.colors tr {
	height: 85px;
}
table.colors td:first-child {
    width: 100%;
    background: #d7d7d9;
    text-align: left;
    padding: 2px 10px;
    margin-bottom: 9px;
}
table.colors td:nth-child(3) {
    margin-left: 10px;
    margin-right: 10px;
}
table.colors td.actions {
    float: right;
    padding-right: 10px !important;
}
table.colors .button.revert {
    margin-left: 5px;
}
table.languages tr td:nth-child(2) {
    width: 102px;
    padding-right: 10px !Important;
    float: right;
    padding-left: 0;
}
table.languages tr {
	height: 65px;
}
table.languages td.language {
	margin-top: 5px;
	padding-left: 10px;
}
table.modify_language tr td:nth-child(1) {
    width: 100%;
    background: #d7d7d9;
    padding-top: 5px;
    padding-bottom: 5px;
}
table.modify_language tr td:nth-child(1):before {
	content: "Location: ";
	display: inline-block;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
table.modify_language tr td:nth-child(2) {
    width: 100%;
    background: #d7d7d9;
    padding-top: 0;
    padding-bottom: 5px;
}
table.modify_language tr td:nth-child(1) section,
table.modify_language tr td:nth-child(2) section {
	display: inline-block;
}
table.modify_language tr td:nth-child(2):before {
	content: "Phrase: ";
	display: inline-block;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
table.modify_language tr {
	height: 115px;
}
table.modify_language tr td:nth-child(4) {
    width: 70px;
    float: right;
}
table.modify_language  input[type="text"] {
	height: 39px;
}
table.files thead,
table.files tr td:nth-child(2),
table.files tr td:nth-child(4)
{
	display: none;
}
table.files tr td:nth-child(3) span {
    max-width: 225px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
table.files tr td:nth-child(6) {
    width: auto;
    text-align: right;
    float: right;
    display: inline-block;
    margin-top: -5px;
    padding-right: 10px;
}
table.files tr td:nth-child(5) {
    line-height: 32px;
}
table.files tr {
	height: 85px;
}
#desk table.eversign td.title span.content {
    max-width: 150px;
}
#options-strip .client_selector {
    max-width: 50%;
    margin-right: 0;
    float: right;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
	background: inherit !important;
    border-color: inherit !important;
}
input[type=checkbox],
input[type="radio"] {
  outline: none;
  width: 20px;
  height: 20px;
  font-size: 11px;
  line-height: 2;
  display: block;
  font-weight: bold;
  border-radius: 3px;
  border: 1px solid #B9B9B9;
  -webkit-appearance: none;
  color: #7F7F7F;
  position: relative;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  float: left;
}
input[type=checkbox] + label,
input[type="radio"] + label {
	padding-left: 30px !important;
    text-indent: 0px;
    display: block;
}
input[type="radio"] {
  border-radius: 99px;
}
.select-all-none input[type=checkbox] {
    top: 6px !important;
    left: 0px !important;
}
.button.dropdown-toggle:after {
	right: 6px;
}
input[type=checkbox]:checked,
input[type="checkbox"]:checked:focus,
input[type=radio]:checked,
input[type="radio"]:checked:focus {
  background: #2676a5 !important;
  border-color: #2676a5 !important;
}
#options-strip .button.dropdown-toggle:after {
	top: 0;
}
#desk.document_editor .cloned.checkbox a span:not(.new_radio):not(.remove),
#desk.document_editor .ui-draggable-helper.checkbox a span:not(.new_radio):not(.remove),
#desk.document_editor .cloned.radio a span:not(.new_radio):not(.remove),
#desk.document_editor .ui-draggable-helper.radio a span:not(.new_radio):not(.remove) {
	padding: 0;
}
.button.default.dropdown-toggle:before {
    left: 9px;
    top: 3px;
}
#options-strip .button.dropdown-toggle:before {
    font-size: 20px;
}
thead th {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}
.button.dropdown-toggle.add_new.in_table:before {
    left: 11px;
    top: 3px;
}
.x_window {
    width: 100% !important;
    border-radius: 0;
    position: relative;
    margin-bottom: 0;
    top: 0;
    height: auto;
}
.sidebar_menu ul.sb_menu li a span.sidebar_menu_link_text {
    margin-left: 0px;
    position: relative;
    top: 1px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    border-radius: 3px;
    text-align: center;
}
.sidebar_menu ul.sb_menu li {
    border: none;
    clear: both;
    display: inline-block;
    position: relative;
    width: auto;
}
.sidebar_menu ul.sb_menu li {
	padding: 0;
    margin: 5px 2px;
    background: rgba(0,0,0,.2);
    width: 46%;
    text-align: center;
    border-radius: 3px;
}
.sidebar_menu ul.sb_menu li a span.sidebar_menu_link_text:before {
	display: block;
	text-align: center;
	margin-right: 0;
	margin-top: 0;
}
.sidebar_menu ul.sb_menu li a {
	padding: 0;
}
.sidebar_menu ul.sb_menu {
	text-align: center;
}
/* STATEMENT PAGES */
#desk.statement .board .page {
    padding: 15px !important;
}
.statement_logo_container,
.item_area .one_item_line .drag_item {
	display: none;
}
#desk.statement header h2.title input {
    width: 100%;
    max-width: 250px;
}
#desk.statement header h2.title .statement_status {
    height: 40px;
    padding: 10px;
	vertical-align: initial;
	min-width: 75px;
}
.form_row.statement_description textarea {
    width: 100%;
}
#desk.statement .title {
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
}
.item_column.action .button {
    height: 40px;
}
#desk.statement .input_addon {
    padding-top: 7px;
    height: 40px;
}
.statement_details {
    width: 50%;
}
#desk.statement footer a.button.flip {
	float: none;
    width: 100%;
    margin-top: 15px;
    height: 40px;
    padding: 10px;
}
#desk.statement footer a:not(.button) {
    position: relative !important;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    bottom: 0 !important;
    margin-top: 10px;
}
.statement_amount_container:not(.total_due) .statement_amount {
    height: 55px;
}
#desk.statement footer {
    margin-top: 25px;
}
#desk.statement .totals .totals_container {
    margin-top: -12px;
}
.statement_contacts {
    margin-right: 0;
    width: 45%;
}
#desk.statement .board .page.statement_settings input[type="checkbox"],
#desk.statement .board .page.statement_settings input[type="radio"] {
    display: inline-block;
    vertical-align: middle;
}
#desk.statement.view .page.statement_info .left strong,
#desk.statement.view .page.statement_info #selectable {
	display: none;
}
#desk.statement.view .page.statement_info .left a {
    cursor: pointer!important;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e8e8e9;
    border: 2px solid #d7d7d9;
    color: #444;
    width: 85px;
    display: inline-block;
    vertical-align: middle;
    padding: 9px 0;
    background: #f5f5f5;
    color: #999;
}
#desk.statement.view .page.statement_info .left {
	line-height: normal;
}
#desk.statement.view .page.recurring,
#desk.statement.view .page.statement_info {
    padding: 15px !important;
}
#desk.statement.view .totals .totals_container {
    margin-top: 0;
}
html.public a.show_mobile.mobile_menu {
	display: none;
}
html.public .headline_main_button {
    float: none;
    display: -webkit-flex;
}
html.public .headline_main_button .main_button {
	margin-left: 0;
	margin-right: 0;
}
.cp_sign_document .headline_main_button .save-button {
	margin-left: 0;
}
.cp_sign_document .headline_main_button .save-button:first-child {
	margin-right: 10px;
}
.headline_main_button .main_button.help,
.headline_main_button .main_button.more,
.headline_main_button .main_button.edit {
	width: auto;
}
.cp_sign_document .headline_main_button .main_button.more {
	position: absolute;
	right: 0;
}
.back_button.secondary {
	float: none;
    height: 37px;
    margin-top: 14px;
	padding: 9px 13px 7px;
}
html.public .back_button.secondary.flip {
    display: inline-block !important;
}
html.public body,
html.public body main,
html.public #wrapper {
    background: #f2f2f2;
}
html.public #desk.statement .board .page.statement_settings .title,
#desk.statement .board .page.statement_settings .subtitle {
	font-size: 16px;
}
html.public #desk.statement .board .page.statement_settings .title .right {
	display: none;
}
#desk.statement .board .page.statement_settings .subtitle {
	margin-top: 15px !important;
}
html.public .payment_amount {
    float: none;
    margin-top: 20px;
}
html.public ul.statement_payment_methods li {
    width: 100%;
    text-align: center;
}
html.public .page.statement_settings,
html.public .page.statement_settings>div {
	min-height: 0 !important;
}
html.public .page.statement_settings section.flex {
    display: block;
}
html.public .page.statement_settings section.flex aside {
    float: none;
    display: block;
    padding: 0;
}
html.public .page.statement_settings section.flex aside.credit_card {
    margin-top: 20px;
}
#desk.statement .subtitle.in_cc_box {
	display: block;
    border: 0;
    border-top: 0 !important;
    padding: 0 !important;
    margin-top: 15px !important;
}
html.public .page.statement_settings section.flex aside.credit_card .flex {
	display: block;
}
html.public .page.statement_settings section.flex aside.credit_card .form_row.flex .flex_item {
	margin-bottom: 20px;
}
html.public .flex .flex_item {
	margin-right: 10px;
}
html.public .flex .flex_item:last-of-type {
	margin-right: 0px;
}
html.public #desk.statement .input_addon {
	padding-top: 9px;
}
table.free tr.border_bottom.large {
	border-bottom: 0;
}
#desk.settings .column.left,
#desk.settings .column.right {
    width: 100%;
	float: none;
}
#desk .board.multiple_boxes .page {
    margin-bottom: 20px;
}
#desk section.invoices ul li {
    height: auto !important;
    border-top: 1px solid #e8e8e9 !important;
	border-bottom: 0;
}
#desk section.invoices ul li,
#desk section.invoices ul li:last-of-type {
    padding-top: 15px !important;
}
#desk section.invoices ul li:first-child {
    border-top: 0 !important;
    padding-top: 0 !important;
}
#desk section.invoices ul li:last-of-type {
	padding-bottom: 0 !important;
}
#desk section.invoices ul li .left {
    float: none;
    width: 100%;
    display: block;
}
#desk section.invoices ul li .right {
    float: none;
    width: 100%;
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    margin-top: 20px;
}
#desk section.invoices ul li a {
    width: 100%;
    text-align: center;
}
#desk.checkout .flex .flex_item {
	margin-bottom: 20px;
}
.cc_images img {
    margin-left: 8px;
}
input[name="security_code"] {
    max-width: 100px;
}
#desk.checkout .flex .flex_item.cvv_code {
    width: 100px;
    display: inline-block;
	margin-right: 15px;
}
#desk.checkout .flex .flex_item.cvv_code_icon {
    width: 100px;
    display: inline-block;
}
#desk.checkout .flex .flex_item.cvv_code_icon img {
    margin-top: 0px !important;
    height: 40px;
}
.sidebar_menu .upper .frame .select_business .business {
    padding: 10px 15px;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu {
    margin-top: 20px;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li a,
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.logout a {
    padding: 10px 22px 0px;
    height: 40px;
}
body:not(.cp_sign_document) #container {
	overflow-x: hidden;
}
.x_form .board .client_type_define {
    float: none;
    margin-top: 0;
}
.x_page.overlay {
	top: 0;
}
.x_page.fixed:not(.overlay) {
	position: absolute;
}
/* NEW EVERSIGN */
#desk.dashboard .board.account_summary .page.flex {
	display: block;
}
#desk.dashboard .board.account_summary .page .sub_section {
	border-right: 0;
    border-bottom: 2px solid #d7d7d9;
}
#desk.dashboard .board.account_summary .page .sub_section:last-child {
    border-bottom: 0;
}
.table_tabs a.tab.with_count:before {
	display: none;
}
.table_tabs a.tab.with_count:after {
	content: attr(data-count);
    display: inline-block;
    color: #e35256;
	margin-left: 5px;
}
#desk table.eversign td.actions {
	display: none;
}
table.standard-table td {
	padding: 10px;
}
#desk table.eversign td.document_check {
	width: auto;
	background: transparent;
}
#desk table.eversign {
	border-top: 0;
}
table input[type="checkbox"] {
    position: absolute;
    vertical-align: middle;
    top: 10px;
    width: 24px;
    height: 24px;
	left: 10px;
}
#desk table.eversign td.status small {
	display: none;
}
#desk table.eversign td.title span.date {
    position: absolute;
    top: 12px;
    left: 40px;
    padding: 6px 5px 6px 5px;
}
#desk table.eversign td .tag.clean,
#desk table.eversign:not(.team) td.title span.date.status {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0 !important;
    padding: 4px 5px 5px 5px;
    width: auto;
    font-size: 13px;
    height: 24px;
}
#desk table.eversign td.title {
    font-size: 15px;
    width: 100%;
    margin-top: 15px;
}
#desk table.eversign td.title span.recipients{
	margin-top: 5px;
}
#desk table.eversign td.title span.email,
#desk table.eversign td.title span.tel {
	margin-top: 10px;
}
#desk table.eversign td.title span.tel {
	margin-top: 10px;
}
.table_tabs a.tab {
    width: 49.3%;
    display: inline-block;
    border-bottom: 2px solid #d1d1d2;
    margin-top: 5px;
    margin-left: 0;
    height: 40px;
    box-sizing: border-box;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu {
    background: #ffffff;
}
.sidebar_menu .upper .frame .select_business ul.dropdown-menu li.heading {
    width: 100%;
}
#desk table.eversign.signatures_initials td.image img {
    height: auto;
    width: 45%;
}
#desk table.eversign.signatures_initials td.actions {
    display: block;
    position: absolute;
    right: 0;
    top: 13px;
}
#desk.settings.developer .board section.usage .graph_container {
	overflow: hidden;
    width: 100%;
}

.button.reset_access_key {
    float: none;
    margin: 0 auto;
    margin-top: 15px;
    display: block;
}
#container .board .page section.table thead tr th span:before {
	display: none;
}
body.cp_view_document #desk.settings .board .page section.table {
	padding: 0;
}
#container.view_document .board.summary .page section.heading .status.in_process {
    width: 100%;
    display: block;
}
#container.view_document .board.summary .page section.heading .title {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
    max-width: none;
    text-align: center;
}
#container.view_document .board.summary .page section.heading {
	text-align: center;
}
#container.view_document .board.summary .page section.heading span.right {
    float: none;
    margin-top: 15px;
    display: block;
    line-height: inherit;
    border-top: 1px solid #e8e8e9;
    padding-top: 20px;
    text-align: center;
}
body.cp_view_document #container .board .page section.table thead,
body.cp_view_document #container .board .page section.table table .signing_order,
body.cp_view_document #container .board .page section.table table .actions,
body.cp_document_status #container .board .page section.table thead,
body.cp_document_status #container .board .page section.table table .signing_order,
body.cp_document_status #container .board .page section.table table .actions {
	display: none;
}
body.cp_view_document #container .board .page section.table tbody tr td,
body.cp_document_status #container .board .page section.table tbody tr td {
	display: block;
	width: 100% !important;
}
body.cp_document_status #container {
    padding-top: 64px;
}
body.cp_document_status #container .board {
	border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
body.cp_document_status #desk {
	padding-bottom: 0;
}
body.cp_document_status .board.document section.pages ul li a.back_to_top {
	display: none;
}
body.cp_document_status .board.document section.pages {
    background: #f2f2f2;
}
body.cp_document_status header.app_board_header {
    border-bottom-color: #e8e8e9;
}
body.cp_document_status .headline_main_button .main_button, .headline_main_button .save-button {
	margin: 0 auto;
}
html.public body.cp_document_status main {
    padding-left: 0;
    padding-right: 0;
}
#container .board .page section.table tbody tr td.recipient {
	padding-bottom: 0;
}
#container .board.audit_trail .page section.heading img {
    display: none;
}
#container .board.audit_trail .page section.heading .right {
	line-height: inherit;
    float: none;
}
#container .board.audit_trail .page section.heading {
    padding-bottom: 17px;
	text-align: center;
}
#container .board.audit_trail .page section.table.meta table tbody tr td {
	display: block;
    padding: 7px 0px;
}
#desk.settings .board .page section.meta.table {
    padding-top: 0;
    padding-bottom: 0;
}
#desk.settings .board .page section.meta.table tr:nth-child(3) td:nth-child(2) {
    font-size: 12px;
}
#desk.settings .board .page section.table.history {
	padding: 0;
}
#desk.settings .board .page section.table.history table {
    overflow: hidden;
}
#container .board.audit_trail .page section.table.history table tr td.illustration span:before {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 5px;
}
#container .board.audit_trail .page section.table.history table tr td {
    padding: 10px;
}
#container .board.audit_trail .page section.table.history table tr td:first-child {
    text-align: center;
}
#container .board.audit_trail .page section.table.history table tr td.time {
	display: none;
}
body.cp_sign_document #container {
	padding-top: 0;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window .fixed_controls.left {
	display: none;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul {
	padding-top: 40px;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window .fixed_controls {
    display: none;
}
html.public #desk.document_editor .board .page.editor_center section.window .fixed_controls.right {
    display: block;
    right: auto;
    width: 100%;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.right .bar {
    width: 100%;
    top: 65px;
    text-align: center;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	display: none;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center {
    overflow: visible;
}
#desk.document_editor .board .page.editor_center section.window .fixed_controls.right .bar a {
	float: none;
	border-right: 0;
}
body.cp_sign_document .mobile_header .inner {
    margin-top: 50px;
    padding: 10px 10px;
    font-size: 16px;
}
body.cp_sign_document .mobile_header {
	display: none;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li .image_wrapper {
	width: 100% !important;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li .image_wrapper:before {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
}
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper:before,
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper:after {
	padding: 0px 10px;
}
body.cp_sign_document main.is_loading #eversign_loading,
body.cp_sign_document #container.is_loading #eversign_loading {
	background-size: 50%;
    margin-top: -5%;
	width: 100%;
}
body.cp_sign_document .mobile_top_section,
body.cp_sign_document .mobile_bottom_section {
	display: initial;
}
body.cp_sign_document .mobile_top_section {
	display: block;
    text-align: center;
    position: fixed;
    width: 100%;
    z-index: 999999999999999999999;
}
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar {
    display: block;
    width: 100%;
    background: #d7d7d9;
    background-position: center;
    background-size: 125px;
    background-repeat: no-repeat;
    text-align: center;
    padding: 0;
}
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar a {
	padding: 5px 10px;
    display: inline-block;
    font-size: 14px;
	color: #ffffff;
}
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar ul#mobile_dropdown {
    width: 100%;
    top: 36px;
    border: 0;
    border-bottom: 2px solid #d7d7d9;
    border-radius: 0;
}
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar ul#mobile_dropdown a {
	color: #333333;
	padding: 10px;
}
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar .dropdown-toggle.open:after {
	display: none;
}
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar .mobile_options {
    float: left;
    color: #333333;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    background: rgba(0,0,0,.1) url(/images/assets/menu_circles.png) no-repeat;
    background-size: 50%;
    background-position: center;
    padding: 6px 20px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 0;
}
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar .mobile_options.change_signing_language {
	background: transparent;
    padding: 11px 0px 6px 10px;
}
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar span {
	display: inline-block;
    line-height: 40px;
    white-space: nowrap;
    float: left;
	position: absolute;
    left: 82px;
	z-index: 1;
}
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar .mobile_start_signing,
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar .mobile_finish_signing,
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar .mobile_skip_field {
	float: right;
    border-radius: 0;
    border: 0;
    padding: 10px;
    height: 40px;
    letter-spacing: 0.5px !important;
    font-family: Arial, sans-serif;
	z-index: 2;
    position: relative;
}
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar .mobile_start_signing:before,
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar .mobile_finish_signing:before,
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar .mobile_skip_field:before {
	content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 100%;
    top: 0;
    left: -10px;
    background: #d7d7d9;
}
body.cp_sign_document  #desk.document_editor.flexible_signing .mobile_top_section .content_bar .mobile_finish_signing {
	display: none;
}

body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar .mobile_finish_signing {
	background: #3da07b;
}
body.cp_sign_document  #desk.document_editor .mobile_top_section .content_bar .mobile_skip_field {
    background: #999999 !important;
}
body.cp_sign_document .mobile_top_section .heading {
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
	padding: 10px 20px;
	background: #ffffff;
}
body.cp_sign_document .mobile_top_section .mobile_action_button,
body.cp_sign_document .mobile_bottom_section .mobile_action_button {
	width: 100%;
	box-sizing: border-box;
	display: block;
	color: #ffffff;
	padding: 15px;
	text-align: center;
}
body.cp_sign_document .mobile_top_section .mobile_action_button {
	background: #df7055;
}
body.cp_sign_document .mobile_bottom_section .heading {
	font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 10px;
    background: #ffc;
    border-radius: 2px;
}
body.cp_sign_document .mobile_bottom_section .mobile_action_button {
	background: #3da07b;
}
body.cp_sign_document .mobile_bottom_section .mobile_action_button.disabled {
	pointer-events: none;
	cursor: default;
	background: #d7d7d9;
}
body.cp_sign_document .mobile_bottom_section ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding: 0 10px;
	padding-bottom: 20px;
}
body.cp_sign_document .mobile_bottom_section ul li {
	margin-bottom: 40px;
	position: relative;
}
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned {
    position: relative !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 40px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    background: #ffffff !important;
    border-color: #d7d7d9 !important;
	overflow: visible !important;
}
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned.date_signed span {
	line-height: 39px;
}
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned.signature,
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned.initials,
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned.attachment {
    background: #e9e9e9 !important;
}
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned input[type="text"],
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned select  {
	height: 38px !important;
}
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned:before {
	content: attr(data-field-label);
    position: absolute;
    top: -25px;
    left: 20px;
}
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned:after {
	content: attr(data-index-number);
    position: absolute;
    top: -23px;
    background: #e35256;
    color: #fff;
    font-size: 11px;
    width: 15px;
    height: 15px;
    text-align: center;
    border-radius: 999px;
}
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned.required_field a:after {
    content: 'Required';
    position: absolute;
    color: #e35256;
    top: -24px;
    right: 0;
    font-size: 12px;
}
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned.status_finished:after {
	background: #3da07b;
}
body.cp_sign_document .mobile_bottom_section ul li .draggable.cloned[data-field-type="text"] {
    height: 80px !important;
}
body.cp_sign_document .draggable.cloned.read_only,
body.cp_sign_document .draggable.cloned[data-signer-id="0"] {
	background: transparent !important;
}
body.cp_sign_document .draggable.cloned.is_number_circle {
	width: 15px !important;
    height: 15px !important;
    background: rgba(227, 82, 86, .75) !important;
    border: 0 !important;
    border-radius: 999px !important;
}
body.cp_sign_document .draggable.cloned.is_number_circle.status_finished {
	background: rgba(61, 160, 123, .75) !important;
}
body.cp_sign_document .draggable.cloned.is_number_circle:before {
    content: attr(data-number-circle);
    color: #ffffff;
    margin-top: 3px;
    display: block;
    font-size: 7px;
}
body.cp_sign_document #desk.document_editor .draggable.cloned.is_number_circle a {
	display: none !important;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li:not(.cloned) {
    margin-bottom: 30px;
	margin-left: 0;
	margin-right: 0;
}
body.cp_sign_document #desk.document_editor .board .page.editor_center section.window ul li img {
	border: 0;
}
body.cp_sign_document #desk {
	padding-bottom: 10px;
}
body.cp_sign_document #desk.document_editor .mobile_bottom_section .cloned:not(.dropdown) a span input[type="text"],
body.cp_sign_document #desk.document_editor .mobile_bottom_section .ui-draggable-helper:not(.dropdown) a span input[type="text"],
body.cp_sign_document #desk.document_editor .mobile_bottom_section .draggable.cloned.dropdown select {
    padding: 0 10px;
}
body.cp_sign_document #desk.document_editor .mobile_bottom_section .cloned a span textarea {
    padding: 10px 10px;
}
body.cp_sign_document  #desk.document_editor .mobile_bottom_section .draggable.cloned.dropdown .has_dropdown:after {
	right: 10px;
}
body.cp_sign_document .x_window {
    width: 100% !important;
    border-radius: 0;
    margin-bottom: 0;
    top: 0;
    margin: 0px auto;
}
#desk.document_editor .cloned, #desk.document_editor .ui-draggable-helper {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	border-width: 1px !important;
}
#desk.document_editor .cloned.initials a,
#desk.document_editor .cloned.signature a,
#desk.document_editor .cloned.attachment a {
    background-size: contain;
}
body.cp_sign_document input:disabled,
body.cp_sign_document textarea:disabled {
	opacity: 1;
}
.x_page .board.signature section.upload_new .preview.empty,
.x_page .board.initials section.upload_new .preview.empty {
	background: none;
}
.x_page .board.signature input[type="checkbox"],
.x_page .board.initials input[type="checkbox"] {
    margin-left: 0;
    margin-right: 5px;
}
.x_page .board section.upload_new .uploadifive-button {
	width: 100%;
}
.x_page section.upload_new .uploadifive-button.loading:before {
	display: none;
}
.x_page section.upload_new .uploadifive-button.loading:after {
    content: 'Loading ...';
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
}
.x_page section.upload_new .uploadifive-button + small {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    font-size: 11px;
    text-align: center;
}
.x_page section.type_new .preview {
    font-size: 30px;
}
#desk .board.file_summary .file {
    width: 100%;
    text-align: center;
    margin: 0;
}
#desk.new_document section.contacts .form_row .inline.pre_addon:before {
	display: none;
}
#desk.new_document section.contacts .form_row .inline:not(.signer_order) {
    display: block !important;
}
#desk.new_document section.contacts .form_row .inline.pre_addon input, #desk.new_document section.contacts .form_row .inline.pre_addon select {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
	margin-bottom: 10px;
}
#desk.new_document .board.fill_roles section.contacts .form_row .inline.signer_role select {
	display: none;
}
#desk.new_document section.contacts .form_row {
	border-bottom: 1px solid #d7d7d9;
}
html.public body.cp_post_sign #container {
	padding-top: 0;
}
html.public body.cp_post_sign #container .board {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
html.public body.cp_post_sign #container section#desk.account_exists .board .page section.subheading span.right {
	float: none;
}
html.public body.cp_post_sign #container section#desk .board .go_to_dashboard {
    display: block;
    margin-top: 15px;
    text-align: center;
}
html.public body.cp_post_sign #container section#desk .board .page section.flex {
    display: block;
}
html.public body.cp_post_sign #container section#desk .board section.subheading span.right {
	display: none;
}
html.public body.cp_post_sign #container .board .signup_form {
	display: block;
    float: none;
    padding: 0;
    border: 0;
}
html.public body.cp_post_sign #container .board .document_preview {
	float: none;
    width: 100%;
    margin: 0;
    display: block;
}
html.public body.cp_post_sign #container .board .signup_form h1 {
    margin-top: 25px;
}
html.public body.cp_post_sign #container .board .signup_form .side {
	width: 100%;
    float: none;
}
html.public body.cp_post_sign #container .board .signup_form .form_row.double input {
	width: 100%;
    display: block;
    float: none;
    margin: 0;
}
html.public body.cp_post_sign #container .board .signup_form .form_row.double input:first-of-type {
    margin-bottom: 10px;
}
html.public body.cp_post_sign #container .board .signup_form .side.east {
    width: 100%;
    margin: 0;
    border: 0;
    display: block;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row {
    padding-left: 0;
    border: 0;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row.vanity_url {
    margin: 0;
    padding-left: 0;
    border: 0;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row .checkbox_label {
	text-align: left;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row.vanity_url span.info {
    position: relative;
    left: 0;
    bottom: -5px;
    float: left;
}
html.public body.cp_post_sign #container .board .signup_form .side.east .form_row {
	padding-bottom: 20px;
}
/* IFRAME SIGNING PAGE */
.iFrame_zoom_controls {
	/*display: none;*/
}
body.iFrame .iFrame_zoom_controls,
html.public body #desk.document_editor.flexible_signing .iFrame_zoom_controls,
body:not(.iFrame) .iFrame_zoom_controls {
	display: block;
    position: fixed;
    bottom: 15px;
    right: 15px;
    left: 15px;
    z-index: 999;
    box-sizing: border-box;
}
.iFrame_zoom_controls .controls_wrap {
    float: right;
    border: 1px solid #d7d7d9;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.iFrame_zoom_controls .field_buttons {
    float: left;
}
.iFrame_zoom_controls .controls_wrap a {
	width: 50px;
    height: 35px;
    display: inline-block;
    position: relative;
    float: left;
    padding-top: 4px;
    text-align: center;
    /*background: rgba(0,0,0,.06);*/
	background: #f4f4f5;
    border-right: 1px solid #d7d7d9;
}
/*.iFrame_zoom_controls .controls_wrap a:active,
.iFrame_zoom_controls .controls_wrap a:hover {
	background: #e0e0e0 !important;
}*/
.iFrame_zoom_controls .field_buttons a {
    width: auto;
    height: 30px;
    display: inline-block;
    position: relative;
    float: left;
    padding-top: 5px;
    text-align: center;
    background: rgba(0,0,0,.06);
    color: #333;
    padding-right: 5px;
    padding-left: 5px;
	border-radius: 3px;
}
.iFrame_zoom_controls .field_buttons a.delete_field {
    background: #e35256;
    border: 1px solid #e35256;
    color: #fff;
}
body:not(.iFrame) .iFrame_zoom_controls .controls_wrap a {
	display: none;
    background: #f4f4f5;
}
body:not(.iFrame) .iFrame_zoom_controls .controls_wrap a.iframe_zoom_reset {
	display: block;
	border-right: 0;
}
body.iFrame .iFrame_zoom_controls .controls_wrap:hover a {
    background: #f4f4f5;
}
.iFrame_zoom_controls .controls_wrap a.iframe_zoom_in {
	border-right: 0;
}
.iFrame_zoom_controls .controls_wrap a:before {
    font-family: "Linearicons";
    font-size: 20px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #333;
    cursor: pointer;
    text-align: center;
	top: 3px;
    position: relative;
}
.iFrame_zoom_controls .controls_wrap a.iframe_zoom_out:before {
    content: "\e926";
}
.iFrame_zoom_controls .controls_wrap a.iframe_zoom_in:before {
    content: "\e925";
}
.iFrame_zoom_controls .controls_wrap a.iframe_zoom_reset:before {
    content: "\e951";
}
html.public #desk.document_editor.flexible_signing .board .page.editor_right {
	display: none;
}
html.public #desk.document_editor.flexible_signing .board .page.editor_center {
	width: 100%;
}
.mobile_field_menu {
    position: absolute;
    width: auto;
    height: auto;
    background: #d7d7d9;
    display: block;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
	padding: 5px;
	border-radius: 5px;
	z-index: 9999999;
}
.mobile_field_menu .plus {
    position: absolute;
    color: red;
    top: -15px;
    left: -6px;
    font-size: 25px;
}
.mobile_field_menu ul {
	padding-top: 0 !important;
}
.mobile_field_menu ul li {
	margin-bottom: 0 !important;
    display: block;
    width: 50px;
    height: 30px;
}
.mobile_field_menu ul li[data-place-field-type="checkbox"],
.mobile_field_menu ul li[data-place-field-type="attachment"] {
	margin-bottom: 0 !important;
}
.mobile_field_menu ul li[data-place-field-type="signature"] {
	background: url(/images/mfm_signature.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
}
.mobile_field_menu ul li[data-place-field-type="initials"] {
	background: url(/images/mfm_initials.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
}
.mobile_field_menu ul li[data-place-field-type="date_signed"] {
	background: url(/images/mfm_date.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
}
.mobile_field_menu ul li[data-place-field-type="text"] {
	background: url(/images/mfm_text.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
}
.mobile_field_menu ul li[data-place-field-type="checkbox"] {
	background: url(/images/mfm_checkbox.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
}
.mobile_field_menu ul li[data-place-field-type="attachment"] {
	background: url(/images/mfm_attachment.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
}
.mobile_field_menu:before {
    content: "";
    width: 43px;
    height: 14px;
    background: #ffc;
    border: inset 1px;
    border-style: dashed;
    top: -13px;
    position: absolute;
    left: 0px;
    border-color: #565656;
}
.ui-resizable-handle {
    border-radius: 1px;
	border-width: 1px;
}
.ui-resizable-ne {
	width: 5px;
	height: 5px;
	right: -3px;
	top: -3px
}
.ui-resizable-se {
	width: 5px;
	height: 5px;
	right: -3px;
	bottom: -3px;
}
.ui-resizable-sw {
	width: 5px;
	height: 5px;
	left: -3px;
	bottom: -3px
}
.ui-resizable-nw {
	width: 5px;
    height: 5px;
    left: -3px;
    top: -3px;
}
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .ui-selected,
#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .ui-selecting {
	border: 1px solid #56565C !important;
}


}

/* --- checkbox group, new checkbox ---- */

.draggable.checkboxGroup input[type="checkbox"] {
    margin: 0 auto;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}

.draggable.checkboxGroup input[type=checkbox]:checked,
.draggable.checkboxGroup input[type="checkbox"]:checked:focus {
	background: #2676a5 !important;
    border-color: #2676a5 !important;
}

.checkboxGroup input[type=checkbox]:checked:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/assets/field_tick_checkbox.svg) no-repeat;
    background-position: center;
    background-size: contain;
}

.new_checkbox {
	display: none;
}

.draggable.ui-selected.checkboxGroup:not(.no_label):hover .new_checkbox {
    display: block;
    position: relative;
    width: 50%;
    border-radius: 100%;
    border: solid 3px #56565C;
    margin: 0 auto;
    padding: 24%;
    margin-top: 21%;
    background: rgba(86, 86, 92, 1);
}
.draggable.ui-selected.checkboxGroup:hover .new_checkbox .horizontal {
	position: absolute;
    background-color: #ffffff;
    width: 65%;
    height: 10%;
    top: 44%;
    left: 19%;
}
.draggable.ui-selected.checkboxGroup:hover .new_checkbox .vertical {
    position: absolute;
    background-color: #ffffff;
    width: 12%;
    height: 66%;
    top: 16%;
    left: 45%;
}
.draggable.checkboxGroup:hover span.has_checkbox div {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -100%;
}

#desk.document_editor .board .page.editor_center section.window ul li .image_wrapper .checkboxGroup.ui-selected:not(.no_label):after {
	content: attr(data-checkboxGroup);
    font-size: 12px;
    position: absolute;
    background: #56565C;
    color: #fff;
    padding: 2px 5px 0px 5px;
    top: -18px;
    border-radius: 2px 2px 0 0;
    right: -2px;
}

/* related to #130 */
#desk.document_editor .cloned a span.width-machine,
#desk.document_editor .ui-draggable-helper a span.width-machine {
    padding-right: calc(3% + 80px);
    text-align: left !important;
    overflow: hidden;
    font-weight: 400;
    font-size: 23px;
    visibility: hidden;
    height: 1px !important;
}

.notice-disabled {
    display: flex;
    align-items: center;
    position: relative;
    color: #999999;
    line-height: 1;
    margin-top: -5px;
}

.notice-disabled:before {
    content: "\E99C";
    font-size: 16px;
    font-family: 'Linearicons';
    margin-right: 10px;
}

.upload-file-error-icon {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 110px;
    margin: 0;
    padding: 0;
}

.upload-file-error-icon::after {
    font-family: 'Ionicons';
    content: "\f12a";
    text-align: center;
    font-style: normal;
    font-size: 40px;
    line-height: 1;
    color: #808080;
    width: 50px;
    height: 50px;
}

/* Bounce modal window, eversign#278 */

.email-bounce-description {
    padding: 5px 10px;
    position: relative;
}

.email-bounce-description.hard_bounce,
.email-bounce-description.soft_bounce,
.email-bounce-description.reject
{
    position: relative;
    padding-left: 20px;
    background-color: #fafafa;
}

.email-bounce-description.hard_bounce::before,
.email-bounce-description.soft_bounce::before,
.email-bounce-description.reject::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-left: 5px;
}

.email-bounce-description.hard_bounce
{
    border-color: #f3b9bb;
    color: #e35256;
}

.email-bounce-description.soft_bounce {
    border-color: #f7ba07;
    color: #f7ba07;
}

.email-bounce-description.reject {
    border-color: #000000;
    color: #000000;
}

.email-bounce-description.hard_bounce::before
{
    background-color: #e35256;
}

.email-bounce-description.soft_bounce::before
{
    background-color: #f7ba07;
}

.email-bounce-description.reject::before
{
    background-color: #000000;
}

.email-bounce-link-with-icon {
    color: #2676a5;
}

.email-bounce-link-with-icon::before {
    font-family: 'Linearicons';
    content: "\e9c1";
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    color: #2676a5;
    cursor: pointer;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding-right: 5px;
}

.email-bounce-diagnose {
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 5px;
}

/* END Bounce modal window, eversign#278, eversign#384 */


/* checbox group on template edit view */

.checkbox-group-template-section {
    padding: 10px 20px;
}

.checkbox-group-template-section:last-of-type {
    border-bottom: 1px solid #e8e8e9;
    padding-bottom: 15px;
}

.x_content .board .page section label.checkboxgroup-prefill-field {
    display: flex;
    align-items: center;
}

.x_content .board .page section label.checkboxgroup-prefill-field span {
    padding-right: 10px;
}

/* END checkbox group on template edit view */


.document-editor-focus-cursor {
    position: absolute;
    right: -32px;
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    background-color: #F7BA07;
}

.document-editor-focus-cursor-left {
    color: #000;
    position: relative;
    width: 16px;
    height: 16px;
}

.document-editor-focus-cursor-left:before {
    content: "\E943";
    color: #000;
    line-height: 1;
    font-family: 'Linearicons';
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}

/* ------- styles for zendesk notification banner in application (behind the login) views ------- */

/* .notificationbanner-in-app:empty {
    display: none;
} */

.notificationbanner-in-app {
    padding-top: 65px;
    padding-left: 210px;
    padding-bottom: 30px;
    background: #f2f2f2;
}

/* here is the breakpoint where left sidebar is getting smaller and consisting only from icons */
@media screen and (max-width: 1086px) {
    .notificationbanner-in-app {
        padding-top: 65px;
        padding-left: 75px;
        padding-bottom: 20px;
    }
}

/* banner is simpel centered on mobiles */
@media screen and (max-width: 800px) {
    .notificationbanner-in-app {
        padding-top: 0;
        padding-left: 0;
        padding-top: 55px;
    }
}


/* header on the signing page is totally different, so we need to adjust zendesk banner here: */
.cp_sign_document .notificationbanner-in-app {
    position: sticky;
    top: 0;
    margin-bottom: 0;
    padding-top: 63px;
    padding-left: 0;
    padding-bottom: 0;
    z-index: 10000;
}

/* dont display zendesk banner on mobile signing pages */
@media screen and (max-width: 800px) {
    .cp_sign_document .notificationbanner-in-app {
        display: none;
    }
}

/* dont display the banner in on this pages (iframe / prepaire / signing complete) */
iframe > .notificationbanner-in-app,
.cp_prepare_document .notificationbanner-in-app,
.cp_signing_complete .notificationbanner-in-app,
.cp_signing_declined .notificationbanner-in-app {
    display: none;
}

/* style field for phone input */
.iti {
    display: block;
}

/* style error field for phone input */
#desk.settings .board .iti input.error {
    background: #fce3e4;
    border-color: #f3b9bb;
    color: #e35256
}

/* makes sure flags dropdown of phone input is not cropped */
body.cp_new_contact .board,
body.cp_edit_contact .board {
    overflow: visible;
}

/* ---- 2fa code --- */


html.public #container.embedded .e_modal form fieldset .form_row.submit label.signer_2fa_request_button {
    width: auto;
}

html.public #container.embedded .e_modal form fieldset .form_row.submit label.signer_2fa_request_button.loading:before {
    left: calc(50% - 10px);
}

#verify_2fa_code label {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 5px;
}

.input-group-2fa {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 0 25px 0;
}

.input-group-2fa.step-1 {
    max-width: 300px;
}

.input-group-2fa.step-2 {
    max-width: 272px;
}

.input-group-2fa input[type="text"] {
    width: 150px;
    font-size: 14px;
    height: 35px;
}

form[name="request_2fa_code"] .signer_2fa_button {
    margin: 0 auto;
    height: auto;
    padding: 10px;
}

.signer_2fa_button {
    padding: 0 10px;
    text-align: center;
    color: #ffffff;
    border: 0;
    min-width: 0;
    text-transform: capitalize !important;
    height: 35px;
    font-family: "facto", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 14px;
    background: #808080;
    border-radius: 2px;
    display: inline-block;
    width: auto;
    cursor: pointer;
    position: relative;
}

button.loading:before {
    left: calc(50% - 10px);
}

#modal-user-confirm-label {
    color: #8c8c91;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 14px;
    display: block;
}

.draggable.ui-draggable-helper.dropdown.ui-selected.ui-selected-dropdown li.switch {
    opacity: 0;
    height: 0;
}

#start-autoscroll-btn {
    font-weight: 400;
    padding: 11px 16px;
    font-size: 15px;
    text-align: center;
    outline: none;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    width: 100px
}

.info_strip_custom_popup {
    display: flex;
    background: rgba(0, 0, 0, .47);
    color: #fff;
    font-size: 14px;
    padding: 12px 20px 12px 20px;
    text-align: left
}
.info_strip_custom_popup.error {
    background: #e35256
}
.info_strip_custom_popup.success {
    background: #3da07b
}
.info_strip_custom_popup.info {
    background: #e3f3fc;
    color: #2676a5
}
.info_strip_custom_popup.info:before {
    color: #2676a5;
}

.info_strip_custom_popup .message {
    display: inline-block
}
.info_strip_custom_popup:before {
    -webkit-font-smoothing: antialiased;
    font-family: 'Ionicons';
    content: "\f149";
    color: #fff;
    margin-right: 10px;
    font-size: 19px;
    float: left;
    margin-top: -5.1px
}
.info_strip_custom_popup.error:before {
    content: "\f35b"
}
.info_strip_custom_popup.success:before {
    content: "\f375"
}

#popup_signer_phone_input.error{
    background-color: #fce3e4;
    border-color: #f3b9bb;
}

.explanation-2fa {
    font-size: 14px;
    padding: 15px 20px;
}

#DocumentUpload {
    min-height: 168px;
    margin-bottom: 20px;
}

.header-btn-send-in-bulk {
    position: absolute;
    left: 145px;
    top: 7px;
    display: block;
    margin-left: 10px;
    border-radius: 3px;
    color: #3A3E42;
    padding: 3px 5px 1px 5px;
    border: 1px solid #c7c7c9;
    background-color: #e8e8e9;
    font-size: 12px;
}

.evr-pulse {
    display: block;
    position: absolute;
    top: -13px;
    margin-left: 17px;
    pointer-events: none;
}

.evr-pulse-dot {
    background: #df7055;
    box-shadow: 0 0 0 0 #df7055;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(223, 112, 85, 1);
    margin: 10px;
    height: 10px;
    width: 10px;
    transform: scale(1);
    animation: evr-pulse-dot-animation 2s infinite;
}

@keyframes evr-pulse-dot-animation {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(223, 112, 85, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(223, 112, 85, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(223, 112, 85, 0);
    }
}

#send-in-bulk-header-btn:disabled {
    pointer-events: none;
    cursor: default;
    background-color: rgba(223,112,85,0.5);
}

/* do not show checkboxes in document list, since we dont have bulk actions implemented yet in part */
body.cp_documents .document_check input[type=checkbox] {
    visibility: hidden;
}

#Signer2fa {
    display: inline-block;
}

#send-in-bulk-header-btn {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#desk.new_document section.contacts .form_row .inline.enable_signer_2fa_btn {
    position: relative;
    margin-right: 0 !important;
    background: none;
    outline: none;
    border: none;
}

#desk.new_document section.contacts .form_row .inline.enable_signer_2fa_btn.added {
    margin-right: 3px !important;
}

/* dont display notification banner on signing page */
.cp_sign_document .notificationbanner-in-app {
    height: 0
}

.cp_sign_document .notificationbanner-in-app #NotificationBanner {
    display: none
}


.inline.pre_addon.signer_pin.filled.filled-phone:before {
    content: "\e76b" !important
}

.bulk_jobs_link {
    background: rgba(0, 0, 0, 0.27);
}

.overlay_load_spinner {
    display: block;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    border: solid 3px transparent;
    border-top-color: #ccc;
    border-left-color: #ccc;
    border-radius: 30px;
    animation: pace-spinner 600ms linear infinite;
}

.options-label-disabled {
    opacity: 0.5;
}

.option.required_field label,
.option.read_only label {
    cursor: pointer;
}

.color-picker-btn {
    border: 1px solid #d7d7d9;
    border-radius: 3px;
    width: 15px;
    height: 15px;
    margin-top: 6px;
    margin-left: 1px;
}

.tf-v1-widget {
    margin: 20px 0px;
}

.lds-ring {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #808080;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #808080 transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}
  
.audit-trail-signature-box {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    width: 100%;
    height: 50px;
    margin-top: 5px;
}

#sign-beta-link {
    display: inline-flex;
    color: #333;
    margin-left: 20px;
    font-size: 12px;
    line-height: 1;
    align-items: center;
    background-color: #f2f2f2;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: normal;
    transition-duration: 0.2s;
    border: 1px solid #f2f2f2;
}


#sign-beta-link:before {
    content: "\e808";
    font-family: 'Linearicons';
    font-size: 14px;
    line-height: 1;
    padding-right: 5px;
}

#sign-beta-link:hover {
    border: 1px solid #808080;
}

.link-disabled {
    cursor: default;
    opacity: 0.6;
}

/* ------------------------- signer 2fa toggle ------------------------- */
@media screen and (min-width: 801px) {
    .form_row_flex {
        display: flex;
        justify-content: space-between;
    }
    .form_row_flex_child {
        display: flex;
        align-items: center;
        line-height: 1;
    }
    .form_row_flex_child .inline {
        margin-right: 9px !important;
    }
}

/* The switch - the box around the slider */
.signer2fa-switch {
    position: relative;
    margin-bottom: 0 !important;
    width: 60px;
    height: 34px;
  }
  
  /* Hide default HTML checkbox */
  .signer2fa-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .signer2fa-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    width: 60px;
  }
  
  .signer2fa-slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .signer2fa-slider {
    background-color: #3DA07B;
  }
  
  input:focus + .signer2fa-slider {
    box-shadow: 0 0 1px #3DA07B;
  }
  
  input:checked + .signer2fa-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .signer2fa-slider.round {
    border-radius: 34px;
  }
  
  .signer2fa-slider.round:before {
    border-radius: 50%;
  }

  .signer-authentication-toggle-status-text {
    padding-left: 5px;
  }

  label[for="set_signing_order"] {
    position: absolute;
    right: 15px;
    top: 10px;
    display: flex !important;
    justify-content: space-between;
  }

body.cp_sign_document .page_content h1 {
    font-size: 2em;
    margin: .67em 0
}

html.public body.cp_post_sign #container .board .signup_form .side.east .form_row button.finish_signup {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.xodo-sign-text-logo {
    font-size: 1.2rem;
    padding: 0 0.3rem;
}

.signup-exit-form {
    height: 80px;
    text-align: left;
}

#passwordStr {
    display: block;
    opacity: 0;
    position: relative;
    padding-left: 20px;
    font-size: 12px;
    line-height: 1;
    margin-top: 0;
    transition-timing-function: ease;
    transition-duration: 0.25s;
    max-height: 0;
    height: 0;
    overflow: hidden;
    color: #7B8191;
}

#passwordStr.visible {
    overflow: visible;
    opacity: 1;
    max-height: 15px;
    height: 15px;
    margin-top: 5px
}

#passwordStr > strong {
    font-weight: bold !important;
  }

#passwordStr:before {
    font-family: 'Linearicons';
    font-size: 14px;
    content: '\e7bc';
    position: absolute;
    display: block;
    left: 0px;
    height: auto;
    line-height: 1;
    top: 2px;
}