html,
body {
    height: 100%;
}

body {
    background: #F9F9F9;
    color: #1D3041;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

a {
    color: #0068EB;
}

.wrap {
    min-height: 100%;
    height: auto;
}

.wrap > .container {
    padding-top: 70px;
    padding-bottom: 20px;
}

/* Dropdown */

.dropdown-menu {
    margin: 0;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #1D3041;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: calc(100% - 2px);
    margin-left: .1rem;
    margin-right: .1rem;
}

.dropdown-submenu.active > .dropdown-item,
.dropdown-submenu.active > .dropdown-item:hover,
.dropdown-submenu.active > .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1D3041;
}

.admin-menu .dropdown-item {
    font-size: 14px;
}

/* breadcrumb */

.breadcrumb {
    padding: 8px 0;
    background-color: transparent;
}

.breadcrumb-home {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='15px' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Ehouse%3C/title%3E%3Cg id='mobile-web' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='house' fill='%231D3041'%3E%3Cpath d='M12.4751693,8.91587526 L12.4751693,13.4915875 C12.4751693,13.7727396 12.2474006,14 11.9667569,14 L9.4246945,14 C9.14405081,14 8.91628203,13.7727396 8.91628203,13.4915875 L8.91628203,9.93270021 C8.91628203,9.65205653 8.68851324,9.42428774 8.40786955,9.42428774 L6.37421966,9.42428774 C6.09357597,9.42428774 5.86580719,9.65205653 5.86580719,9.93270021 L5.86580719,13.4915875 C5.86580719,13.7727396 5.6380384,14 5.35739471,14 L2.81533234,14 C2.53468866,14 2.30691987,13.7727396 2.30691987,13.4915875 L2.30691987,8.91587526 C2.30691987,8.63523158 2.07915108,8.40746279 1.7985074,8.40746279 L0.273269977,8.40746279 C-0.0073737081,8.40746279 -0.0846524041,8.23714461 0.101426561,8.02717026 L7.05447555,0.160504059 C7.24055451,-0.0499787053 7.54611041,-0.0540460051 7.73778191,0.151861047 L10.0952906,2.68172151 C10.2864536,2.88762857 10.4420279,2.82611066 10.4420279,2.54597538 L10.4420279,1.28968816 C10.4420279,1.00904448 10.6697966,0.781275689 10.9504403,0.781275689 L11.9672653,0.781275689 C12.247909,0.781275689 12.4756778,1.00904448 12.4756778,1.28968816 L12.4756778,4.73214902 C12.4756778,5.01228429 12.6307436,5.40732079 12.8224151,5.61271942 L15.0782412,8.03581327 C15.2694043,8.24121191 15.1972097,8.40746279 14.9160576,8.40746279 L12.9840902,8.40746279 C12.7029381,8.40746279 12.4751693,8.63523158 12.4751693,8.91587526' id='Fill-160'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    display: inline-block;
    position: relative;
    top: 1px;
    width: 15px;
    height: 15px;
}

.breadcrumb-item a,
.breadcrumb-item + .breadcrumb-item::before {
    color: #1D3041;
    font-weight: bold;
}

.breadcrumb-item a {
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #1D3041;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #dc3545;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.btn-yellow:focus,
.btn-yellow:hover {
    color: #fff;
    opacity: 0.9;
}

.btn-space,
.img-space {
    margin-bottom: 30px;
}

.main-text-container {
    margin: 0 6%;
}

.main-text-header-icons {
    height: 54px;
}

.app-link {
    display: inline-block;
    margin: 0 10px 20px 0;
}

.social-link {
    display: inline-block;
    margin: 0 5px 10px 0;
}

div.long-line {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.long-line + .ctc-icon {
    top: -3px;
}

@media only screen and (min-width: 992px) {
    .hover-dropdown:hover > .dropdown-menu {
        display: block;
    }

    .desc {
        font-size: 22px;
    }

    .main-text-arrow-down {
        background-image: url("data:image/svg+xml,%3Csvg width='111' height='115' viewBox='0 0 111 115' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_33_1124)'%3E%3Ccircle cx='55.394' cy='52.1319' r='38.9764' transform='rotate(-26.0464 55.394 52.1319)' fill='url(%23paint0_linear_33_1124)'/%3E%3C/g%3E%3Cg clip-path='url(%23clip0_33_1124)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M55.1069 61.7407L43.5806 49.6512C43.1063 49.1537 43.1061 48.3714 43.5803 47.8736C44.0886 47.34 44.9402 47.3408 45.4475 47.8755L55.135 58.0842L64.8091 47.8895C65.3084 47.3634 66.1465 47.3625 66.6468 47.8877C67.1135 48.3775 67.1134 49.1475 66.6465 49.6372L55.1069 61.7407Z' fill='%231D3041' stroke='%231D3041' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_33_1124' x='0.408798' y='4.14648' width='109.97' height='109.971' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='7'/%3E%3CfeGaussianBlur stdDeviation='8'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.420833 0 0 0 0 0.189375 0 0 0 0 0.189375 0 0 0 0.08 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_33_1124'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_33_1124' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_33_1124' x1='41.1645' y1='91.1084' x2='82.6157' y2='13.1555' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.374652' stop-color='white'/%3E%3Cstop offset='1' stop-color='%23FBFBFB'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_33_1124'%3E%3Crect width='34.6457' height='34.6457' fill='white' transform='translate(37.7811 36.9941)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        width: 111px;
        height: 115px;
        bottom: -70px;
    }
}

textarea.dp-comment-input.input-autosave-changing,
textarea.dp-comment-input.input-autosave-saving {
    background-color: rgba(255, 255, 225, 1);
}

.document-photo-index .multi-status span.badge,
.document-photo-index .buy-options span.badge {
    width: min-content;
    display: block;
}

.extra-service-data {
    border: 3px solid #17a2b8;
    background: #ffffff;
    border-radius: 0.25rem;
    font-size: 0.875em;
    max-width: 100ch;
    display: inline-block;
    word-break: break-all;
}

.print-delivery-address {
    padding: 10px;
    margin-top: 10px;
    border: 1px #999999 dashed;
    background-color: #ffffdd;
    width: max-content;
}

.hidden {
    display: none !important;
}

/* footer */
.footer {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.footer-bar {
    background: linear-gradient(78.36deg, #1D3041 32.5%, #213548 51.36%, #476784 86.18%);
}

.footer-bar-gradient {
    background: linear-gradient(180deg, #486884 0%, #1F3244 100%);
    width: 40%;
    opacity: 0.7;
    transform: rotate(179.88deg);
    border-radius: 0 0 0 100vh;
}

.container {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.footer-list > li > a {
    color: #1D3041;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.footer-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 6px;
}

.mail-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Email%3C/title%3E%3Cg id='Desktop-Web' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='photoaid_start_desktop' transform='translate(-1036.000000, -6868.000000)'%3E%3Cg id='FOOTER' transform='translate(-652.000000, 5889.000000)'%3E%3Cg id='mail' transform='translate(1688.000000, 979.000000)'%3E%3Cpolygon id='Path' points='0 0 24 0 24 24 0 24'%3E%3C/polygon%3E%3Crect id='Rectangle' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' x='3' y='5' width='18' height='14' rx='2'%3E%3C/rect%3E%3Cpolyline id='Path' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' points='3 7 12 13 21 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.telephone-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Ephone%3C/title%3E%3Cg id='Desktop-Web' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='photoaid_start_desktop' transform='translate(-1037.000000, -6910.000000)'%3E%3Cg id='FOOTER' transform='translate(-652.000000, 5889.000000)'%3E%3Cg id='phone' transform='translate(1689.000000, 1021.000000)'%3E%3Cpolygon id='Path' points='0 0 24 0 24 24 0 24'%3E%3C/polygon%3E%3Cpath d='M5,4 L10,4 L12,9 L9.5,10.5 C10.5709582,12.6715306 12.3284694,14.4290418 14.5,15.5 L16,13 L21,15 L21,20 C21,20.5522847 20.5522847,21 20,21 C11.163444,21 4,13.836556 4,5 C4,4.44771525 4.44771525,4 5,4' id='Path' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.navbar.sticky-top.scrolled {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    transition: background-color 250ms linear;
}

.navbar ~ div {
    margin-top: -59px;
}

@media (min-width: 992px) {
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .footer-list > li > a {
        font-size: 14px;
        font-weight: 500;
    }

    .wrap > .container {
        padding-top: 110px;
    }

    .navbar ~ div {
        margin-top: -87px;
    }
}

.navbar-light .navbar-toggler {
    border-color: transparent;
    outline: 0;
}

.navbar-light .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='17' viewBox='0 0 26 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4 1.5H24.6' stroke='%231D3041' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.4 8.5H24.6' stroke='%231D3041' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.4 15.5H24.6' stroke='%231D3041' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 26px;
    height: 17px;
}

.navbar-collapse.show {
    height: 100vh;
    overflow-y: scroll;
}

.navbar-collapsed {
    overflow: hidden;
}

.navbar-collapsed .navbar {
    background-color: #fdd865 !important;
}

.navbar .nav-item {
    padding: 5px 0;
}

.navbar .nav-item.nav-app-item {
    padding: 5px 0 5px 30px;
}

.navbar .nav-item.nav-app-item .app-link {
    margin: 0 0 10px;
}

.navbar .nav-link {
    color: #1D3040 !important;
    font-size: 14px;
    font-weight: bold;
}

.nav-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.nav-icon {
    background-image: url(../img/sprite-common.png?push);
}

.envelope2-icon {
    background-position: -158px -132px;
    width: 19px;
    height: 19px;
}

.sheet-icon {
    background-position: -57px -156px;
    width: 19px;
    height: 19px;
}

.handset-icon {
    background-position: -19px -156px;
    width: 19px;
    height: 19px;
}

.title-h {
    font-size: 32px;
    margin-bottom: 20px;
}

.lead {
    font-size: 17px;
}

.anchor-target:before,
.subtitle:before {
    display: block;
    content: "";
    margin-top: -114px;
    height: 114px;
    visibility: hidden;
    pointer-events: none;
}

.navbar {
    border-color: transparent;
    background-color: transparent;
    transition: background-color 250ms linear;
}

@media (min-width: 992px) {
    .navbar {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar .nav-item {
        padding: 5px 15px;
    }

    .navbar-nav .nav-link {
        font-weight: 500;
    }

    .title-h {
        font-size: 50px;
    }

    .lead {
        font-size: 24px;
    }
}

/* btn-outline */
.btn-outline {
    background: transparent;
    border: 1px solid #1D3041;
    color: #1D3041;
    box-shadow: none;
}

.btn-outline:focus,
.btn-outline:hover {
    color: #1D3041;
    opacity: 0.8;
}

@media (min-width: 576px) {
    .title-h {
        font-size: 40px;
    }

    .lead {
        font-size: 22px;
    }

    .title-n {
        font-size: 60px;
    }

    .mw-sm-50 {
        max-width: 50%;
    }
}
/* icons */
.icon-search {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-gmail {
    position: relative;
    background: url(../img/sprite-common.png?push) -116px -158px;
    width: 16px;
    height: 16px;
}

.icon-freshdesk {
    position: relative;
    background: url(../img/sprite-common.png?push) -132px -158px;
    width: 16px;
    height: 16px;
}

.has-error {
    color: #dc3545;
}

.admin-panel .btn {
    margin-right: 5px;
    margin-bottom: 5px;
}

.image-thumb {
    border: 8px solid #ffa31a;
}

.text-break-all {
    word-break: break-all;
}

.logo-wrapper {
    max-width: 180px;
}

.rating-container.rating-disabled .filled-stars {
    color: #777;
}

.select2-container .select2-selection {
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem + 1.25rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.max-100x100 {
    max-width: 100px;
    max-height: 100px;
}

.max-200x400 {
    max-width: 200px;
    max-height: 400px;
}

.max-400x300 {
    max-width: 400px;
    max-height: 300px;
}

.is-valid + .select2-container .select2-selection {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.is-invalid + .select2-container .select2-selection {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.label-generator .tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0 0 0.25rem 0.25rem;
    padding: 0 1.5rem 1rem 1.5rem;
    margin-bottom: 1rem;
}

.modal-content-criteria {
    border-radius: 1rem;
}

.criteria-heading {
    font-size: 20px;
    font-weight: bold;
}

.criteria-heading span {
    color: #30A64A;
}

.icon-check-wrap {
    width: 60px;
    height: 60px;
    box-shadow: 0 6px 15px 0 rgba(22, 90, 37, 0.35);
}

.icon-check-wrap-smaller {
    width: 25px;
    height: 25px;
}

.icon-check-wrap-smaller .icon-check {
    transform: scale(0.4);
}

.icon-check-green {
    background-color: #30A64A;
}

.buy-arrow-right {
    font-size: 24px;
}

.spinner-center {
    top: calc(50% - 1rem);
    left: calc(50% - 1rem);
}

.flag-icon.flag-icon-squared.flag-icon-rounded {
    border-radius: 50%;
    width: 86%;
    height: 86%;
    top: 7%;
    left: 7%;
}

.select2-container--krajee-bs4 .select2-results__option[aria-disabled="true"] {
    display: none;
}

.short-code-thank-you-area .ctc-body {
    display: block;
}

.lock-screen-container {
    background-color: black;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    top: 0;
    left: 0;
    opacity: .8;
    color: white;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 30px;
}

.lock-screen-container .loader {
    padding-bottom: 8px;
    background: linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat;
    animation: l2 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 45%;
}

.lock-screen-container  .loader:before {
    content:"Processing..."
}

.lock-screen-container .caption {
    position: relative;
    margin-top: 60px;
    padding-bottom: 8px;
    top: 50%;
    left: 47%;
}

.lock-screen-container .caption div {
    float: left;
}

@keyframes l2 {to{background-size: 100% 3px}}

.until-close-alert .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.batch-actions-container p {
    display: inline-block;
    font-size: 12px;
}

.disabled-overlay .lock {
    opacity: 0.2;
    z-index: 10;
    pointer-events: none;
}

.disabled-overlay .caption {
    position: absolute;
    left: 40%;
    z-index: 11;
    padding: 5px 8px 5px 8px;
    background-color: #1b1b1b;
    color: white;
    margin-top: 25px;
    user-select: none;
}