html {
overflow: hidden;
height: 100%;
}
html.scrollable {
overflow: auto;
}
body {
height: 100%;
}
/* Veryfi Brand */
/* bg: #53BF8A */
.veryfi-green {
color: #41d18a !important;
}
.veryfi-green-bg {
background-color: #41d18a !important;
}
.veryfi-green-bghalf {
background-color: rgb(65, 209, 138, 0.5) !important;
}
.veryfi-purple {
color: #8b229d !important;
}
.veryfi-purple-bg {
background-color: #8b229d !important;
}
.veryfi-nav-developer:after {
background: #171C3A !important;
/*
background-color: #000000 !important;
background: -moz-linear-gradient(top, #000000 0%, rgba(102, 102, 102, 0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, rgba(102, 102, 102, 0.7)));
background: -webkit-linear-gradient(top, #000000 0%, rgba(102, 102, 102, 0.7) 100%);
background: -o-linear-gradient(top, #000000 0%, rgba(102, 102, 102, 0.7) 100%);
background: -ms-linear-gradient(top, #000000 0%, rgba(102, 102, 102, 0.7) 100%);
background: linear-gradient(to bottom, #000000 0%, rgba(102, 102, 102, 0.7) 100%);
*/
}
.veryfi-nav-accountant:after {
background: #8b229d;
background: -moz-linear-gradient(top, #8b229d 0%, rgba(139, 34, 157, 0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8b229d), color-stop(100%, rgba(139, 34, 157, 0.7)));
background: -webkit-linear-gradient(top, #8b229d 0%, rgba(139, 34, 157, 0.7) 100%);
background: -o-linear-gradient(top, #8b229d 0%, rgba(139, 34, 157, 0.7) 100%);
background: -ms-linear-gradient(top, #8b229d 0%, rgba(139, 34, 157, 0.7) 100%);
background: linear-gradient(to bottom, #8b229d 0%, rgba(139, 34, 157, 0.7) 100%);
background-size: 150% 150%;
}
.veryfi-nav-business:after {
background: #53BF8A;
background: -moz-linear-gradient(top, #53BF8A 0%, rgba(83, 191, 138, 0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53BF8A), color-stop(100%, rgba(83, 191, 138, 0.7)));
background: -webkit-linear-gradient(top, #53BF8A 0%, rgba(83, 191, 138, 0.7) 100%);
background: -o-linear-gradient(top, #53BF8A 0%, rgba(83, 191, 138, 0.7) 100%);
background: -ms-linear-gradient(top, #53BF8A 0%, rgba(83, 191, 138, 0.7) 100%);
background: linear-gradient(to bottom, #53BF8A 0%, rgba(83, 191, 138, 0.7) 100%);
background-size: 150% 150%;
}
/* Trusted Advisor */
.veryfi-leftnav-circle {
display: table;
width: 244px;
margin: 8px;
padding: 18px;
box-shadow: none !important; /* overwrite .card */
}
.veryfi-leftnav-circle .icon-cell {
width: 56px;
height: 100%;
padding: 5px;
vertical-align: top;
}
.sidebar-mini .veryfi-leftnav-circle .icon-cell {
padding-left: 11px;
}
.sidebar-mini .veryfi-leftnav-circle,
.sidebar-mini .veryfi-leftnav-circle td.icon-cell,
.sidebar-mini .veryfi-leftnav-circle td.text-cell,
.sidebar-mini .veryfi-leftnav-circle td.text-cell div {
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
-ms-transition: all 100ms linear;
transition: all 100ms linear;
}
.sidebar-mini .veryfi-leftnav-circle {
width: 64px;
}
.sidebar-mini .veryfi-leftnav-circle td.text-cell,
.sidebar-mini .veryfi-leftnav-circle td.text-cell div {
overflow: hidden;
width: 0px;
white-space: nowrap;
}
.sidebar-mini .veryfi-leftnav-circle:hover {
width: 244px;
}
.sidebar-mini .veryfi-leftnav-circle:hover td.text-cell,
.sidebar-mini .veryfi-leftnav-circle:hover td.text-cell div {
overflow: hidden;
width: 188px;
white-space: nowrap;
}
.veryfi-leftnav-circle td {
background-color: rgb(65, 209, 138, 0.3) !important;
}
.veryfi-leftnav-circle img {
min-width: 40px !important;
min-height: 40px !important;
padding: 4px;
background: radial-gradient(farthest-corner at 40px 40px, #f35 0%, #43e 100%);
border: solid 1px white;
}
.veryfi-leftnav-circle-active {
background: none !important;
padding: 0px !important;
}
.circle-avatar-large img {
min-width: 40px !important;
min-height: 40px !important;
padding: 8px;
background: radial-gradient(farthest-corner at 40px 40px, #f35 0%, #43e 100%);
border: solid 1px white;
}
.veryfi-leftnav-circle div {
color: rgb(105, 105, 105);
font-size: 10px;
width: 100%;
padding-left: 3px;
margin-top: 3px;
margin-bottom: 3px;
border-radius: 3px;
}
.veryfi-leftnav-circle a {
font-size: 12px;
}
.veryfi-leftnav-circle a:hover {
text-decoration: underline;
}
.link-white,
.link-white:hover {
text-decoration: underline;
color: #fff;
}
/* Trusted Circle */
.circle-circle p {
border: 2px solid #e3e3e3;
border-radius: 50%;
height: 175px;
line-height: 175px;
width: 175px;
text-align: center;
position: relative;
background: #fff;
}
/*
.circle-circle p:after {
position: absolute;
content: "";
width: 120%;
height: 120%;
background: radial-gradient(farthest-corner at 40px 40px, #f35 0%, #43e 100%);
top: -10%;
left: -10%;
z-index: -1;
border-radius: 50%;
}
*/
.circle-img {
min-width: 175px !important;
min-height: 175px !important;
padding: 8px;
background: radial-gradient(farthest-corner at 40px 40px, #f35 0%, #43e 100%);
border: solid 1px white;
}
.circle-img-10 {
min-width: 175px !important;
min-height: 175px !important;
padding: 8px;
width: 100vh;
height: 100vh;
background: radial-gradient(farthest-corner at 40px 40px, #f35 0%, #43e 100%);
/*
linear-gradient(to bottom, white 50%, black 50%),
radial-gradient(circle closest-side, #00bffb, black);
*/
/*radial-gradient(farthest-corner at 40px 40px, #41d18a 0%, #fff 100%);*/
border: solid 1px white;
}
.circle-circle p:after {
position: absolute;
content: "";
width: 120%;
height: 120%;
background: radial-gradient(farthest-corner at 40px 40px, #f35 0%, #fff 50%);
top: -10%;
left: -10%;
z-index: -1;
border-radius: 50%;
}
.circle-badge {
position: relative;
right: -20px;
top: 20px;
background: #fff;
text-align: center;
border-radius: 30px 30px 30px 30px;
color: #000;
padding: 5px 10px;
font-size: 20px;
font-family: sans-serif;
border: dashed 1px #000;
}
.circle-badge-clients {
position: relative;
right: -20px;
bottom: 20px;
background: #000000;
text-align: center;
border-radius: 30px 30px 30px 30px;
color: white;
padding: 5px 10px;
font-size: 13px;
font-family: sans-serif;
border: solid 1px #fff;
}
.circle-box {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome and Opera */
}
/* SweetAlert2 v7+ size fix */
.swal2-icon::before {
height: 100% !important;
}
.swal2-actions {
margin-top: 40px !important;
z-index: auto;
}
/* Hide Intercom when modal is open */
body.modal-open #intercom-container {
display: none !important;
}
/* Hide Intercom when left nav is shrunk */
body.sidebar-mini #intercom-container {
display: none !important;
}
/* Hide left nav footer when left nav is shrunk */
body.sidebar-mini #veryfi-footer {
display: none !important;
}
/* Face pile Connected Apps */
.connected-app-avatar {
border: 2px solid #FFFFFF;
background-color: #FFFFFF;
}
.connected-app-avatar-shift {
margin-right: -15px !important;
border: 2px solid #FFFFFF;
background-color: #FFFFFF;
border-radius: 50%;
overflow: hidden;
max-width: 32px;
}
/* Connected Apps Description Ellipsis */
.ca-description-clamp {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* styles for 'Connected App Description' */
.block-with-text {
/* hide text if it more than N lines */
overflow: hidden;
/* for set '...' in absolute position */
position: relative;
/* use this value to count block height */
line-height: 1.2em;
/* max-height = line-height (1.2) * lines max number (3) */
max-height: 3.6em;
/* fix problem when last visible word doesn't adjoin right side */
text-align: left;
/* place for '...' */
margin-right: -1em;
padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
/* points in the end */
/* content: '...'; */
/* absolute position */
position: absolute;
/* set position to right bottom corner of block */
right: 0;
bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
/* points in the end */
content: '';
/* absolute position */
position: absolute;
/* set position to right bottom corner of text */
right: 0;
/* set width and height */
width: 1em;
height: 1em;
margin-top: 0.2em;
/* bg color = bg color under block */
/* background: white; */
}
/* Center align Google Login button */
.g-signin2{
width: 100%;
}
.g-signin2 > div{
margin: 0 auto;
}
.g-signin2 .abcRioButtonContents > span {
margin-left: -38px;
}
.nowrap {
white-space: nowrap;
}
/* When company name is too long */
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Same size pricing cards */
.card-size-fixed {
height: 520px;
}
/* Center modal in the Middle */
.modal {
text-align: center;
z-index: 3002;
}
.modal-backdrop {
z-index: 3000;
}
@media screen and (min-width: 768px) {
.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
#documents-list-modal {
z-index: 3010;
}
.modal-title .img-thumbnail {
margin-right: 12px;
}
.modal-shadow {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.bootstrap-timepicker-widget.dropdown-menu {
z-index: 1050 !important;
}
/* Subscription */
.not-active, .not-active p, .not-active i {
/*pointer-events: none;*/
cursor: default;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
@media (max-width: 415px) {
.billing-user {
max-width: 235px;
}
}
@media (max-width: 320px) {
.billing-user {
max-width: 195px;
}
}
.body-billing.raw_template #billing-footer>.card {
box-shadow: none;
border-top: solid 1px #ddd;
border-radius: 0;
}
/* bootstrap-checkbox-radio-switch-tags.js - line: 739 */
.tagsinput-add-new {
width: 100px;
}
/* UI */
.buffer-zone {
padding: 5px;
}
div.ui-segment .option,
.btn-text {
text-transform: uppercase;
font-size: 11px !important;
}
.btn-lg.btn-text {
text-transform: uppercase;
font-size: 14px;
}
.btn-sm.editable-submit, .btn-sm.editable-cancel {
height: 30px !important;
}
.btn-sm.btn-text {
padding-top: 6px;
padding-bottom: 4px;
}
.btn-spacing-left {
margin-left: 4px;
}
.btn-default-height {
height: 33px;
}
mark {
background-color: yellow;
color: black;
text-decoration: dotted;
}
.nodata-card-notable,
.nodata-card,
.bootstrap-table .table > thead > tr > td, .bootstrap-table .table > tbody > tr > td.nodata-card {
/* padding: 30px 20px 0px 20px !important; */
padding: 20px !important;
}
.nodata-card-notable .nodata-img {
margin-left: 50%;
position: relative;
left: -50px;
}
/* Allows table cell to hub vs evenly spaced as per bootstrap table css */
.hugging-cell {
width: 1px;
white-space: nowrap;
}
/* Allow line break on some inboxes */
.restrict-cell {
max-width: 100px;
word-wrap:break-word !important;
}
/* For drop uploads */
.dashed-border {
border: 1px dashed #447DF7;
}
.iqb-deepblue {
color: #0087F7;
}
.iqb-linkblue {
color: #447DF7;
}
.iqb-darkpricecard-link, .iqb-darkpricecard-link:hover {
color: #7accb8;
font-size: 16px;
border-bottom: 1px dashed #7accb8;
}
.iqb-storage-container {
color: #777;
font-size: 16px;
}
/* Overwrite tags */
.select2-container--default .select2-selection--multiple {
border: 1px dashed #447DF7;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
border: 1px solid #FFFFFF;
}
/* .select2-search__field {
width: 100% !important; // Note: Commented this out for tags multi-select
} */
.iqb-tag {
background-color: #e4e4e4;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
/* Charts */
.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
fill: #0087F7;
}
.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
fill: #447DF7;
}
.ct-label {
fill: #FFFFFF;
}
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
stroke: #0087F7;
}
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
stroke: #BBBBBB;
}
.iqb-pie-chart {
margin: 0;
height: 130px;
}
/* Connected Apps */
.undimmer2 a img {
opacity: 1.0;
background:#FFFFFF;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
padding: 2px;
}
.undimmer2 a img:hover {
opacity: 2.0;
}
/* Logbook */
.number-plate a, .number-plate input, .number-plate-direct {
color: #000000;
font-weight: bold;
background-color: #ffff00;
padding: 4px;
border: solid 4px #000000;
border-radius: 5px;
display: inline-block;
text-align: center;
min-width: 100px;
height: 35px;
}
.odometer {
color: #000000;
font-family: monospace;
font-size: 13px;
font-weight: 900;
display: inline-block;
font-stretch: expanded;
border: solid 1px #000000;
border-radius: 3px;
padding: 4px;
width:100%;
text-align:center;
}
/* General */
.align-bottom {
vertical-align: bottom !important;
}
.align-middle {
vertical-align: middle !important;
}
.bg-success {
background-color: #53BF8A !important;
}
.bg-warning {
background-color: #FFA534 !important;
}
.bg-muted {
background-color: #888888 !important;
}
.bg-default {
background-color: #888888 !important;
}
.bg-primary {
background-color: #2c6cf6 !important;
}
@media (max-width: 767px) {
.col-xs-0,
.xs-hide {
display: none;
}
}
@media (min-width: 768px) {
.sm-hide {
display: none;
}
}
.collapse-important {
display: none !important;
}
.form-control:not(textarea), .btn-default, .navbar-nav .btn-primary {
height: 35px;
}
.form-control-label {
margin-top: -3px;
padding-bottom: 7px !important;
padding-top: 0px !important;
}
.form-control-label-sm {
padding-top: 6px !important;
}
.form-control-avatar {
margin-top: -7px;
}
.form-label {
padding-bottom: 7px !important;
}
.form-label-hz {
padding-top: 8px !important;
}
.navbar-nav li .btn-text {
font-size: 11px !important;
}
.navbar-nav li .btn-primary {
margin-top: 14px;
}
.mobile-docs-tabs li a {
display: flex;
flex-direction: column;
align-items: center;
}
.navbar .navbar-nav > li > a .fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
top: -3px;
vertical-align: middle;
width: 2.5em;
}
.navbar .navbar-nav > li > a .fa-1x {
font-size: 1em;
}
.navbar .navbar-nav > li > a .fa-stack-2x {
font-size: 2em;
line-height: inherit;
position: absolute;
}
.navbar .navbar-nav > li > a .fa-stack-1x {
line-height: inherit;
position: absolute;
}
#btn-no-collect {
margin: 2px 3px;
padding-top: 13px;
}
.sidebar .nav i {
font-size: 21px;
}
.btn-margins {
margin-left: 2px;
margin-right: 2px;
}
.btn-bulk.btn-text {
padding-top: 6px;
padding-bottom: 4px;
}
.tooltip {
z-index: 999999;
}
#navbar-multipleprofiles {
margin-top: 3px;
font-size: 14px;
padding: 5px 6px;
border: solid 1px #00000033;
border-radius: 10px;
}
#navbar-multipleprofiles .dropdown-toggle {
background: none;
color: #333333;
cursor: pointer;
}
#navbar-multipleprofiles .dropdown-toggle .avatar {
width: 38px;
height: 38px;
display: inline-block;
}
#multipleprofiles-selected {
display: inline-block;
position: relative;
top: 2px;
padding-left: 0;
padding-right: 4px;
}
#multipleprofiles-selected.truncated-label {
display: block;
max-width: 140px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#multipleprofiles-list {
margin-top: 8px;
max-height: 75vh;
overflow-y: auto;
}
#multipleprofiles-list #btn-logout {
color: #9a9a9a;
font-size: 16px;
line-height: 20px;
text-align: center;
}
#multipleprofiles-list #btn-logout:hover {
color: #447df7;
}
#multipleprofiles-list #btn-logout [class^="fa"] {
font-size: 19px;
position: relative;
line-height: 16px;
top: 1px;
}
#multipleprofiles-list .divider {
margin: 5px 0;
}
#multipleprofiles-list.dropdown-menu:before,
#multipleprofiles-list.dropdown-menu:after {
left: auto !important;
right: 22px !important;
}
#multipleprofiles-list > li {
min-width: 184px;
}
#multipleprofiles-list > li > a {
padding: 8px !important;
}
#multipleprofiles-list > li img {
margin-top: 0px !important;
padding: 2px;
}
#multipleprofiles-list .btn {
margin: 0;
height: 33px;
}
#multipleprofiles-list .truncated-label {
display: block;
max-width: 140px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fixed-table-toolbar {
padding-left: 7px;
}
.fixed-table-toolbar .glyphicon {
top: unset;
position: unset;
}
.card .fixed-table-toolbar .header {
padding: 10px 0 15px 0;
}
.col-checkbox {
width: 35px;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.full-width {
width: 100% !important;
}
.pull-none-inline-block {
float: none !important;
display: inline-block;
}
.strong {
font-weight: bold;
}
.display-inline {
display: inline-block;
}
.control-switch-label {
padding-top: 7px !important;
}
.sidebar-mini .sidebar {
z-index: 1000 !important;
}
.sidebar-mini .sidebar-mini-hidden, .sidebar-mini #veryfi-leftnav .collapse.in {
display: none;
}
.sidebar-mini .sidebar-mini-visible-block {
display: block !important;
}
.sidebar-mini .sidebar-mini-visible-inline {
display: inline-block !important;
}
.sidebar-mini .sidebar .collapse .nav {
width: 60px;
}
.sidebar-mini .sidebar .collapse #multipleprofiles-list.nav {
width: 220px;
}
.sidebar-mini .sidebar .sidebar-wrapper > .nav > li > a {
margin: 5px 16px !important;
}
.ui-segment span {
font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
font-size: 13px;
}
.list-group-item-primary {
background-color: #447DF7 !important;
border-color: #447DF7 !important;
}
.input-group-addon {
background-color: #eee;
}
/* Notifications */
.notification-note {
position: absolute;
background-color: white;
text-align: center;
border-radius: 10px;
min-width: 18px;
padding: 0 5px;
height: 18px;
font-size: 12px;
color: #53BF8A;
font-weight: bold;
line-height: 18px;
top: 8px;
right: 5px;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
.notification-note-alert {
background-color: red;
color: white;
opacity: 1;
}
.notification-note-info {
background-color: yellow;
opacity: 1;
}
/* Cleaner count */
.notification {
border: solid 1px #ffffff;
}
/* Left nav overwrite */
.sidebar .user, .bootstrap-navbar .user {
padding-bottom: 0px;
}
/* Why?
#left-main-nav .fal {
zoom: 1;
opacity: 0.7;
filter: alpha(opacity=70); For IE8 and earlier
}*/
@media (max-width: 992px) {
.navbar-toggle.toggled {
right: 240px;
}
.sidebar .nav li.active > a.veryfi-leftnav-selected {
color: #696969 !important;
}
}
/* Bulk Actions overwrites */
#bulk-actions .popover,
.document-row .popover,
.popover.document-mark-paid-popover {
border: 1px solid #ccc !important;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
/* left: 25px !important; */
max-width: 500px !important;
}
#bulk-actions .popover.bottom>.arrow:after,
.document-row .popover.bottom>.arrow:after,
.popover.document-mark-paid-popover.bottom>.arrow:after {
border-bottom-color: #fff !important;
}
#bulk-actions .popover.bottom>.arrow,
.document-row .popover.bottom>.arrow,
.popover.document-mark-paid-popover.bottom>.arrow {
border-top-width: 0 !important;
border-bottom-color: #999 !important;
border-bottom-color: rgba(0,0,0,.25) !important;
}
#bulk-actions .popover>.arrow,
.document-row .popover>.arrow,
.popover.document-mark-paid-popover>.arrow {
border-width: 11px !important;
left: 25px !important;
}
#bulk-actions .popover.bottom>.arrow:after,
.document-row .popover.bottom>.arrow:after,
.popover.document-mark-paid-popover.bottom>.arrow:after {
border-top-width: 0 !important;
border-bottom-color: #fff !important;
}
#bulk-actions .popover>.arrow:after,
.document-row .popover>.arrow:after,
.popover.document-mark-paid-popover>.arrow:after {
border-width: 10px !important;
}
#bulk-actions .popover>.arrow, #bulk-actions .popover>.arrow:after,
.document-row .popover>.arrow, .document-row .popover>.arrow:after,
.popover.document-mark-paid-popover>.arrow, .popover.document-mark-paid-popover>.arrow:after {
border-color: transparent !important;
border-style: solid !important;
}
#bulk-actions .select2-container,
.document-row .select2-container {
width: 240px !important;
}
#bulk-actions .bulk-category-popover {
margin-left: -40px;
}
#bulk-actions .bulk-tags-popover {
margin-left: 20px;
}
.dropdown-menu.inner[aria-expanded="false"] {
display: none !important;
}
.bulk-billable-popover .switch {
vertical-align: middle;
}
#receipt-json-content {
display: none;
}
#receipt-json-content-actions {
padding-bottom: 30px;
}
/* Billing */
#select-billing-plan {
max-width: 320px;
margin-right: 4px;
}
.billing-info .alert-info, .registration-info .alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.billing-info .alert-warning, .registration-info .alert-warning, .modal-document-detail .alert-warning, .alert-warning.alert-muted {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.modal-document-detail .alert-warning {
border-radius: 4px;
}
.billing-info .alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.billing-confirmation .alert {
margin: 0;
}
#billing-footer table tr>td:first-child {
padding-right: 12px;
}
#billing-footer {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
bottom: 0px;
display: none;
z-index: 999;
}
@media screen and (max-width: 767px) {
#billing-footer {
position: unset;
}
div.billing-page {
background-color: #F5F5F5;
}
div.billing-page .content {
height: auto !important;
}
}
table.table-breakdown tbody.profile-footer td {
font-size: 14px;
border: none;
padding-top: 6px;
padding-bottom: 6px;
}
table.table-breakdown tbody.profile-footer tr:first-child td {
padding-top: 12px;
}
table.table-breakdown tbody.profile-footer tr:last-child td {
padding-bottom: 12px;
}
table.table-breakdown:not(:last-child) {
margin-bottom: 48px;
}
table.table-breakdown th {
vertical-align: bottom !important;
}
.alert-business {
color: #ffffff !important;
background-color: #004b80 !important;
border-color: solid 1px #004b80 !important;
}
.alert-personal {
color: #ffffff !important;
background-color: #662d91 !important;
border-color: solid 1px #662d91 !important;
}
.alert-unclassified {
color: #000000 !important;
background-color: #ffffff !important;
border: solid 1px #000000 !important;
}
.alert-muted {
background-color: #777;
}
.btn-cancel-container {
margin-bottom: 34px;
}
#container-billing-actions {
margin-bottom:54px;
}
#container-billing-plan {
margin-top:18px;
}
.device-mobile {
margin-top: 15px;
}
#txt-promo-code {
max-width: 160px;
}
.btn-group .btn-rounded {
border-radius: 4px !important;
}
.overflow-auto {
overflow: auto !important;
}
@media screen and (max-width: 600px) {
.container-table-billing .fixed-table-toolbar {
visibility: hidden;
display: none;
}
.content .col-md-12 {
padding-left: 0;
padding-right: 0;
}
#select-billing-plan {
max-width: 180px;
margin-right: 4px;
}
#btn-change-plan {
float: right !important;
}
}
@media screen and (max-width: 410px) {
.device-hidden-w410 {
visibility: hidden;
display: none;
}
#table-billing td {
font-size: 12px;
}
}
.badge {
background-color: #c0c0c0;
}
.notification-badge {
background-color: #FB404B;
text-align: center;
border-radius: 10px;
min-width: 18px;
padding: 1px 5px;
height: 18px;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
line-height: 18px;
border: solid 1px #ffffff;
}
/* Pulse animation with box-shadow
USAGE:
*/
.pulse {
border-radius: 50%;
cursor: pointer;
box-shadow: 0 0 0 rgba(0, 76, 170, 0.4);
animation: pulse 2s infinite;
}
.pulse:hover {
animation: none;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 76, 170, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(0, 76, 170, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 76, 170, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(0, 76, 170, 0.4);
box-shadow: 0 0 0 0 rgba(0, 76, 170, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(0, 76, 170, 0);
box-shadow: 0 0 0 10px rgba(0, 76, 170, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(0, 76, 170, 0);
box-shadow: 0 0 0 0 rgba(0, 76, 170, 0);
}
}
.pulse-warn {
border-radius: 50%;
cursor: pointer;
box-shadow: 0 0 0 rgba(207, 134, 23, 0.4);
animation: pulse-warn 2s infinite;
}
.pulse-warn:hover {
animation: none;
}
@-webkit-keyframes pulse-warn {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(207, 134, 23, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(207, 134, 23, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(207, 134, 23, 0);
}
}
@keyframes pulse-warn {
0% {
-moz-box-shadow: 0 0 0 0 rgba(207, 134, 23, 0.4);
box-shadow: 0 0 0 0 rgba(207, 134, 23, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(207, 134, 23, 0);
box-shadow: 0 0 0 10px rgba(207, 134, 23, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(207, 134, 23, 0);
box-shadow: 0 0 0 0 rgba(207, 134, 23, 0);
}
}
.pulse-once {
border-radius: 5px;
box-shadow: 0 0 0 rgba(0, 76, 170, 0.4);
animation: pulse 2s 1;
}
@-webkit-keyframes pulse-once {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 76, 170, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 15px rgba(0, 76, 170, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 76, 170, 0);
}
}
@keyframes pulse-once {
0% {
-moz-box-shadow: 0 0 0 0 rgba(0, 76, 170, 0.4);
box-shadow: 0 0 0 0 rgba(0, 76, 170, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 15px rgba(0, 76, 170, 0);
box-shadow: 0 0 0 10px rgba(0, 76, 170, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(0, 76, 170, 0);
box-shadow: 0 0 0 0 rgba(0, 76, 170, 0);
}
}
/*
@media (min-width: 1240px) {
.modal-xlg {
width: 1180px !important;
}
}
*/
.modal-dialog {
margin: 0;
padding-top: 15px;
}
.modal-full {
width: 95%;
}
.modal-yodlee {
width: 798px;
}
.modal-header button.close {
margin: 0px !important;
}
.table-splits th,
.table-taxes th {
padding-top: 0 !important;
}
.table-splits tr.no-records-found,
.table-taxes tr.no-records-found {
height: auto;
}
.table-splits tr.no-records-found td,
.table-taxes tr.no-records-found td {
font-size: 14px;
font-weight: normal;
color: #9A9A9A; /* .text-muted */
}
#document-splits-container .fixed-table-footer tr:hover,
#document-taxes-container .fixed-table-footer tr:hover {
background-color: unset;
}
#document-splits-container th,
#document-taxes-container th {
padding-right: 0px !important;
}
.document-splits-add-row,
.document-taxes-add-row {
border-bottom: 1px solid #E3E3E3;
}
.document-splits-add-row:hover,
.document-taxes-add-row:hover {
background-color: unset !important;
}
.select2-tags-disabled + span.select2.select2-container--disabled span.select2-selection--multiple {
border: none !important;
background: none !important;
}
.modal-document-detail #receipt-info {
position: relative;
}
.modal-document-detail #receipt-info .approved-bg {
background: url('/static/img/approved_stamp.png');
background-repeat: no-repeat;
background-size: 350px;
background-position-y: 8px;
background-position-x: center;
filter: alpha(opacity=15);
opacity: 0.15;
width: 100%;
height: 500px;
position: absolute;
top: 0;
}
.modal-document-detail #receipt-info .paid-bg {
background: url('/static/img/paid_stamp.png');
background-repeat: no-repeat;
background-size: 350px;
background-position-y: 8px;
background-position-x: center;
filter: alpha(opacity=15);
opacity: 0.15;
width: 100%;
height: 500px;
position: absolute;
top: 0;
}
.modal-document-detail #receipt-info .table-details {
position: relative;
top: 0;
left: 0;
}
.modal-document-detail .editableform .control-group.form-group {
margin-left: 0px;
margin-right: 0px;
}
.modal-document-detail .bank-transaction {
margin-top: 8px;
border-radius: 4px;
font-family: 'Courier New', Courier, monospace;
font-size: 14px;
}
.modal-dialog-slideout .modal-header {
position: -webkit-sticky !important;
position: -moz-sticky !important;
position: -ms-sticky !important;
position: -o-sticky !important;
position: sticky !important;
top: 0px !important;
background-color: #fff;
z-index: 10000;
}
.modal-document-detail .table-splits .select2-container--default {
position: relative !important;
z-index: 2;
float: left !important;
width: 100% !important;
margin-bottom: 0 !important;
display: table !important;
table-layout: fixed !important;
}
.modal-document-detail .amount-cell {
padding-left: 8px;
padding-right: 0px;
min-width: 80px;
width: 80px;
}
.modal-document-detail .amount-cell-small {
padding-left: 8px;
padding-right: 0px;
min-width: 40px;
width: 40px;
}
.modal-document-detail.splits-enabled .amount-cell,
.modal-document-detail.taxes-enabled .amount-cell,
.modal-document-detail.exchange-enabled .amount-cell {
padding-right: 8px;
}
.modal-document-detail .exchange-cell {
background-color: #e9e9e9;
}
.modal-document-detail .cell {
min-width: 70px;
}
.modal-document-detail .description-visible .cell {
width: 25%;
}
.modal-document-detail .tags-cell {
min-width: 200px;
}
.modal-document-detail .description-cell {
min-width: 200px;
width: 95%;
}
.modal-document-detail .full-width-cell {
width: 95%;
}
.modal-document-detail .bootstrap-table .table>tbody>tr>td.zero-width-cell,
.modal-document-detail .bootstrap-table .table>thead>tr>th.zero-width-cell {
width: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.modal-document-detail .bootstrap-table .table>tbody>tr.document-splits-add-row>td.zero-width-cell {
padding-left: 8px !important;
}
.modal-document-detail .zero-width-cell > div {
display: none;
}
.modal-document-detail .tax-name-cell {
min-width: 200px;
width: 95%;
}
.modal-document-detail .split-spacer {
display: none;
}
.modal-document-detail.splits-enabled .split-spacer,
.modal-document-detail.taxes-enabled .split-spacer {
display: table-cell;
}
.modal-document-detail .split-actions-cell,
.modal-document-detail .tax-actions-cell {
min-width: 30px !important;
max-width: 30px !important;
width: 30px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.modal-document-detail .table-amounts th {
padding-top: 2px;
}
.modal-document-detail .table-amounts td {
padding-bottom: 4px;
}
.modal-document-detail #document-splits-container .bootstrap-table .fixed-table-footer .table,
.modal-document-detail #document-taxes-container .bootstrap-table .fixed-table-footer .table {
border-bottom: none !important;
}
.modal-document-detail #document-splits-container .fixed-table-toolbar,
.modal-document-detail #document-taxes-container .fixed-table-toolbar {
padding: 0;
}
#modal-document-total {
display: inline-block;
vertical-align: middle;
margin: 0 20px;
position: relative;
z-index: 1;
cursor: pointer;
}
#document-enable-line-items {
padding-top: 4px;
}
.lineitem-select2-options {
min-width: 220px;
margin-top: -1px;
border-top: solid 1px #aaa !important;
}
.modal-document-warning td {
padding-top: 6px;
padding-bottom: 6px;
}
.modal-dialog-slideout .modal-footer {
position: -webkit-sticky !important;
position: -moz-sticky !important;
position: -ms-sticky !important;
position: -o-sticky !important;
position: sticky !important;
bottom: 0px !important;
background-color: #fff;
z-index: 10000;
height: 66px;
}
.modal-dialog-slideout .modal-body {
margin-bottom: 0px !important;
min-height: calc(100vh - 128px);
}
.modal-document-detail .modal-dialog-slideout .modal-body,
.modal-connected-app .modal-dialog-slideout .modal-body,
.modal-user-detail .modal-dialog-slideout .modal-body,
.modal-user-products-detail .modal-dialog-slideout .modal-body {
min-height: calc(100vh - 157px);
}
#sticky-document-preview {
position: sticky;
top: 40px;
overflow-y: auto;
overflow-x: hidden;
padding: 1px;
padding-right: 16px;
}
.document-modal-preview .ui-resizable-e {
width: 11px;
right: -6px;
}
#modal-left-panel {
border-right: dashed 1px #999;
color: #999;
}
.bootstrap-table .table > thead > tr > th.status-cell,
.bootstrap-table .table > tbody > tr > td.status-cell {
min-width: 8px;
max-width: 8px;
padding: 0px !important;
}
.bootstrap-table .table > tbody > tr.selected {
background-color: #d9edf7;
}
.bootstrap-table .table > tbody > tr.disabled {
background-color: #f3f3f3;
opacity: 0.65;
filter: alpha(opacity=65);
}
/* Animated buttons - icon always shows, label animates into view */
.btn-togglable-label {
display: inline-block;
white-space: nowrap;
overflow: hidden;
width: auto;
}
.btn-togglable-label span.togglable-label {
display: inline-block;
max-width: 0px;
transition: 0.3s;
opacity: 0;
}
.btn-togglable-label:hover span.togglable-label {
display: inline-block;
max-width: 200px;
opacity: 1;
transition: 0.5s;
}
@media screen and (min-width: 1085px) {
.btn-togglable-label span.togglable-label.bank-action.bank-action-primary {
display: inline-block;
max-width: 200px;
transition: 0.3s;
opacity: 1;
}
}
@media screen and (min-width: 1294px) {
.btn-togglable-label span.togglable-label.bank-action {
display: inline-block;
max-width: 200px;
transition: 0.3s;
opacity: 1;
}
}
.alert-box {
color: #FFFFFF;
padding: 5px 0 5px 0;
border-radius: 5px;
width: 73px;
}
.photo-30 {
width: 30px;
height: 30px;
}
.photo-primary, .photo-primary img {
border: 1px solid rgba(180, 180, 180, 1) !important;
border-radius: 50%;
}
.photo, .photo img {
border: 1px solid rgba(200, 200, 200, 0.3) !important;
border-radius: 50%;
}
.document-unread td {
font-weight: bold;
}
/* .document-archived td {
background-color: #f3f3f3;
opacity: 0.65;
filter: alpha(opacity=65);
} */
#documents-loader, #trips-loader {
border-bottom: 1px solid #dddddd;
}
/* Infinity scroll */
/* .infinity-scroll-container #form-filter-sort-options {
z-index: 1000;
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0px;
background-color: #ffffff;
}
.infinity-scroll-container div.fixed-table-toolbar {
z-index: 1000;
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 94px;
overflow: hidden !important;
background-color: #ffffff;
} */
.infinity-scroll-container.tab-pane {
padding-bottom: 0px;
}
.pagination-container.tab-pane {
padding-bottom: 0px;
}
.table-filters-padding {
padding-top: 15px;
}
.form-filter-sort-options th {
vertical-align: bottom !important;
}
/* Panels */
.iqb-panel {
padding: 6px !important;
}
.iqb-note {
background-color: #ffffcc;
border-right: 6px solid #ffeb3b;
padding-left: 6px;
padding-right: 6px;
margin: 10px 0;
color: #000000;
}
/* Yodlee iframe */
#iframe-fastlink {
border: 0;
width: 100%;
/* height: 590px; */
height: 100%;
}
.bootstrap-table .fixed-table-container {
overflow-y: hidden;
width: 100%;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.bootstrap-table .fixed-table-container-none {
width: 100%;
}
.fixed-table-pagination .page-list .btn {
border-radius: 30px;
}
.table-hover > tbody > tr.no-results:hover,
.table-hover > tbody > tr.no-results:hover > td {
background-color: #fff !important;
}
.actions-column {
min-width: 35px;
}
/* Left nav adjustments */
.sidebar .nav li > a {
margin: 3px 8px 3px 8px !important;
opacity: 1;
}
.nav>li>a {
padding: 5px 8px;
}
.nav.navbar-nav.navbar-right {
float: none !important;
height: 60px;
}
.nav.navbar-nav.navbar-right > li {
margin-top: 2px;
display: inline-block;
float: none !important;
vertical-align: top;
}
.nav.navbar-nav.navbar-right > li#navbar-connectedapps > a > img {
position: relative;
top: -3px;
}
.sidebar .nav [data-toggle="collapse"] ~ div > ul > li > a {
padding-left: 40px;
}
/* Bank logo circle */
.bank-logo-outer {
width:80px;
height:80px;
display: block;
overflow: hidden;
}
.bank-logo-inner {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
/* Bank error indicator */
.bank-error-indicator {
position: absolute;
top: 0px;
right: 0px;
margin-top: 15px;
margin-right: 28px;
color: #fc727a;
}
.bank-import-validation-row {
display: table-row;
}
.bank-import-validation-icon {
display: table-cell;
padding-right: 8px;
padding-bottom: 8px;
}
.bank-import-validation-icon i.fa-lg {
position: relative;
top: 2px;
}
.bank-import-validation-message {
display: table-cell;
padding-bottom: 8px;
}
.modal-bank-import .bootstrap-select.open {
z-index: 100000;
}
/* Better tabs */
.nav-tabs>li.active>a {
font-weight: bold;
}
.nav-tabs>li:not(.active)>a {
border-color: #ddd;
}
.nav-tabs>li.view-mode-label {
color: #999;
background: none;
height: 28px;
padding-top: 9px;
padding-right: 6px;
text-transform: uppercase;
font-size: 11px !important;
font-weight: bold;
}
.nav-tabs>li.view-mode {
color: #555;
background: #ddd;
height: 28px;
margin-top: 1px;
padding: 0px;
}
.nav-tabs>li.view-mode-first {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border: #ddd 1px solid;
padding-left: 1px;
}
.nav-tabs>li.view-mode-last {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border: #ddd 1px solid;
padding-right: 1px;
}
.nav-tabs>li.view-mode>a,
.nav-tabs>li.view-mode>a:hover,
.nav-tabs>li.view-mode.active>a,
.nav-tabs>li.view-mode.active>a:hover {
color: #999;
padding: 2px 3px 2px 4px;
margin: 1px 0px 0px 0px;
border: transparent 1px solid;
border-radius: 3px;
background: none;
height: 24px;
width: 27px;
}
.nav-tabs>li.view-mode>a:hover {
color: #555;
}
.nav-tabs>li.view-mode.active>a,
.nav-tabs>li.view-mode.active>a:hover {
color: #555;
background: #fff;
}
/* Image Preview */
.preview {
cursor: pointer;
}
/* Bootstrap totals footer cell */
.fixed-table-footer {
overflow: visible !important;
border-top: 0;
}
.content-logbook .fixed-table-footer .th-inner {
padding-left: 8px;
}
.content-document-splits .fixed-table-footer .th-inner,
.content-document-taxes .fixed-table-footer .th-inner {
padding-right: 8px;
}
.fixed-table-footer .footer-cell {
border-bottom: 1px solid #E3E3E3;
}
/* Bootstrap header group cell */
th.group-header {
background-color: #f9f9f9;
border-top: solid 2px #999 !important;
border-left: solid 2px #999 !important;
border-right: solid 2px #999 !important;
border-bottom: solid 1px #999 !important;
}
th.group-header h5 {
margin: 10px 0;
color: #333;
}
tr.group-sub-header,
tr.group-sub-header > td,
.table-hover tr.group-sub-header.no-hover:hover > td {
background-color: #f9f9f9 !important;
/* border-top: solid 2px #999 !important;
border-bottom: solid 1px #999 !important; */
}
tr.grand-total-footer,
tr.grand-total-footer > td,
.table-hover tr.grand-total-footer.no-hover:hover > td {
background-color: #eee !important;
/* border-top: double 3px #999 !important;
border-bottom: solid 1px #999 !important; */
}
/* Profile Settings */
.top-right-corner {
position: absolute;
display: inline;
top: -20px;
right: 20px;
}
.top-left-corner {
position: absolute;
display: inline;
top: 10px;
left: 25px;
}
.card-user .content {
min-height: 140px;
}
.sidebar-settings {
padding-left: 3px;
text-align: left;
}
#form-profile .intl-tel-input,
#form-company .intl-tel-input {
width: 100%;
}
/* MFA */
input.mfa-swal-input {
width: 240px !important;
max-width: 240px !important;
}
input.mfa-swal-input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.mfa-swal-input[type="number"] {
-moz-appearance: textfield;
}
/* Prevent columns selection list from pushing out page height when closed */
.bootstrap-table .keep-open.btn-group .dropdown-menu {
display: none;
}
.bootstrap-table .keep-open.btn-group.open .dropdown-menu {
display: block !important;
}
/* Sticky header and footer */
.main-panel > nav.navbar.navbar-default {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0px;
z-index: 999;
}
.main-panel {
height: 100vh !important;
overflow: auto !important;
}
/* Prevent jumping content when header becomes invisible (its 65px height removed from DOM) */
.main-panel > nav.navbar.navbar-default[style*=none] + div.content,
.main-panel > nav.navbar.navbar-default[data-hidden] + div.content {
margin-top: 65px;
}
.main-panel > .content {
min-height: calc(100vh - 117px) !important;
padding-top: 0px;
}
footer.footer {
position: absolute;
bottom: 0;
right: 0;
left: 0;
z-index: 999;
}
.footer:not(.footer-big) nav > ul a {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.footer .copyright {
margin: 0px !important;
padding-right: 0px !important;
}
.wrapper-full-page > .full-page > .content {
height: 100vh;
overflow: auto;
}
.wrapper-full-page > .billing-page > .content {
height: 100vh;
overflow: auto;
}
hr.padded {
margin: 15px;
}
/* Reporting */
@media (min-width: 375px) {
.report-avatar-cell {
width: inherit;
min-width: 130px;
max-width: 130px;
float: left;
position: relative;
overflow: auto;
}
.report-main-cell {
width: calc(100% - 115px);
position: relative;
float: left;
margin-left: -15px;
}
}
.report-team-column {
min-width: 122px;
}
.report-name-column {
min-width: 350px;
}
.report-team-column img.avatar {
margin: 2px;
}
td.cell-border-top,
th.cell-border-top,
tr.cell-border-top > td,
tr.cell-border-top > th {
border-top: solid 2px #999 !important;
}
td.cell-border-bottom,
th.cell-border-bottom,
tr.cell-border-bottom > td,
tr.cell-border-bottom > th {
border-bottom: solid 2px #999 !important;
}
td.cell-border-left,
th.cell-border-left {
border-left: solid 2px #999 !important;
}
td.cell-border-right,
th.cell-border-right {
border-right: solid 2px #999 !important;
}
td.group-footer-cell {
background-color: #f9f9f9;
border-top: solid 1px #999 !important;
border-bottom: solid 2px #999 !important;
font-weight: bold;
}
.fixed-table-footer .data-cell {
background-color: #f9f9f9;
border-top: solid 1px #999 !important;
border-bottom: solid 2px #999 !important;
}
.fixed-table-footer .data-cell div.th-inner {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.btn-spacing-v {
margin-bottom: 4px;
position: relative;
top: 2px;
}
div.dashed-top {
border-top: 1px dashed #447DF7;
width: 100%;
}
div.dashed-bottom {
position: relative;
overflow: hidden;
display: inline-block;
border-bottom: 1px dashed #447DF7;
width: 100%;
}
div.toggle-advanced,
div.toggle-timesheet-attachment {
width: 168px;
float: left;
margin-left: 50%;
position: relative;
left: -84px;
color: #447DF7;
cursor: pointer;
text-align: center;
border: 1px solid #447DF7;
border-radius: 15px;
background-color: #fff;
margin-top: -12px;
}
div.toggle-timesheet-attachment {
width: 190px;
left: -90px;
}
div.advanced-options-container.open {
background-color: #f9f9f9;
}
div.advanced-options-container .toggle-advanced-bottom {
background-color: #fff;
}
div.guide-box-info-clippable.clipped .info-cell > div {
max-height: 60px;
overflow: hidden;
}
div.guide-box-info-clippable .toggle-more .show-more {
display: none;
}
div.guide-box-info-clippable .toggle-more .show-less {
display: block;
}
div.guide-box-info-clippable.clipped .toggle-more .show-more {
display: block;
}
div.guide-box-info-clippable.clipped .toggle-more .show-less {
display: none;
}
div.guide-box-info-clippable .toggle-more {
width: 100px;
height: 18px;
font-size: 12px;
float: left;
margin-left: 50%;
position: relative;
left: -50px;
color: #31708f;
cursor: pointer;
text-align: center;
text-transform: uppercase;
border: 1px solid #31708f;
border-radius: 15px;
background-color: #fff;
margin-top: -10px;
}
div.guide-box-info-clippable .dashed-top {
border-top: 1px dashed #31708f;
width: 100%;
}
.help-info {
padding:8px;
background-color:#F3F3F3;
}
.no-margin {
margin: 0px !important;
}
.no-margin-top {
margin-top: 0px !important;
}
.no-margin-bottom {
margin-bottom: 0px !important;
}
.no-margin-left {
margin-left: 0 !important;
}
.no-margin-right {
margin-right: 0 !important;
}
.no-margin-sides {
margin-left: 0 !important;
margin-right: 0 !important;
}
.no-padding-top {
padding-top: 0 !important;
}
.no-padding-bottom {
padding-bottom: 0 !important;
}
.no-padding-left {
padding-left: 0px !important;
}
.no-padding-right {
padding-right: 0px !important;
}
.card-alert {
box-shadow: 0 1px 2px rgba(255, 0, 0, 0.05), 0 0 0 1px rgba(255, 0, 0, 1);
}
.truncated-cell-block {
display: inline-block;
max-width: 300px;
padding-right: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.truncated-cell-block textarea {
width: 298px !important;
}
.truncated-cell-block-narrow {
display: inline-block;
max-width: 160px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
top: 2px;
}
.table-details > tbody > tr > td {
padding-bottom: 10px;
padding-top: 8px;
/* border-bottom: 1px solid #E3E3E3; */
}
.table-details > tbody > tr:last-child > td {
border-bottom: 0;
}
.table-details h6 {
margin-top: 0px;
}
.table-compact {
margin-bottom: 0px;
}
.table-compact > thead > tr > th, .table-compact > tbody > tr > th, .table-compact > tfoot > tr > th, .table-compact > thead > tr > td, .table-compact > tbody > tr > td, .table-compact > tfoot > tr > td {
padding: 0;
vertical-align: middle;
border-color: #FFFFFF;
}
.table-compact > thead > tr > th {
padding-bottom: 4px;
}
.column-min-width-md {
min-width: 160px;
}
ul.schedule-repeat-days {
display: inline-block;
margin: 0px;
padding: 0px;
}
.schedule-repeat-days li {
margin-right: 0px !important;
border-radius: 36px !important;
width: 36px;
height: 36px;
padding: 6px 0;
opacity: 1;
cursor: pointer;
text-align: center;
}
.project-users li,
.project-admin_users li,
.schedule-users li,
.client-users li,
.bank-users li {
/* margin-right: -1px !important; */
/* margin-bottom: -3px !important; */
margin-right: 0px !important;
margin-bottom: 4px !important;
border-radius: 4px !important;
width: 32%;
padding: 6px 6px;
opacity: 1;
cursor: pointer;
display: inline-flex;
}
.project-users li span.state-icon,
.project-admin_users li span.state-icon,
.schedule-users li span.state-icon,
.client-users li span.state-icon,
.bank-users li span.state-icon {
margin-top: 6px;
margin-right: 4px;
float: left !important;
}
.project-users li div,
.project-admin_users li div,
.schedule-users li div,
.client-users li div,
.bank-users li div {
display: inline-block;
}
.project-users li div.avatar-image,
.project-admin_users li div.avatar-image,
.schedule-users li div.avatar-image,
.client-users li div.avatar-image,
.bank-users li div.avatar-image {
float: left !important;
}
.project-users li div.admin-badge,
.project-admin_users li div.admin-badge,
.schedule-users li div.admin-badge,
.client-users li div.admin-badge,
.bank-users li div.admin-badge {
margin-top: 4px;
margin-left: 4px;
float: right !important;
flex: 0;
}
.project-users li div.name,
.project-admin_users li div.name,
.schedule-users li div.name,
.client-users li div.name,
.bank-users li div.name {
margin-top: 5px;
float: left !important;
width: 100%;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.project-users li.disabled,
.project-admin_users li.disabled,
.schedule-users li.disabled,
.client-users li.disabled,
.bank-users li.disabled {
cursor: not-allowed !important;
opacity: 0.5;
}
a.disabled {
cursor: not-allowed !important;
}
#form-project-summary .form-group {
margin-top: 15px;
margin-bottom: 15px;
}
#form-project-summary .user-list img {
width: 32px;
height: 32px;
margin-right: 4px;
position: relative;
}
.invalid-date-field, .invalid-field {
border: solid 1px #f00 !important;
border-radius: 4px !important;
}
.invalid-date-field > input, .invalid-date-field > span {
border: unset !important;
color: #f00;
}
.invalid-list-group > li {
border: solid 1px #f00 !important;
color: #f00;
}
.invalid-select2-field .select2-selection {
border: solid 1px #f00 !important;
}
.invalid-editable-field,
.invalid-select2-field span {
color: #f00 !important;
}
.invalid-select2-field .select2-selection__arrow > b {
border-color: #f00 transparent transparent transparent !important;
}
.editable-error {
border-bottom-color: #f00 !important;
}
.floating-dropdown-placeholder {
width: 39px;
}
.form-filter-sort-options .filter-customerproject .option-group, .select2-option-group {
font-weight: bold;
color: #333 !important;
}
.form-filter-sort-options .filter-customerproject .option-group-item, .select2-option-group-item {
padding-left: 12px;
}
/* .h6-divider {
color: #E3E3E3;
padding: 12px 8px;
border-top: 2px solid #E3E3E3;
} */
.veryfi-bg {
background-image: url("/static/ico/apple-touch-icon.png");
background-repeat: no-repeat, repeat;
background-size: 30px;
background-position: 5px 5px;
}
.sidebar-mini .veryfi-bg {
background: none;
background: transparent;
}
#veryfi_logo {
align-self: flex-start;
}
#veryfi_logo_text {
display: inline-block;
}
.sidebar-mini #veryfi_logo_text {
display: none;
}
.btn-disabled {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.btn-fill-white,
.btn-fill-white:hover,
.btn-fill-white:focus {
background-color: #fff;
}
.btn-xs {
padding: 3px 6px 1px 3px;
}
.please-upgrade {
position: absolute;
background-color: #EC644B;
text-align: center;
border-radius: 10px;
min-width: 18px;
padding: 0 5px;
height: 18px;
font-size: 11px;
color: #FFFFFF;
font-weight: bold !important;
line-height: 18px;
top: 8px;
right: 10px;
cursor: pointer !important;
}
.please-upgrade a {
padding: 0px !important;
}
.please-upgrade img {
width: 13px !important;
cursor: pointer !important;
}
.sidebar-mini .please-upgrade {
display: none;
}
.select2-lg span.select2-selection.select2-selection--single,
.select2-lg span.select2-selection.select2-selection--multiple {
min-height: 35px !important;
}
.select2-lg span.select2-selection__rendered {
line-height: 35px !important;
}
.select2-lg li.select2-search--inline {
line-height: 25px !important;
}
.select2-lg li.select2-selection__choice {
line-height: 22px !important;
}
.select2-lg span.select2-selection__arrow {
height: 33px !important;
}
.timesheet-row {
height: 50px;
}
.no-indent-list {
padding-left: 0px;
margin-left: 16px;
}
/* Onboarding */
body.onboarding-active.modal-open .wrapper, body.onboarding-active .modal-open #invite-scheduleademo-container {
-webkit-filter: blur(5px) grayscale(90%);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
.onboarding-card {
width: 300px;
display: inline-block;
margin: 20px;
padding: 12px;
}
.onboarding-card .feature-container {
width: 100%;
height: 200px;
}
.onboarding-card .feature-image {
height: 30px;
padding-left: 0px !important;
padding-right: 0px !important;
color: darkslateblue;
display: inline-block;
}
.onboarding-card .feature-name {
height: 30px;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 3px !important;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
display: inline-block;
}
.onboarding-card .feature-info {
padding-top: 12px !important;
border-top: solid 1px #e5e5e5;
margin-top: 12px;
position: relative;
}
.onboarding-card .feature-info ul {
padding-left: 27px;
position: absolute;
}
.onboarding-card .feature-checkbox {
height: 30px;
padding-left: 0px !important;
padding-right: 0px !important;
display: inline-block;
text-align: right;
}
.fa-onboarding-avatar {
font-size: 2em;
}
.onboarding .select2-container {
width: 100% !important;
}
.product-card {
width: 200px;
display: inline-block;
margin-bottom: 12px;
}
.product-card .avatar-container {
width: 100%;
height: 100px;
text-align: center;
color: darkslateblue;
}
.product-card .avatar-info {
width: 100%;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
.product-card .avatar-info {
min-height: 80px;
}
.product-card .avatar-info .avatar-checkbox{
margin-bottom: 8px;
margin-top: 12px;
}
.fa-product-avatar {
font-size: 3.7em;
vertical-align: 3em;
line-height: 2em;
}
/* Glyphicon checkboxes */
input[type='checkbox'].glyphicon-checkbox:checked + label > i:first-of-type,
input[type='checkbox'].glyphicon-checkbox + label > i:last-of-type {
display: none;
}
input[type='checkbox'].glyphicon-checkbox:checked + label > i:last-of-type {
display: inline-block;
}
input[type='checkbox'].glyphicon-checkbox + label > i {
cursor: pointer;
}
.glyphicon-lg {
font-size: 20px;
}
.avatar {
border: 1px solid #aaa;
border-radius: 50%;
background: #fff;
padding: 1px;
overflow: hidden;
max-width: 124px;
margin: 0 auto;
}
.avatar img {
width: 100%;
height: auto;
}
.avatar.team-avatar {
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
margin-right: 5px;
}
.avatar.border-gray {
padding: 0;
}
.project-avatar-inline {
padding: 2px;
max-width: 45px;
max-height: 45px;
width: 45px;
height: 45px;
}
.project-avatar {
padding: 2px;
width: 45px;
height: 45px;
cursor: pointer;
}
.avatar-button {
height: 35px;
margin-top: -3px;
padding-top: 9px;
}
.img-80x80 {
min-width: 80px;
min-height: 80px;
max-width: 80px;
max-height: 80px;
}
.img-60x60 {
min-width: 60px;
min-height: 60px;
max-width: 60px;
max-height: 60px;
}
.img-50x50 {
min-width: 50px;
min-height: 50px;
max-width: 50px;
max-height: 50px;
}
.img-40x40 {
min-width: 40px;
min-height: 40px;
max-width: 40px;
max-height: 40px;
}
.img-30x30 {
min-width: 30px;
min-height: 30px;
max-width: 30px;
max-height: 30px;
}
.img-thumbnail.img-50x50 .img-50x50 {
position: relative;
left: -2px;
top: -2px;
}
.img-60w {
min-width: 60px;
max-width: 60px;
width: 60px;
}
.status-project-in_progress,
.status-timesheet-in_progress,
.status-reimbursement-submitted {
background-color: #f5be74;
color: #623b00;
}
.status-project-archived,
.status-project-draft,
.status-timesheet-canceled,
.mode-timesheet-manual {
background-color: #777777;
color: #fff;
}
.status-reimbursement-not-submitted {
background-color: #fff;
color: #777777;
border: solid 1px #777777;
}
.status-timesheet-completed,
.status-payroll-not_synced {
background-color: #ffffff;
color: #000000;
border: solid 1px #000000;
}
.status-project-completed,
.status-timesheet-approved,
.mode-timesheet-auto,
.status-payroll-synced,
.status-reimbursement-approved {
background-color: #70bc8e;
color: #fff;
}
.status-project-canceled,
.status-timesheet-deleted,
.status-reimbursement-rejected {
background-color: #eb7a7d;
color: #fff;
}
.status-reimbursement-paid {
background-color: #fff;
color: #70bc8e;
border: solid 1px #70bc8e;
}
.document-tabs li a.alert-danger:hover span.btn-text {
color: #fc727a !important;
}
.document-tabs li.active a.alert-danger span.btn-text {
color: #fc727a !important;
}
.document-tabs li a.alert-success:hover span.btn-text {
color: #53BF8A !important;
}
.document-tabs li.active a.alert-success span.btn-text {
color: #53BF8A !important;
}
/* Project geofencing */
.geofence-remove-button,
.geofence-remove-button:hover,
.team-map-refresh-button,
.team-map-refresh-button:hover,
.timeline-map-refresh-button,
.timeline-map-refresh-button:hover {
width: 40px;
height: 40px;
margin-right: 10px;
margin-top: 8px;
background-color: #fff;
border-radius: 0;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
text-align: center;
vertical-align: middle;
padding: 9px 8px;
z-index: 1 !important;
cursor: pointer;
}
.team-map-refresh-button:hover {
color: #333;
}
.geofence-map {
height: 450px;
border: solid 1px #e3e3e3;
}
.select-autowidth.btn-group.bootstrap-select {
width: auto !important;
}
/* Google Maps Locator (team locations) */
.team-map-toolbox {
max-height: 50%;
width: 174px;
overflow-y: scroll;
border: solid 1px #e3e3e3;
background-color: #fff;
padding: 4px;
margin-right: 4px;
margin-bottom: 4px;
}
.map-location-label {
width: 140px;
height: 22px;
margin-bottom: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
.map-location-label img {
width: 22px !important;
height: 22px !important;
margin-right: 4px;
}
.map-location-label.active {
cursor: pointer;
}
.map-location-label.active span {
font-weight: bold;
}
.map-location-label.inactive {
cursor: default;
}
.map-location-label.inactive {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
.map-location-summary {
border-bottom: solid 1px #eee;
background-color: #fafafa;
font-size: 12px;
font-weight: bold;
padding: 4px;
margin-bottom: 4px;
float: left;
width: 100%;
}
.map-location-summary-label {
float: left;
}
.map-location-summary-value {
float: right;
}
.info-window-row {
padding-top: 2px;
padding-bottom: 2px;
}
.info-window-label {
font-weight: bold;
}
/* Google Maps timesheet timeline */
.timeline-map-player-toolbox {
width: 400px;
background-color: #fff;
border: solid 1px #e3e3e3;
border-radius: 4px;
margin-bottom: 4px;
color: #666;
z-index: 1000002 !important;
}
.timeline-map-player-toolbox .play-button,
.timeline-map-player-toolbox.playing .pause-button {
display: inline-block;
margin: 10px;
}
.timeline-map-player-toolbox.playing .play-button,
.timeline-map-player-toolbox .pause-button {
display: none;
margin: 10px;
}
.timeline-map-player-toolbox .timeline-slider-conatiner {
width: 340px;
float: right;
margin: 9px 12px 0 0;
}
.timeline-map-player-toolbox .slider {
width: 100% !important;
}
.timeline-map-player-toolbox .slider-track {
height: 5px !important;
background-image: none !important;
background-color: #d9d9d9;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.timeline-map-player-toolbox .slider-selection {
height: 5px;
background-image: none !important;
background-color: #447DF7;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.timeline-map-player-toolbox .slider-handle {
width: 15px;
height: 15px;
background-color: #447DF7;
}
.timeline-map-time-label {
min-width: 200px;
margin-left: -100px;
margin-top: 4px;
background-color: #fff;
border: solid 1px #e3e3e3;
border-radius: 4px;
padding: 8px;
font-size: 14px;
color: #666;
text-align: center;
}
/* Google Autocomplete in Bootstrap Modal fix */
.pac-container {
z-index: 100000;
}
.attachment-icon,
.file-icon {
font-size: 4em;
margin: 10px 0;
}
.modal-external .action-internal-only {
display: none;
}
.payment-connected-account .editable-input>span.select2 {
width: 140px !important;
}
#document-splits-container ul.dropdown-menu,
.infinity-scroll-container ul.dropdown-menu {
width: 0px !important;
overflow: hidden;
}
#document-splits-container ul.dropdown-menu li,
.infinity-scroll-container ul.dropdown-menu li {
width: 200px !important;
}
#tab-documents-moneyout .fixed-table-toolbar ul.dropdown-menu {
width: 180px !important;
overflow: hidden;
}
#tab-documents-moneyout .fixed-table-toolbar ul.dropdown-menu li {
width: 240px !important;
}
.bootstrap-table td .dropdown ul.dropdown-menu,
.bootstrap-table td .dropdown ul.dropdown-menu li,
.bootstrap-table td .dropdown ul.dropdown-menu li a {
min-width: 0px !important;
width: 0px;
overflow-x: hidden;
}
.bootstrap-table td .dropdown.open ul.dropdown-menu,
.bootstrap-table td .dropdown.open ul.dropdown-menu li,
.bootstrap-table td .dropdown.open ul.dropdown-menu li a {
min-width: 120px;
width: auto;
overflow-x: visible;
}
.bulk-actions-bar a.btn {
margin-top: 2px;
margin-bottom: 2px;
}
.img-bulk-ca {
position: relative;
top: -1px;
height: 16px;
}
/* Slide out modals */
@media (max-width: 576px) {
.modal-dialog.modal-dialog-slideout {
width: 80%;
}
}
.modal-dialog-slideout {
position: relative;
min-height: 100%;
margin: 0 auto 0 0;
background: #fff;
padding: 0;
/* height: 100%; */
}
.modal.fade .modal-dialog.modal-dialog-slideout {
-webkit-transform: translate(-100%,0);
transform: translate(-100%,0);
}
.modal.fade.in .modal-dialog.modal-dialog-slideout {
-webkit-transform: translate(0,0);
transform: translate(0,0);
flex-flow: column;
left: -3px;
}
.modal-dialog-slideout .modal-content {
border: 0;
position: absolute;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.modal-dialog-slideout .modal-content.card {
margin-bottom: 0;
}
.modal.modal-slideout {
text-align: left;
padding-left: 0 !important;
}
.modal-dialog-slideout .modal-content .modal-header,
.modal-dialog-slideout .modal-content .modal-body,
.modal-dialog-slideout .modal-content .modal-footer {
width: 100%;
}
.modal-dialog-slideout.modal-yodlee .modal-content .modal-body {
margin-bottom: 66px !important;
}
.modal-dialog-slideout.modal-yodlee .modal-content .modal-footer {
position: absolute !important;
bottom: 0px;
height: 66px;
background: white;
}
.modal-dialog-slideout.modal-yodlee .modal-content .modal-body {
height: calc(100vh - 66px);
position: absolute !important;
}
/* Hide all but the first .modal-backdrop */
body > .modal-backdrop ~ .modal-backdrop{
opacity: 0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
.client-container .accountant-list div {
width: 280px;
display: inline-block;
text-align: left;
}
.bank-account-container .user-list div {
margin-top: 4px;
}
.bank-account-container .user-list div:first-child {
margin-top: 0px;
}
.client-container:nth-child(2n+1),
.bank-account-container:nth-child(3n+1) {
clear: left;
}
.client-users-error {
border: solid 2px red;
padding-top: 8px;
margin-top: -10px;
min-height: 36px;
margin-bottom: 0px !important;
}
/* Info boxes */
table.info-box-error {
border: 0;
width: 100%;
border-right: solid 2px #ff4c4c;
}
table.info-box-error .icon-cell {
width: 56px;
height: 100%;
background-color: #ff4c4c;
color: #fee;
padding: 10px;
padding-top: 12px;
padding-bottom: 12px;
vertical-align: top;
}
table.info-box-error .info-cell {
width: 100%;
background-color: #ffcccc;
padding: 8px 12px;
}
table.info-box-warning {
border: 0;
width: 100%;
border-right: solid 2px #ffe066;
}
table.info-box-warning .icon-cell {
width: 56px;
height: 100%;
background-color: #ffe066;
color: #d09025;
padding: 10px;
padding-top: 12px;
padding-bottom: 12px;
vertical-align: top;
}
table.info-box-warning .info-cell {
width: 100%;
background-color: #fff9db;
padding: 8px 12px;
}
table.info-box-success {
border: 0;
width: 100%;
border-right: solid 2px #8be17f;
}
table.info-box-success .icon-cell {
width: 56px;
height: 100%;
background-color: #8be17f;
color: #539936;
padding: 10px;
padding-top: 12px;
padding-bottom: 12px;
vertical-align: top;
}
table.info-box-success .info-cell {
width: 100%;
background-color: #e8f9e6;
padding: 8px 12px;
}
table.info-box-note {
border: 0;
width: 100%;
border-right: solid 2px rgba(102, 178, 255, 0.8);
}
table.info-box-note-section {
border: 0;
border-radius: 16px;
width: 100%;
border-left: solid 8px #53BF8A;
}
table.info-box-note-section .info-cell {
width: 100%;
padding: 8px 12px;
}
table.info-box-note .icon-cell {
width: 56px;
height: 100%;
background-color: rgba(102, 178, 255, 0.3);
color: rgba(102, 178, 255);
padding: 10px;
padding-top: 12px;
vertical-align: top;
}
table.info-box-note .info-cell {
width: 100%;
padding: 8px 12px;
}
table.info-box-neutral {
border: 0;
width: 100%;
}
table.info-box-neutral .icon-cell {
width: 56px;
height: 100%;
padding: 10px;
padding-top: 12px;
vertical-align: top;
}
table.info-box-neutral .info-cell {
width: 300px;
padding: 8px 12px;
}
/* Form */
.form-control-noborder {
border: 0px solid #ffffff;
}
.form-control-button {
height: 35px;
margin-top: -3px;
padding-top: 9px;
}
/* Guide box */
div.guide-box-info-card {
padding-right: 2px;
background-color: #f5f5f5;
overflow: hidden;
}
.guide-box-info {
border: 0;
width: 100%;
border-right: solid 2px #f5f5f5;
}
div.guide-box-info-card .guide-box-info {
border-right: 0;
border-radius: 4px;
}
.guide-box-info .icon-cell {
width: 56px;
height: 100%;
background-color: #171C3A;
color: #ffffff;
padding: 10px;
vertical-align: top;
}
div.guide-box-info-card .guide-box-info .icon-cell {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.guide-box-info .info-cell {
width: 100%;
background-color: #f5f5f5;
padding: 10px 12px;
}
.guide-box-info .info-cell h6 {
margin-top: 4px;
margin-bottom: 8px;
}
div.guide-box-warning-card {
padding-right: 2px;
background-color: #ffe066;
overflow: hidden;
}
.guide-box-warning {
border: 0;
width: 100%;
border-right: solid 2px #ffe066;
}
div.guide-box-warning-card .guide-box-warning {
border-right: 0;
border-radius: 4px;
}
.guide-box-warning .icon-cell {
width: 56px;
height: 100%;
background-color: #ffe066;
color: #d09025;
padding: 10px;
vertical-align: top;
}
div.guide-box-warning-card .guide-box-warning .icon-cell {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.guide-box-warning .info-cell {
width: 100%;
background-color: #fff9db;
padding: 10px 12px;
}
.guide-box-warning .info-cell h6 {
margin-top: 4px;
margin-bottom: 8px;
}
table.guide-box-danger {
border: 0;
width: 100%;
border-right: solid 2px #ebccd1;
}
table.guide-box-danger .icon-cell {
width: 56px;
height: 100%;
background-color: #ebccd1;
color: #a94442;
padding: 10px;
vertical-align: top;
}
table.guide-box-danger .info-cell {
width: 100%;
background-color: #f2dede;
padding: 10px 12px;
}
table.guide-box-danger .info-cell h6 {
margin-top: 4px;
margin-bottom: 8px;
}
/* Integration promo box */
div.guide-box-integration-card {
padding-right: 2px;
background-color: #fafafa;
overflow: hidden;
}
table.guide-box-integration {
border: 0;
width: 100%;
border-right: solid 2px #f3f3f3;
}
div.guide-box-integration-card table.guide-box-integration {
border-right: 0;
border-radius: 4px;
}
table.guide-box-integration .icon-cell {
width: 56px;
height: 100%;
background-color: #fafafa;
color: #666;
padding: 10px;
vertical-align: top;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
table.guide-box-integration .info-cell {
width: 100%;
background-color: #fff;
padding: 10px 12px;
}
table.guide-box-integration .info-cell h6 {
margin-top: 4px;
margin-bottom: 8px;
}
/* Notifications filter */
table.data-filter-applied {
border: 0;
width: 100%;
color: #ffffff;
border-right: solid 2px #000000;
}
table.data-filter-applied .icon-cell {
width: 56px;
height: 100%;
background-color: #000000;
color: #ffffff;
padding: 10px;
vertical-align: top;
}
table.data-filter-applied .info-cell {
width: 100%;
background-color: #191919;
padding: 10px 12px;
}
table.data-filter-applied .info-cell h6 {
margin-top: 4px;
margin-bottom: 8px;
}
table.data-filter-applied .info-cell a {
color: #fff;
border-color: #fff;
}
table.data-filter-applied .info-cell a:hover {
color: #fff;
border-color: #fff;
}
/* Schedule calendar */
#schedule-calendar .fc-time-grid-container {
height: auto !important;
}
#schedule-calendar .fc-toolbar h2 {
font-size: 28px !important;
}
#schedule-calendar .fc-toolbar .fc-left {
min-width: 150px !important;
}
#schedule-calendar .fc-view-container {
padding: 0 15px 15px 15px;
}
#schedule-calendar .calendar-users .avatar {
width: 18px;
height: 18px;
margin-right: 0px;
}
/* Custom */
.hr-text {
line-height: 1em;
position: relative;
outline: 0;
border: 0;
color: black;
text-align: center;
height: 1.5em;
opacity: .5;
&:before {
content: '';
background: linear-gradient(to right, transparent, #818078, transparent);
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
}
&:after {
content: attr(data-content);
position: relative;
display: inline-block;
padding: 0 .5em;
line-height: 1.5em;
color: #818078;
background-color: #fcfcfa;
}
}
.login-page .tabs {
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.login-page .tabs.tabs-hidden {
opacity: 0;
-webkit-transform: translate3d(0, -60px, 0);
-moz-transform: translate3d(0, -60px, 0);
-o-transform: translate3d(0, -60px, 0);
-ms-transform: translate3d(0, -60px, 0);
transform: translate3d(0, -60px, 0);
}
.col-centered {
float: none;
margin: 0 auto;
}
.schedule-demo-bar {
background-color:#cbe5f8;
padding: 8px;
}
.sidebar .sidebar-wrapper {
height: 100%;
}
.sidebar-mini #left-nav-clients-restriction {
display: none;
}
.sidebar-mini .left-nav-section-upwards {
transform: translateY(-100%) translateY(46px);
}
.left-nav-section-upwards ul.nav:after,
.left-nav-section-upwards ul.nav:before {
top: auto !important;
bottom: 8px;
}
.sidebar-mini #veryfi-leftnav h5 {
font-size: 85%;
}
.sidebar .sidebar-wrapper > .nav {
margin-top: 0px !important;
}
#left-main-nav:after {
content: "";
display: block;
}
#minimizeSidebar {
border: none;
padding-left: 0;
padding-right: 0;
}
#veryfi-leftnav .logo-container {
background: #fff;
width: 100%;
height: 64px;
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0;
padding-left: 32px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
vertical-align: middle;
text-align: left;
z-index: 99999;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
}
#veryfi_logo {
width: 80%;
max-width: 94px;
}
.sidebar-mini #veryfi-leftnav .logo-container {
padding-left: 0px;
text-align: center;
}
.sidebar-mini #veryfi-leftnav .logo-container #veryfi_logo {
align-self: center;
}
#veryfi-footer, #left-main-nav:after {
height: 30px;
}
#veryfi-footer {
width: 100%;
margin-top: 20px;
padding-top: 10px;
border-top: solid 1px white;
}
#veryfi-footer i {
color: #ffffff;
font-size: 1.5em; /* icon sizing since defaults not ideal */
}
.btn-noborder {
border:0px solid transparent;
}
/* Floating horizontal scrollbars */
.fixed-table-container-wrapper {
overflow-y: hidden;
width: 100%;
}
.fixed-table-container-wrapper .fixed-table-container {
overflow-x: auto;
overflow-y: hidden;
width: 100%;
padding-bottom: 40px !important;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.fixed-table-container-wrapper .fixed-table-container::-webkit-scrollbar {
width: 0px;
background: transparent;
}
.table-container-wrapper {
overflow-y: hidden;
width: 100%;
}
.table-container-wrapper .table-container {
overflow-x: auto;
overflow-y: hidden;
width: 100%;
padding-bottom: 40px !important;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-container-wrapper .table-container::-webkit-scrollbar {
width: 0px;
background: transparent;
}
/* Field errors */
.error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle {
border-color: #f00 !important;
color: #f00 !important;
}
/* Fix for floating scrollbars on narrow viewport (LHS nav hidden) */
.main-panel,
.wrapper-full-page {
-webkit-transform: none !important;
-moz-transform: none !important;
-o-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.grey-link {
color: #9A9A9A;
}
.grey-link:hover {
color: #777;
}
/* Tabs */
.tab-fixed-width {
min-width: 130px;
}
.team-tabs-display {
display: inline-flex !important;
}
@media screen and (max-width: 1160px) {
.tab-fixed-width {
min-width: unset;
}
}
.tab-fixed-width-m {
min-width: 90px;
}
.tab-fixed-width-s {
min-width: 70px;
font-weight: bold;
}
.tab-action {
color: white;
background-color: #447DF7 !important;
}
.tab-action:hover,
.tab-action:focus,
.tab-action:active {
color: white;
background-color: #8b229d !important;
}
/*
.tab-fixed-width a, .tab-fixed-width-s a {
font-weight: 600;
}
*/
/* Fix for table toolbar buttons */
.fixed-table-toolbar .btn-group > .btn-group .btn {
height: 35px;
}
/* Overwrite card in modal */
.card-noborder {
box-shadow: none;
}
.dropdown-menu hr {
margin-top: 0px;
margin-bottom: 0px;
}
/* Card */
.card-body {
padding: 8px;
}
.card-title {
line-height: 1.358823529em;
margin-bottom: 10px;
color: #333333;
}
/* Icon Animation */
.slow-3s-spin {
-webkit-animation: fa-spin 3s linear;
animation: fa-spin 3s linear;
}
/* My Team User */
#user-products [class*="col-"]:nth-child(odd) {
padding-left: 15px !important;
}
.fa-product-icon {
margin-right: 8px;
color: darkslateblue;
}
.fa-product-icon:last-child {
margin-right: 0;
}
/* Inherit from main Bootstrap CSS */
#user-products-container.panel {
border: 1px solid #ddd !important;
border-radius: 4px !important;
box-shadow: 0 1px 1px rgba(0,0,0,.05) !important;
}
#user-products-container .panel-heading {
border-color: #ddd !important;
background-color: #f5f5f5 !important;
font-size: 16px !important;
padding: 10px 15px !important;
}
.user-diasabled td {
background-color: #f3f3f3;
opacity: 0.65;
filter: alpha(opacity=65);
}
/* On small screens hide the mobile nav menu */
.nav-mobile-menu {
display: none;
}
/* No style table */
.table-empty tr, .table-empty td {
border-top: none !important;
}
kbd {
background-color: #fff;
color: #333;
border: #333 solid 1px;
text-transform: uppercase;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 9px;
}
/* --- */
.veryfi-leftnav-selected {
background-color: #F5F5F5 !important;
color: #696969 !important;
}
.nav p .caret {
top: 12px;
position: absolute;
right: 1;
}
.btn-swal {
margin: 0 5px;
}
.caret-up {
transform: rotate(180deg);
}
a[data-toggle=collapse][aria-expanded=true] .caret-up {
transform: rotate(0);
}
/* Gusto logo */
.user-gusto-logo {
height: 18px;
position: relative;
top: -1px;
}
/* Fancy UI */
.card-highlight {
border: 3px solid #447DF7 !important;
}
.fa-stack[data-count]:after{
position: absolute;
right: 0%;
top: 1%;
content: attr(data-count);
font-size: 30%;
padding: .6em;
border-radius: 999px;
line-height: .75em;
color: white;
background: rgba(255,0,0,.85);
text-align: center;
min-width: 2em;
font-weight: bold;
}
.client-bell-notification span {
position: absolute;
background-color: #FB404B;
text-align: center;
border-radius: 10px;
border: solid 1px white;
min-width: 19px;
height: 19px;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
line-height: 18px;
top: 43px;
right: 45px;
}
/* Overwrite More box so background is not transparent */
.dropdown-toggle, .dropdown-toggle:hover {
background-color: white;
}
.dropdown-container-cell {
min-height: 50px;
height: 50px;
min-width: 55px;
width: 55px;
}
.stitch-more-label {
width: 100%;
border: dashed 1px #ccc;
border-radius: 4px;
vertical-align: middle;
padding: 18px 0;
font-weight: normal;
cursor: pointer;
margin-top: 15px;
background-color: transparent;
}
.editable-clear-x {
right: 6px !important;
}
.editable-empty-optional {
color: #9a9a9a !important;
}
.editable-unsaved {
font-weight: normal !important;
}
code.payment-type {
color: #333;
background-color: #efefef;
padding: 4px 6px;
}
/* Card ribbon */
.box {
width: 200px; height: 300px;
position: relative;
border: 1px solid #BBB;
background: #EEE;
}
.ribbon {
position: absolute;
right: 10px; top: -5px;
z-index: 1;
overflow: hidden;
width: 75px; height: 75px;
text-align: right;
}
.ribbon span {
font-size: 10px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
display: block;
background: #F70505;
/*background: linear-gradient(#F70505 0%, #8F0808 100%);*/
/*box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);*/
position: absolute;
top: 19px; right: -21px;
}
.ribbon span::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #8F0808;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808;
}
.ribbon span::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #8F0808;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808;
}
.canvas-chart {
padding: 8px;
}
#guide-canvas-chart-c .container-fluid,
#guide-canvas-chart-mimo .container-fluid {
padding-left: 0px !important;
padding-right: 0px !important;
}
#cashflow-mimo.guide-active,
#chart-transactions-container {
padding-top: 15px;
}
#top-10-categories.active,
#top-10-tags.active,
#top-10-projects.active,
#cashflow-mimo,
#chart-transactions-container {
display: table;
}
#top-10-categories,
#top-10-tags,
#top-10-projects,
#cashflow-mimo,
#chart-transactions-container {
table-layout: fixed;
height: 100%;
width: 100%;
position: relative;
top: 0;
}
.chart-guide-holder {
display: table-row;
width: 100%;
}
.chart-footer {
display: table-row;
width: 100%;
height: 21px;
}
.chart-footer a {
margin-right: 6px;
}
#canvas-chart-c,
#canvas-chart-t,
#canvas-chart-p,
#canvas-chart-mimo,
#canvas-chart-transactions {
display: table-row;
width: 100%;
overflow: hidden;
}
.document-panel-resize-separator {
height: 100%;
border-left: dashed 1px #999;
color: #999;
}
.document-panel-resize-separator > div {
padding-top: 300px;
position: sticky;
top: 40px;
}
.document-panel-resize-separator > div:before {
content: '';
}
.ui-resizable-e {
cursor: ew-resize;
}
.img-thumbnail {
padding: 1px !important;
}
/* Bank Transactions */
#table-transactions th.transaction-equals,
#table-transactions td.transaction-equals {
width: 8px !important;
max-width: 8px !important;
padding: 0px !important;
}
.content-transactions #match-accuracy {
position: absolute;
right: 24px;
margin-top: 72px;
display: none;
}
.content-transactions .fixed-table-toolbar {
margin-bottom: 96px;
}
.transaction-no-matches,
.transaction-category-select.editable {
position: relative;
left: 9px;
}
.transaction-no-matches {
white-space: nowrap;
}
/* Document Reconciliation Modal */
.modal-document-reconciliation-detail .document-reconciliation-table > .toolbar {
width: 100%;
}
.modal-document-reconciliation-detail .document-reconciliation-table > .toolbar #match-accuracy {
position: absolute;
right: 24px;
margin-top: 95px;
}
.modal-document-reconciliation-detail .document-reconciliation-table #table-transactions {
margin-top: 30px;
}
/* Date pickers */
.bootstrap-datetimepicker-widget .disabled {
color: #bbb !important;
}
/* Equal height columns */
div.display-flex::before,
.row.display-flex::before {
display: block;
}
div.display-flex,
.row.display-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
div.display-flex > [class*='col-'],
.row.display-flex > [class*='col-'] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
/* Connected apps cards */
.connected-apps-card .card-body {
position: relative;
height: 100%;
padding-bottom: 49px;
}
.connected-apps-card .card-buttons {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 8px 8px 0;
width: 100%;
}
/* Trusted Circle cards */
.circle-card .card-buttons {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 8px 8px 0;
width: 100%;
}
/* Firefox fix for backgrounds hiding borders */
.table-hover.table-hover-borderfix > tbody > tr:hover {
background-color: unset;
}
.table-hover.table-hover-borderfix > tbody > tr:hover > td {
background-color: #f5f5f5;
}
.table-hover.table-hover-borderfix > tbody > tr > td {
background-clip: padding-box;
}
.table-hover tr.no-hover:hover,
.table-hover tr.no-hover:hover td {
background-color: unset !important;
}
/* Insight reports */
.bootstrap-table table.table.table-insight-outlook {
padding: 0px !important;
border-collapse: separate !important;
border: none !important;
}
.bootstrap-table table.table.table-insight-outlook th.group-header {
-moz-border-top-left-radius: 8px;
-moz-border-top-right-radius: 8px;
-o-border-top-left-radius: 8px;
-o-border-top-right-radius: 8px;
-ms-border-top-left-radius: 8px;
-ms-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bootstrap-table table.table.table-insight-outlook td.group-footer-cell.cell-border-left {
-moz-border-bottom-left-radius: 8px;
-o-border-bottom-left-radius: 8px;
-ms-border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.bootstrap-table table.table.table-insight-outlook td.group-footer-cell.cell-border-right {
-moz-border-bottom-right-radius: 8px;
-o-border-bottom-right-radius: 8px;
-ms-border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.content-dashboard .content-insight .fixed-table-toolbar {
padding: 0px;
}
.content-dashboard .content-insight .bootstrap-table {
padding: 15px 0;
}
#top-10-charts-tabs li {
width: 90px;
}
.chart-guide {
background-color: #d9edf7;
padding: 8px 12px;
}
/* Bank account cards */
.banks-card .card-body {
position: relative;
height: 100%;
padding-bottom: 69px;
z-index: 1;
}
.banks-card .card-buttons {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
width: 100%;
padding: 15px;
}
.banks-card .card-buttons .content {
position: relative;
z-index: 2;
}
/* Client cards */
.clients-card .card-body {
position: relative;
height: 100%;
padding-bottom: 69px;
z-index: 1;
}
.clients-card .card-buttons {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
width: 100%;
padding: 15px;
}
.clients-card .card-buttons .content {
position: relative;
z-index: 2;
}
.clients-card-placeholder {
min-height: 506px;
height: 100%;
width: 100%;
display: table;
padding-bottom: 30px;
}
.clients-card-placeholder > div {
border: 1px dashed #c0c0c0;
height: 100%;
width: 100%;
display: table-cell;
vertical-align: middle;
}
/* Title */
.navbar-brand {
color: #9A9A9A !important;
}
@media screen and (max-width: 1160px) {
.navbar-brand {
display: none;
}
}
.navbar-title-cell {
text-overflow: ellipsis;
overflow: hidden;
max-width: 1px;
max-height: 60px;
vertical-align: top;
}
.navbar-nav-cell {
max-height: 60px;
vertical-align: top;
}
/* Font awesome */
.fa-circle-aroundit {
display: inline-block;
border-radius: 60px;
box-shadow: 0px 0px 2px #888;
padding: 0.5em 0.6em;
}
.fa-circle-red {
display: inline-block;
border-radius: 30px;
box-shadow: 0px 0px 2px red;
padding: 0.2em 0.4em;
background-color: red;
color: white;
border-color: white;
border-width: 1px;
}
.fa-stack[data-count]:after {
position:absolute;
right:0%;
top:1%;
content: attr(data-count);
font-size:30%;
padding:.6em;
border-radius:999px;
line-height:.75em;
color: white;
background:rgba(255,0,0,.85);
text-align:center;
min-width:2em;
font-weight:bold;
}
/* Rating next to breadcrumbs */
.rating {
width: 100%;
text-align: right;
color: #999;
}
.rating a[data-rating] {
color: #ccc;
}
.rating a[data-rating]:hover {
color: #0087F7;
}
.rating a[data-rating].active {
color: #0087F7;
}
hr.dark {
border-color: #ccc;
}
/* Dashboard notifications */
.todo-container {
padding: 1px;
padding-bottom: 16px;
}
.todo-item {
min-height: 100px;
padding-left: 8px;
}
.todo-item>a {
height: 100%;
}
.todo-item table {
margin-bottom: 6px;
}
.todo-item:first-child {
padding-left: 0;
}
.todo-content {
min-width: 100px;
max-width: 100px;
width: 100px;
color: #333;
}
.todo-item {
opacity: 0.5;
filter: alpha(opacity=50);
}
.todo-item table {
min-height: 114px;
}
.todo-item.todo-alert {
opacity: 1;
filter: alpha(opacity=100);
}
.todo-item.todo-alert .todo-content {
background: #fbb;
}
.todo-content {
line-height: 67px;
font-size: 28px;
font-weight: 300;
text-align: center;
padding-top: 3px;
}
.todo-footer {
display: table-cell;
width: 100px;
min-height: 45px;
height: 100%;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
color: #9A9A9A;
border-top: solid 1px #ccc;
padding: 2px;
}
.todo-item.todo-alert .todo-footer {
border-top: solid 1px #9A9A9A;
color: inherit;
}
.todo-item .card {
margin-bottom: 0px;
margin-left: 3px;
margin-right: 3px;
}
.todo-item.todo-alert a,
.todo-item.todo-alert a:hover {
color: #447DF7 !important;
}
.todo-item.todo-alert a:hover table {
margin-bottom: 0px;
}
.todo-item.todo-alert a:hover .todo-content {
padding-top: 0px;
}
.todo-item.todo-alert a:hover .card {
border: 3px solid #447DF7 !important;
margin-left: 0px;
margin-right: 0px;
}
.todo-item.todo-alert a:hover .todo-footer {
padding-top: 4px;
}
.youtube-help-video {
color: rgba(255, 0, 0, 0.6);
}
.youtube-help-video:hover {
color: red;
}
.youtube-help-video span {
color: #447DF7;
}
.tab-action-secondary {
color: rgba(0, 0, 0, 0.6);
}
.tab-action-secondary span {
color: #447DF7;
}
.border-top-grey {
border-top: solid 1px #ddd;
}
.border-bottom-grey {
border-bottom: solid 1px #ddd;
}
/* Highlight selected column header */
.table th .asc {
background-color: #ddd;
}
.table th .desc {
background-color: #ddd;
}
/* Rules */
.rule-param-delete {
margin-right: 10px;
margin-top: 11px;
}
.rule-condition-row:hover,
.rule-action-row:hover {
background-color: #f5f5f5;
}
.rule-condition-row:not(:last-child),
.rule-action-row:not(:last-child) {
margin-bottom: 20px;
}
.modal-rule-detail .rule-condition-row ul.dropdown-menu > li.disabled,
.modal-rule-detail .rule-action-row ul.dropdown-menu > li.disabled {
display: none;
}
.modal-rule-detail .rule-condition-row div.dropdown-menu.open,
.modal-rule-detail .rule-condition-row div.dropdown-menu.open > ul,
.modal-rule-detail .rule-action-row div.dropdown-menu.open,
.modal-rule-detail .rule-action-row div.dropdown-menu.open > ul {
min-height: unset !important;
}
/* General */
#btn-collect2 {
color: #447df7;
/*background-color: rgba(41, 41, 41, 1.0);
border-color: rgba(41, 41, 41, 1.0);*/
/*padding: 6px 16px;*/
/*margin: 11px 3px;*/
background-color: #ffffff !important;
border-left: 1px solid #447df7 !important;
border-bottom: 1px solid #447df7 !important;
border-right: 1px solid #447df7 !important;
border-top: 1px dashed #ffffff !important;
padding: 18px 16px;
margin: -3px 3px;
height: 59px;
}
#btn-collect {
color: #ffffff;
background-color: #447df7;
border-color: #447df7;
padding: 6px 16px;
margin: 11px 3px;
}
#btn-collect:hover, #btn-collect:focus {
/*background-color: rgba(41, 41, 41, 1.0);*/
background-color: #447df7;
text-decoration: none;
}
/* Make selectpicker like select2 */
.bootstrap-select > .dropdown-toggle {
padding-left: 8px !important;
padding-top: 6px !important;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
right: 7px !important;
}
/* Prevent modal footer cutting off open dropdown menu */
.dropdown-menu {
z-index: 10001;
}
/* Custom HTML Tooltip */
.tooltip-row {
padding: 8px;
text-align: left;
}
.btn-black, .btn-black i, .btn-black span {
/*color: #000000 !important; */
color: rgba(41, 41, 41, 1.0);
}
.navbar .navbar-brand {
font-weight: 100;
}
table.table-align-top td {
vertical-align: top !important;
}
/* New Ref Links */
.service-link {
padding: 2px 4px;
font-size: 90%;
color: #0077ff;
background-color: #f3f3f3;
border-radius: 4px;
overflow: auto;
white-space: nowrap;
}
.service-link i {
color: #0077ff;
}
/* Hide Intercom when a modal is open */
body.modal-open .intercom-lightweight-app {
display: none;
}
/* API Keys */
.api-key-group input:read-only {
background-color: #f5f5f5;
}
.api-key-group button.copy-button,
.api-key-group button.copy-button:active:hover,
.api-key-group button.copy-button:active:focus {
width: 40px;
background-color: #f5f5f5;
border-left: none;
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
/* Advanced filters */
.advanced-filters-row > td {
border-top: none !important;
padding-top: 0 !important;
}
.advanced-filters-row .advanced-filters-show,
.advanced-filters-row .advanced-filters-hide {
width: 100%;
text-align: right;
padding-bottom: 8px;
}
.advanced-filters-row .advanced-filters {
overflow: hidden;
}
.advanced-filters-row .advanced-filters-content {
background-color: #f3f3f3;
border-radius: 4px;
margin-bottom: 8px;
padding: 8px;
}
.advanced-filters-row.visible .advanced-filters-show,
.advanced-filters-row .advanced-filters-hide {
display: none;
}
.advanced-filters-row.visible .advanced-filters-hide {
display: block;
}
.advanced-filters-select2-options {
min-width: 180px;
margin-top: -1px;
border-top: solid 1px #aaa !important;
}
/* Multi-row grid without gutters */
.row-overflow {
margin-right: 0;
margin-left: 0;
}
.row-overflow [class*="col-"] {
padding: 0 6px !important;
}
/* Getting started checklist */
#dashboard-checklist-table {
width: 100%;
}
#dashboard-checklist-table div.label-row,
#dashboard-checklist-table div.info-row {
width: 100%;
position: relative;
}
#dashboard-checklist-table div.label-row > div.icon-cell {
float: left;
width: 20px;
padding-top: 5px;
padding-bottom: 5px;
vertical-align: top;
}
#dashboard-checklist-table .checklist-table.item-done div.label-row > div.icon-cell > .icon-item {
display: none !important;
}
#dashboard-checklist-table .checklist-table.item-done div.label-row > div.icon-cell > .icon-done {
display: inline-block !important;
}
#dashboard-checklist-table div.label-row > div.label-cell {
overflow: auto;
padding-left: 10px;
padding-top: 4px;
vertical-align: top;
cursor: pointer;
}
#dashboard-checklist-table div.label-row > div.label-cell > span.checklist-label {
font-size: 14px;
cursor: pointer;
color: #9a9a9a;
}
#dashboard-checklist-table div.label-row > div.label-cell:hover > span.checklist-label,
#dashboard-checklist-table div.label-row > div.label-cell[aria-expanded=true] > span.checklist-label {
color: #333;
}
#dashboard-checklist-table div.label-row > div.label-cell .checklist-caret {
margin-left: 8px;
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
transition: all 150ms ease-in;
}
#dashboard-checklist-table div.label-row > div.label-cell[aria-expanded=true] .checklist-caret {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#dashboard-checklist-table div.info-row div.spacer-cell {
width: 12px;
height: 100%;
margin-right: 8px;
border-right: solid 1px #ccc;
position: absolute;
}
#dashboard-checklist-table div.info-row:last-of-type div.spacer-cell {
border: none;
}
#dashboard-checklist-table div.info-row div.info-cell {
overflow: auto;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 5px;
vertical-align: top;
}
#dashboard-checklist-table div.info-row div.info-cell div.info-box {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
padding: 8px;
background-color: #eee;
border-radius: 4px;
}
/* Block Animations */
.fade-in {
animation: fadeIn ease 10s;
-webkit-animation: fadeIn ease 10s;
-moz-animation: fadeIn ease 10s;
-o-animation: fadeIn ease 10s;
-ms-animation: fadeIn ease 10s;
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.fade-out {
animation: fadeOut ease 8s;
-webkit-animation: fadeOut ease 8s;
-moz-animation: fadeOut ease 8s;
-o-animation: fadeOut ease 8s;
-ms-animation: fadeOut ease 8s;
}
@keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-o-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-ms-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
/* Data Intelligence */
.data-fields {
text-align: left;
font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-size: 87.5%;
color: #171C3A;
}
.data-fields-title {
list-style: none;
padding: 10px;
}
/* Bootstrap 4 CSS */
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
/* === */
.vbar-seperator {
border-left: 1px solid #e3e3e3;
}
.vbrand-link {
color: #447df7 !important;
}
.vbrand-lowkey {
color: #e3e3e3 !important;
}
.vbrand-highkey {
color: #9a9a9a !important;
}
#veryfi-logo {
max-height: 47px !important;
max-width: 94px !important;
padding: 5px !important;
}
.veryfi-logo-black {
padding: 0 10px 0 0;
height: 50%;
}
/* Multipage PDFs */
.pdf-page-container {
padding: 0;
margin: 0 0 24px 0;
display: inline-block;
}
.pdf-page-container .pdf-page {
padding: 24px;
margin: 0px;
background-color: #eaeaea;
display: table-cell;
}
.pdf-page-container .pdf-page canvas {
width: 200px;
min-height: 258px;
}
.pdf-page-container .pdf-page-splitter {
display: table-cell;
background-color: #eaeaea;
width: 32px;
height: 100%;
vertical-align: top;
position: relative;
}
.pdf-page-container .pdf-page-splitter.split {
background-color: unset;
}
.pdf-page-container .pdf-page-splitter:hover {
cursor: pointer;
}
.pdf-page-container .pdf-page-splitter .split-line {
width: 50%;
border-right: dashed 1px #999;
height: 120px;
top: 50%;
margin-top: -60px;
position: absolute;
}
.pdf-page-container .pdf-page-splitter:hover .split-line {
border-color: #333;
}
.pdf-page-container .pdf-page-splitter.split .split-line {
border-right-style: solid;
border-color: #333;
}
.pdf-page-container .pdf-page-splitter .split-icon {
color: #999;
top: 50%;
left: 50%;
position: absolute;
margin-top: -14px;
margin-left: -14px;
background: #eaeaea;
text-align: center;
width: 27px;
height: 27px;
border-radius: 50%;
border: solid 3px transparent;
display: none;
}
.pdf-page-container .pdf-page-splitter:hover .split-icon {
color: #333;
display: block;
}
.pdf-page-container .pdf-page-splitter.split .split-icon {
background: #333;
color: #fff;
border-color: #fff;
display: block;
}
.pdf-page-footer {
padding: 8px 32px 8px 0;
text-align: center;
}
.pdf-page-footer-remove-container {
position: relative;
display: flex;
justify-content: center;
}
.pdf-page-footer-remove {
position: absolute;
display: none;
}
.card-hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-left: -9px;
margin-right: -9px;
}
.ul-2col {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.list-nostyle {
padding-left: 5px;
}
.list-nostyle li {
list-style: none;
}
/*** Card Simplified - Getting Started ***/
.v_card-title-bg {
background-color: #ffffff;
opacity: 0.8;
padding: 15px;
margin: 0px;
}
.v_card-body-content {
padding: 5px !important;
height: 200px;
background-size: cover;
background-position: top;
}
.v_card-footer-white {
background-color: #ffffff !important;
}
/*** Badges from Bootstrap 4 ***************/
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
}
.badge-primary {
color: #fff;
background-color: #007bff;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #0062cc;
}
.badge-secondary {
color: #fff;
background-color: #6c757d;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #545b62;
}
.badge-success {
color: #fff;
background-color: #28a745;
}
.badge-success[href]:hover, .badge-success[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1e7e34;
}
.badge-info {
color: #fff;
background-color: #17a2b8;
}
.badge-info[href]:hover, .badge-info[href]:focus {
color: #fff;
text-decoration: none;
background-color: #117a8b;
}
.badge-warning {
color: #212529;
background-color: #ffc107;
}
.badge-warning[href]:hover, .badge-warning[href]:focus {
color: #212529;
text-decoration: none;
background-color: #d39e00;
}
.badge-danger {
color: #fff;
background-color: #dc3545;
}
.badge-danger[href]:hover, .badge-danger[href]:focus {
color: #fff;
text-decoration: none;
background-color: #bd2130;
}
.badge-light {
color: #212529;
background-color: #f8f9fa;
}
.badge-light[href]:hover, .badge-light[href]:focus {
color: #212529;
text-decoration: none;
background-color: #dae0e5;
}
.badge-dark {
color: #fff;
background-color: #343a40;
}
.badge-dark-small {
color: #fff;
background-color: #343a40;
font-weight: lighter;
font-size: 10px;
}
.badge-dark[href]:hover, .badge-dark[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1d2124;
}
/*** Dashboard ***************/
.dot-on {
color: rgb(13, 224, 13);
}
.dot-off {
color: red;
}
#account-addons-capture, #account-addons-extract {
white-space: nowrap;
}
#account-addons-capture ul, #account-addons-extract ul {
list-style-type: none;
padding: 5px;
}
.please-wait-loading {
padding: 8px;
display: block;
font-size: 1em;
}
.btn-tiny {
border-radius: 3px;
padding: 1px 10px;
}
/* SLA Plans */
#table-plans th, #table-plans td:nth-child(2), #table-plans td:nth-child(3), #table-plans td:nth-child(4), #table-plans td:nth-child(5) {
text-align: center;
vertical-align: top;
}
#table-plans .fa-check {
color: #41d18a;
}
#table-plans .fa-times {
color: red;
}
.table-col-yellow {
background-color: yellow;
}
.alert-info2 {
color: #000000;
background-color: #E5E4E2;
border-color: #000000;
}
.plot-section-card {
padding: 20px;
background-color: white;
border-radius: 16px;
flex: 1;
}
.plot-section-card:hover {
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.filters-section-card {
padding: 10px;
background-color: white;
border-radius: 16px;
flex: 1;
border: 0;
}
.meta-header {
background-color: lightgray;
color: #000000;
}
/* Fraud Checks */
.fraud-check {
padding: 5px;
}
.fraud-check-GREEN {
background-color:rgb(13, 224, 13);
color: #000000;
}
.fraud-check-YELLOW {
background-color:yellow;
color: #000000;
}
.fraud-check-RED {
background-color:red;
color: #ffffff;
}
.hide-json {
display: none !important;
}
.notification-message-alert {
color: red;
}
.line-item-tags-container {
border: 1px solid #aaa;
height: 35px !important;
border-radius: 4px;
display: flex;
align-items: center;
padding-left: 5px;
cursor: default;
}
.red-link {
color: red;
text-decoration: underline;
}
.search-bar-sticky-container {
z-index: 10000;
position: sticky;
top: 0;
padding-top: 10px;
}
.report-error-message {
font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
display: block;
text-transform: none;
font-size: 12px;
}
.datepicker {
font-size: 14px;
border-radius: 4px;
cursor: pointer;
}
.datepicker-switch {
text-align: center !important;
}
.datepicker-days .table-condensed td,
.datepicker-months .table-condensed tr td span,
.datepicker-years .table-condensed tr td span {
padding: 5px;
}
.icon-arrow-left,
.icon-arrow-right {
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: #555 transparent transparent transparent;
position: absolute;
top: 10px;
cursor: pointer;
}
.icon-arrow-left {
left: 10px;
border-color: transparent transparent #555 transparent;
transform: rotate(270deg);
}
.icon-arrow-right {
right: 10px;
border-color: transparent transparent #555 transparent;
transform: rotate(90deg);
}
/* New Api docs */
.sl-sticky {
display: none !important;
}
/*
.sl-inverted {
display: none !important;
}
*/
.sub-menu-tags {
text-transform: none !important;
}
.react-search-bar-static-pages {
margin-right: 34px;
}
.rating-container {
margin-right: 34px !important;
}
.rating-container-stoplight {
margin-top: 16px;
}
.rating-container-row {
padding: 0 !important;
}
.rating-new-api-docs small {
font-size: 16px;
}
.rating-new-api-docs {
width: 100%;
text-align: right;
font-family: "Din Pro Body", sans-serif;
color: rgb(23,28,58);
margin-bottom: 16px;
}
.rating-new-api-docs-link {
font-family: "Din Pro Body", sans-serif;
font-size: 16px;
color: rgb(139,153,238);
cursor: pointer;
}
.text-to-lower {
text-transform: none;
}
/* DUPLICATE SPIKE SETTING */
.company-section-title {
font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
font-weight: 300;
font-size: 22px;
}
.company-section-subtitle {
font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
font-weight: 400;
font-size: 18px;
}
.company-section-description {
font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
font-weight: 400;
font-size: 14px;
}
.company-section-description-link {
color: #527CEF;
}
.duplicate-spike-settings-content, .model-releases-settings-content {
display: flex;
width: 100%;
}
.content-duplicate-spike-settings-header, .content-model-releases-settings-header {
display: flex;
width: 100%;
align-items: center;
}
.duplicate-spike-settings-threshold {
display: flex;
flex-direction: column;
width: 50%;
}
.duplicate-spike-range-wrap {
position: relative;
}
.duplicate-spike-range {
margin-top: 40px;
width: 100%;
}
.duplicate-spike-bubble {
position: absolute;
left: 50%;
color: #3D6BED;
border: 1px solid #3D6BED;
border-radius: 6px;
padding: 4px 6px;
transform: translate(-50%, -200%);
}
.duplicate-spike-bubble::after {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 10px solid #3D6BED;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 100%;
left: 50%;
margin-left: -5px;
margin-top: 0;
}
.duplicate-spike-range-label-container {
display: flex;
justify-content: space-between;
margin-top: 4px;
margin-bottom: 1px;
}
.duplicate-spike-range-label {
font-family: 'NB International Pro', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #171C3A;
}
.duplicate-spike-settings-toggle-container, .model-releases-settings-toggle-container {
width: auto;
padding-left: 16px;
}
/* SETTINGS KEYS */
.settings-api-key-row {
display: flex;
width: 100%;
}
.settings-api-key-container {
width: inherit;
}
.regenerate-api-keys-btn {
margin-left: 12px;
font-size: 12px;
margin-top: 24px;
height: 35px;
min-width: 114px;
}
.connect-whatsapp-business-btn {
font-size: 12px;
height: 35px;
}
.settings-delete-api-key {
margin-left: 12px;
height: 35px;
font-size: 12px;
margin-top: 25px;
}
.card .settings-innertitle {
color: #060606;
font-size: 20px;
font-weight: 400;
margin: 10px 0 20px;
}
.card-auth-note {
background: #f5f5f5;
border-radius: 4px;
padding: 8px 16px;
}
.card-auth-message {
color: #888;
}
/* Unsubscribe page */
@font-face {
font-family: 'NB International Pro';
src: url('../fonts/ReactFonts/NB-International-Pro-Regular.otf');
}
@font-face {
font-family: 'Din Pro';
src: url('../fonts/ReactFonts/DINPro.otf');
}
.unsubscribe-main-container {
position: relative;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background: #E9ECE4;
overflow: hidden;
}
.unsubscribe-card {
width: 80%;
max-width: 656px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #FFF;
border-radius: 32px;
z-index: 2;
}
.unsubscribe-veryfi-logo {
width: 219px;
height: 75px;
margin-top: 64px;
margin-bottom: 48px;
}
.unsubscribe-title {
font-family: 'NB International Pro', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 37px;
text-align: center;
letter-spacing: -0.02em;
color: #171C3A;
margin: 0;
margin-bottom: 16px;
padding: 0;
}
.unsubscribe-title-section {
margin-bottom: 48px;
}
.unsubscribe-paragraph-section {
display: flex;
flex-direction: column;
align-items: center;
}
.unsubscribe-paragraph {
font-family: 'DIN Pro', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #2E314F;
margin-bottom: 0;
}
.unsubscribe-paragraph-link {
font-family: 'DIN Pro', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #7D819E;
}
.unsubscribe-paragraph-link:hover {
color: #2DB5D2;
}
.unsubscribe-form {
width: 100%;
max-width: 496px;
display: flex;
flex-direction: column;
align-items: center;
}
.unsubscribe-form-content {
width: 90%;
max-width: 496px;
}
.unsubscribe-form-label {
font-family: 'DIN Pro', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #2E314F;
}
.unsubscribe-form-input {
height: 56px;
padding: 16px;
border: 1px solid rgba(176, 179, 203, 0.5);
filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05));
border-radius: 8px;
}
.unsubscribe-main-button {
width: 200px;
height: 64px;
font-family: 'DIN Pro', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px;
color: #171C3A;
margin-top: 48px;
margin-bottom: 32px;
background: linear-gradient(298.79deg, #2DB5D2 -23.47%, #00FA6C 92.01%, #2DB5D2 214.83%);
border: 0;
border-radius: 4px;
}
.unsubscribe-container-elipse-1 {
position: absolute;
width: 57vw;
height: 35vh;
top: 600px;
left: -100px;
background: #48FFD3;
opacity: 0.8;
filter: blur(127px);
transform: rotate(40.87deg);
}
.unsubscribe-container-elipse-2 {
position: absolute;
width: 55vw;
height: 55vh;
right: -400px;
top: -300px;
background: #48FFD3;
opacity: 0.8;
filter: blur(127px);
transform: rotate(250deg);
}
.deep-search-container {
display: inline-grid;
}
.analytics-chart-error-container {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#analytics-processing-time-chart-loader, #analytics-document-types-chart-loader, #analytics-processing-time-buckets-chart-loader,
#analytics-document-sources-chart-loader, #analytics-update-fields-series-chart-loader, #analytics-file-types-chart-loader {
height: 100%;
}
.callback-url-body {
min-height: 15px !important;
padding-bottom: 0;
margin-bottom: -30px !important;
}
.callback-url-content {
display: flex;
align-items: center;
}
.callback-url-error {
color: red;
padding-left: 15px;
margin-top: -6px;
}
.card-no-margin {
margin: 0 !important;
}
.duplicates-spike-setting {
border: 1px solid #e3e3e3;
border-radius: 4px;
color: #565656;
}
.duplicates-spike-setting-label {
font-weight: 400;
color: #888;
}
.duplicates-spike-setting-error {
font-weight: 400;
color: red;
}
/* No Data Container */
.nodata-container .lottie-player-nodata {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
}
/* Overwrite the standard behavior for x close button */
.select2-selection__choice__remove {
float: right;
padding-left: 5px;
}
.hidden-row {
display: none;
}
.tooltip-inner {
border: solid 1px #ffffff !important;
}
/* Left Nav Free Plan*/
.left-nav-free-plan-container {
display: flex;
padding: 12px;
background-color: #B8860B;
border-radius: 6px;
margin: 8px;
color: #fff;
}
.left-nav-free-plan-container h5 {
margin: 0;
}
.left-nav-free-plan-open {
display: flex;
}
.left-nav-free-plan-open a {
color: #0047AB;
}
/* Custom Veryfi Icons */
/* Reference: */
.veryfi-embedded {
display: inline-block;
width: 30px;
height: 30px;
background-image: url('/static/img/veryfi-custom-icons/Navigation-Icon_VeryfiEmbedded_White.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.veryfi-workflow-studio {
display: inline-block;
width: 30px;
height: 30px;
background-image: url('/static/img/veryfi-custom-icons/Navigation-Icon_VeryfiWorkflowStudio_White.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
h4.title {
margin: 0;
margin-bottom: 2rem;
}