@import "verification-input.css";
@import "registration.css";
@import "popup/verification-popup.css";
@import "forms/account-forms.css";
@import "forms/mfa-way-signin.css";
@import "pages/contact-us.css";
@import "phone-input.css";
@import "pwa-install-button.css";
@import "login.css";
@import "get_app.css";
@import "choose-lang.css";
@import "forms/reset-password.css";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

.required:before {
    content: " * ";
    color: red;
}

audio,
canvas,
video {
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover,
a:focus {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 600;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: "courier new", monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: "";
    content: none;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

.static-1040-responsive-padding {
    padding-left:  calc((100% - 1040px)/2) !important;
    padding-right:  calc((100% - 1040px)/2) !important;
}

input::-ms-clear {
    display: none;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
textarea {
    outline: 0;
}

.ov {
    display: none;
    position: absolute;
    width: 1600px;
    height: 838px;
    left: 50%;
    margin-left: -800px;
    top: 0px;
    opacity: 0.5;
    z-index: 2147483647;
}

.centralize {
    margin: auto;
    max-width: 100%;
    min-width: 320px;
}

a {
    color: #fff;
}

a:hover {
    text-decoration: none;
}

.link-emulation {
    color: #fff;
}

.highlight_gray {
    color: #898989;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clickalbe {
    cursor: pointer !important;
}

.relative {
    position: relative !important;
}

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

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

.bold {
    font-weight: 700;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.invisible {
    visibility: hidden !important;
}

.visible {
    visibility: visible !important;
}

.ovhidden {
    overflow: hidden !important;
}

.clear {
    clear: both !important;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.flex {
    display: flex;
}

.flex.middle {
    align-items: center;
}

.flex.center {
    justify-content: center;
}

.flex.space-between {
    justify-content: space-between;
}

.flex.space-around {
    justify-content: space-around;
}

.item.expanded {
    flex-grow: 1;
}

@font-face {
    font-family: "robotoregular";
    src: url("../fonts/roboto-regular-webfont.eot");
    src: url("../fonts/roboto-regular-webfont.eot") format("embedded-opentype"),
    url("../fonts/roboto-regular-webfont.woff") format("woff"),
    url("../fonts/roboto-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "robotolight";
    src: url("../fonts/roboto-light-webfont.eot");
    src: url("../fonts/roboto-light-webfont.eot") format("embedded-opentype"),
    url("../fonts/roboto-light-webfont.woff2") format("woff2"),
    url("../fonts/roboto-light-webfont.woff") format("woff"),
    url("../fonts/roboto-light-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "robotocondensed";
    src: url("../fonts/roboto-condensed-webfont.eot");
    src: url("../fonts/roboto-condensed-webfont.eot") format("embedded-opentype"),
    url("../fonts/roboto-condensed-webfont.woff2") format("woff2"),
    url("../fonts/roboto-condensed-webfont.woff") format("woff"),
    url("../fonts/roboto-condensed-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "robotoCondensedLight";
    src: url("../fonts/RobotoCondensed-Light.eot");
    src: url("../fonts/RobotoCondensed-Light.eot") format("embedded-opentype"),
    url("../fonts/RobotoCondensed-Light.woff") format("woff"),
    url("../fonts/RobotoCondensed-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "robotobold";
    src: url("../fonts/Roboto-Bold.ttf");
    font-weight: normal;
    font-style: normal;
}

.page {
    /*background: url("../img/bg_desktop.png") no-repeat 0 0 / cover;*/
}

.fas {
    color: black;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
}

.fancybox-close {
    background: transparent url("../img/close.svg") no-repeat scroll 0 0/26px 26px;
    position: absolute;
    width: 26px;
    height: 26px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("../img/fancybox_overlay.png");
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

/* Title helper */
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}

.btn_captcha {
    margin-top: 10px;
}

.personal_item.input_cell label {
    float: none;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-prev span,
    .fancybox-next span {
        background-size: 44px 152px;
        /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-size: 24px 24px;
        /*The size of the normal image, half the size of the hi-res image*/
    }
}

/*! jQuery UI - v1.11.4 - 2016-03-28
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=3c515f&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=3c515f&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    color: #7b8da0;
    font-size: 13px;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: "Roboto", sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #3c515f;
}

.ui-widget-content a {
    color: #3c515f;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #ebf0f4;
    color: #7b8da0;
    font-size: 13px;
    font-weight: bold;
}

.ui-widget-header a {
    color: #3c515f;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid transparent;
    font-weight: normal;
    color: #454545;
    text-align: center;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #ccc;
    background: #ebf0f4;
    font-weight: normal;
    color: #454545;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #ef642d;
    background: #ef642d;
    color: #fff;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #3c515f;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../img/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("../img/ui-icons_444444_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    margin: 0px 0 0 0px;
    padding: 5px;
    background: #666666;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
    border-radius: 8px;
}

html,
body,
.page {
    height: 100%;
    overflow: hidden;
}

body {
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    line-height: 1.1;
    color: #fff;
    min-width: 320px;
}

body > .page {
    height: auto;
    min-height: 100%;
    overflow: hidden;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
}

.header {
    display: none;
}

.header.header_show_all {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 78px;
    z-index: 99;
    background: #fff;
    display: block;
}

.LoanInfoController .header.header_show_all {
    z-index: 0 !important;
}

.PaymentController .header.header_show_all {
    display: none;
}

#login-overlay {
    position: fixed;
    z-index: 1030;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/bg.jpg") no-repeat;
    background-size: cover;
}

#login-overlay .login-overlay-content {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -11px;
    z-index: 2;
    text-align: center;
    line-height: 2;
}

#login-overlay .user-data {
    color: black;
    position: absolute;
    left: 0;
    width: 100%;
    top: -150px;
    line-height: 1.4;
}

#login-overlay .user-hello {
    font-size: 20px;
}

#login-overlay .user-name {
    text-transform: uppercase;
    font-size: 24px;
}

#login-overlay .cg-busy-default-spinner {
    top: auto;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
}

.page-title-wrapper {
    background: url("../img/bg_mob.jpg") no-repeat 0 0;
    background-size: cover;
    position: relative;
    height: 223px;
    z-index: 0;
}

.page-title-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/pat.png") repeat;
    z-index: -1;
}

.page-title-wrapper.sticked {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 175px;
}

.page-title-wrapper.sticked + .page_wrap {
    padding-top: 210px;
}

.page-title-wrapper.sticked + .login_wrap {
    padding-top: 175px;
}

.page-title-wrapper.sticked .header_title_note {
    display: none;
}

.page-title-wrapper.sticked .header_title {
    padding: 65px 20px 10px;
}

.page-login-title-wrapper {
    height: 200px;
}

.page-login-title-wrapper.sticked {
    height: 200px;
}

.page-login-title-wrapper.sticked + .login_wrap {
    padding-top: 200px;
}

.header-btns-panel {
    position: absolute;
    left: 0;
    right: 0;
    display: none;
    bottom: 0;
}

.header-btn {
    flex: 1;
    height: 48px;
    font-weight: bold;
    letter-spacing: 0.5px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 5px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.header-btn.active {
    border-color: #ef642d;
}

.logo a {
    text-decoration: none;
}

button {
    font-family: "Roboto", sans-serif;
}

.row {
    *zoom: 1;
    margin-left: -10px;
    margin-right: -10px;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.component-checkbox {
    margin-bottom: 18px;
    cursor: default;
    position: relative;
    padding-left: 27px;
    min-height: 18px;
    font-size: 1.3em;
    line-height: 1.38462em;
}

.component-checkbox input {
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
}

.component-checkbox input + label:before {
    background: url("../img/checkbox-btn.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
}

.component-checkbox input:checked + label:before {
    background-position: -18px 0;
}

.component-checkbox input:hover + label:before {
    background-position: -18px 0;
}

.component-checkbox label {
    cursor: default;
}

.logo {
    display: none;
}

.toggle-menu-btn {
    width: 45px;
    height: 34px;
    cursor: pointer;
    position: relative;
    padding-top: 5px;
    margin-right: 15px;
    margin-top: 23px;
    float: right;
}

.toggle-menu-btn span {
    -webkit-transition: all 0.35s ease-out 0s;
    -moz-transition: all 0.35s ease-out 0s;
    -o-transition: all 0.35s ease-out 0s;
    -ms-transition: all 0.35s ease-out 0s;
    transition: all 0.35s ease-out 0s;
    background-color: #fff;
    display: block;
    height: 3px;
    width: 22px;
    margin: 0 auto 0;
}

.toggle-menu-btn span + span {
    margin-top: 4px;
}

.toggle-menu-btn.active .first {
    margin-top: 12px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.toggle-menu-btn.active .second {
    height: 0;
    margin: 0;
    opacity: 0;
    -webkit-transition: all 0s ease-out 0s;
    -moz-transition: all 0s ease-out 0s;
    -o-transition: all 0s ease-out 0s;
    -ms-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s;
}

.toggle-menu-btn.active .third {
    margin-top: -3px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.content {
    position: relative;
    z-index: 0;
}

.mob_title {
    font-size: 33px;
    text-transform: uppercase;
    text-align: center;
    padding: 59px 20px 0 20px;
    font-weight: bold;
}

.header_title,
.mob_title {
    letter-spacing: 1.8px;
}

.login_wrap {
    position: relative;
    overflow: auto;
    max-height: 80vh;
}

.login_wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 5px;
    left: 0;
    right: 0;
    background: url("../img/shadow_bg.png") 0 0 repeat-x;
}

.login_wrap_item {
    background: #fff;
    color: #000;
}

.inner_title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.1;
    padding: 0 0 24px;
    color: #000;
    font-size: 23px;
    font-weight: bold;
}

.login_inner {
    /*border: 25px solid #ebf0f4;*/
    background: #fff;
    overflow: hidden;
}

.input_cell {
    margin-bottom: 20px;
}

.input_cell_h55 {
    height: 55px;
}

.input_cell label {
    font-family: "Roboto", sans-serif;
    color: black;
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.input_cell select,
.input_cell input:not([type=radio]),
.input_cell textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dce0e2;
    font-size: 12px;
    color: #3c515f;
    padding: 0 11px;
    height: 33px;
    width: 100%;
    display: block;
}

.input_cell input:not([type=radio]).error {
    border-color: #ff0000;
}

.input_cell input:not([type=radio])[disabled] {
    border: 1px solid #dce0e2;
    background: #f2f4f7;
}

.input_cell:last-child {
    margin-bottom: 0;
}

.login_cell {
    padding: 0 30px 20px 30px;
}

.app-name {
    position: fixed;
    text-align: center;
    bottom: 20px;
    left: 0;
    right: 0;
    color: #d25422;
}

.small-height .app-name {
    display: none;
}

.btn_1 {
    height: 40px;
    border: 1px solid #d25422;
    background: #ef642d;
    line-height: 33px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 13px;
    text-decoration: none;
    padding: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}

.btn_1:hover {
    /*background: #f97642;*/
    text-decoration: none !important;
    color: #fff;
}

/*.btn_1:active {*/
/*background: #ef642d;*/
/*}*/
/*.btn_1:focus {*/
/*background: #ef642d;*/
/*}*/

.btn_2 {
    height: 33px;
    border: 1px solid #2d3c46;
    background: #3d515e;
    line-height: 33px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 13px;
    text-decoration: none;
    padding: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn_wrap .btn_1 {
    margin-bottom: 20px;
}

.check_wrap input[type="checkbox"] {
    display: none;
}

.check_wrap input[type="checkbox"]:checked + label::before {
    background: #fff url("../img/check.png") no-repeat scroll 50% 50%;
}

.check_wrap input[type="radio"] {
    display: none;
}

.check_wrap input[type="radio"]:checked + label::before {
    background: #fff url("../img/radio.png") no-repeat scroll 50% 50%;
}

.check_wrap label::before {
    border: 1px solid #dce0e2;
    background: #fff;
    top: 1px;
    content: "";
    display: inline-block;
    height: 19px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 19px;
}

.check_wrap label {
    color: #3c515f;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    line-height: 22px;
    padding-left: 30px;
    position: relative;
}

.check_wrap label a {
    color: #3c515f;
    font-size: 16px;
    line-height: 22px;
    text-decoration: underline;
}

.check_wrap label a:hover {
    text-decoration: none;
    color: #3c515f;
}

.check_wrap {
    margin-bottom: 20px;
}

.header_title {
    color: #fff;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 85px 20px 10px;
}

.PersonalInfoController .btn_1.invoice_pay_button._green[disabled=disabled], .btn_1.invoice_pay_button._green:disabled {
    background: linear-gradient(90deg, rgba(185, 183, 183, 1) 0%, rgba(136, 136, 136, 1) 100%) !important;
}

.PersonalInfoController .input_wrap phone_select input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.PersonalInfoController .input_wrap phone_select input[type=number] {
    -moz-appearance: textfield;
}

.header_title_note {
    color: #fff;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 29px;
}

.balance_wrap {
    background: #fff;
    border-top: 1px solid #bec1c4;
    border-bottom: 1px solid #d0d1d3;
}

.current_wrap {
    border-bottom: 1px solid #e3e8eb;
    border-left: 1px solid #f6f5f7;
    border-right: 1px solid #f6f5f7;
    position: relative;
}

.current_style {
    border-bottom: 1px solid #ededed;
    background: #fff;
    flex: 1;
    color: #766c6c;
}

.date_table_wrap {
    /*border: 15px solid #ebf0f4;*/
    background: #fff;
    padding: 70px 0 12px 0;
}

.balance_title {
    font-size: 10px;
    /*text-transform: uppercase;*/
    line-height: 45px;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 24px;
}

.balance_numb {
    font-size: 24px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 45px;
    width: 50%;
    float: left;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px;
}

.datepicker_note {
    font-size: 11px;
    margin-bottom: 12px;
}

.page_wrap {
    color: #3c515f;
}

/*.datepicker {*/
/*float: left; }*/

.datepicker_item {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    text-align: left;
    position: relative;
}

.datepicker_item input {
    background: transparent;
    color: #3c515f;
    font-size: 11px;
    outline: 0;
    border: 0;
    width: 100%;
    height: 28px;
    padding: 0;
    margin: 0;
}

.datepicker_ico_wrap {
    width: 65px;
    padding-left: 25px;
    height: 29px;
    background: #ebf0f4;
    border: 1px solid #e5eaed;
}

.datepicker_ico_wrap img {
    position: absolute;
    left: 6px;
    top: 8px;
    width: 14px;
}

.data_separator {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    margin: 8px 5px 0 5px;
}

.date_table {
    width: 100%;
    display: table;
    padding-bottom: 10px;
}

.date_table_row {
    display: table-row;
}

.date_table_row:first-child {
    display: none;
}

.date_table_row:hover {
    background: #ebf0f4;
}

.date_table_cell {
    display: table-cell;
    border-bottom: 1px solid #ccc;
    padding: 8px;
    /*text-transform: uppercase;*/
    font-size: 11px;
    vertical-align: middle;
}

.data-container .date_table_cell:last-child {
    text-align: right;
}

.date_table_row_month .date_table_cell {
    /*border-color: #3c515f;*/
    border: none;
    font-weight: bold;
    padding-top: 20px;
}

.header_links_wrap {
    display: none;
    background: rgba(0, 0, 0, 0.3);
    line-height: 40px;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    top: 198px;
    left: 0;
    right: 0;
    z-index: 1;
    position: absolute;
}

.header_links_wrap .header_links_item {
    color: #fff;
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    width: 50%;
    float: left;
}

.header_links_wrap .header_links_item:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 5px solid #ef642d;
}

.header_links_wrap .header_links_item:first-child {
    border-bottom: 5px solid #ef642d;
}

.only_desktop {
    display: none;
}

.clr_red {
    color: #ff0000;
}

.error-clr_red {
    padding-right: 5px;
}

.only_desktop_info,
.desk_title,
.header_links_profile {
    display: none;
}

.message_wrap {
    background: #3fb34f;
    padding: 0 45px;
    line-height: 36px;
    font-size: 11px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}

.error_message {
    background: #ff0000;
}

.pagination_wrap {
    /* padding: 5px 0 5px 0; */
    font-size: 11px;
    color: #3c515f;
}

.pagination_wrap span {
    margin-right: 35px;
}

.pagination_wrap a {
    color: #3c515f;
    text-decoration: none;
    margin-right: 25px;
}

.pagination_wrap a:hover {
    color: #3c515f;
    text-decoration: underline;
}

.search_wrap {
    padding: 20px;
}

.profile_logout {
    display: none;
    padding: 20px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 100%;
}

.profile_logout.open {
    display: block;
}

.profile_logout a {
    color: #333;
    line-height: 1.4;
    white-space: nowrap;
    text-decoration: none;
}

.profile_name {
    cursor: pointer;
    line-height: 35px;
}

.profile_name i {
    background: url("../img/arr_select.svg") no-repeat 50% 50%;
    background-size: 8px 4px;
    width: 8px;
    height: 4px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    margin: 16px 0 0 7px;
}

.profile_name.active i {
    background: url("../img/arr_select_active.svg") no-repeat 50% 50%;
}

.h_profile_wrap {
    float: right;
    margin: 10px 20px 0 0;
    position: relative;
}

.admin_nav {
    float: left;
    margin: 10px 0 0 20px;
    text-decoration: none;
    line-height: 35px;
    text-transform: uppercase;
}

.admin_search_wrap {
    margin: 0 20px 20px 20px;
    position: relative;
    border: 1px solid #ccc;
}

.admin_search_wrap .btn_loop {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 7px;
    left: 8px;
    outline: 0;
    padding: 0;
    text-indent: -1000px;
    overflow: hidden;
    margin: 0;
    border: 0;
    background: url("../img/loop.svg") no-repeat 50% 50%;
    background-size: 18px 18px;
}

.admin_search_wrap .search_input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 14px 7px 30px;
    border-radius: 15px;
    border: 1px solid #fff;
    outline: 0;
    font-size: 16px;
}

.admin_table {
    background: #fff;
    padding: 20px;
}

table {
    width: 100%;
    text-align: left;
}

th {
    border-bottom: 1px solid #3c515f;
    font-weight: bold;
    padding: 8px 0;
    font-size: 12px;
    vertical-align: middle;
}

th i {
    display: none;
}

td {
    border-bottom: 1px solid #ccc;
    padding: 12px 0;
    font-size: 12px;
    vertical-align: middle;
}

.popup_inner .input_cell label {
    font-size: 12px;
}

.popup_inner .input_cell input:not([type=radio]) {
    font-size: 12px;
    height: 30px;
}

.popup_inner .btn_1,
.popup_inner .btn_2 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.popup_cell {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.message_popup {
    border: 0;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    padding: 0 20px;
    margin: 15px 15px 0 15px;
    font-size: 14px;
    line-height: 43px;
}

.popup_title {
    line-height: 1.1;
    text-align: left;
    padding: 15px 15px 0 15px;
    color: #3c515f;
    font-size: 20px;
    font-weight: bold;
}

.check_inner {
    margin-left: 132px;
}

.check_inner .check_wrap {
    margin-bottom: 20px;
}

.check_inner .check_wrap label {
    padding-left: 0px;
    padding-right: 30px;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}

.check_inner .check_wrap label::before {
    right: 0;
    left: auto;
    margin-right: 0px;
}

.check_cell_label {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    color: #7b8da0;
    font-size: 12px;
    float: left;
    width: 120px;
}

.check_cell .check_wrap label::before {
    border-radius: 50%;
}

/* Navigation hamburger menu */

.nav {
    display: table;
    width: 100%;
    height: 54px;
    padding: 0 5px;
    box-sizing: border-box;
    position: fixed;
    z-index: 999;
    bottom: -80px;
    left: 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 -1px 5px rgba(50, 50, 50, 0.3);
    transition: all 0.2s ease-out 0s;
}

.nav .date_table_row:first-child {
    display: table-row;
    background: none;
}

.nav .date_table_cell {
    padding: 0;
    border: none;
    vertical-align: middle;
    width: 20%;
}

.nav.show {
    bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.nav svg {
    fill: #787878;
    margin-bottom: 4px;
}

.nav span {
    display: block;
}

.nav .header_links_item,
.nav a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    color: #787878;
    text-decoration: none;
    line-height: 1;
    position: relative;
    cursor: pointer;
}

.logout_wrap {
    display: none;
}

.admin_page .page_wrap_height {
    margin-top: 77px;
}

.h_admin {
    background: #ef642d;
}

.loginAdmin .h_admin {
    background: #fff;
}

.h_admin .logo {
    float: left;
}

.page_inner_forms .page-login-title-wrapper.sticked + .login_wrap {
    padding-top: 0;
}

.page_inner_forms .header-btns-panel {
    position: absolute;
}

.page_inner_forms .mob_title {
    padding: 59px 20px 60px 20px;
}

.page_inner_forms .page-title-wrapper.sticked {
    position: relative;
}

.page_inner_forms .header {
    position: absolute;
}

.page_inner_forms .page-title-wrapper.sticked + .login_wrap {
    padding-top: 0;
}

.page_inner_forms .page-title-wrapper.sticked .header_title_note {
    display: block;
}

.page_inner_forms .page-title-wrapper.sticked .header_title {
    padding: 85px 20px 10px;
}

.page_inner_forms .page-title-wrapper.sticked {
    height: 223px;
}

.page_inner_forms .page-title-wrapper.sticked + .page_wrap {
    padding-top: 0;
}

.mob_title span {
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.2px;
}

.datepicker select {
    font-size: 18px;
    outline: 0;
    border: 0;
}

.jq-selectbox {
    border-radius: 3px;
    padding: 5px;
    border: 1px solid #949494;
    display: inline-block;
    background-color: #fcfcfc;
    position: relative;
}

.jq-selectbox__select,
.datepicker,
.datepicker select:focus,
.datepicker select:active {
    outline: 0 !important;
    border: 0 !important;
}

.date_table_cell_payment {
    text-transform: uppercase;
    font-size: 15px;
    color: #000;
}

.date_table_cell_payment span {
    color: #ef642d;
    font-family: "robotobold";
    cursor: pointer;
}

.date_table_cell_note {
    color: #766c6c;
    text-transform: none;
    font-size: 11px;
    margin-top: 3px;
}

.property_cell {
    width: 45%;
    /*width: 60%;*/
    float: left;
    /*border-right: 1px solid #eaeaea;*/
    box-sizing: border-box;
    padding: 9px 0 9px 18px;
}

.page_invoice .property_cell {
    width: 100%;
    border-right: none;
}

.datepicker_wrap {
    /*display: table;*/
    width: 40%;
    float: left;
    margin: 10px 20px 9px 32px;
    box-sizing: border-box;
    /*padding: 9px 0 9px 18px;*/
}

.desk_btn_print {
    display: none;
}

.header .header_links_item {
    display: none;
}

.nav_item-header span {
    color: #000;
    font-size: 15px;
}

.welcome-text {
    font-size: 13px !important;
    opacity: 0.7;
}

.nav_item-header {
    display: none;
    align-items: center;
}

.header_show_all .nav_item-header {
    display: block;
}

.nav_item-icon {
    height: 22px;
    width: 22px;
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
}

.header_links_item:hover .nav_item-header span:before {
    border-color: #f1641e !important;
    color: #f1641e;
}

.header_links_item:hover .nav_item-header span {
    color: #f1641e;
}

/*.header .header_links_item:hover .nav_item-header span:before{*/
/*border-top: 5px solid #000;*/
/*}*/
.header .nav_item-icon {
    vertical-align: middle;
}

.header_links_pay .nav_item-icon path {
    fill: #fff;
}

.header_links_pay .nav_item-icon {
    height: 35px;
}

.header_links_pay {
    display: none;
}

.header_links_pay span {
    color: #fff;
}

.popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999;
    /*border: 1px solid #000;*/
}

.bottom_section_modal {
    border-bottom: none !important;
}

.popup.popup_desctop {
    background: rgba(0, 0, 0, 0.6);
}

.popup_desctop .popup-dialog {
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 6px;
    width: 458px;
    margin: auto;
    box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22);
}

.popup_desctop .popup-dialog_height {
    border-radius: 6px;
    height: 550px;
}

.popup_desctop .popup-dialog_height_payment {
    height: 430px;
}

.popup_desctop .p_inner {
    padding: 0;
}

.popup_desctop .p_item {
    margin-right: 36px;
    margin-left: 36px;
    padding: 18px 0;
}

.popup_desctop .p_label {
    width: 100px;
}

.popup_desctop .p_info {
    font-weight: 700;
    margin-left: 100px;
}

.p_close {
    display: flex;
    align-items: center;
    position: absolute;
    right: -1px;
    top: 20px;
    width: 100px;
    cursor: pointer;
}

.modal_invoice_close_text {
    color: #7d838b;
    font-size: 18px;
}

.p_title {
    font-size: 20px;
    padding: 20px 10px;
    border-bottom: 1px solid #eaeaea;
    color: #000;
}

.popup_print_button {
    position: absolute;
    bottom: 80px;
    right: 25px;
    left: 25px;
    width: 408px;
    height: 48px;
    font-size: 15px;
    color: #fff;
    line-height: 46px;
    background: linear-gradient(
            85deg,
            rgba(101, 152, 255, 1) 0%,
            rgba(55, 110, 202, 1) 100%
    );
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}

.popup_pay_btn {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 60px;
    font-size: 15px;
    color: #fff;
    background: linear-gradient(
            85deg,
            rgba(255, 140, 61, 1) 0%,
            rgba(231, 18, 0, 1) 100%
    );
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}

.popup_desctop .popup_pay_btn {
    height: 46px;
    bottom: 30px;
    left: 25px;
    right: 25px;
    line-height: 46px;
    border-radius: 4px;
}

._green {
    background: linear-gradient(
            85deg,
            rgba(255, 140, 61, 1) 0%,
            rgba(231, 18, 0, 1) 100%
    );
}

._orange {
    background-color: #ef642d;
}

._green:hover,
._orange:hover {
    /*background-color: #57a200;*/
    opacity: 0.8;
}

.popup_pay_btn_ico {
    display: inline-block;
    vertical-align: middle;
    height: 48px;
    margin-right: 5px;
}

.popup_desctop .popup_pay_btn_ico {
    height: 34px;
}

.popup_pay_total {
    border-top: 1px solid #eaeaea;
    height: 52px;
    position: absolute;
    bottom: 60px;
    right: 0;
    left: 0;
    padding: 0 15px;
}

.pay_total_item {
    float: left;
    font-size: 16px;
    line-height: 53px;
    text-transform: uppercase;
    color: #000;
}

.pay_total_item:first-child {
    text-transform: none;
    float: right;
}

.p_inner {
    padding: 0 10px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 60px;
    top: 63px;
    overflow: auto;
}

.p_item {
    border-bottom: 1px solid #eaeaea;
    color: #000;
    font-size: 16px;
    padding: 15px 0;
}

.p_label {
    width: 90px;
    float: left;
    color: #7f7f7f;
}

.p_info {
    margin-left: 100px;
    /*text-align: right;*/
}

.p_cell {
    padding: 15px 0;
}

.invoices.InvoiceController .p_cell {
    padding: 5px 0;
}

.clr_black {
    color: #000;
}

.clr_grey {
    color: #7f7f7f;
}

._light_grey {
    background-color: #e0e0e0;
}

.clr_orange {
    color: #ef642d;
}

.clr_green {
    color: #23af2d;
}

.p_download_btn {
    display: block;
    padding-top: 6px;
    color: #ef642d;
    background: url(../img/download-orange.svg) 0 50% no-repeat;
    background-size: 22px 22px;
    padding-left: 30px;
}

.p_item_title {
    font-size: 17px;
    padding: 12px 0;
    font-weight: bold;
}

.p_table {
    padding: 0 0 0 0;
}

.p_table td {
    border-bottom: 1px solid #eaeaea;
    font-size: 14px;
    padding: 17px 4px;
}

.p_table_wrap {
    border-bottom: 0;
}

.footer_note {
    position: absolute;
    background: #fff;
    width: 310px;
    border-radius: 4px;
    /*left: 25px;*/
    left: -20px;
    bottom: 75px;
    padding: 30px 35px;
    box-sizing: border-box;
    text-align: center;
    color: #000;
    text-transform: none;
}

.footer_note_pay {
    left: 57%;
    margin-left: -160px;
    bottom: 75px;
}

.footer_note:before {
    content: "";
    display: block;
    bottom: -19px;
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
    left: 45px;
}

.footer_note_pay:before {
    left: 50%;
    margin-left: -5px;
}

.footer_note_title {
    font-size: 23px;
    margin-bottom: 10px;
    font-weight: 600;
}

.footer_note_info {
    font-size: 16px;
    line-height: 22px;
}

.nav .header_links_item .footer_note_link {
    color: #7f7f7f;
    font-size: 15px;
    text-decoration: none;
    text-transform: none;
}

.footer_note .btn_1 {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 40px;
    height: 40px;
    margin: 20px 0;
}

.footer_note_bg {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 54px;
    background: rgba(0, 0, 0, 0.5);
}

.popup_list {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 112px;
    top: 63px;
    overflow: auto;
}

ol.popup_list {
    counter-reset: myCounter;
    color: #000;
    padding: 0;
    margin: 0 10px;
}

.popup_list li {
    padding-left: 35px;
    list-style: none;
    position: relative;
    border-bottom: 1px solid #eaeaea;
}

.popup_list li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    color: white;
    font-size: 16px;
    background: #ef642d;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 25px;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 0;
    left: 0;
}

.pay_total_title {
    font-size: 16px;
}

.pay_total_note {
    font-size: 12px;
    position: relative;
}

.p_total_cell {
    font-size: 12px;
    padding-bottom: 20px;
    min-height: 67px;
}

.p_total_cell .p_label {
    width: 70px;
}

.p_total_cell .p_info {
    margin-left: 75px;
    margin-right: 150px;
    text-align: right;
}

.total_box_label {
    font-size: 11px;
    color: #7f7f7f;
    margin-bottom: 3px;
}

.total_box input {
    height: 46px;
    width: 127px;
    font-size: 16px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-sizing: border-box;
    text-align: center;
}

.pay_total_note {
    margin-bottom: 16px;
}

.currency_ico {
    position: absolute;
    font-size: 16px;
    color: #7f7f7f;
    line-height: 46px;
    bottom: 0;
    left: 10px;
    z-index: 1;
}

.total_box {
    border-radius: 3px;
    position: relative;
}

.total_box input {
    border-radius: 3px !important;
}

.total_box_wrap {
    position: absolute;
    right: 5px;
    bottom: 32px;
}

.wrapIos .total_box_wrap {
    bottom: 9px;
}

.PrePaymentController.wrapIos .error-clr_red {
    padding-right: 134px;
}

.pay_total_title {
    margin: 15px 0 4px 0;
}

.date_table_cell_payment {
    font-weight: bold;
}

.date_table_cell_note {
    font-weight: 400;
}

.invoices .p_close {
    top: 27px;
}

.h_title {
    display: inline-flex;
    padding-bottom: 4px;
    font-size: 26px;
    color: #000;
    font-weight: bold;
}

.h_title p {
    font-weight: 400;
}

.h_title.cookie_title {
    display: block;
}

.h_title.cookie_title span {
    font-weight: 400;
    font-size: 20px;
}

.h_title_note {
    color: #7f7f7f;
    font-size: 12px;
}

.header_invoices {
    padding: 20px 10px;
    /* border-bottom: 1px solid #eaeaea; */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    height: 79px;
    z-index: 99;
    background: #fff;
    display: none;
}

.invoices .header,
.invoices .nav {
    display: none;
}

.nav_invoices {
    width: 100%;
    height: 54px;
    box-sizing: border-box;
    position: fixed;
    z-index: 999;
    bottom: 0px;
    left: 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 -1px 5px rgba(50, 50, 50, 0.3);
    display: none;
}

.nav_invoices.header_show_all,
.header_invoices.header_show_all {
    display: block;
}

.nav_invoices button {
    height: 54px;
    line-height: 54px;
    font-size: 15px;
    text-transform: uppercase;
    border: 0;
}

.nav_invoices_wrap button:first-child {
    float: left;
    width: 40%;
    background: #fff;
    color: #7f7f7f;
}

.nav_invoices_wrap button:last-child {
    float: left;
    width: 60%;
}

.ico_nav_btn {
    background: url("../img/chevron_right_white.svg") 0 0 no-repeat;
    background-size: 18px 18px;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

.check_wrap_table {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
}

.check_wrap_table input {
    display: none;
}

.check_wrap_table input + label {
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #7f7f7f;
    border-radius: 2px;
    box-sizing: border-box;
}

.check_wrap_table input:checked + label {
    border-color: #ef642d;
    background: url(../img/checkbox_checked.svg) -3px -3px no-repeat;
    background-size: 28px 28px;
}

.page_desktop .check_wrap_table input + label {
    width: 20px;
    height: 20px;
}

.page_desktop .input-container {
    display: flex;
    justify-content: space-between;
}

.page_desktop .input-container .input-content {
    width: 47%;
}

.page_desktop .check_wrap_table input:checked + label {
    background-size: 24px 24px;
}

.date_table_check .date_table_cell:first-child:before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ef642d;
}

.invoice_paid {
    color: #7f7f7f;
    font-size: 10px;
    display: block;
}

.invoice_paid.clr_green {
    color: #417505;
}

.btn_bottom_wrap .popup_pay_btn_ico {
    height: 40px;
}

.androidWrap .btn_bottom_wrap .popup_pay_btn_ico {
    height: 46px;
}

.popup_pay_btn_ico svg {
    fill: #858d96;
}

.NotificationController .btn_bottom_wrap {
    left: -280px;
}

.btn_bottom_wrap {
    width: 100%;
    height: 54px;
    box-sizing: border-box;
    position: fixed;
    z-index: 999;
    bottom: 50px;
    text-align: center;
    box-shadow: 0 -1px 5px rgba(50, 50, 50, 0.3);
}

.btn_bottom_wrap .btn_1 {
    width: 60%;
    float: left;
    height: 54px;
    line-height: 54px;
    font-size: 15px;
    border: 0;
}

.androidWrap .btn_bottom_wrap .btn_1 {
    font-size: 24px;
}

.btn_bottom_wrap .btn_1:first-child {
    width: 40%;
}

._white {
    background: #fff;
    color: #7f7f7f;
}

._white:hover {
    background: #fff;
    opacity: 0.8;
    color: #7f7f7f;
}

._w100 {
    width: 100% !important;
}

#payment_iframe {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 100000;
}

.logo_mob_show {
    display: block;
    width: 190px;
    margin: auto;
    padding: 10px 0 15px 0;
    text-align: center;
}

.page_desktop.login .logo_mob_show.login-logo-center {
    padding-top: 160px;
}

.page_desktop.resetPassword .logo_mob_show.login-logo-center {
    padding-top: 160px;
}

.page_desktop.login .logo_mob_show {
    width: 190px;
    margin: auto;
    display: flex !important;
    text-align: center;
}

.logo_item.logo_rent {
    width: auto;
    text-align: left;
    padding: 10px 30px;
}

.logo_mob_show.logo_rent img {
    width: 60px;
    float: left;
}

.logo_rent span {
    font-size: 21px;
    color: #ef642d;
    display: block;
    text-align: center;
    margin-left: 60px;
    /* line-height: 60px; */
    position: relative;
    top: 19px;
}

.StatementController .header .logo_mob_show,
.InvoiceController .header .logo_mob_show,
.account .header .logo_mob_show,
.NotificationController .header .logo_mob_show {
    width: 140px;
    float: left;
}

/* .StatementController .header .logo_mob_show,
.InvoiceController .header .logo_mob_show,
.account .header .logo_mob_show,
.NotificationController .header .logo_mob_show {
    position: relative;
    width: 100%;
    max-width: 140px;
    margin: 0 auto;
    text-align: center;
} */

.padding-top-30 {
    padding-top: 30px !important;
}

.logo_mob_show img {
    max-width: 100%;
    width: 190px;
    margin: auto;
    display: block;
}

.StatementController .logo_mob_show img {
    max-width: 100%;
    width: 117px;
    position: absolute;
    left: 65%;
    display: block;
}

/* .logo_mob_show img {
  max-width: 48%;
  width: 48%;
  margin: auto;
  display: block;

} */
.login_title {
    color: #000;
    font-size: 23px;
    margin: 5px 0 10px 0;
    font-family: "robotobold";
    text-align: center;
}

.page_desktop .inner_title.login_title {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 25vw;
    margin-right: 25vw;
    line-height: 77px;
    padding: 0;
}

.registration_title {
    margin: 5px 0 20px 0;
}

.login_info {
    color: #000;
    font-size: 14px;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 10px;
}

.logout_info {
    font-size: 16px;
}

.login_page_wrap {
    position: absolute;
    width: 500px;
    background: #fff;
    padding: 30px;
    top: 50%;
    left: 50%;
    margin-left: -285px;
    margin-top: 250px;
}

.login_page .login_page_wrap {
    width: 100%;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
}

.login_error_note span,
.login_error_note a {
    color: #ef642d;
    text-decoration: none;
}

.login_error_note a:hover {
    text-decoration: underline;
}

.login_error_note {
    color: #ef642d;
    font-size: 14px;
    margin: 0 0 58px 0;
    text-align: center;
}

.login_error_note span {
    cursor: pointer;
}

.input_cell_floating {
    position: relative;
    margin-bottom: 32px;
}

.input_cell_floating input,
.input_cell_floating select {
    width: 100%;
    height: 30px !important;
    padding: 3px 0 !important;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #3c515f;
    background: transparent;
}

.input_cell_floating select {
    border-bottom: none;
}

.input_cell_floating label {
    position: absolute;
    pointer-events: none;
    left: 9px;
    top: 0;
    line-height: 40px;
    transition: 0.3s;
    margin: 0 !important;
    font-size: 15px !important;
    font-style: italic;
    font-weight: 400 !important;
    float: none !important;
    width: auto !important;
}

.input_cell_floating input:not(:focus):valid ~ label,
.input_cell_floating input:focus ~ label,
.select-text:focus ~ .select-label,
.select-text:valid ~ .select-label {
    top: -30px;
    font-size: 12px !important;
    color: #7f7f7f;
    font-style: normal;
}

.select-text {
    position: relative;
    font-family: inherit;
    border-radius: 0;
}

/* Remove focus */
.select-text:focus {
    outline: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

/* Use custom arrow */
.select .select-text {
    appearance: none;
    -webkit-appearance: none;
}

.select:after {
    position: absolute;
    top: 18px;
    right: 10px;
    /* Styling the down arrow */
    width: 0;
    height: 0;
    padding: 0;
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.12);
    pointer-events: none;
}

.cookie-banner-container {
    position: absolute;
    width: 100%;
    background-color: white;
}

.cookie-banner-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
}

.cookie_info {
    padding-right: 15px;
    color: #696969;
}

.cookie_info h3 {
    margin: 0 0 10px 0;
}

.cookie_info a,
.cookie_info p {
    font-size: 13px;
    margin: 0;
}

.cookie_info a {
    text-decoration: underline;
    color: #696969;
}

.cookie-banner-buttons {
    height: 50px;
    border-radius: 3px;
    color: white;
    background-color: #0093d0;
    min-width: 149px;
    border: none;
    font-size: 16px;
    width: 100%;
}

.home-icon-cookie {
    margin-left: 17%;
}

@media screen and (max-width: 590px) {
    .cookie-banner-content h3 {
        text-align: center;
    }

    .cookie-banner-content {
        display: flex;
        flex-direction: column !important;
    }

    .cookie_info {
        padding: 0 0 10px 0;
    }

    .cookie-banner-buttons-container {
        width: 90%;
        margin-bottom: 40px;
    }
}


.select-label {
    color: rgba(0, 0, 0, 0.26);
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    transition: 0.2s ease all;
}

.select-bar {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}

.select-bar:after {
    content: "";
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #7f7f7f;
    transition: 0.2s ease all;
}

.login_btn_wrap .btn_1,
.login_btn_wrap .btn_2 {
    font-size: 15px;
    border: 0;
    height: 55px;
    line-height: 45px;
}

.login_btn_wrap .btn_1:disabled {
    background: #e0e0e0;
}

.forgot_link {
    text-align: center;
    font-size: 14px;
    margin: 0 0 15px 0;
    color: #000;
}

.forgot_link span,
.forgot_link a {
    color: #ef642d;
    text-decoration: none;
    cursor: pointer;
}

.forgot_link a:hover {
    text-decoration: underline;
}

.login_ico_note {
    position: absolute;
    right: 0;
    top: 12px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.login_page_wrap,
.login_inner {
    background: transparent;
}

.login_wrap:before {
    display: none;
}

.check_wrap_full a {
    color: #ef642d;
    text-decoration: none;
}

.check_wrap_full a:hover {
    text-decoration: underline;
}

.check_wrap_full {
    text-align: left !important;
    position: relative;
    display: block;
    margin: 5px 0 20px 0;
}

.check_wrap_full input {
    display: none;
}

.check_wrap_full label {
    padding-left: 29px;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    display: block;
}

.check_wrap_full input + label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #7f7f7f;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 2px;
}

.check_wrap_full input:checked + label:before {
    border-color: #ef642d;
    background: url(../img/checkbox_checked.svg) -4px -4px no-repeat;
    background-size: 24px 24px;
}

.login_note_tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    color: #7f7f7f;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 6px 10px 6px 6px;
    border-radius: 5px;
    z-index: 1;
}

.login_note_tooltip .p_close {
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
}

@media screen and (max-width: 766px) {
    .account .account_button_desktop_wrap.account-info {
        display: none !important;
    }
}

.logo-tile {
    display: inline-flex;
    margin-left: 85px;
    align-items: center;
    margin-top: 10px;
    padding-top: 7px !important;
}

.marginTopLogo {
    margin-top: 20px;
}

.logo-img-desktop {
    height: 44px;
}

.logo-img {
    width: 265px;
}

.logo-text {
    font-weight: 200;
    font-size: 22px;
    margin-left: 10px;
    /*background: rgb(238,106,18);*/
    background: linear-gradient(
            90deg,
            rgba(223, 51, 36, 1) 0%,
            rgba(238, 106, 18, 1) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}

.page_wrap_title {
    padding: 35px 0;
}

.personal_title {
    line-height: 1.2;
    color: #000;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 20px;
}

.personal_info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.personal_item {
    width: calc(33.3% - 10px);
}

.personal_item._double {
    width: calc(67% - 10px);
}

.personal_item select {
    border: 0;
    font-size: 14px;
    padding: 0 4px 0 7px;
    height: 34px;
    outline: 0;
}

.personal_item select:focus {
    outline: 0;
}

.phone_select {
    border: 1px solid #dce0e2;
    border-radius: 4px;
    display: flex;
    padding: 0;
}

.phone_code {
    max-width: 70px;
}

.input_wrap.phone_select select {
    max-width: 150px;
    text-overflow: ellipsis;
    padding: 0;
}

.input_wrap.phone_select input,
.input_wrap.phone_select select {
    border: 0;
    border-radius: 4px;
}

.input_wrap.phone_select input {
    width: 100%;
}

.personal_item input {
    border-radius: 4px;
}

.personal_item .label_required::before {
    display: none;
}

.personal_item .label_required::after {
    color: red;
    content: "*";
    display: inline-block;
    position: absolute;
}

._several_cell {
    display: flex;
    justify-content: space-between;
}

.sm_cell {
    width: calc(50% - 8px);
}

#iframe_box {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
}

/*media!!!*/

@media screen and (min-width: 380px) {
    /*.datepicker_note {*/
    /*display: inline-block;*/
    /*vertical-align: top;*/
    /**display: inline;*/
    /**zoom: 1;*/
    /*font-size: 10px;*/
    /*margin: 8px 0 0 0; }*/
    .date_table_wrap {
        padding: 53px 0 12px 0;
    }
}

@media screen and (max-width: 990px) {
    .logo-tile {
        display: none;
    }


    .personal_item {
        width: calc(50% - 10px);
    }

    .personal_item._double {
        width: calc(50% - 10px);
    }

    .sm_cell {
        width: calc(50% - 10px);
    }

}

@media screen and (max-width: 1260px) {
    body .page .page_inner .header .header_links_item {
        margin-right: 100px;
    }

    body.androidWrap .page .page_inner .header .header_links_item {
        margin-right: 2px;
    }

    .page .header .wrap_dropdown .wrap_dropdown_user {
        right: 100px;
    }

    .header_links_item {
        margin-left: 97px;
    }

    .logo-tile {
        margin-left: 0;
    }

    .logo-text {
        margin-left: 10px;
        line-height: 44px;
        font-size: 18px;
    }
}

@media screen and (max-width: 1090px) {
    body .page .page_inner .header .header_links_item {
        margin-right: 25px;
    }
}

@media screen and (max-width: 1300px) {
    .header_links_item {
        margin-left: 60px;
    }
}

@media screen and (max-width: 1300px) {
    .logo-tile {
        margin-left: 71px !important;
    }
}

@media screen and (max-width: 1027px) {
    body.StatementController .page_inner .header #mobile-nav-menu {
        width: 70% !important;
    }

    .header #mobile-nav-menu li a {
        font-size: 19px;
    }

    .page_wrap_title {
        padding: 35px 20px;
    }

    .logo-tile {
        margin-left: 64px !important;
    }
}

.nav-item-container {
    width: 100% !important;
    justify-content: flex-start;
    padding-left: 20px;
    display: flex;
    align-items: center;
    z-index: 1;
}

@media screen and (max-width: 1389px) {
    .navbar #nav-toggle {
        display: block;
    }

    .activeSelect:after {
        display: none !important;
    }

    .page .header #mobile-nav-menu li a {
        width: 100% !important;
    }

    #mobile-nav-menu i {
        display: block !important;
    }
}

/*@media screen and (max-width: 1400px) {*/
/*  .logo-tile {*/
/*    margin-left: 30px;*/
/*  }*/
/*}*/

@media screen and (max-width: 1450px) {
    body .page .header .header_links_item {
        margin-right: 137px;
    }

    .header .wrap_dropdown .wrap_dropdown_user {
        right: 137px;
    }
}

.notification_row.date_table_row:first-child {
    background-color: transparent !important;
    border-radius: 11px;
}

.NotificationController .date_table_row {
    background-color: transparent !important;
}

.notification_table_wrap.date_table_wrap {
    background-color: transparent;
    border-radius: 30px;
}

@media screen and (max-width: 1650px) {
    body .header .header_links_item {
        margin-right: 201px;
    }

    .wrap_dropdown .wrap_dropdown_user {
        right: 201px;
    }
}

@media screen and (min-width: 400px) {
    .message_wrap {
        line-height: 50px;
        font-size: 20px;
    }

    .header_links_wrap {
        line-height: 39px;
        font-size: 15px;
        top: 214px;
    }

    .date_table_cell {
        font-size: 16px;
    }

    .date_table_wrap .table:before {
        top: 40px;
    }

    .datepicker_note {
        font-size: 14px;
    }

    .balance_title {
        font-size: 13px;
    }

    .header_title {
        font-size: 36px;
    }

    .header_title_note {
        font-size: 14px;
    }

    .mob_title {
        font-size: 36px;
    }

    .message_popup {
        font-size: 14px;
        line-height: 43px;
    }

    .p_inner {
        padding: 0 15px;
    }
}

@media screen and (min-width: 500px) {
    .cookieConsent {
        background-color: red !important;
    }

    .p_title {
        padding: 20px 15px;
    }

    .invoice_details {
        color: #555860;
        border-radius: 6px 6px 0 0;
        background-color: #e8eaed;
    }

    .p_label {
        width: 200px;
    }

    .p_info {
        margin-left: 220px;
    }

    .message_wrap {
        font-size: 24px;
        line-height: 75px;
    }

    .message_popup {
        font-size: 14px;
        line-height: 43px;
    }

    .header_links_wrap {
        line-height: 67px;
        font-size: 20px;
        top: 262px;
    }

    .header_title {
        font-size: 43px;
    }

    .header-btn {
        border-width: 10px;
    }

    .btn_1,
    .btn_2 {
        height: 44px;
        line-height: 66px;
        font-size: 28px;
    }

    .input_cell {
        margin-bottom: 31px;
    }

    .input_cell label {
        opacity: 0.7;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .input_cell input:not([type=radio]),
    .input_cell textarea {
        font-size: 24px;
        padding: 0 18px;
        height: 66px;
    }

    .mob_title {
        padding: 40px 20px 80px 20px;
        font-size: 43px;
    }

    .check_wrap label {
        font-size: 20px;
        line-height: 1.1;
    }

    .check_wrap {
        margin-bottom: 31px;
    }

    .check_wrap label a {
        font-size: 20px;
        line-height: 1.1;
    }

    .balance_numb {
        font-size: 40px;
        line-height: 100px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
    }

    .balance_title {
        font-size: 20px;
        line-height: 100px;
    }

    .datepicker_item input {
        font-size: 16px;
        height: 44px;
        color: #7b8da0;
    }

    .datepicker_item {
        /* Firefox 19+ */
        /* Firefox 18- */
    }

    .datepicker_item ::-webkit-input-placeholder {
        color: #7b8da0;
    }

    .datepicker_item ::-moz-placeholder {
        color: #7b8da0;
    }

    .datepicker_item :-moz-placeholder {
        color: #7b8da0;
    }

    .datepicker_item :-ms-input-placeholder {
        color: #7b8da0;
    }

    .datepicker_note {
        font-size: 16px;
        line-height: 1.2;
        margin: 0;
    }

    .datepicker_ico_wrap {
        width: 90px;
        padding-left: 38px;
        height: 44px;
    }

    .datepicker_ico_wrap img {
        left: 14px;
        top: 12px;
        width: 17px;
    }

    /*.datepicker_wrap {*/
    /*top: 141px; }*/
    .data_separator {
        margin: 16px 10px 0 10px;
    }

    .pagination_wrap {
        font-size: 20px;
    }
}

@media screen and (min-width: 600px) {
    .mob_title span {
        font-size: 16px;
    }

    .ui-widget-header {
        font-size: 18px;
    }

    .ui-datepicker {
        width: auto;
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        padding: 0.3em;
    }

    .ui-datepicker-calendar td a {
        font-size: 20px;
    }

    .header_links_wrap {
        line-height: 88px;
        font-size: 30px;
        top: 267px;
    }

    .date_table_cell {
        font-size: 20px;
        padding: 20px 5px;
    }

    .date_table_row_month .date_table_cell {
        padding-top: 50px;
    }

    .datepicker_ico_wrap {
        width: 110px;
        padding-left: 38px;
        height: 64px;
    }

    .data_separator {
        margin: 25px 10px 0 10px;
    }

    .datepicker_ico_wrap img {
        left: 13px;
        top: 21px;
        width: 17px;
    }

    /*.datepicker_note {*/
    /*font-size: 19px;*/
    /*line-height: 64px; }*/
    .datepicker_item input {
        font-size: 20px;
        height: 64px;
    }

    .date_table_wrap {
        padding: 90px 0 25px 0;
    }

    .mob_title {
        font-size: 50px;
    }
}

@media screen and (min-width: 700px) {
    .ui-datepicker-calendar td a {
        font-size: 26px;
    }

    .pagination_wrap {
        font-size: 24px;
    }

    .date_table_cell {
        font-size: 24px;
    }

    .datepicker_ico_wrap {
        width: 130px;
        padding-left: 50px;
    }

    .datepicker_ico_wrap img {
        width: 17px;
        top: 24px;
    }

    /*.datepicker_note {*/
    /*font-size: 24px; }*/
    .datepicker_item input {
        font-size: 24px;
    }

    .balance_numb {
        font-size: 50px;
    }

    .balance_title {
        font-size: 21px;
    }
}

@media screen and (min-width: 768px) {
    .header,
    .header.h_admin {
        display: none !important;
        height: 0 !important;
    }

    .page_wrap_height {
        border-radius: 4px;
    }

    .header_links_pay {
        float: right;
        margin-right: 26px;
        width: 156px;
        height: 46px;
        line-height: 46px;
        border-radius: 3px;
        margin-top: 16px;
        background: rgb(255, 140, 61);
        background: linear-gradient(
                85deg,
                rgba(255, 140, 61, 1) 0%,
                rgba(231, 18, 0, 1) 100%
        );
        color: #fff;
        font-size: 15px;
        text-align: center;
        /* display: block; */
        display: none;
    }

    .header_show_all .header_links_pay {
        display: block;
    }

    .customer-name {
        font-size: 16px;
    }

    .header .header_links_item .nav_item-header span.customer-name:before {
        content: "";
        position: absolute;
        right: -19px;
        box-sizing: border-box;
        height: 8px;
        width: 8px;
        border-style: solid;
        border-color: black;
        border-width: 0px 2px 2px 0px;
        transform: rotate(45deg);
        transition: border-width 150ms ease-in-out;
        top: 4px;
        display: block;
    }

    .header .header_links_item .nav_item-header span {
        position: relative;
        line-height: 24px;
    }

    .welcome-text {
        line-height: 18px !important;
    }

    .header .header_links_item .nav_item-header {
        margin-top: 20px;
    }

    .welcome-block {
        margin-left: 13px;
    }

    .header .header_links_item {
        font-family: "robotoregular";
        letter-spacing: 1px;
        font-weight: inherit;
        float: right;
        z-index: 10000;
        position: relative;
        margin-right: 266px;
        background-color: white;
        width: 261px;
        min-width: 164px;
        text-align: left;
        height: 77px;
        display: none;
    }

    .header_show_all .header_links_item {
        display: block;
        cursor: pointer;
    }

    .app-name {
        display: none;
    }

    #login-overlay {
        display: none;
    }

    .table-container-mobile {
        display: none;
    }

    .ui-widget-header {
        font-size: 14px;
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        padding: 0.3em;
    }

    .ui-datepicker-calendar td a {
        font-size: 14px;
    }

    /* .page_inner_forms .header {
    position: fixed; } */
    .logout_wrap {
        display: block;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
        margin-right: 36px;
        color: #3c515f;
        font-size: 14px;
        line-height: 77px;
        float: right;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        -ms-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .logout_wrap:hover {
        color: #f1641e;
    }

    #profName,
    #profCustomer,
    #profEmail,
    #profPhone,
    #profCurrPass,
    #profNewPass,
    #profConfPass {
        font-weight: bold;
        border-radius: 4px;
    }

    .account_back_ico {
        margin-bottom: 19px;
        margin-right: -20px;

    }

    .header-text-account {
        font-size: 26px;
        color: black;
        font-weight: bold;
    }

    .account-info {
        box-shadow: none !important;
        position: fixed !important;
        bottom: 150px !important;
    }

    .account_back_btn {
        background-color: transparent !important;
        text-align: left;
    }

    .account_back_btn span {
        color: black;
        opacity: 0.4;
        white-space: nowrap;
    }

    .pagination_wrap {
        font-size: 14px;
        width: 50%;
        float: left;
        /* padding: 2px 0 0 0; */
        line-height: 1.1;
    }

    .pagination_wrap span {
        margin-left: 20px;
        margin-right: 20px;
    }

    .pagination_wrap a {
        margin-right: 20px;
    }

    .message_wrap {
        font-size: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto 0;
        border-bottom: 25px solid #e3eaef;
        line-height: 35px;
    }

    .btn_1,
    .btn_2 {
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        border-radius: 4px;
        width: 133px;
        height: 44px;
        line-height: 37px;
        font-size: 16px;
    }

    .btn_2 {
        border: none;
        background: rgb(238, 106, 18);
        background: linear-gradient(
                80deg,
                rgba(238, 106, 18, 1) 0%,
                rgba(223, 51, 36, 1) 100%
        );
    }

    .btn_captcha {
        width: 150px;
        margin-top: 0;
    }

    .reset_btn {
        margin-left: 18px;
        color: #3c515f;
        font-weight: bold;
        font-size: 12px;
        text-transform: none;
        width: auto;
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        border: 0;
        background: none;
        text-decoration: underline;
    }

    .reset_btn:hover {
        text-decoration: none;
        color: #3c515f;
        background: none;
    }

    .check_wrap label {
        font-size: 12px;
        line-height: 22px;
        font-weight: bold;
    }

    .check_wrap label a {
        font-size: 12px;
        line-height: 22px;
    }

    .content {
        /* min-height: 100vh; */
        height: calc(100vh - 80px);
        background: transparent;
    }

    /*::-webkit-scrollbar {*/
    /*    -webkit-appearance: none;*/
    /*}*/
    /*::-webkit-scrollbar:horizontal {*/
    /*    height: 13px;*/
    /*}*/
    /*::-webkit-scrollbar:vertical {*/
    /*  width: 12px;*/
    /*}*/
    /*::-webkit-scrollbar-thumb {*/
    /*    border-radius: 6px;*/
    /*    border: 2px solid gray;*/
    /*    background-color: rgba(0, 0, 0, .5);*/
    /*}*/
    ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: gray;
    }

    .signup-logo {
        margin-top: 9vh;
    }

    .login_wrap_item_register {
        padding: 0 !important;
    }

    .mob_title {
        display: none;
    }

    .login_wrap_item {
        width: 50%;
        float: left;
    }

    .login_wrap_item:first-child {
        width: 50%;
    }

    .btn_wrap {
        margin: 27px 0 0 0;
    }

    .input_cell {
        margin-bottom: 20px;
    }

    .input_cell label {
        font-size: 12px;
        margin: 0px 0 9px 0;
        float: left;
        width: 130px;
    }

    .input_cell input:not([type=radio]),
    .input_cell textarea {
        border-radius: 6px;
        font-size: 14px;
        padding: 0 11px;
        height: 40px;
    }

    .page_desktop.login .login_page_wrap .form-login-container .input_cell input:not([type=radio]) {
        border-radius: 0px !important;
    }

    /*.input_wrap {*/
    /*  margin-left: 140px;*/
    /*}*/
    .login_cell {
        padding: 0;
    }

    .login_cell .btn_wrap .btn_2,
    .login_cell .btn_wrap .btn_1 {
        line-height: 35px;
    }

    .js-login-accordion .input_cell label {
        width: 130px;
    }

    /*.js-login-accordion .input_wrap {*/
    /*  margin-left: 140px;*/
    /*}*/
    .line-gradient-account {
        height: 31%;
        left: 50%;
        position: absolute;
        background: linear-gradient(
                86deg,
                rgba(255, 255, 255, 1) 0%,
                rgba(0, 0, 0, 0.2) 50%,
                rgba(255, 255, 255, 1) 100%
        );
        top: 27%;
        width: 1px;
    }

    .login_wrap_item {
        padding: 62px 48px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .login_wrap_item:first-child {
        background: #fff;
    }

    .login_wrap:before,
    .content:before {
        display: none;
    }

    .authorized.StatementController .header.header_show_all, .authorized.MenuController .header.header_show_all {
        height: 77px !important;
        display: block !important;
        box-shadow: 0px 1px 18px 0px rgba(220, 224, 231, 1);
    }

    .transactionController .header.header_show_all {
        height: 77px !important;
        display: block !important;
    }

    .admin .header.h_admin.header_show_all_admin,
    .reports .header.h_admin.header_show_all_admin,
    .telerikReporter .header.header_show_all_admin,
    .adminPassword .header.h_admin.header_show_all_admin,
    .messagesControl .header.h_admin.header_show_all_admin,
    .termsControl .header.h_admin.header_show_all_admin,
    .ReportsController .header.h_admin.header_show_all_admin,
    .SuperAdminController .header.h_admin.header_show_all_admin,
    .PushNotificationController .header.h_admin.header_show_all_admin {
        top: 0;
        left: 0;
        right: 0;
        height: 78px !important;
        display: block !important;
        z-index: 150;
    }

    .page-title-wrapper {
        display: none;
    }

    .login_wrap {
        position: absolute;
        margin: 0 auto;
        width: 303px;
        background: #fff;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 6px;
        box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3);
        background-origin: border-box;
        background-clip: border-box;
        padding: 32px 40px;
    }

    .page_desktop.login .login_wrap {
        position: absolute;
        margin: 0 auto;
        width: 420px;
        background: #fff;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 13px;
        box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3);
        background-origin: border-box;
        background-clip: border-box;
        padding: 32px 40px;
    }

    .login_wrap .message_wrap {
        border: 0;
        margin-bottom: 25px;
    }

    .profile_wrap .message_wrap {
        border-bottom: 25px solid #e3eaef;
        margin-bottom: 0;
    }

    .login_inner {
        border: 0;
        box-shadow: 0px -1px 9px 0px rgba(220, 224, 231, 0.85);
        border-radius: 11px;
    }

    .toggle-menu-btn {
        display: none;
        margin-top: 23px;
        margin-right: 36px;
    }

    .toggle-menu-btn span {
        background: #f1641e;
        width: 30px;
        height: 3px;
    }

    .toggle-menu-btn span + span {
        margin-top: 6px;
    }

    .toggle-menu-btn.active .third {
        margin-top: -3px;
    }

    .logo {
        display: block;
        width: 150px;
        margin: 12px 0 0 34px;
    }

    .logo img {
        max-width: 100%;
    }

    .date_table_row_month {
        display: none;
    }

    .table_header {
        background-color: #f1f3f5;
    }

    .date_table_row:first-child {
        display: table-row;
    }

    .date_table_row:first-child .date_table_cell {
        color: #7f7f7f;
        font-size: 13px;
        font-family: "Roboto", sans-serif;
        /* font-weight: bold; */
        padding: 21px 12px 8px 12px;
    }

    .NotificationController .date_table_row .date_table_cell:nth-child(1),
    .NotificationController .date_table_row .date_table_cell:nth-child(2) {
        color: #151517;
        font-size: 16px;
        line-height: 22px;
    }

    .date_table_row .date_table_cell:nth-child(1),
    .date_table_row .date_table_cell:nth-child(2) {
        color: #000;
        font-size: 16px;
    }

    .date_table_row .date_table_cell:nth-child(1) {
        width: 90px;
    }

    .date_table_row .date_table_cell:nth-child(2) {
        width: 70px;
    }

    .date_table_row .date_table_cell:nth-child(3) {
        width: 120px;
    }

    .notification_table .date_table_row .date_table_cell:nth-child(1),
    .notification_table .date_table_row .date_table_cell:nth-child(2),
    .notification_table .date_table_row .date_table_cell:nth-child(3) {
        width: auto;
        padding: 8px;
    }

    .date_table_row .date_table_cell_status.date_table_cell:nth-child(1) {
        width: 10px;
        padding: 8px;
    }

    .table_invoice .date_table_row .date_table_cell:nth-child(2) {
        width: 130px;
    }

    .table_invoice .date_table_row .date_table_cell:nth-child(3) {
        font-weight: 300;
        color: #3c515f;
        width: 250px;
    }

    .date_table_row .date_table_cell:nth-child(4) {
        width: 159px;
        font-weight: 300;
        font-size: 16px;
    }

    .table_invoice .date_table_row .date_table_cell:nth-child(4) {
        width: 114px;
    }

    .date_table_row .date_table_cell:nth-child(5) {
        text-align: right;
        width: 117px;
        font-size: 16px;
    }

    .date_table_row .date_table_cell:nth-child(6) {
        text-align: right;
        width: 76px;
        font-size: 16px;
    }

    .date_table_row:first-child {
        background: #f1f3f5 !important;
    }

    .date_table_row:nth-child(2n + 1) {
        background: #f7f8f9;
    }

    .table_desktop_wrapper {
        box-shadow: 1px -7px 9px 0px rgba(220, 224, 231, 0.85);
        padding-left: 15px;
        padding-right: 15px;
    }

    .date_table_row.table_header .date_table_cell,
    .table_invoice .date_table_row.table_header .date_table_cell {
        font-size: 14px;
        color: #3c3e3f;
        font-weight: bold;
    }

    .date_table_cell {
        font-size: 14px;
        text-transform: none;
        padding: 17px 12px 17px 12px;
    }

    .table_invoice .date_table_cell {
        padding: 12px;
    }

    .only_desktop {
        display: table-cell;
    }

    .balance_wrap {
        text-align: right;
        border: 0;
        padding-bottom: 40px;
    }

    .balance_wrap .balance_numb {
        margin-right: 12px;
    }

    .balance_title {
        opacity: 0.6;
        font-size: 13px;
        color: #000;
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        float: none;
        margin-bottom: 8px;
        padding: 0;
        line-height: 1.6;
        width: auto;
    }

    .datepicker_wrap {
        width: 20%;
        /*width:auto;*/
        /*border-right: 1px solid #eaeaea;*/
    }

    .property_cell,
    .page_invoice .property_cell {
        width: 20%;
        /*width: auto;*/
        float: none;
        /*border-right: 1px solid #eaeaea;*/
        padding: 0;
    }

    .desk_btn_print {
        display: block;
        /*width: 25%;*/
        float: right;
        padding-left: 20px;
        text-align: right;
    }

    .desk_btn_print,
    .current_style,
    .page_invoice .property_cell {
        display: flex;
        cursor: pointer;
        align-items: center;
        /*padding-top: 20px;*/
        /*box-sizing: border-box;*/
        /*height: 88px;*/
        /*float: none;*/
    }

    .print-text {
        margin-left: 10px;
    }

    .current_style {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .open_pdf {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-right: 25px;
        position: static;
        /*top: 6px;*/
        /*right: 42px;*/
        background: url("../img/download-pdf-copy-2.svg") 50% 0 no-repeat;
        background-size: 29px 29px;
        padding-top: 34px;
        /*background-size: 100% 100%;*/
        /*width: 29px;*/
        /*height: 29px;*/
        font-size: 12px;
        color: #7f7f7f;
    }

    .open_print {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        position: static;
        /*top: 6px;*/
        /*right: 11px;*/
        background: url("../img/print.svg") 50% 0 no-repeat;
        background-size: 29px 29px;
        padding-top: 34px;
        /*width: 30px;*/
        /*height: 30px;*/
        font-size: 12px;
        color: #7f7f7f;
    }

    .balance_align {
        display: inline-block;
        vertical-align: middle;
    }

    .balance_numb {
        font-size: 26px;
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        float: none;
        padding: 0;
        line-height: 21px;
        width: auto;
    }

    .invoices_balance_header {
        width: 100%;
    }

    .current_style.current_balance_wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: left;
        border: 0;
        width: 50%;
        /*width: auto;*/
        padding: 9px 18px;
    }

    .current_style {
        text-align: left;
        border: 0;
        width: 50%;
        /*width: auto;*/
        padding: 9px 18px;
    }

    .invoices_header {
        display: flex;
        flex-direction: column;
    }

    .datepicker_note {
        font-size: 14px;
        color: #7b8da0;
        line-height: 1.2;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
    }

    .datepicker_item input {
        font-size: 14px;
        height: 36px;
    }

    .datepicker_ico_wrap {
        width: 80px;
        height: 36px;
        padding-left: 36px;
    }

    .data_separator {
        margin: 9px 3px 0 3px;
    }

    .datepicker_ico_wrap img {
        width: 17px;
        top: 10px;
    }

    .current_wrap {
        background: #fff;
        border: 0;
        /*border-bottom: 10px solid #e3eaef;*/
    }

    .current_inner {
        /*border-bottom: 1px solid #f1641e;*/
        padding: 16px 13px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /*border-bottom: 1px solid #babec1;*/
        /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);*/
    }

    .date_table_wrap {
        padding: 0;
        border: 0;
    }

    .page_wrap {
        height: 100vh;
        background: #f5f7fa;
        box-sizing: border-box;
        padding: 80px 0 50px 0;
        position: relative;
        overflow: auto;
    }

    /*.page_wrap:after {*/
    /*content: "";*/
    /*position: absolute;*/
    /*display: block;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*height: 5px;*/
    /*background: #f1641e; }*/
    .page_wrap_height {
        /*background: #fff;*/
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 1040px;
        margin: auto;
    }

    .width_page {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 1040px;
        margin: auto;
    }

    .date_table {
        padding-bottom: 25px;
    }

    .header_links_wrap .header_links_item {
        color: #3c515f;
    }

    .header_links_wrap .header_links_item:first-child {
        color: #f1641e;
    }

    .header_links_wrap .header_links_item:hover {
        color: #f1641e;
    }

    .header_links_wrap .header_links_item {
        border-bottom: 0 !important;
    }

    .header_title {
        position: static;
        font-size: 50px;
        padding: 46px 20px 12px 20px;
    }

    .header_title_note {
        position: static;
        font-size: 14px;
        padding-bottom: 40px;
    }

    .header_links_profile {
        display: block;
    }

    .header_links_profile .header_links_item {
        color: #f1641e;
    }

    .header_links_profile .header_links_item:first-child {
        color: #3c515f;
    }

    .header_links_profile .header_links_item:hover {
        color: #f1641e;
    }

    .desk_title {
        display: block;
        font-size: 27px;
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
        line-height: 1.1;
        padding-bottom: 5px;
        padding-left: 10px;
    }

    .only_desktop_info {
        display: block;
    }

    .prof_title {
        font-size: 50px;
        padding: 48px 20px 9px 20px;
        display: block;
    }

    .only_mob {
        height: 0;
        display: none;
        padding: 0;
    }

    .profile_wrap {
        border: 0;
        max-width: 100%;
        background: #e3eaef;
    }

    .profile_wrap:after {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        bottom: 0;
        height: 5px;
        background: #f1641e;
    }

    .profile_wrap .login_wrap_item {
        padding: 37px 50px;
    }

    .account .profile_wrap {
        padding-top: 105px;
    }

    .page {
        position: relative;
    }

    /* .page:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/pat.png") repeat; } */
    .admin_nav,
    .profile_name {
        color: #3c515f;
    }

    .profile_name i {
        background: url("../img/arr_select_desk.svg") no-repeat 50% 50%;
    }

    .profile_name.active i {
        background: url("../img/arr_select_active_desk.svg") no-repeat 50% 50%;
    }

    .profile_logout {
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    }

    .admin_nav {
        margin: 22px 0 0 25px;
    }

    .h_profile_wrap {
        margin: 22px 25px 0 0;
    }

    .admin_search_wrap .search_input {
        border-color: #ccc;
    }

    .align-loop {
        width: 430px;
        float: right;
        position: relative;
        margin: 25px 20px;
    }

    table {
        margin-bottom: 25px;
    }

    .h_admin_width {
        max-width: 1040px;
        margin: auto;
    }

    th {
        font-size: 14px;
    }

    th i {
        background: url("../img/arr_select_desk.svg") no-repeat 50% 50%;
        width: 8px;
        height: 4px;
        display: inline-block;
        vertical-align: top;
        margin: 7px 0 0 7px;
    }

    td {
        font-size: 14px;
    }

    .admin_page,
    .telerikReporter_page,
    .ReportsController_page,
    .adminPassword_page,
    .messagesControl_page,
    .termsControl_page,
    .PushNotificationController_page {
        background: none;
    }

    .admin_page:before {
        display: none;
    }

    .popup_cell {
        padding: 30px;
    }

    .message_popup {
        margin: 30px 30px 0 30px;
        padding: 0 20px;
        border: 0;
        font-size: 20px;
        line-height: 45px;
    }

    .popup_title {
        padding: 0 0 31px 0;
        font-size: 27px;
    }

    .check_inner {
        margin-left: 132px;
    }

    .check_inner .check_wrap {
        margin-bottom: 20px;
    }

    .check_inner .check_wrap label {
        padding-left: 0px;
        padding-right: 30px;
        font-size: 14px;
        line-height: 22px;
        font-weight: normal;
    }

    .check_cell_label {
        font-size: 14px;
        width: 120px;
    }

    .popup_inner .input_cell label {
        font-size: 14px;
    }

    .popup_inner .input_cell input:not([type=radio]) {
        font-size: 14px;
        height: 40px;
    }

    .input_cell label {
        font-size: 13px;
    }

    .reset .input_cell label {
        width: 140px;
        text-align: left;
    }

    /*.page-title-wrapper {*/
    /*height: 171px; }*/
    .header_links_wrap {
        font-size: 14px;
        background: none;
        width: 273px;
        margin-left: -126px;
        top: 0;
        position: fixed;
        height: 77px;
        left: 50%;
        line-height: 77px;
        display: block;
        z-index: 999;
    }

    .page-login-title-wrapper {
        height: 0;
    }

    .page-login-title-wrapper .header-btns-panel {
        display: none;
    }

    .nav {
        display: none;
    }

    .account .reset-password,
    .account .back {
        display: none;
    }

    .h_admin {
        background: #fff;
    }
}

@media screen and (min-width: 1100px) {
    .open_pdf {
        margin-right: 55px;
    }
}

@media screen and (min-width: 1200px) and (orientation: landscape) {
    .btn_1.invoice_pay_button.android-tablet {
        display: none !important;
    }

    .androidWrap .btn_1.invoice_pay_button.android-tablet {
        display: block !important;
        width: 39%;
        margin-right: 32px
    }
}

@media screen and (max-width: 1617px) {
    .NotificationController .btn_bottom_wrap.account_button_desktop_wrap {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .personal_btn_wrap.btn_bottom_wrap .btn_1:first-child {
        display: none;
    }

    .personal_btn_wrap .footer_balance {
        margin: 0;
        /* padding-top: 4px; */
        width: 50%;
        background: #fff;
    }

    .personal_btn_wrap .footer_balance_invoice_length {
        padding-right: 0;
    }

    .btn_bottom_wrap.personal_btn_wrap .footer_balance_total {
        font-size: 20px;
        padding-right: 0;
    }

    .btn_bottom_wrap.personal_btn_wrap .btn_1 {
        width: 50%;
        border-radius: 0;
    }

    .sm_cell:first-child {
        margin-bottom: 20px;
    }

    .sm_cell,
    .personal_item,
    .personal_item._double {
        width: 100%;
    }

    ._several_cell {
        flex-wrap: wrap;
    }

    .page_wrap_title .h_title {
        margin-bottom: 5px;
    }

    .PersonalInfoController .page.PersonalInfoController_page {
        background: white none !important;
    }

    .account .page.account_page {
        background: #f5f7fa none !important;
    }

    .PersonalInfoController .page.PersonalInfoController_page .h_title {
        display: none;
    }

    .page_wrap_title {
        padding: 10px 20px;
        margin-top: 90px;
    }

    .personal_item {
        margin-bottom: 20px;
    }

    .personal_item.input_cell label {
        font-size: 12px;
    }

    .personal_item.input_cell select {
        font-size: 12px;
        height: 33px;
        padding-left: 7px;
    }

    .personal_item.input_cell input:not([type=radio]) {
        font-size: 12px;
        padding: 0 11px;
        height: 33px;
    }

    .cookie-banner-container {
        bottom: 0;
        border-top: 1px solid lightgray;
    }

    .page_wrap_height,
    .page_wrap {
        min-height: 20px !important;
    }

    .header-btns-panel {
        display: flex;
    }

    .inner_title {
        display: none;
    }
}

@media screen and (max-width: 509px) {
    body.StatementController .page_inner .header #mobile-nav-menu {
        width: 200px !important;
    }
}

.logo-main-gradient img,
.logo-main-gradient {
    width: 250px;
}

@media screen and (max-width: 587px) {
    .nav .pay-button-container {
        left: 41%;
    }
}

@media screen and (max-width: 465px) {
    .nav .pay-button-container {
        left: 40%;
    }
}

@media screen and (max-height: 960px) {
    .account-info {
        bottom: 60px !important;
    }
}

@media screen and (max-height: 855px) {
    .account-info {
        bottom: 40px !important;
    }
}

@media screen and (max-height: 825px) {
    .account .account-info {
        bottom: 15px !important;
    }
}

@media screen and (max-width: 380px) {
    .nav .pay-button-container {
        width: 76px;
        height: 76px;
        left: 39%;
    }
}

@media screen and (max-width: 767px) {
    .btn_bottom_wrap {
        bottom: 0;
    }

    .home-icon-cookie {
        display: none;
    }

    .page.login_page,
    .page.logout_page,
    .page.resetPassword_page,
    .page.reset_page {
        background: #f5f7fa !important;
    }

    .wrapIos #mobile-nav-menu {
        margin-top: 83px !important;
    }

    .wrapIos.account .btn_bottom_wrap.account_button_desktop_wrap.account-info {
        display: none;
    }

    .invoices.InvoiceController .h_title {
        display: flex;
        flex-direction: column;
    }

    .current_inner_flex {
        display: flex;
        justify-content: center;
    }

    .btn_bottom_wrap .btn_1:first-child {
        width: 100%;
    }

    .current_wrap.header_table_wrap {
        border-radius: 0 !important;
    }

    .current_inner {
        margin-top: -16px;
    }

    .LoanInfoController .current_inner {
        margin-top: 9px;
    }

    .table-date-day {
        font-size: 17px;
    }

    .table-date-month {
        font-size: 12px;
    }

    .table-date-container {
        color: #40454e;
        font-weight: 700;
        background-color: #edf0f4;
        height: 42px;
        margin-left: 8px;
        width: 42px;
        text-align: center;
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    .table-date-container-invoices {
        color: #40454e;
        font-weight: 700;
        background-color: #edf0f4;
        height: 39px;
        margin-left: 8px;
        width: 39px;
        text-align: center;
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    .invoice_paid.clr_green {
        color: #23af2d;
    }

    .InvoiceController .month-container {
        margin-top: 21px;
    }

    .InvoiceController .back-arrow-invoices svg {
        margin-top: 18px;
        width: 35px;
        margin-right: 15px;
    }

    .PersonalInfoController .nav.show {
        display: none;
    }

    .PersonalInfoController .header_invoices.header_show_all,
    .InvoiceController .header_invoices.header_show_all {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
    }

    .table-date-container-invoices {
        width: 39px !important;
        height: 39px !important;
    }

    .InvoiceController .h_title {
        margin-top: 19px;
        margin-bottom: 0;
    }

    .InvoiceController .property_cell.property-invoices {
        text-align: left;
        margin-left: 10px;
        margin-top: 25px;
    }

    .InvoiceController .invoices_header {
        background-color: transparent;
    }

    .InvoiceController .balance_title.invoices_title {
        margin-top: 74px;
    }

    .InvoiceController .nav_invoices_wrap button:first-child {
        display: none;
    }

    .InvoiceController .nav_invoices_wrap button:last-child {
        width: 100%;
    }

    .InvoiceController .nav_invoices .btn_1._light_grey {
        background-image: none !important;
        background-color: #e0e0e0 !important;
    }

    .paddingTopPrepaymentIos {
        padding-top: 56px;
    }

    .p_close.paddingTopCloseIos {
        top: 50px !important;
    }

    .InvoiceController .btn_1 {
        text-transform: capitalize !important;
        font-size: 22px;
        background: rgb(238, 106, 18);
        background: linear-gradient(
                90deg,
                rgba(238, 106, 18, 1) 0%,
                rgba(223, 51, 36, 1) 100%
        );
    }

    .InvoiceController .invoices_table_header {
        border-radius: 0 !important;
        width: 44%;
    }

    .InvoiceController .invoices .p_close {
        top: 61px;
    }

    .narrative.date_table_cell.date_table_cell_payment {
        color: #36383d !important;
    }

    .account .page {
        background-color: #f5f7fa;
    }

    .popup_list .pay_total_title {
        margin: 59px 0 4px 0;
    }

    .popup_desctop .popup-dialog {
        position: absolute;
        background: #fff;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border-radius: 6px;
        width: 100%;
        margin: auto;
        box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22);
    }

    .popup_print_button,
    .popup_desctop .popup_pay_btn {
        left: 28px;
        width: 85%;
    }

    .p_title {
        background-color: #e8eaed;
        line-height: 1.2;
    }

    .date_table_cell_note {
        font-size: 13px;
    }

    .month .date_table_cell {
        color: #5e636b !important;
    }

    .account .login_wrap_item {
        border-radius: 0 0 11px 11px;
        margin-left: 16px;
        margin-right: 16px;
    }

    .account .login_cell {
        padding: 17px 19px 20px 19px;
    }

    .account #profEmail,
    .account #profPhone,
    .account #profCustomer,
    .account #profName,
    .account #profCurrPass,
    .account #profNewPass,
    .account #profConfPass {
        font-weight: 700;
        border-radius: 3px;
    }

    .header-text-account {
        margin-left: 20px;
        font-weight: 700;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .account .login_inner {
        padding-bottom: 140px;
    }

    .account .btn_2 {
        height: 44px;
        line-height: 44px;
        border: none;
        font-size: 16px;
        background: rgb(238, 106, 18);
        background: linear-gradient(90deg, rgba(238, 106, 18, 1) 0%, rgba(223, 51, 36, 1) 100%);
    }

    .item-account-active {
        border-radius: 11px 11px 0 0;
        opacity: 1 !important;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .tab-navigation-account_item {
        opacity: 0.6;
        font-size: 16px;
        padding: 20px 0;
        width: 50%;
    }

    .NotificationController .notification_table_wrap .date_table_wrap {
        margin-top: 0 !important;
    }

    .NotificationController .date_table_wrap.width_page.desc_page {
        padding-top: 0 !important;
    }

    .NotificationController .page_wrap_height {
        background-color: #f5f7fa;
    }

    .NotificationController .title_message {
        padding-left: 10px;
        margin-top: 77px;
        padding-top: 20px;
    }

    .NotificationController .notification_table_wrap.date_table_wrap {
        border-radius: 11px;
    }

    .tab-navigation-account {
        text-align: center;
        margin-left: 16px;
        margin-right: 16px;
        display: flex !important;
        justify-content: space-around;
        visibility: visible !important;
    }

    .account .input_cell label {
        opacity: 0.7;
    }

    .nav .header_links_item,
    .nav a {
        text-transform: capitalize;
        font-size: 14px;
    }

    .nav .date_table_cell {
        font-weight: 700;
    }

    .datepicker_note {
        font-size: 12px;
        opacity: 0.6;
    }

    .StatementController.wrapIos .p_close {
        top: 19px;
        right: -19px;
    }

    .p_close {
        display: flex;
        align-items: center;
        position: absolute;
        right: -31px;
        top: 19px;
        width: 100px;
        cursor: pointer;
    }

    .logo-tile {
        display: flex;
        justify-content: center;
        margin-top: 10px;
        margin-left: 31px !important;
    }

    .jq-selectbox__select-text {
        font-size: 15px !important;
        padding-top: 5px;
    }

    .logo-tile span {
        display: none;
    }

    .scroll_content .current_wrap {
        top: 0;
    }

    .scroll_content .date_table_wrap {
        padding-top: 52px !important;
    }

    .scroll_content .current_wrap.header_table_wrap {
        display: none;
    }

    .page-title-wrapper {
        display: none;
    }

    .StatementController .table.desktop,
    .InvoiceController .table.desktop,
    .NotificationController .table.desktop {
        display: none;
    }

    .loaninfo-wrapper-logo {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .LoanInfoController .current_style {
        width: 100%;
        position: fixed;
        z-index: 1010;
        top: 18px;
        right: 0px !important;
        border: none;
    }

    .current_style {
        position: fixed;
        z-index: 1010;
        top: 18px;
        right: 20px;
        border: none;
    }

    .jq-selectbox__select,
    .datepicker,
    .datepicker select:focus,
    .datepicker select:active {
        width: 142px;
    }

    .jq-selectbox {
        border: none !important;
        background-color: transparent;
        padding: 0;
    }

    .jq-selectbox__select {
        padding: 0;
    }

    .datepicker_wrap {
        box-shadow: 1px 1px 9px 0px rgba(220, 224, 231, 0.85);
        background-color: white;
        border-radius: 7px;
        margin: 0 0 0 10px;
        padding: 9px 0 9px 18px;
    }

    .property_cell {
        box-shadow: 1px 1px 9px 0px rgba(220, 224, 231, 0.85);
        border-radius: 7px;
        z-index: 20000;
        background-color: white;
        width: 44%;
    }

    .pay-button-container {
        position: absolute;
        border: 10px solid #f4f6f9;
        left: 43%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 8px;
        background: linear-gradient(
                130deg,
                rgba(238, 106, 18, 1) 0%,
                rgba(223, 51, 36, 1) 100%
        );
        border-radius: 50%;
        height: 83px;
        width: 83px;
    }

    .pay-button-container a {
        height: 50px;
        width: 50px;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .pay-button-container a {
        color: white !important;
        font-size: 16px !important;
    }

    .logoIos .current_style {
        /* top: 20px; */
        top: 29px;
    }

    .StatementController .current_style .balance_title,
    .StatementController .current_style .balance_numb {
        display: none;
    }

    .current_style .balance_title,
    .current_style .balance_numb {
        float: none;
        width: auto;
        padding: 0;
        text-align: center;
        line-height: 1.3;
    }

    .nav .header_links_item.active {
        height: auto;
        border: none !important;
    }

    .nav .header_links_item:focus svg path,
    .nav .header_links_item.active svg path {
        fill: #ef642d;
    }

    .nav .header_links_item:hover {
        color: #ef642d;
    }

    .StatementController .header,
    .InvoiceController .header,
    .NotificationController .header {
        width: 100%;
    }

    /*.current_inner:before {*/
    /*  content: "";*/
    /*  display: block;*/
    /*  position: fixed;*/
    /*  z-index: 10;*/
    /*  left: 0;*/
    /*  top: 0;*/
    /*  right: 0;*/
    /*  height: 78px;*/
    /*  background: #fff;*/
    /*}*/
    .logoIos .current_inner:before {
        height: 84px;
    }

    .account .logoIos .header {
        height: 84px;
    }

    .page.RegisterController_page .header,
    .page.login_page .header,
    .page.resetPassword_page .header,
    .page.reset_page .header {
        background: transparent;
        position: static;
        height: auto;
    }

    body .page_inner .header #mobile-nav-menu {
        width: 300px !important;
        height: 100vh !important;
    }

    .mobile-title-active.title-dept {
        margin: 0;
    }

    .h_title {
        z-index: 20000;
        font-size: 23px;
        margin-top: 3px;
        margin-bottom: 40px;
        margin-left: 10px;
    }

    .mobile-header-container {
        display: flex;
        align-items: center;
    }

    .header-balance-text {
        display: flex;
        justify-content: flex-end;
        color: black;
        opacity: 0.6;
    }

    .header-balance-value {
        display: flex;
        justify-content: flex-end;
        color: black;
        font-weight: bold;
        font-size: 19px;
    }

    .mobile-title-balance-wrap {
        width: 100%;
        z-index: 20000;
        margin-right: 10px;
        margin-top: -24px;
        display: flex;
        flex-direction: column;
    }

    .mobile-title-balance-wrap span {
        display: flex;
        justify-content: flex-end;
    }

    .h_title p {
        text-transform: lowercase;
    }

    .h_title p::first-letter {
        text-transform: capitalize !important;
    }

    .page.RegisterController_page,
    .page.login_page,
    .page.resetPassword_page,
    .page.reset_page,
    .page.ChooseUrlController_page {
        padding-top: 20px;
        /*padding-top: 115px;*/
        box-sizing: border-box;
    }

    .page.loginAdmin_page {
        padding-top: 120px;
    }

    .login_page .cg-busy,
    .login_page .cg-busy-default-wrapper {
        opacity: 0;
    }

    .StatementController_page .date_table_wrap,
    .InvoiceController_page .date_table_wrap {
        padding-top: 10px;
    }

    .current_wrap {
        /*position: fixed;*/
        width: 100%;
        margin-top: 78px;
        padding: 10px 20px;
        box-sizing: border-box;
        z-index: 1011;
        /*top: 79px;*/
        left: 0;
        border: none;
        background-color: transparent !important;
        /*background: #d2d5d7;*/
        /*background: -moz-linear-gradient(top, #d2d5d7 0%, #eef2f5 100%);*/
        /*background: -webkit-linear-gradient(top, #d2d5d7 0%, #eef2f5 100%);*/
        /*background: linear-gradient(to bottom, #d2d5d7 0%, #eef2f5 100%);*/
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d5d7', endColorstr='#eef2f5', GradientType=0);
    }

    .logoIos .current_wrap {
        top: 84px;
    }

    .scroll_content .logoIos .current_wrap {
        top: 0;
        top: constant(safe-area-inset-top);
        top: env(safe-area-inset-top);
    }

    .page_inner.page_inner_forms.logoIos {
        padding-top: 20px;
    }

    .StatementController_page,
    .date_table_wrap,
    .InvoiceController_page,
    .date_table_wrap {
        background: #f5f7fa !important;
    }

    .NotificationController .date_table_wrap {
        background: #fff;
        padding-top: 80px;
    }

    .StatementController .table-container-mobile,
    .InvoiceController .table-container-mobile {
        /*padding-top: 5px;*/
    }

    .StatementController .table-container-mobile .month-container,
    .InvoiceController .table-container-mobile .month-container {
        position: relative;
        margin-bottom: 10px;
    }

    .StatementController .table-container-mobile .month-container:last-of-type,
    .InvoiceController .table-container-mobile .month-container:last-of-type {
        margin-bottom: 25px;
    }

    .StatementController .table-container-mobile .month-container:before,
    .InvoiceController .table-container-mobile .month-container:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        left: -5px;
        right: -5px;
        bottom: 0;
        top: 35px;
        background: #fefefe;
        border-radius: 4px;
        box-shadow: 0 2px 2px rgba(100, 100, 100, 0.5);
    }

    .StatementController
    .table-container-mobile
    .month-container
    .month
    .date_table_cell,
    .InvoiceController
    .table-container-mobile
    .month-container
    .month
    .date_table_cell {
        padding: 14px 0 7px 10px;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        border: none;
        color: #000;
    }

    .StatementController
    .table-container-mobile
    .month-container
    .date_table_cell.data-container-wrapper,
    .InvoiceController
    .table-container-mobile
    .month-container
    .date_table_cell.data-container-wrapper {
        padding: 0 10px;
    }

    .StatementController
    .table-container-mobile
    .month-container
    .data-container
    .date_table_cell,
    .InvoiceController
    .table-container-mobile
    .month-container
    .data-container
    .date_table_cell {
        border-bottom: 1px solid rgba(196, 196, 197, 0.3);
    }

    .StatementController
    .table-container-mobile
    .month-container
    .data-container
    .date_table_row:last-child
    .date_table_cell,
    .InvoiceController
    .table-container-mobile
    .month-container
    .data-container
    .date_table_row:last-child
    .date_table_cell {
        border: none;
    }

    .StatementController
    .table-container-mobile
    .month-container
    .data-container
    .date_table_cell,
    .InvoiceController
    .table-container-mobile
    .month-container
    .data-container
    .date_table_cell {
        padding: 9px;
        box-sizing: border-box;
        font-size: 14px;
        text-align: left;
        /*text-transform: uppercase;*/
    }

    .StatementController .table-container-mobile .narrative {
        min-width: 188px;
    }

    .StatementController
    .table-container-mobile
    .month-container
    .data-container
    .date,
    .InvoiceController
    .table-container-mobile
    .month-container
    .data-container
    .date {
        padding-left: 0;
    }

    .StatementController
    .table-container-mobile
    .month-container
    .data-container
    .arr_cell,
    .InvoiceController
    .table-container-mobile
    .month-container
    .data-container
    .arr_cell {
        padding-right: 9;
    }

    .StatementController
    .table-container-mobile
    .month-container
    .data-container
    .amount {
        padding-right: 0;
        text-align: right;
        white-space: nowrap;
    }

    .StatementController
    .table-container-mobile
    .month-container
    .date.date_table_cell,
    .InvoiceController
    .table-container-mobile
    .month-container
    .date.date_table_cell {
        /*changde*/
        width: 50px;
        padding-right: 0;
    }

    .table-container-mobile .date_table_row:first-child {
        display: table-row;
    }

    /*.current_wrap:after {*/
    /*  content: "";*/
    /*  display: block;*/
    /*  background-color: white;*/
    /*  position: absolute;*/
    /*  left: 0;*/
    /*  right: 0;*/
    /*  bottom: 0;*/
    /*  top: 0;*/
    /*}*/
    /*.LoanInfoController .current_wrap:after {*/
    /*  content: "";*/
    /*  display: block;*/
    /*  position: absolute;*/
    /*  left: 0;*/
    /*  right: 0;*/
    /*  height: 2px;*/
    /*  bottom: 0;*/
    /*  top: 0;*/
    /*  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);*/
    /*}*/
    .loaninfo-logo {
        width: 54px;
        height: 54px;
    }

    .date_table_wrap .table {
        position: relative;
    }

    .date_table_wrap .date_table_row:last-child .date_table_cell {
        border: none;
    }

    .date_table_wrap .table.top-level:before {
        content: "";
        display: block;
        position: absolute;
        margin-left: 10px;
        margin-right: 10px;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        top: 36px;
        background: #fefefe;
        /*border-radius: 4px;*/
        box-shadow: 1px 1px 9px 0px rgba(220, 224, 231, 0.85) !important;
    }

    .date_table_wrap .table div {
        position: relative;
        z-index: 100;
    }

    .account .reset-password,
    .account .back {
        margin-top: 20px;
        height: 66px;
        font-size: 28px;
        font-weight: 400;
        color: #fff;
        background: #3d515e;
        border: none;
    }

    .account .login_wrap {
        padding-top: 60px;
    }

    .scroll_content .logoIos .property_cell,
    .scroll_content .logoIos .datepicker_wrap {
        padding-top: 18px;
    }

    .datepicker_wrap {
        /*display: table;*/
        width: 48%;
        z-index: 20000;
        float: left;
        box-sizing: border-box;
        /*padding: 9px 0 9px 18px;*/
    }

    .floatRight {
        /*display: table;*/
        margin-left: 20px;
        float: left !important;
    }

    .titledept-mobile {
        box-sizing: border-box;
        padding: 17px 0 9px 18px;
        display: inline-block;
    }

    .titledept-mobile span {
        color: black;
        font-weight: 700;
        font-size: 19px;
    }

    .loan-info-icon {
        display: inline-block;
        margin-left: 16px;
    }

    .visibilityHidden {
        visibility: hidden !important;
    }

    #nav-toggle {
        margin-top: 20px !important;
    }

    #mobile-nav-menu {
        margin-top: 79px !important;
    }

    #mobile-nav-menu ul {
        height: 78vh !important;
    }
}

@media screen and (max-width: 980px) {
    .header #mobile-nav-menu li {
        justify-content: flex-start;
    }

    .header #mobile-nav-menu .nav-item-container {
        padding-left: 20px;
    }

    #mobile-nav-menu li a {
        width: 73px !important;
    }
}

@media screen and (max-width: 1389px) {
    .nav-item-container {
        padding-left: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        z-index: 1;
    }

    #mobile-nav-menu li {
        justify-content: flex-start !important;
    }

    #mobile-nav-menu li a {
        width: 73px !important;
    }
}

@media screen and (max-width: 1389px) {
    .page_inner .header #mobile-nav-menu {
        width: 25% !important;
    }
}

@media screen and (max-width: 1690px) {
    .page_inner .header #mobile-nav-menu {
        width: 15%;
    }

    .header #mobile-nav-menu li a {
        width: 80px !important;
    }
}

@media screen and (max-width: 1580px) {
    .page_inner .header #mobile-nav-menu {
        width: 14%;
    }
}

@media screen and (max-width: 1539px) {
    .page_inner .header #mobile-nav-menu {
        width: 13%;
    }
}

@media screen and (max-width: 1495px) {
    .page_inner .header #mobile-nav-menu {
        width: 12%;
    }
}

@media screen and (max-width: 1451px) {
    .page .page_inner .header #mobile-nav-menu {
        width: 10%;
    }

    .header #mobile-nav-menu li a {
        width: 80px !important;
    }
}

@media screen and (max-width: 1576px) {
    #mobile-nav-menu li a {
        width: 100px !important;
    }
}

@media screen and (max-width: 1840px) {
    .header #mobile-nav-menu {
        width: 17%;
    }
}

.zero-message {
    text-align: center;
    display: block;
    font-size: 22px;
    padding: 10px 0;
}

@media screen and (max-width: 1690px) {
}

@media screen and (max-width: 599px) {
    /*.StatementController_page .date_table_wrap{*/
    /*padding-top: 124px;*/
    /*}*/
    .date_table_wrap .table:before {
        top: 44px;
    }

    .cookieConsentOK {
        margin: 0 !important;
    }
}

@media screen and (max-width: 380px) {
    .total_box input {
        width: 100px;
    }

    .p_total_cell .p_info {
        margin-right: 116px;
    }
}

@media screen and (max-width: 499px) {
    .date_table_wrap .table:before {
        top: 40px;
    }

    .account .reset-password,
    .account .back {
        font-size: 13px;
        height: 33px;
    }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .header_links_wrap,
    .header {
        display: none;
    }
}

#cookieConsent {
    display: flex;
    justify-content: space-between;
    background-color: rgba(20, 20, 20, 0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

#cookieConsent a {
    color: #4b8ee7;
    cursor: pointer;
    text-decoration: none;
}

#closeCookieConsent {
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}

#closeCookieConsent:hover {
    color: #fff;
}

#cookieConsent a.cookieConsentOK {
    background-color: #f1d600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 14px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}

#cookieConsent a.cookieConsentOK:hover {
    background-color: #e0c91f;
}

/*Cookie Consent End*/

/*Burger Menu*/

a {
    text-decoration: none;
}

.content-test {
    background: whitesmoke;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/*Mobile Menu*/
.mobile {
    color: white;
    float: left;
    width: 30px;
    height: 36px;
    font-size: 24px;
    margin-top: 0px;
    margin-left: 0;
}

#nav-toggle {
    width: 30px;
    height: 25px;
    margin-left: 30px;
    margin-top: 10px;
    top: 20px;
    float: left;
    z-index: 2000;
    position: absolute;
    display: none;
    padding-top: 20px;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.menu-text-wrapper {
    margin-top: 5px;
    margin-left: -5px;
}

#nav-toggle .menu-text {
    font-size: 14px !important;
    color: #ef642d !important;
}

#burger_menu-title {
    margin: 10px 35px !important;
    color: black;
}

.loan-wrapper {
    width: 100%;
    background-color: #fff;
    margin-top: 22px;
}

.loan-row {
    display: inline-block;
    width: 100%;
    padding: 5px 10px 0 10px;
}

.info-loan-link {
    position: absolute;
    bottom: 15px;
    display: flex;
    align-items: center;
    z-index: 1000;
}

.info-loan-link svg {
    padding-right: 15px;
}

.loanInfo-title {
    z-index: 1000;
}

.loanInfo-title span {
    color: black;
    font-weight: 700;
    font-size: 19px;
}

.loans-line {
    margin: 10px 0;
    width: 94%;
    height: 1px;
    background-color: #ccc;
}

.loan-title {
    font-weight: 500;
    font-size: 15px;
    display: inline;
}

.loan-value {
    margin-left: 40px;
    font-weight: 700;
    font-size: 18px;
}

.LoanInfoController .date_table_wrap {
    height: 100vh;
    padding-top: 100px;
}

#nav-toggle span {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    z-index: 2000;
    width: 24px;
    background: #000000;
    position: absolute;
    display: block;
    opacity: 1;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

#nav-toggle span:nth-child(1) {
    top: 1px;
}

#nav-toggle span:nth-child(2),
#nav-toggle span:nth-child(3) {
    top: 9px;
}

#nav-toggle span:nth-child(4) {
    top: 17px;
}

#nav-toggle.active span:nth-child(1) {
    top: 9px;
    opacity: 0;
    height: 0;
}

#nav-toggle.active span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-toggle.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-toggle.active span:nth-child(4) {
    top: 10px;
    opacity: 0;
    height: 0;
}


#mobile-nav-menu {
    float: left;
    width: 20%;
    background: rgb(245, 247, 250);
    background: linear-gradient(
            85deg,
            rgba(245, 247, 250, 1) 0%,
            rgba(235, 237, 240, 1) 100%
    );
    font-size: 19px;
    margin-top: 77px;
    padding: 0;
    position: absolute;
    border-right: 1px solid rgb(218, 218, 218);
    /*box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);*/
    cursor: pointer;
}

#mobile-nav-menu ul {
    padding-left: 0;
    height: calc(100vh - 80px);
    margin-top: 31px;
}

.wrapIos #mobile-nav-menu ul {
    padding-left: 0;
    height: calc(100vh - 170px);
    margin-top: 0;
}

#mobile-nav-menu li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
    width: 100%;
    height: 49px;
    text-align: right;
    font-weight: lighter;
}

#mobile-nav-menu li:last-child {
}

#mobile-nav-menu li a {
    margin-left: 17px !important;
    color: #63656a;
    height: 100%;
    font-weight: 700;
    width: 150px;
    float: right;
    text-align: left;
    font-size: 14px;
    text-transform: lowercase;
    display: block;
    /*padding: 15px 20px 10px 35px;*/
}

.activeSelect {
    position: relative;
    background: rgb(245, 247, 250);
    height: 49px;
    width: 300px;
    background: linear-gradient(
            85deg,
            rgba(245, 247, 250, 1) 0%,
            rgba(222, 224, 227, 1) 100%
    );
}

.activeSelect:after {
    content: "";
    right: -29px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 29px solid #dee0e3;
    position: absolute;
}

.test123 {
    height: 40px;
    width: 40px;
    background-color: #1cb1ef;
    right: -9px;
    border-radius: 50%;
    position: absolute;
}

.test22 {
    border-top: 25px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid green;
    position: absolute;
    z-index: 10000 !important;
}

.icon-menu svg {
    fill: gray;
}

.activeSelectHref {
    color: #e61a1a !important;
    fill: #e61a1a !important;
}

.redSvg svg {
    color: #e61a1a !important;
    fill: #e61a1a !important;
}

.redSvg svg .path-active {
    stroke: #e61a1a !important;
}

.path-active {
    stroke: gray;
}

#mobile-nav-menu li a:first-letter {
    text-transform: uppercase;
}

#mobile-nav-menu i {
    display: none;
    float: right;
    font-size: 14px;
    color: #c0bebe;
    margin-right: 30px;
}

.ng-hide-remove {
    -webkit-animation: 0.5s slideIn ease;
    -moz-animation: 0.5s slideIn ease;
    animation: 0.5s slideIn ease;
}

.marginLeft {
    margin-left: 20px !important;
}

.ng-hide-add {
    -webkit-animation: 0.5s slideOut ease;
    -moz-animation: 0.5s slideOut ease;
    animation: 0.5s slideOut ease;
    display: block !important;
}

.message-title {
    display: inline-block;
    margin-left: 20px;
    margin-top: 20px;
}

@keyframes slideIn {
    0% {
        left: -270px;
    }
    100% {
        left: 0px;
    }
}

@keyframes slideOut {
    0% {
        left: 0px;
    }
    100% {
        left: -270px;
    }
}

.balance_wrap {
    box-shadow: 1px 8px 9px 0px rgba(220, 224, 231, 0.85);
    border-radius: 0px 0px 11px 11px;
}

.arrow-right {
    box-sizing: border-box;
    margin-bottom: 1px;
    height: 8px;
    width: 8px;
    border-style: solid;
    border-color: #3c515f;
    border-width: 2px 2px 0px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    display: inline-block;
}

.arrow-left {
    box-sizing: border-box;
    margin-bottom: 1px;
    height: 8px;
    width: 8px;
    border-style: solid;
    border-color: #3c515f;
    border-width: 0px 0px 2px 2px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    display: inline-block;
}

.disableSvg {
    border-color: #7b8da0 !important;
}

.statement_pagination_wrap {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 !important;
    list-style: none;
}

.pagination_number:last-child {
    margin-right: 15px !important;
}

.pagination_number {
    cursor: pointer;
    width: 27px;
    height: 23px;
    margin-left: 15px;
    text-align: center;
}

.pagination_number .active-page {
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 27px;
    height: 23px;
    color: white;
    border-radius: 3px;
    background-color: #f85322 !important;
}

.pagination_number a {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 27px;
    height: 23px;
    margin: 0;
    font-size: 14px;
}

.header_links_item {
    margin-left: 0;
}

.login-button {
    font-weight: 700;
    background: linear-gradient(
            85deg,
            rgb(234, 48, 31) 100%,
            rgb(246, 162, 96) 0%
    );
}

.login .statement-footer-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    color: #a6abb0;
    background: none

}

.PersonalInfoController .footerStatement {
    display: none !important;
}

.statement-footer-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    color: #a6abb0;
    background: linear-gradient(
            85deg, rgba(252, 252, 252, 1) 0%, rgba(245, 245, 245, 1) 100%);

}


.statement-footer-wrap a {
    color: #a6abb0;
    text-decoration: underline;
}

.marginTopFooter {
    margin-top: 40px;
}

.current_wrap.invoices_table_header {
    border-radius: 11px 11px 0 0;
    box-shadow: -1px -5px 9px -2px rgba(220, 224, 231, 0.85);
}

.table_invoice.desktop {
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 1px -7px 9px 0px rgba(220, 224, 231, 0.85);
}

.property_cell.property-invoices {
    text-align: right;
    display: flex;
    flex-direction: column;
}

.footer_balance {
    float: right;
    margin: 16px 0 0 0;
    line-height: 1.4;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_balance_title {
    opacity: 0.6;
    color: #2d2f33;
}

.footer_balance_invoice_length {
    padding-right: 20px;
    color: black;
}

.footer_balance_total {
    font-weight: bold;
    font-size: 26px;
    color: black;
    padding-right: 20px;
}

.invoice_pay_button svg {
    margin-left: 2px;
    fill: white !important;
    margin-top: -6px;
}

.androidWrap .invoice_pay_button svg {
    margin-left: 2px;
    fill: white !important;
    margin-top: -2px;
}

.invoice_pay_button {
    float: right !important;
    border-radius: 5px;
}

.invoice_back_button {
    text-align: left !important;
    background: transparent !important;
}

.invoice_back_button svg {
    margin-bottom: 6px;
}

.input-desktop-container {
    position: relative;

    display: flex;
}

.admin .dept-select {
    width: 200px;
}

.dept-select-container-user {
    display: flex;
    align-items: center;
}

.page_desktop.login .border-input-zero {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}

.border-svg-bottom {
    border-bottom: 1px solid #dce0e2;
}

.page_desktop #accountNumber {
    color: black;
    padding-bottom: 6px;
    font-size: 17px;
}

.page_desktop input#accountNumber:disabled {
    color: black;
    padding-bottom: 0 !important;
    font-size: 17px;
}

.page_desktop input#password:disabled {
    position: relative;
    color: black;
    padding-bottom: 0 !important;
    font-size: 17px;
}

.page_desktop .flex-container {
    display: flex;
    justify-content: space-between;
}

.page_desktop .label-desktop {
    font-size: 14px;
    width: auto;
}

.page_desktop .label-desktop:after {
    color: #e32;
    font-size: 20px;
    content: '*';
    display: inline;
}

.page_desktop #registerForm .input_cell {
    margin-bottom: 0 !important;
}

.signup-button {
    font-weight: 700;
    background: linear-gradient(
            85deg, rgb(234, 48, 31) 100%, rgb(246, 162, 96) 0%);
}

body:not(.page_desktop) #newPassword {
    margin-bottom: 31px;
}

body:not(.page_desktop) #confirmPassword {
    margin-bottom: 31px;
}

.register-logo {
    padding-top: 55px !important;
}

@media screen and (max-height: 1050px) {
    body.page_desktop.login .logo_mob_show.login-logo-center {
        padding-top: 135px;
    }

    body .signup-logo {
        margin-top: 6vh;
    }
}

@media screen and (max-height: 990px) {
    body.page_desktop.login .page_inner .logo_mob_show.login-logo-center {
        padding-top: 90px;
    }

    body.page_desktop.resetPassword .page_inner .logo_mob_show.login-logo-center {
        padding-top: 90px;
    }

    body.page_desktop.login .signup-logo {
        margin-top: 3vh;
    }
}

@media screen and (max-height: 915px) {
    body.page_desktop.login .page_inner .signup-logo {
        margin-top: 2vh;
    }

    body.page_desktop.resetPassword .page_inner .signup-logo {
        margin-top: 2vh;
    }
}

@media screen and (max-height: 876px) {
    body.page_desktop.login .page_inner .content .logo_mob_show.login-logo-center {
        padding-top: 65px;
    }

    body.page_desktop.resetPassword .page_inner .content .logo_mob_show.login-logo-center {
        padding-top: 65px;
    }
}

@media screen and (max-height: 830px) {
    body.page_desktop.login .page_inner .content .logo_mob_show.login-logo-center {
        padding-top: 35px !important;
    }

    body.page_desktop.resetPassword .page_inner .content .logo_mob_show.login-logo-center {
        padding-top: 35px !important;
    }
}