body {
    font-size: 15px;
    background: #f9f9f9;
    color: #333;
    line-height: 120%;
    padding: 0px;
}

.proxy-control {
    display: grid;
}

.proxy-filter-toggle {
    position: relative;
    justify-self: center;
}

.request-proxy-button {
    justify-self: right;
}

.will-change {
    will-change: transform;
}

.z-notification-content {
    min-height: 0px;
}

.login-row .login-signature {
    text-decoration: none;
}

.login-row .login-signature p:hover {
    text-decoration: underline;
}

.login-row .glyphicon-log-in {
    font-size: 32px;
    color: #00856a;
    margin-right: 13px;
}

.mobile-show,
.mobile-show-inline,
.mobile-show-table,
.mobile-show-table-cell {
    display: none !important;
}

.inner-page h1,
h2 {
    font-weight: 700;
    color: #444;
    margin: 23px 0 21px 0;
    font-size: 20px;
}

.inner-page h2.info {
    margin: 23px 0 10px 0;
}

.tooltip .tooltip-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #007db2;
    color: #ffffff;
    padding: 5px 18px 6px 18px;
    font-size: 13px;
    min-width: 140px;
    max-width: 250px;
    width: auto;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #007db2;
}

.halign-right {
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    width: 100%;
    display: inline-block;
    float: right;
}

.right {
    float: right;
}

.last-row {
    padding-bottom: 10px;
}

.btn .img-edit:after {
    content: "\f040";
    font-family: 'fontAwesome';
}

.btn .img-edit:after {
    color: #ffffff;
    padding-right: 8px;
}

.img-edit:after {
    color: #007db2;
}

.img-remove:after {
    content: "\f00d";
    font-family: 'fontAwesome';
    color: #007db2;
}

.img-remove:hover:after {
    color: #ffffff;
}

.img-remove:after {
    color: #ffffff;
    margin-right: 8px;
}

.img-edit {
    font-style: normal;
}

.img-edit:hover {
    cursor: pointer;
    text-decoration: none;
}

.glyphicon {
    padding-right: 8px;
}

.profile-password {
    vertical-align: text-top;
}

.profile-change {
    margin-left: 20px;
}

.profile-change:hover {
    cursor: pointer;
}

.auth-history-btn {
    padding: 0;
    border: 0;
}

.min-content .btn {
    width: 95px;
}

.horizontal-item-centering {
    display: flex;
    justify-content: center;
}

.proactive-list-item {
    padding-top: 13px;
    padding-bottom: 13px;
}

.proactive-list-item-bottom {
    border-bottom: 1px solid #eee;
}

.proactive-item-button-text {
    text-align: right;
    padding: 5px 0;
}

.proactive-item-button-text .proactive-item-date {
    padding-right: 3px;
}

.proactive-button button.middle-button-right-space {
    margin-right: 3px !important;
}

.page .services-datebox-extra-text {
    padding: 5px 0 0 15px;
}

.inner-page h1 {
    margin: 23px 0 21px 0;
}

.inner-page h2 {
    font-weight: 700;
    color: #333;
    font-size: 15px;
    line-height: 140%;
}

.inner-page h2.no-margin-top {
    margin-top: 0;
}

.inner-page h2.increased-font-size {
    font-size: 16px;
}

h3 {
    font-size: 15px;
    margin: 0;
    color: #00856a;
    font-weight: 700;
}

.payment-detail h3 {
    color: #000000;
}

h2 a,
h3 a {
    text-decoration: underline;
}

h2 a:hover,
h3 a:hover,
h2 a:focus,
h3 a:focus {
    text-decoration: none;
}

img {
    word-wrap: break-word;
    line-height: 1;
}

label {
    cursor: default;
}

.z-radio label {
    cursor: pointer;
    display: inline;
}

a {
    color: #006b94;
}

a:hover,
a:focus {
    color: #006b94;
}

a.btn .glyphicon {
    padding: 0 8px 0 8px;
}

a .glyphicon {
    font-size: 12px;
    padding: 0 0 0 8px !important;
    position: relative;
}

.btn.disabled {
    opacity: 0.9;
}

b,
strong,
.bold {
    font-weight: 700;
}

.fw-600 {
    font-weight: 600;
}

.warning {
    color: #e12842;
}

.ic {
    margin: 0 0 10px 0;
    display: inline-block;
}

.ic.ic-2 {
    background: url('img/icon-2-1.png') no-repeat center 0;
    width: 30px;
    height: 26px;
    background-size: 27px auto;
}

.ic.ic-7 {
    background: url('img/icon-7-1.png') no-repeat center 0;
    width: 30px;
    height: 24px;
    background-size: 22px auto;
}

.ic.ic-8 {
    background: url('img/icon-8-1.png') no-repeat center 0;
    width: 30px;
    height: 26px;
    background-size: 27px auto;
}

.pl-0 {
    padding-left: 0;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
.tab-pane-filter-row input[type="number"],
select {
    padding: 0 10px;
    width: 100%;
    height: 30px;
    border: 1px solid #cfcfcf;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

*:-moz-focusring {
    outline: 2px solid black !important;
}

textarea {
    width: 100%;
    border: 1px solid #cfcfcf;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    resize: vertical;
}

textarea[disabled] {
    background-color: rgba(204, 204, 204, 0.6) !important;
    color: #666 !important;
    opacity: 0.8;
}

input[type="radio"] {
    margin: 0 8px 0 0;
}

input[type=checkbox] {
    margin: 0 8px 0 0;
}

select {
    background: url('img/select.png') no-repeat right center;
    background-size: 18px auto;
}

.notes {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #ffffff;
    font-size: 11px;
    color: #007db2;
    display: inline-block;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    margin: 0 0 0 7px;
}

.color-blue {
    color: #007db2;
}

.color-orange {
    color: #f0ad4e;
}

.color-dark-gray {
    color: #757575;
}

.color-gray {
    color: #666666;
}

.color-green {
    color: #00856a;
}

.color-red {
    color: #d43f3a;
}

a.color-red:hover {
    color: #d43f3a;
}

.gray-block {
    padding: 16px 30px 17px 0px;
}

.gray-block.gray-block-small {
    padding: 10px 15px;
}

.gray-block.gray-block-small .tip {
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.background-light-grey {
    background: #eee;
}

.background-grey {
    background: #898989;
}

.background-green {
    background: #00856a;
}

.background-red {
    background: #d43f3a;
}

.background-blue {
    background: #007DB2;
}

.state-completed.background-small,
.state-warning.background-small,
.state-default.background-small,
.state-created.background-small,
.state-suggested.background-small,
.state-used.background-small,
.state-rejected.background-small {
    padding: 0 5px;
    margin: 0;
    line-height: 19px;
}

.template_inner_navigation {
    border-bottom: 1px solid #e0e0e0;
}

.template_inner_navigation .more-multiple a {
    text-decoration: underline;
}

.template_inner_navigation .more-multiple a:hover {
    text-decoration: none;
}

.template_inner_navigation .more-multiple.active a {
    display: none;
}

.template_inner_navigation .more-multiple.active a.less {
    display: block;
}

.template_inner_navigation .more-multiple .less {
    display: none;
}

.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #007db2;
    box-shadow: none !important;
}

.form-control-sm {
    height: 30px;
    font-size: 14px;
}

i.nr {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    font-style: normal;
    height: 16px;
    color: #ffffff;
    padding: 0 4px;
    line-height: 16px;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    min-width: 16px;
    background: #007db2;
    margin-left: 10px;
}

i.q,
span.q {
    width: 18px;
    height: 19px;
    display: inline-block;
    background-image: url('img/question.png');
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-color: inherit;
    position: relative;
    top: 2px;
    margin: 3px 8px;
}

.modal-footer .btn {
    margin-left: 5px;
}

@media (min-width: 768px) {
    .modal-md {
        width: 750px;
    }
}

.no-wrap {
    white-space: nowrap;
}

.ml5 {
    margin-left: 5px;
}

.btn-icon {
    padding: 5px 8px;
    margin: 2px 1px 0 1px;
    display: inline-block;
    line-height: 13px;
    vertical-align: middle;
}

.btn-icon .glyphicon {
    padding: 0;
    font-size: 13px;
}

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    font-size: 15px;
    padding: 8px 18px 8px 18px;
    background-repeat: no-repeat;
    position: relative;
}

.btn.no-lock-icon[disabled]::before {
    content: "";
    padding: 0;
}

.btn[disabled] {
    opacity: 1;
    background: #b4b4b4 !important;
    color: black !important;
}

.btn[disabled]::before {
    content: "\f023";
    background-color: #F56863;
    padding: 1px 5px;
    border-radius: 14px;
    font-size: 11px;
    position: absolute;
    font-family: fontAwesome;
    color: #ffffff;
    z-index: 1;
    bottom: -9px;
    border: 1px solid #ffffff;
    margin-left: -18px;
    left: 60%;
    line-height: 15px;
}

.btn.btn-sm[disabled]:before {
    bottom: -11px;
}

.btn.btn-primary {
    background-color: #007db2;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active {
    background-color: #0073A3;
}

.btn.btn-strong-warning {
    background-color: #F04E4E;
    color: #ffffff;
}

.btn.btn-strong-warning:hover,
.btn.btn-strong-warning:focus,
.btn.btn-strong-warning:active,
.btn.btn-strong-warning.active {
    background-color: #DD3939;
}

.btn.btn-success {
    background-color: #00856a;
}

.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-success.active {
    background-color: #007a62;
}

.btn.btn-lock {
    background-image: url('img/lock.png');
    background-size: 8px auto;
    background-position: 19px 11px;
    padding-left: 36px;
}

.btn.btn-sm {
    height: 30px;
    line-height: 30px;
    padding: 0 18px 0 18px;
}

.btn.disallowed {
    position: relative;
    background: #b4b4b4;
    cursor: default;
}

.btn.disallowed:hover,
.btn.disallowed:active,
.btn.disallowed:focus {
    background: #b4b4b4;
    outline: none;
    box-shadow: none;
}

.btn.disallowed::before {
    content: '';
    width: 22px;
    height: 21px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    background: url('img/disabled.png') no-repeat;
    background-size: 20px auto;
}

.btn.disallowed.font-white[disabled] {
    color: #ffffff !important;
}

.open .dropdown-toggle.btn-primary {
    background-color: #0073A3;
}

.open .dropdown-toggle.btn-success {
    background-color: #009677;
}

.input-group-search {
    padding: 25px 0 24px 0;
}

.login-link {
    color: #1FA4D1;
    text-decoration: underline;
}

.stripped-legend legend {
    border: none;
    font-size: inherit;
    margin: 0;
}

.page-up {
    position: absolute;
    color: #ffffff;
    cursor: pointer;
    top: -33px;
    right: 16px;
    z-index: 1;
    background: #00856a;
    padding: 6px 10px;
    border-radius: 2px;
}

.page-up:hover {
    text-decoration: none;
    background: #009677;
}

.page-up .arrow-up {
    font-size: 21px;
    font-weight: 700;
}

.page-up .arrow-up:before {
    content: "\f106";
    font-family: fontAwesome;
}

.drop-down-menu {
    transition: height 2s;
    padding: 0px;
}

.side-menu {
    transition: width 2s;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

.menu-hidden {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden;
}

.facet-search {
    border-right: 1px solid #e0e0e0;
    padding-top: 10px;
    display: block;
}

.facet-search [class^='icon-']:before,
.facet-search [class*=' icon-']:before {
    font-size: 13px;
    color: #009E7E;
}

.facet-search input[type="checkbox"] {
    margin-right: 9px;
}

.label-hidden label {
    display: none;
}

.font-size-12 {
    font-size: 12px;
}

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

.provider-search-box {
    width: 100%;
    margin-bottom: 5px;
}

.provider-search-box .z-macro {
    width: 100%;
}

.provider-search-box .z-textbox {
    width: 85% !important;
}

.provider-search-box input[type="text"] {
    border-right: none !important;
}

.provider-search-box input[type="text"]:focus {
    box-shadow: none;
}

.provider-search-box .provider-search-btn {
    display: inline-block;
    background-color: #ffffff;
    cursor: pointer;
    border: 1px solid #cfcfcf;
    border-left: none;
    height: 30px;
    vertical-align: middle;
}

.provider-search-box .provider-search-btn span {
    padding-top: 6px;
}

.detail-search-btn {
    margin-left: 25px;
    margin-top: 10px;
    position: absolute;
    white-space: nowrap;
    color: white;
    background-color: #007db2;
    text-decoration: underline;
}

.detail-search-btn:hover {
    cursor: pointer;
    text-decoration: none;
}

.btn-left-mb-facet {
    float: left;
    padding-left: 0;
    padding-right: 0;
}

.label-font-norm label {
    font-weight: normal !important;
}

.contract-btn {
    min-height: 33px;
    display: inline-block;
    height: 100%;
    cursor: pointer;
    padding: unset;
    box-shadow: none;
    border: none;
    background: none;
    margin: inherit;
}

.contract-btn:focus {
    outline: none !important;
    color: #ffffff;
}

.contract-btn:not(.disabled):focus {
    color: #ffffff;
}

.contract-btn-height {
    min-height: 33px;
    display: inline-block;
}

.vertical-center {
    vertical-align: middle;
}

.mr0 {
    margin-right: 0px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mx-15 {
    margin-right: -15px;
    margin-left: -15px;
}

.contract-service-ctrl-error {
    position: relative;
    margin: 0 15px;
}

.btn-href {
    font-size: 15px;
    color: #006b94;
    background-color: #ffffff;
}

.btn-href:hover {
    text-decoration: underline;
}

.btn-href:active,
.btn-href:focus {
    color: #006b94 !important;
}

.btn-paging {
    color: #006b94;
    text-decoration: none;
    background-color: #ffffff;
    width: fit-content;
    aspect-ratio: 1;
    padding: 0 10px;
}

.btn-paging:hover {
    background-color: #B0B0B0;
}

.btn-paging:focus {
    outline: solid thin !important;
}

.div-paging {
    display: flex;
    align-items: center;
}

.bold-div {
    font-weight: bold;
}

.no-brder-btn {
    border: none !important;
}

.no-brder-btn:disabled {
    border: none !important;
}

.no-brder-btn:focus {
    outline: none !important;
}

.zero-margin-ul {
    margin-right: 0px !important;
}

.help {
    border: none;
    width: 60px;
    height: 60px;
    position: fixed;
    right: 100px;
    bottom: 20px;
    z-index: 10;
    border-radius: 100%;
    background-color: #00856a;
    color: #fff;
    background-image: url('img/question.png');
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: center;
}

.total_price {
    white-space: nowrap;
}

.total_price b {
    float: right;
}

.list-btn-href {
    height: 100%;
    padding: unset;
    box-shadow: none;
    border: none;
    background: inherit;
    margin: inherit;
    color: #007db2;
}

.list-btn-href:focus {
    color: inherit;
}

.list-btn-href:hover {
    text-decoration: underline;
}

.row-gray {
    background: #f9f9f9;
}

.row-gray.side-borders {
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

.row-gray.top-border {
    border-top: 1px solid #e0e0e0;
}

.breadcrumb {
    background: none;
    padding: 14px 15px;
    margin: 0;
}

.breadcrumb .active {
    color: #666;
}

.breadcrumb .glyphicon-cd {
    font-size: 16px;
    vertical-align: bottom;
}

.breadcrumb li {
    padding-right: 10px;
}

.breadcrumb li + li {
    padding-left: 15px;
}

.breadcrumb li + li::before {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    content: '';
    width: 6px;
    height: 6px;
    line-height: 7px;
    padding: 0;
    border-top: 1px solid #007db2;
    border-right: 1px solid #007db2;
    position: absolute;
    margin-top: 5px;
    margin-left: -15px;
}

.template_header_outer {
    background: #ffffff;
    width: 100%;
}

.template_header_outer .container {
    padding: 0;
}

.template_header_outer .template_header {
    color: #007db2;
    padding-top: 14px;
    padding-bottom: 16px;
    margin-right: -15px;
    margin-left: -15px;
}

.template_header_outer .template_header .main-logo {
    padding-right: 15px;
    float: left;
    max-width: 68px;
}

.template_header_outer .template_header .top-links {
    float: right;
    padding-bottom: 10px;
}

.template_header_outer .template_header .main-logo-text {
    float: left;
}

.template_header_outer .template_header .main-logo-text .logo-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2px;
    color: #006D9B;
}

.template_header_outer .template_header .main-logo-text .logo-text {
    line-height: 1.4;
    font-size: 15px;
    color: #2A6085;
}

.template_header_outer .template_header .logo {
    padding-top: 10px;
    display: block;
}

.template_header_outer .template_header ul {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.template_header_outer .template_header ul li {
    display: inline-block;
    list-style: none;
}

.template_header_outer .template_header ul li a,
.template_header_outer .template_header ul li button.stripped-btn {
    margin-left: 3px;
}

.template_header_outer .template_header ul li button.stripped-btn {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
}

.template_header_outer .template_header ul li.active,
.template_header_outer .template_header ul li.active button.stripped-btn {
    font-weight: 700;
}

.template_header_outer .template_header .pull-right {
    margin-right: -15px;
}

.template_header_outer.login {
    background: transparent;
}

.template_header_outer.login .template_header {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 87px;
}

.old-design-page a .glyphicon {
    font-family: fontAwesome;
}

.old-design-page a .glyphicon-exclamation-sign:before {
    content: "\f06a";
    font-size: 14px;
}

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #007db2;
    border: 0;
    margin: 0;
    z-index: 3;
}

.navbar .nav ul {
    padding: 0;
    border: 0;
}

.navbar .nav .open a,
.navbar .nav .open a:hover,
.navbar .nav .open a:focus {
    background: #0085be;
}

.navbar .nav li.active {
    background: #006D9B;
    font-weight: 700;
}

.navbar .nav li.active a:hover {
    background: #006D9B;
    cursor: default;
}

.navbar .nav li.active a:hover span {
    text-decoration: none;
}

.navbar .nav li a {
    color: #ffffff;
    font-size: 15px;
    padding: 15px 27px;
}

.navbar .nav li a:hover,
.navbar .nav li a:focus {
    background: #0085BE;
}

.navbar .nav li a:hover span,
.navbar .nav li a:focus span {
    text-decoration: underline;
}

.navbar .nav li a:hover [class^="icon-EP-icon-"],
.navbar .nav li a:focus [class^="icon-EP-icon-"],
.navbar .nav li a:hover [class*=" icon-EP-icon-"],
.navbar .nav li a:focus [class*=" icon-EP-icon-"],
.navbar .nav li a:hover [class^="glyphicon"],
.navbar .nav li a:focus [class^="glyphicon"],
.navbar .nav li a:hover [class*="glyphicon"],
.navbar .nav li a:focus [class*="glyphicon"] {
    text-decoration: none;
}

@media (min-width: 768px) {
    .navbar .nav li.my-menu:focus,
    .navbar .nav li.my-menu:hover {
        background: #009677;
    }

    .navbar .nav li.my-menu:focus .dropdown-menu,
    .navbar .nav li.my-menu:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav li.my-menu:focus .dropdown-menu li a:focus,
    .navbar .nav li.my-menu:hover .dropdown-menu li a:focus,
    .navbar .nav li.my-menu:focus .dropdown-menu li a:hover,
    .navbar .nav li.my-menu:hover .dropdown-menu li a:hover {
        text-decoration: none;
        background: #02AB8B;
    }
}

.navbar .nav li.my-menu .dropdown-menu {
    box-shadow: none;
    margin: 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    background-color: #00856a;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
}

.navbar .nav li.my-menu .dropdown-menu a,
.navbar .nav li.my-menu .dropdown-menu button {
    padding: 10px 30px;
}

.navbar .nav li.my-menu.active a,
.navbar .nav li.my-menu.active button {
    background: #00856a;
}

@media (min-width: 768px) {
    .navbar .nav li.my-menu.dropdown a:focus,
    .navbar .nav li.my-menu.dropdown a:hover {
        background: #00856a;
        text-decoration: none;
    }

    .navbar .nav li.my-menu.dropdown a:focus span,
    .navbar .nav li.my-menu.dropdown a:hover span {
        text-decoration: none;
    }
}

.navbar .nav li.my-menu.dropdown.open a {
    background: #009677;
}

@media (max-width: 767px) {
    .navbar .nav li.my-menu.dropdown.open {
        float: none;
    }
}

@media (min-width: 768px) {
    .navbar .nav li.my-menu.dropdown.open {
        float: left;
    }
}

.navbar .nav li.my-menu.dropdown.open ul.dropdown-menu {
    margin: 0;
}

.navbar .nav li.my-menu.dropdown.open ul.dropdown-menu li a {
    background: #009677;
    float: none;
}

.navbar .nav li.my-menu.dropdown.open ul.dropdown-menu li a:focus,
.navbar .nav li.my-menu.dropdown.open ul.dropdown-menu li a:hover {
    text-decoration: none;
    background: #02AB8B;
}

.navbar .nav li.my-menu ul:not(.dropdown-menu) {
    position: absolute;
    width: 1170px;
    right: 0;
    background: #00856a;
}

.navbar .nav li.my-menu ul:not(.dropdown-menu) li {
    list-style: none;
}

.navbar .nav li.my-menu ul:not(.dropdown-menu) li a,
.navbar .nav li.my-menu ul:not(.dropdown-menu) li button {
    height: 40px;
    line-height: 40px;
    float: left;
    display: block;
    padding: 0 25px;
    cursor: pointer;
    border: 0;
}

.navbar .nav li.my-menu ul:not(.dropdown-menu) li a:hover,
.navbar .nav li.my-menu ul:not(.dropdown-menu) li button:hover {
    background: #02AB8B;
    text-decoration: none;
    cursor: pointer;
}

.navbar .nav li.my-menu ul:not(.dropdown-menu) li.btn-support {
    float: right;
}

.navbar .nav li.my-menu ul:not(.dropdown-menu) li.btn-support .btn-support-key {
    background-image: url('img/live_help_key.png');
    width: 17px;
    height: 17px;
    display: inline-block;
    background-size: 17px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
}

.navbar .nav li.my-menu ul:not(.dropdown-menu) li.btn-support a:hover,
.navbar .nav li.my-menu ul:not(.dropdown-menu) li.btn-support button:hover {
    background: #00856a;
}

.navbar .nav li.my-menu ul:not(.dropdown-menu) li.btn-support a:hover .btn-support-key,
.navbar .nav li.my-menu ul:not(.dropdown-menu) li.btn-support button:hover .btn-support-key {
    background-position: 0 -16px;
}

.navbar .nav:not(.basic-main-menu) {
    width: 100%;
}

.navbar .container {
    padding: 0;
}

.navbar .navbar-collapse {
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus {
    background-color: #02ab8b;
    color: #ffffff;
}

.page {
    background: #ffffff;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
}

.page .main-row {
    border-bottom: 1px solid #e0e0e0;
}

.page .search {
    padding: 20px 0;
}

.page .search input {
    max-width: none;
}

.page .search .form-control {
    height: 50px;
}

.page .search .btn {
    height: 30px;
    width: 130px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.page .subcatagories-header h2 {
    margin-top: 15px;
}

.page .subcatagories {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.page .subcatagories .subcatagory-item {
    display: inline-block;
    padding: 0 5px 10px 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.page .subcatagory-item a,
.page .subcatagory-item button {
    position: relative;
    padding-left: 13px;
    text-align: start;
}

.page .subcatagory-item a:before,
.page .subcatagory-item button:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    line-height: 7px;
    border-top: 1px solid #007db2;
    border-right: 1px solid #007db2;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 4px;
}

.page .subcatagories-body {
    border-bottom: 1px solid #e0e0e0;
}

.page .subcatagories-body .subcatagories-counts {
    white-space: nowrap;
    word-spacing: -4px;
}

.page .payments {
    margin-bottom: 15px;
}

.page .payments .bold {
    color: #0f0f0f !important;
    font-weight: 1000;
}

.page .payments .image {
    display: table;
    float: left;
}

.page .payments .image a {
    display: table-cell;
    height: 55px;
    width: 140px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #DADBDB;
}

.page .payments .image a img {
    max-height: 42px;
    width: auto;
    max-width: 130px;
}

.page .payments .gateway-country-selection input {
    margin: 0 2px 2px;
}

.page .payments .payment {
    margin-top: 15px;
}

.page .payments .payment .image {
    position: relative;
}

.page .payments .payment .image .flag {
    height: 10px;
    width: 20px;
    position: absolute;
    top: 5%;
    right: 12%;
}

.page .payments .gateway-country-selection {
    padding-right: 5px;
}

.page .payments .gateway-country-selection input {
    margin: 0 2px 2px;
}

.page .pagination-container,
.page .pagination-container-top {
    padding: 15px 30px;
}

.page .pagination-container-top {
    border-bottom: 1px solid #e0e0e0;
}

.page .pagination .inactive-btn a,
.page .pagination .inactive-btn button {
    color: #636363;
    background: #EFEFEF;
    pointer-events: none;
}

.page .pagination .inactive-btn a:hover,
.page .pagination .inactive-btn button:hover,
.page .pagination .inactive-btn a:focus,
.page .pagination .inactive-btn button:focus {
    cursor: default;
    color: #636363;
}

.page .pagination li.active a,
.page .pagination span.active button {
    pointer-events: none;
    cursor: default;
    background-color: #337ab7;
    border: 1px solid #337ab7;
    color: #ffffff;
    position: initial;
}

.page .pagination > span > button {
    background-color: #ffffff;
    border-color: transparent;
    color: #337ab7;
    float: left;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
    align-items: center;
    border-inline: none;
}

.page .pagination > span:first-child > button {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 0;
}

.page .pagination > span:last-child > button {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 0;
}

.page .pagination > span > button {
    background-color: #ffffff;
    border-color: transparent;
    color: #337ab7;
    float: left;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
    align-items: center;
    border-inline: none;
}

.page .pagination > span:first-child > button {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 0;
}

.page .pagination > span:last-child > button {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 0;
}

.page .search-pagination-container,
.page .pagination-container-top,
.page .pagination-container {
    line-height: 30px;
    color: #666;
    clear: both;
}

.page .search-pagination-container {
    padding: 14px 0;
}

.page .pagination-container-top {
    border-bottom: 1px solid #e0e0e0;
}

.page .pagination {
    margin: 0;
}

.page .total {
    line-height: 30px;
    margin-left: 10px;
}

.page .sorting-label {
    margin-right: 15px;
    float: left;
}

.page .more-multiple {
    padding: 27px 0;
}

.page .more-multiple a,
.page .more-multiple button {
    text-decoration: underline;
}

.page .more-multiple a:hover,
.page .more-multiple button:hover {
    text-decoration: none;
}

.page .more-multiple.active a,
.page .more-multiple.active button {
    display: none;
}

.page .more-multiple.active a.less,
.page .more-multiple.active button.less {
    display: block;
}

.page .more-multiple .less {
    display: none;
}

.page .more.active a,
.page .more.active button {
    display: none;
}

.page .more.active a.less,
.page .more.active button.less {
    display: block;
}

.page .more .less {
    display: none;
}

.page .md-fivecolumns {
    height: 159px;
}

.page .index-page .more-multiple {
    padding: 20px 0;
}

.page .index-page h2 {
    color: #666;
}

.page .index-page h3 {
    font-size: 15px;
}

.page .index-page .services {
    padding: 20px 0 30px 0;
}

.page .index-page .services.latest-news {
    padding: 20px 0;
}

.page .index-page .services .news-container {
    display: table;
    width: 100%;
}

.page .index-page .services .news-container-left,
.page .index-page .services .news-container-right,
.page .index-page .services .news-container-middle {
    display: table-cell;
    vertical-align: middle;
}

.page .index-page .services .news-container-left,
.page .index-page .services .news-container-right {
    width: 20px;
}

.page .index-page .services .news-container-middle {
    padding-left: 20px;
    vertical-align: middle;
}

.page .index-page .services .news-container-middle ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.page .index-page .services .news-container-middle ul li {
    padding: 0;
}

.page .index-page .services .new-next,
.page .index-page .services .new-previous {
    color: #007db2;
    font-size: 50px;
    font-family: fontAwesome;
    line-height: 1;
}

.page .index-page .services .new-next:hover,
.page .index-page .services .new-previous:hover {
    cursor: pointer;
    color: #0072a3;
}

.page .index-page .services .new-next:before {
    content: "\f104";
}

.page .index-page .services .new-previous:before {
    content: "\f105";
}

.page .index-page .services .icon-EP {
    font-size: 16px;
    margin-right: 8px;
}

.page .index-page .services a {
    text-decoration: underline;
}

.page .index-page .services a:hover,
.page .index-page .services a:focus {
    text-decoration: none;
}

.page .index-page .services ul {
    padding: 11px 0 15px 27px;
}

.page .index-page .services .fa-bullhorn {
    color: #00856a;
    font-size: 16px;
    font-style: normal;
}

.page .index-page .services .fa-bullhorn:before {
    content: "\f0a1";
    font-family: "fontAwesome";
}

.page .index-page .most-popular {
    background: #eee;
}

.page .index-page .more-multiple-container {
    background: #ffffff;
}

.page .index-page .more-multiple-container {
    border-top: 1px solid #e0e0e0;
    margin-top: -11px;
}

.page .index-page .service-left,
.page .index-page .service-right {
    width: 50%;
    padding: 0 45px 10px 8px;
    float: left;
}

.page .index-page .service-left .all-services,
.page .index-page .service-right .all-services {
    position: absolute;
    bottom: 0;
}

.page .index-page .service-left .all-services {
    right: 50%;
}

.page .index-page .service-left .all-services a {
    padding-right: 45px;
}

.page .index-page .service-right .all-services {
    right: 45px;
}

.page .category-squares .squares_inner .square:nth-child(-n+6) {
    display: block;
}

.page .squares,
.page .category-squares {
    overflow: hidden;
    width: 100%;
}

.page .squares .squares_inner,
.page .category-squares .squares_inner {
    margin-right: -2px;
}

.page .squares .squares_inner .square,
.page .category-squares .squares_inner .square {
    margin-bottom: 10px;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
    background: #ffffff;
    cursor: pointer;
    overflow: hidden;
}

.page .squares .squares_inner .square.login-square,
.page .category-squares .squares_inner .square.login-square {
    margin-bottom: 0;
    height: 159px;
}

.page .squares .squares_inner .square:hover,
.page .category-squares .squares_inner .square:hover {
    background: #00856a;
}

.page .squares .squares_inner .square:hover i,
.page .category-squares .squares_inner .square:hover i,
.page .squares .squares_inner .square:hover .span-icons,
.page .category-squares .squares_inner .square:hover .span-icons {
    background: #ffffff;
    color: #00856a;
}

.page .squares .squares_inner .square.main-square,
.page .category-squares .squares_inner .square.main-square {
    display: block;
}

.page .squares .squares_inner .square img,
.page .category-squares .squares_inner .square img {
    width: 100%;
    height: 100%;
}

.page .squares .squares_inner .square a,
.page .category-squares .squares_inner .square a,
.page .squares .squares_inner .square button,
.page .category-squares .squares_inner .square button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #333;
    text-align: center;
}

.page .squares .squares_inner .square a:hover,
.page .category-squares .squares_inner .square a:hover,
.page .squares .squares_inner .square button:hover,
.page .category-squares .squares_inner .square button:hover {
    text-decoration: none;
    color: #ffffff;
}

.page .squares .squares_inner .square a i,
.page .category-squares .squares_inner .square a i,
.page .squares .squares_inner .square button i,
.page .category-squares .squares_inner .square button i,
.page .squares .squares_inner .square a .span-icons,
.page .category-squares .squares_inner .square a .span-icons,
.page .squares .squares_inner .square button .span-icons,
.page .category-squares .squares_inner .square button .span-icons {
    color: #ffffff;
    background: #00856a;
    padding: 15px 20px;
    font-size: 2em;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 3px;
    min-height: 56px;
    min-width: 66px;
}

.page .squares.active .square,
.page .category-squares.active .square {
    display: block;
}

.page .one-service-container h1 {
    font-size: 15px;
    margin: 20px 0 15px 0;
    font-weight: 700;
}

.page .one-service-container .steps {
    height: auto;
    margin: 14px 15px;
}

.page .one-service-container .steps .step {
    height: 32px;
}

.page .one-service-container .steps .step .cell {
    height: 32px;
}

.page .one-service-container .steps .step::after,
.page .one-service-container .steps .step::before {
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
}

.page .document-info {
    border: 1px solid #ccc;
    width: 100%;
}

.page .services-page .btn {
    margin-right: 10px;
}

.page .services-page .btn .glyphicon-search {
    padding: 0 8px 0 0;
    size: 12px;
}

.page .services-page .tab-content .tab-pane {
    padding-top: 0;
}

.page .services-page .tab-content .tab-pane .sub-category-wrapper {
    position: relative;
}

.page .services-page .tab-content .tab-pane .sub-category-wrapper h3 {
    padding: 0 30px;
    color: #444;
}

.page .services-page .tab-content .tab-pane .sub-category-wrapper div {
    position: absolute;
    width: 429px;
    margin: 10px 0 0 30px;
    padding-left: 20px;
    text-indent: -12px;
}

.page .services-col-3 > .form-group {
    padding-right: 15px;
}

.page .services-datebox {
    max-width: 350px;
}

.page .services-datebox .form-group {
    display: inline-block;
    width: 50%;
}

.page .services-datebox .form-group .z-datebox,
.page .services-datebox .form-group .z-datebox-input {
    width: 100%;
}

.page .services-datebox .form-group.services-datebox-left {
    margin-bottom: 9px;
    padding-right: 10px;
}

.page .services-datebox .form-group.services-datebox-right {
    float: right;
    margin-bottom: 9px;
    padding-left: 10px;
}

.page .service-list-icons {
    position: relative;
    margin-top: 20px;
    display: inline-block;
    padding: 0 5px;
}

.page .service-list-icons .color-red {
    color: #d43f3a;
}

.page .service-list-icons .icon-envelope {
    font-family: fontAwesome;
    font-size: 24px;
    color: #007db2;
}

.page .service-list-icons .icon-envelope::before {
    content: "\f0e0";
}

.page .service-list-icons .icon-envelope:hover {
    color: #0073A3;
}

.page .service-list-icons .glyphicon-time {
    font-size: 24px;
}

.page .service-list-icons .new-messages-count {
    position: absolute;
    padding: 0px 6px;
    display: inline-block;
    border-radius: 9px;
    background-color: #d43f3a;
    color: white;
    top: -8px;
    right: 0;
    font-size: 11px;
}

.page .service-list-icons:hover {
    text-decoration: none;
}

.page .service-draft-pagination {
    width: auto !important;
}

.page .services {
    padding: 0 0 40px 0;
}

.page .services .service {
    position: relative;
}

.page .services .service .ic {
    position: absolute;
    left: 26px;
    top: 33px;
}

.page .services h2 {
    margin-bottom: 11px;
}

.page .services ul {
    padding: 11px 0 15px 60px;
}

.page .services ul li {
    list-style: none;
    padding: 7px 0 8px 0;
}

.page .services ul li a {
    position: relative;
    padding-left: 13px;
    display: block;
    line-height: 120%;
}

.page .services ul li a::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    line-height: 7px;
    border-top: 1px solid #007db2;
    border-right: 1px solid #007db2;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 4px;
}

.page .services ul li a:hover {
    color: #007db2;
}

.page .services ul li a:hover::before {
    border-color: #007db2;
}

.page .footer {
    background: #007db2;
    border: 0;
    position: relative;
    padding: 15px 30px;
}

.page .footer h3 {
    color: #ffffff;
    font-weight: 600;
    margin-left: 20px;
}

.page .footer .menu-header {
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
}

.page .footer a {
    color: #ffffff;
    line-height: 180%;
    text-decoration: underline;
}

.page .footer a:hover {
    text-decoration: none;
}

.page .footer .icon-container {
    display: inline-block;
    width: 22px;
    font-size: 17px;
}

.page .footer ul li {
    list-style: none;
}

.page .footer ul li a {
    color: #ffffff;
    line-height: 120%;
}

.page .footer .ul {
    color: #ffffff;
    padding: 20px 0 0 20px;
    line-height: 130%;
}

.page .nav-tabs {
    color: #007db2;
    background: #f9f9f9;
    border-color: #e0e0e0;
}

.page .nav-tabs:not(.tab-content .nav-tabs) li {
    cursor: pointer;
}

.page .nav-tabs:not(.tab-content .nav-tabs) li:first-child.active {
    margin-left: -1px;
}

.page .nav-tabs li {
    cursor: pointer;
}

.page .nav-tabs li a,
.page .nav-tabs li div {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
    padding: 15px 20px;
    border: 1px solid transparent;
    margin-right: 0;
}

.page .nav-tabs li a:hover,
.page .nav-tabs li div:hover {
    border: 1px solid #e0e0e0;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.page .nav-tabs li.active {
    cursor: default;
    color: #555;
}

.page .nav-tabs li.active a,
.page .nav-tabs li.active div {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-bottom-color: #ffffff;
    border-top-color: #ffffff;
    font-weight: 700;
    pointer-events: none;
}

.page .tab-content .tab-pane,
.page .panel-body {
    padding-top: 11px;
}

.page .tab-content .tab-pane .nav-tabs,
.page .panel-body .nav-tabs {
    border-top: none;
    margin-bottom: 11px;
    background: #FFFFFF;
}

.page .tab-content .tab-pane .nav-tabs .active a,
.page .panel-body .nav-tabs .active a {
    border: none;
}

.page .tab-content .tab-pane p,
.page .panel-body p {
    margin: 5px 0;
}

.page .tab-content .tab-pane .tab-pane-result,
.page .panel-body .tab-pane-result {
    line-height: 140%;
    padding-top: 29px;
    padding-bottom: 13px;
    border-bottom: 1px solid #e0e0e0;
}

.page .tab-content .tab-pane .tab-pane-result .btn-left-mb,
.page .panel-body .tab-pane-result .btn-left-mb {
    float: left;
    margin-bottom: 10px;
}

.page .tab-content .tab-pane .tab-pane-result h3,
.page .panel-body .tab-pane-result h3 {
    font-size: 16px;
    color: #333;
}

.page .tab-content .tab-pane .tab-pane-result .service-left,
.page .panel-body .tab-pane-result .service-left {
    text-align: right;
}

.page .tab-content .tab-pane .tab-pane-result .service-left-icon,
.page .panel-body .tab-pane-result .service-left-icon {
    text-align: center;
}

.page .tab-content .tab-pane .tab-pane-result p,
.page .panel-body .tab-pane-result p {
    margin: 10px 0 14px 0;
}

.page .tab-content .tab-pane .tab-pane-result .btn,
.page .panel-body .tab-pane-result .btn {
    margin: 6px 0 4px 0;
}

.page .tab-content .tab-pane .tab-pane-result .my-task-action,
.page .panel-body .tab-pane-result .my-task-action {
    padding-top: 5px;
}

.page .tab-content .tab-pane .tab-pane-result .my-task-action .icon-EP-icon-62,
.page .panel-body .tab-pane-result .my-task-action .icon-EP-icon-62 {
    color: #D43F3A;
    font-size: 14px;
}

.page .tab-content .tab-pane .tab-pane-result .my-task-action a,
.page .panel-body .tab-pane-result .my-task-action a {
    padding: 3px 10px;
    text-decoration: underline;
}

.page .tab-content .tab-pane .tab-pane-result .my-task-action a:hover,
.page .panel-body .tab-pane-result .my-task-action a:hover {
    text-decoration: none;
}

.page .tab-content .tab-pane .tab-pane-order,
.page .panel-body .tab-pane-order {
    padding: 14px 30px 17px 30px;
    line-height: 30px;
    color: #666;
}

.page .tab-content .tab-pane .tab-pane-order .more-multiple,
.page .panel-body .tab-pane-order .more-multiple {
    padding: 10px 0;
}

.page .tab-content .tab-pane .tab-pane-order input[type="checkbox"],
.page .panel-body .tab-pane-order input[type="checkbox"] {
    position: relative;
    top: 2px;
}

.page .tab-content .tab-pane .tab-pane-order label,
.page .panel-body .tab-pane-order label {
    font-weight: normal;
    color: #333;
    margin-right: 36px;
}

.page .tab-content .tab-pane .tab-pane-order .btn,
.page .panel-body .tab-pane-order .btn {
    margin-left: 6px;
}

.page .tab-content .tab-pane .tab-pane-filter .tab-pane-filter-row,
.page .panel-body .tab-pane-filter .tab-pane-filter-row {
    padding-top: 27px;
}

.page .tab-content .tab-pane .tab-pane-filter .tab-pane-filter-row input.datepicker,
.page .panel-body .tab-pane-filter .tab-pane-filter-row input.datepicker {
    max-width: 216px;
}

.page .tab-content .tab-pane .tab-pane-filter .tab-pane-filter-row label,
.page .panel-body .tab-pane-filter .tab-pane-filter-row label {
    color: #666;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
}

.page .tab-content .tab-pane .tab-pane-filter .tab-pane-filter-btns,
.page .panel-body .tab-pane-filter .tab-pane-filter-btns {
    padding: 14px 0 30px 0;
    border-bottom: 1px solid #e0e0e0;
}

.page .tab-content .tab-pane .tab-pane-filter .tab-pane-filter-btns .btn-success,
.page .panel-body .tab-pane-filter .tab-pane-filter-btns .btn-success {
    margin-right: 10px;
}

.page .tab-content .tab-pane .tab-pane-filter .tab-pane-filter-btns .btn-success .glyphicon,
.page .panel-body .tab-pane-filter .tab-pane-filter-btns .btn-success .glyphicon {
    padding: 0 8px 0 0;
}

@media (max-width: 768px) {
    .page .tab-pane-filter .tab-pane-filter-row .service-unread-messages {
        margin-left: -16px;
    }
}

.page .service-tabs {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.page .services-contacts {
    padding-bottom: 15px;
}

.page .services-contacts table {
    width: 100% !important;
}

.page .services-contacts table td {
    width: 50%;
}

.page .services-contacts .contacts-info-grid {
    width: 100% !important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: left;
    grid-row-gap: 40px;
}

@media (max-width: 768px) {
    .page .services-contacts .contacts-info-grid {
        grid-template-columns: 1fr;
    }
}

.page .services-contacts .contacts-info-grid div {
    display: flex;
    flex-direction: column;
}

.page .services-contacts .contacts-info-grid div div {
    flex-direction: row;
}

.page .providers-button-order {
    text-align: right;
}

.page .providers-button-order .btn {
    margin-left: 10px;
}

.page .services-provider-contacts {
    padding-top: 10px;
}

.page .providers-info .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page .providers-info .col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.page .flex-grow-5 {
    flex-grow: 5 !important;
}

.page .flex-grow-1 {
    display: flex;
    flex-direction: column;
    flex-grow: 1 !important;
}

.page .service-data .service-data-block {
    padding-bottom: 11px;
    line-height: 130%;
    padding-top: 31px;
}

.page .service-data .service-data-block.service-data-block-left {
    border-right: 1px solid #e0e0e0;
    padding-right: 30px;
}

.page .service-data .service-data-block.service-data-block-left .glyphicon {
    margin-left: 5px;
    padding-left: 0;
    font-size: 13px;
}

.page .service-data .service-data-block.service-data-block-left .glyphicon.tip {
    position: relative;
    top: 2px;
}

.page .service-data .service-data-block.service-data-block-left .btn-block {
    text-align: center;
}

.page .service-data .service-data-block.service-data-block-left .btn-block p {
    margin: 14px 0;
}

.page .service-data .service-data-block.service-data-block-left .btn-block .btn {
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 6px;
}

.page .service-data .service-data-block.service-data-block-left .btn-block .btn .glyphicon {
    font-size: 12px;
}

.page .service-data .service-data-block.service-data-block-right {
    padding-left: 30px;
    line-height: 160%;
    border-left: 1px solid #e0e0e0;
    margin-left: -1px;
}

.page .service-data .service-data-block.service-data-block-right h4 {
    margin: 23px 0 10px 0;
    font-size: 13px;
    font-weight: 700;
}

.page .service-data .service-data-block.service-data-block-right h4:first-child {
    margin-top: 0;
}

.page .service-data .service-data-block.service-data-block-right .providers-icon {
    margin-right: 5px;
}

.page .service-data .service-data-block.service-data-block-right .providers-icon img {
    max-height: 40px;
}

.page .service-data .service-data-block.service-data-block-right .ic-block {
    white-space: nowrap;
    display: inline-block;
    margin: 0 0 10px;
}

.page .service-data .service-data-block.service-data-block-right .ic-block .ic {
    margin: 0 5px 0 0;
    font-size: 18px;
    color: #00856a;
}

.page .service-data .service-data-block.service-data-block-right .ic-block .ic:first-child {
    margin-left: 0;
}

.page .service-row {
    padding-top: 10px;
    padding-bottom: 20px;
}

.page .informative-text {
    font-size: 13px;
    font-weight: normal;
    padding-top: 10px;
    color: #666;
}

.page .one-service-block {
    padding-bottom: 29px;
    border-bottom: 1px solid #e0e0e0;
}

.page .one-service-block:last-child {
    border-bottom: none;
}

.page .one-service-block input[type="checkbox"] {
    margin: 0 5px 0 0;
}

.page .one-service-block h2 {
    margin: 23px 0 25px 0;
}

.page .one-service-block .service-history {
    text-align: right;
}

.page .one-service-block .service-history label {
    font-weight: normal;
}

.page .one-service-block .service-history .service-history-checkbox {
    padding: 15px 30px 0 30px;
}

.page .one-service-block h3 {
    font-size: 16px;
    color: #444;
    padding: 25px 30px;
    border-bottom: 1px solid #e0e0e0;
}

.page .one-service-block h3 .informative-text {
    font-size: 13px;
    font-weight: normal;
    padding-top: 10px;
    color: #666;
}

.page .one-service-block .btn {
    margin-right: 10px;
}

.page .one-service-block.one-service-data-block {
    padding-bottom: 25px;
}

.page .one-service-block.one-service-data-block .alert a {
    margin-left: 5px;
}

.page .one-service-block .service-data-row {
    line-height: 170%;
}

.page .one-service-block .row-todo {
    padding: 27px 0 0 0;
}

.page .one-service-block .row-todo .btn {
    margin-top: 3px;
}

.page .one-service-block .row-todo .history-status {
    margin-left: 5px;
}

.page .one-service-block .row-todo .icon-col {
    padding-left: 55px;
    position: relative;
}

.page .one-service-block .row-todo .icon-col .indicator {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 5px;
    left: 13px;
}

.page .one-service-block .row-todo .icon-col .indicator.indicator-1 {
    background-image: url('img/indicator-1.png');
}

.page .one-service-block .row-todo .icon-col .indicator.indicator-2 {
    background-image: url('img/indicator-2.png');
}

.page .one-service-block .row-todo .icon-col .indicator .new {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #00a17b;
    font-size: 8px;
    text-align: center;
    width: 16px;
    height: 16px;
    line-height: 2.2;
    color: #ffffff;
    position: absolute;
    left: 10px;
    top: 10px;
}

.page .one-service-block .row-todo .icon-col .indicator-service {
    position: absolute;
    left: 13px;
    font-family: fontAwesome;
    font-size: 22px;
    color: #007db2;
}

.page .one-service-block .row-todo .icon-col .indicator-service .new {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d43f3a;
    font-size: 11px;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 1.8;
    color: #ffffff;
    position: absolute;
    top: -8px;
    right: -8px;
    font-weight: bolder;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page .one-service-block .row-todo .icon-col-with-text {
    position: relative;
}

.page .one-service-block .row-todo .icon-col-with-text h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #444;
    padding: 0;
    border-bottom: transparent;
}

.page .one-service-block .row-todo .icon-col-with-text h3 .informative-text {
    font-size: 13px;
    font-weight: normal;
    padding-top: 10px;
    color: #666;
}

.page .one-service-block .row-todo .icon-col-with-text .indicator-service {
    position: absolute;
    left: 13px;
    font-family: fontAwesome;
    font-size: 22px;
    color: #007db2;
}

.page .one-service-block .row-todo .icon-col-with-text .indicator-service .new {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d43f3a;
    font-size: 11px;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 1.8;
    color: #ffffff;
    position: absolute;
    top: -8px;
    right: -8px;
    font-weight: bolder;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page .one-service-block .one-service-block-item {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 12px;
}

.page .one-service-block .one-service-block-item:last-child {
    border: 0;
    padding-bottom: 0;
}

.page .one-service-block .one-service-block-item:first-child .row-todo {
    padding-top: 10px;
}

.page .one-service-block .one-service-block-item p {
    margin: 0 0 7px 0;
}

.page .one-service-block .one-service-block-item p .glyphicon {
    padding-left: 9px;
}

.page .composite-task {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 12px;
    padding-top: 10px;
}

.page .composite-task:last-child {
    border: 0;
}

.page .composite-task .row-todo .icon-col {
    padding-left: 55px;
    position: relative;
}

.page .composite-task .row-todo .icon-col .indicator {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 5px;
    left: 13px;
}

.page .composite-task .row-todo .icon-col .indicator.indicator-1 {
    background-image: url('img/indicator-1.png');
}

.page .composite-task .row-todo .icon-col .indicator.indicator-2 {
    background-image: url('img/indicator-2.png');
}

.page .composite-task .row-todo .icon-col .indicator .new {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #00a17b;
    font-size: 8px;
    text-align: center;
    width: 16px;
    height: 16px;
    line-height: 2.2;
    color: #ffffff;
    position: absolute;
    left: 10px;
    top: 10px;
}

.page .composite-history-main {
    padding-bottom: 20px;
}

.page .composite-history {
    text-align: right;
}

.page .composite-history label {
    font-weight: normal;
}

.page .composite-history .composite-history-checkbox {
    padding: 15px 30px 0 30px;
}

.page .composite-history-block {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 10px;
}

.page .composite-history-block h2 {
    font-size: 16px;
    color: #444;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.page .composite-history-block h2 .informative-text {
    font-size: 15px;
    font-weight: normal;
    padding-top: 10px;
    color: #666;
}

.page .composite-history-block h2 .indicator-service {
    position: absolute;
    left: 13px;
    font-family: fontAwesome;
    font-size: 22px;
    color: #007db2;
}

.page .composite-history-block h2 .indicator-service .new {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d43f3a;
    font-size: 11px;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 1.8;
    color: #ffffff;
    position: absolute;
    top: -8px;
    right: -8px;
    font-weight: bolder;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page .composite-history-block:last-child {
    border: 0;
}

.page .composite-history-block p {
    margin: 0 0 7px 0;
}

.page .composite-history-block p .glyphicon {
    padding-left: 9px;
}

.page .composite-history-block .row-todo .history-status {
    margin-left: 5px;
}

.page .composite-history-block .row-todo .icon-col-without-padding {
    padding-left: 0;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page .composite-history-block .row-todo .icon-col-without-padding .indicator {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 5px;
    left: 13px;
}

.page .composite-history-block .row-todo .icon-col-without-padding .indicator.indicator-1 {
    background-image: url('img/indicator-1.png');
}

.page .composite-history-block .row-todo .icon-col-without-padding .indicator.indicator-2 {
    background-image: url('img/indicator-2.png');
}

.page .composite-history-block .row-todo .icon-col-without-padding .indicator .new {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #00a17b;
    font-size: 8px;
    text-align: center;
    width: 16px;
    height: 16px;
    line-height: 2.2;
    color: #ffffff;
    position: absolute;
    left: 10px;
    top: 10px;
}

.page .composite-history-block .row-todo .icon-col-without-padding .indicator-service {
    position: absolute;
    left: 13px;
    font-family: fontAwesome;
    font-size: 22px;
    color: #007db2;
}

.page .composite-history-block .row-todo .icon-col-without-padding .indicator-service .new {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d43f3a;
    font-size: 11px;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 1.8;
    color: #ffffff;
    position: absolute;
    top: -8px;
    right: -8px;
    font-weight: bolder;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page .composite-history-block .row-todo .icon-col-without-padding .informative-text {
    font-size: 13px;
    font-weight: normal;
    padding-top: 10px;
    color: #666;
}

.page .composite-history-block .row-todo .icon-col {
    padding-left: 55px;
    position: relative;
}

.page .composite-history-block .row-todo .icon-col .indicator {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 5px;
    left: 13px;
}

.page .composite-history-block .row-todo .icon-col .indicator.indicator-1 {
    background-image: url('img/indicator-1.png');
}

.page .composite-history-block .row-todo .icon-col .indicator.indicator-2 {
    background-image: url('img/indicator-2.png');
}

.page .composite-history-block .row-todo .icon-col .indicator .new {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #00a17b;
    font-size: 8px;
    text-align: center;
    width: 16px;
    height: 16px;
    line-height: 2.2;
    color: #ffffff;
    position: absolute;
    left: 10px;
    top: 10px;
}

.page .composite-history-block .row-todo .icon-col .indicator-service {
    position: absolute;
    left: 13px;
    font-family: fontAwesome;
    font-size: 22px;
    color: #007db2;
}

.page .composite-history-block .row-todo .icon-col .indicator-service .new {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d43f3a;
    font-size: 11px;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 1.8;
    color: #ffffff;
    position: absolute;
    top: -8px;
    right: -8px;
    font-weight: bolder;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page .font-style-Helvetica-Neue {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.page .service-order-nav {
    overflow-x: overlay;
}

.page .service-order-nav .steps {
    margin: 14px 0;
    display: table;
    width: 100%;
}

.page .service-order-nav .steps .step {
    height: auto;
    min-height: 32px;
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding-left: 0;
}

.page .service-order-nav .steps .step:not(.active):not(.previous) .step-arrow {
    background: linear-gradient(to left top, transparent 50%, #e6f3f0 50%) !important;
}

.page .service-order-nav .steps .step .cell {
    height: auto;
    display: inline-block;
    padding: 5px 15px;
}

.page .service-order-nav .steps .step .step-arrow {
    position: absolute;
    top: 1px;
    transform: rotate(135deg) skew(0deg);
    background: linear-gradient(to left top, transparent 50%, #4daa97 50%);
    border-left: 3px solid white;
    border-top: 3px solid white;
    display: inline-block;
    border-radius: 4px 0 0 0;
    z-index: 1;
}

.page .service-order-nav .steps .step.active .step-arrow {
    position: absolute;
    top: 1px;
    transform: rotate(135deg) skew(0deg);
    background: linear-gradient(to left top, transparent 50%, #00856a 50%);
    border-left: 3px solid white;
    border-top: 3px solid white;
    display: inline-block;
    border-radius: 4px 0 0 0;
    z-index: 1;
}

.page .service-order-nav .steps .step::after,
.page .service-order-nav .steps .step::before {
    display: none;
}

.page .service-order-nav .steps .step:last-child .step-arrow {
    display: none;
}

.page .steps {
    height: 53px;
    border: 1px solid #e6f3f0;
    position: relative;
    overflow: hidden;
}

.page .steps .step {
    line-height: 140%;
    height: 53px;
    text-align: center;
    color: #333333;
    position: relative;
    background: #e6f3f0;
    display: table;
}

.page .steps .step .cell {
    height: 53px;
    vertical-align: middle;
    display: table-cell;
    padding: 0 10px;
    width: 100%;
    margin: 0 auto;
}

.page .steps .step button {
    background: transparent;
}

.page .steps .step:link,
.page .steps .step:hover,
.page .steps .step:visited,
.page .steps .step:active {
    text-decoration: none;
}

.page .steps .step::after {
    content: '';
    position: absolute;
    right: -12px;
    top: -2px;
    width: 0px;
    height: 0px;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 12px solid #e6f3f0;
    z-index: 2;
}

.page .steps .step::before {
    content: '';
    position: absolute;
    right: -15px;
    top: -2px;
    width: 0px;
    height: 0px;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 14px solid #ffffff;
    z-index: 1;
}

.page .steps .step.active {
    background: #00856a;
    color: #ffffff;
}

.page .steps .step.active::after {
    border-left: 11px solid #00856a;
    right: -11px;
}

.page .steps .step.previous {
    color: white;
    background-color: #4daa97;
}

.page .steps .step.previous:hover {
    font-weight: 700;
}

.page .step-line {
    border-top: 1px solid #e0e0e0;
    padding: 25px 0;
}

.page .step-line span.small {
    display: inline-block;
    margin-right: 55px;
    margin-left: -40px;
}

.page .proxy-step-block {
    padding: 25px 0;
    border-top: 1px solid #e0e0e0;
    line-height: 130%;
}

.page .proxy-step-block .btn {
    margin-left: 10px;
}

.page .proxy-step-block .btn-success .glyphicon {
    padding: 0 0 0 8px;
}

.page .proxy-step-block .btn-primary .glyphicon {
    padding: 0 0 0 8px;
}

.page .proxy-step-block .btn-primary.btn-back .glyphicon {
    padding: 0 8px 0 0;
}

.page .form-step-block {
    padding: 25px 0;
}

.page .form-step-block .btn-success .glyphicon {
    padding: 0 0 0 8px;
}

.page .form-step-block .text-center .btn-primary {
    margin-right: 10px;
}

.page .form-step-block .text-center .btn-primary .glyphicon {
    padding: 0 6px 0 0;
}

.page .step-block {
    line-height: 130%;
    position: relative;
    border-top: 1px solid #e0e0e0;
}

.page .step-block .step-block-left {
    padding-bottom: 14px;
}

.page .step-block .step-block-left .col-margin-4 {
    margin-left: 4px;
}

.page .step-block .step-block-left p {
    margin: 17px 0 0 0;
    position: relative;
}

.page .step-block .step-block-left .more-multiple {
    padding: 0;
}

.page .step-block .step-block-left .form-group {
    margin: 10px 0 0 0;
}

.page .step-block .step-block-left .form-group .error-message {
    position: absolute;
    left: 100%;
    margin-top: -23px;
    width: 300px;
    margin-left: -5px;
}

.page .step-block .step-block-left label {
    font-weight: normal;
    margin-left: 8px;
}

.page .step-block .step-block-left input[type="checkbox"] {
    position: relative;
    top: 0;
}

.page .step-block .step-block-left input.datepicker {
    display: inline-block;
    width: 162px;
    margin-left: 19px;
}

.page .step-block .step-block-left .input-group {
    margin: 4px 0;
}

.page .step-block .step-block-left .step-block-top {
    padding-left: 30px;
    margin-top: 30px;
}

.page .step-block .step-block-left .step-block-top p {
    margin: 0;
}

.page .step-block .step-block-left .tip {
    position: absolute;
    top: auto;
    padding: 0;
    margin-left: 4px;
}

.page .step-block .step-block-right {
    border-left: 1px solid #e0e0e0;
    position: absolute;
    right: 1px;
    height: 100%;
}

.page .step-block .step-block-right .cell {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 50px;
}

.page .step-block .step-block-right .cell .glyphicon {
    margin-top: 14px;
    padding: 0;
}

.page .step-block.last {
    line-height: 30px;
}

.page .step-block.last .form-group {
    margin: 0 0 0 30px !important;
}

.page .step-block.last .step-block-left {
    padding-top: 18px;
    padding-bottom: 18px;
    border: 0;
    font-size: 16px;
}

.page .step-block.last .step-block-left .glyphicon,
.page .step-block.last .step-block-left select {
    font-size: 13px;
}

.page .step-block.last .step-block-left .tip {
    position: static;
}

.page .step-block.actions .step-block-left {
    padding-top: 23px;
    padding-bottom: 23px;
    border: 0;
    line-height: 40px;
}

.page .step-block.actions .step-block-left .btn {
    padding: 11px 21px;
    margin-right: 27px;
}

.page .step-block.actions .step-block-left a .glyphicon {
    padding: 0;
    margin: 0 6px;
}

.basic-main-menu.new-icons {
    margin-left: 120px;
}

@media screen and (max-width: 1200px) {
    .basic-main-menu.new-icons {
        width: 110px;
    }
}

.basic-main-menu .new-actions {
    position: absolute;
    top: 35%;
    left: 20px;
    font-family: fontAwesome;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none !important;
}

@media screen and (max-width: 767px) {
    .basic-main-menu .new-actions {
        padding-left: 8px;
    }
}

.basic-main-menu .new-actions .new {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d43f3a;
    font-size: 8px;
    text-align: center;
    width: 15px;
    height: 15px;
    line-height: 1.8;
    color: #ffffff;
    position: absolute;
    top: -8px;
    right: -8px;
    font-weight: bolder;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.task-review .delegate-task {
    padding-right: 5px;
}

input.datepicker {
    border-radius: 0;
    border: 1px solid #cfcfcf;
    height: 30px;
    background: url('img/calendar.png') no-repeat right center;
    background-size: auto 14px;
}

.footer {
    background: #007db2;
    padding: 9px 0 13px 0;
    border: 0;
    position: relative;
}

.footer ul {
    list-style-type: none;
    padding: 17px 0 0 66px;
    margin: 0;
    width: 40%;
}

.footer ul li {
    float: left;
    padding: 5px 0 6px 0;
    width: 50%;
}

.footer ul a {
    color: #ffffff;
    text-decoration: underline;
}

.footer ul a:hover {
    text-decoration: none;
}

.footer button {
    color: #ffffff;
    text-decoration: underline;
    background-color: inherit;
    padding: 0;
    line-height: 27px;
}

.footer button:hover {
    text-decoration: none;
}

.footer button:active,
.footer button:focus {
    color: #ffffff !important;
}

.credit {
    background: #0072a3;
    color: #ffffff;
    padding: 13px 0 5px 0;
    line-height: 170%;
}

.credit .container {
    position: relative;
}

.credit .version {
    font-size: 11px;
    align-self: flex-end;
    padding-right: 7px;
}

.credit .bpd-logo {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 991px) {
    .credit .bpd-logo {
        justify-content: flex-start;
    }
}

.credit .bpd-logo img {
    height: 44px;
}

.credit .footer-text {
    padding-top: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.modal-dialog .login-button {
    margin-bottom: 15px;
}

.card-login-btn {
    line-height: 30px;
    text-align: right;
}

/* search */
.favourite-service-button {
    cursor: pointer;
    color: #D2D2D2;
}

.favourite-service-button:hover {
    color: #D2D2D2;
    text-decoration: none;
}

.favourite-selected {
    color: #fcdc00;
}

.favourite-selected:hover {
    color: #fcdc00;
    text-decoration: none;
}

.search-container h2 {
    margin: 23px 0 21px 0;
}

.search-container h1 .icon-EP {
    color: #00856a;
    padding-right: 10px;
}

.search-container .b {
    font-weight: 700;
    margin-bottom: 13px;
    margin-top: 15px;
}

.search-container .no-results {
    border-left: 1px solid #e0e0e0;
    margin-left: -1px;
    padding-right: 14px;
    text-align: center;
    margin-top: 55px;
    margin-bottom: 55px;
    font-size: 15px;
    color: #666666;
}

.search-container .most-popular {
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    font-size: 13px;
    font-weight: 700 !important;
    color: #666666;
}

.search-container .search-left {
    border-right: 1px solid #e0e0e0;
    padding-bottom: 25px;
    padding-top: 10px;
    display: block;
}

.search-container .search-left [class^='icon-']:before,
.search-container .search-left [class*=' icon-']:before {
    font-size: 13px;
    position: absolute;
    left: 18px;
    color: #00856a;
}

.search-container .search-left [class^='icon-'] label,
.search-container .search-left [class*=' icon-'] label {
    font-family: "Helvetica Neue", Helvetica;
    margin-left: 15px;
}

.search-container .search-left a {
    margin-top: 5px;
    margin-bottom: 6px;
    display: inline-block;
}

.search-container .search-left label {
    font-weight: normal;
    display: inline-block;
    padding-left: 20px;
    line-height: 125%;
}

.search-container .search-left .input-group {
    margin: 2px 0;
}

.search-container .search-left input[type="checkbox"] {
    position: absolute;
    margin-right: 9px;
}

.search-container .search-right {
    transition: width 2s;
    border-left: 1px solid #e0e0e0;
    margin-left: -1px;
}

.search-container .search-right .row:last-child .top {
    border-bottom: 0;
}

.search-items .search-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 145px 18px 25px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    color: #333;
    min-height: 150px;
}

.search-items .search-item:hover {
    background-color: #f9f9f9;
}

.search-items .search-item .icons {
    position: absolute;
    left: 13px;
    top: 35px;
    width: 30px;
}

.search-items .search-item .icons-container {
    position: absolute;
    right: 0px;
    margin-top: 10px;
    top: 70px;
}

.search-items .search-item .icons-container .column {
    clear: both;
}

.search-items .search-item .icons-container .column [class^='icon-EP'],
.search-items .search-item .icons-container .column [class*=' icon-EP'] {
    float: left;
    font-size: 170%;
    margin-top: 8px;
    margin-bottom: 3px;
    color: #00856a;
}

.search-items .search-item .icons-container .column .text {
    text-align: center;
    padding-right: 10px;
    margin: 8px 10px 3px 1px;
    float: left;
    width: 100px;
    word-break: break-word;
}

.search-items .search-item .btn-container {
    position: absolute;
    right: -5px;
    top: 34px;
}

.search-items .search-item .btn-container .price {
    position: absolute;
    margin: 11px 0 0 1px;
}

.search-items .search-item .btn-container .btn {
    padding-top: 11px;
    padding-bottom: 11px;
    min-width: 145px;
}

.search-items .search-item .btn-container .btn .glyphicon {
    margin-left: 5px;
}

.search-items .search-item .btn-container .btn::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #007db2;
    bottom: -3px;
    right: 0;
}

.search-items .search-item .btn-container .btn:hover::after {
    border-left: 4px solid #0073A3;
}

.search-items .search-item .btn-container .btn.disallowed::after {
    border-left-color: #b4b4b4;
}

.search-items .search-item .btn-container .btn.disallowed:hover::after {
    border-left-color: #b4b4b4;
}

.search-items .search-item .disabled .btn {
    background: #757575 !important;
    cursor: default;
}

.search-items .search-item .disabled .btn::after {
    border-left: 4px solid #b4b4b4 !important;
}

.search-items .search-item .disabled .btn::before {
    content: "\f023";
    background-color: #F56863;
    padding: 1px 6px;
    border-radius: 14px;
    font-size: 12px;
    position: absolute;
    font-family: fontAwesome;
    color: #ffffff;
    z-index: 1;
    bottom: -9px;
    border: 1px solid #ffffff;
    margin-left: -18px;
    left: 60%;
}

/* Services states */
.state-default,
.state-warning,
.state-created,
.state-completed,
.state-suggested,
.state-used,
.state-rejected {
    min-width: 100px;
    padding: 1px 5px;
    border: 2px solid;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    margin-top: 5px;
}

.state-default:hover,
.state-warning:hover,
.state-created:hover,
.state-completed:hover,
.state-suggested:hover,
.state-used:hover,
.state-rejected:hover {
    cursor: default;
}

.state-default {
    border-color: #000000;
    color: #000000;
}

.state-warning {
    border-color: #d43f3a;
    color: #d43f3a;
}

.state-created {
    border-color: #007db2;
    color: #007db2;
}

.state-completed {
    border-color: #00856a;
    color: #00856a;
}

.state-suggested {
    border-color: #007db2;
    color: #007db2;
}

.state-used {
    border-color: #00856a;
    color: #00856a;
}

.state-rejected {
    border-color: #d43f3a;
    color: #d43f3a;
}

/* profile */
.profile .glyphicon-refresh {
    margin-right: 8px;
}

.profile .fa-question-circle {
    font-size: 16px;
    color: #007db2;
    padding: 12px 0px 9px 0;
}

.profile .redresh-data {
    text-align: right;
}

.profile h2 {
    color: #666;
    margin: 15px 0;
}

.profile .custom-google-btn {
    background: #D64735;
    display: inline-block;
    width: 100%;
    height: 40px;
    color: #ffffff;
    padding: 0;
    line-height: 40px;
}

.profile .custom-google-btn .google-icon {
    font-family: FontAwesome;
    display: inline-block;
    height: 100%;
    width: 40px;
    float: left;
    background: #DD4B39;
}

.profile-items {
    border-right: 1px solid #f9f9f9;
    margin-right: -17px;
}

.profile-items a {
    text-decoration: underline;
    font-weight: bold;
}

.profile-items a.normal-link {
    font-weight: normal;
}

.profile-items a:hover {
    text-decoration: none;
}

.profile-items .profile-item {
    border: 1px solid #e0e0e0;
    border-left: 0;
    border-top: 0;
    height: 240px;
    background: #ffffff;
    position: relative;
    padding: 20px 30px;
}

.profile-items .profile-item .icon-EP {
    font-size: 23px;
    color: #FFFFFF;
    padding: 9px;
    background-color: #00856a;
    border-radius: 3px;
}

.profile-items .profile-item .profile-item-license:before {
    content: "\e201";
    font-family: 'Glyphicons Halflings';
    color: #ffffff;
}

.profile-items .profile-item .profile-item-rights:before {
    content: "\f0e3";
    font-family: "fontAwesome";
    color: #ffffff;
}

.profile-items .profile-item .infocard-header {
    display: table;
    margin-bottom: 5px;
}

.profile-items .profile-item .infocard-header-icon {
    vertical-align: middle;
    display: table-cell;
}

.profile-items .profile-item .infocard-body {
    height: 130px;
    padding-right: 15px;
    padding-left: 15px;
}

.profile-items .profile-item .infocard-body .row {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.profile-items .profile-item .infocard-body .row a {
    text-decoration: none;
}

.profile-items .profile-item .infocard-body .row a:hover {
    text-decoration: underline;
}

.profile-items .profile-item .infocard-footer a {
    text-decoration: none;
}

.profile-items .profile-item .infocard-footer a:hover {
    text-decoration: underline;
}

.profile-items .profile-item h2 {
    margin: 0;
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
}

.profile-items .profile-item .item-badge {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 20px;
    color: #ffffff;
    background: #0085be;
    padding: 0 7px;
    line-height: 20px;
    font-size: 12px;
    left: 0;
    top: 0;
}

.profile-items .profile-item ul {
    margin: 0;
    padding: 0 8px 0 0;
}

.profile-items .profile-item ul li {
    padding: 8px 0 6px 0;
    list-style: none;
    line-height: 125%;
    position: relative;
}

.profile-items .profile-item ul li.add i,
.profile-items .profile-item ul li .add i {
    display: inline-block;
    padding: 8px 0 8px 18px;
    width: 11px;
    height: 11px;
    top: 5px;
    position: relative;
    background: url('img/add.png') no-repeat 0 0;
}

.profile-items .profile-item ul li .update {
    color: #666;
    display: block;
    margin-top: 4px;
}

.profile-items .profile-item.new {
    padding: 0;
}

.profile-items .profile-item.new a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-top: 94px;
}

.profile-items .profile-item.new a i {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('img/plus.png') no-repeat;
    background-size: 24px auto;
    margin: 0 23px 0 0;
    position: relative;
    top: 6px;
}

.profile-items .profile-item.new:hover {
    background: #F5F5F5;
}

.inner-page .profile-items .profile-item h2 {
    margin-bottom: 4px;
}

a.sign-out-icon:after {
    content: "\f08b";
    font-family: fontAwesome;
    font-size: 18px;
    padding-left: 10px;
}

a.sign-out-icon:hover {
    text-decoration: none;
    color: #007DB2;
}

.user-data {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 375px;
    padding: 0 10px 0 0;
    position: relative;
}

.user-data div.pull-left:first-child {
    margin-right: 11px;
    color: #666;
}

.user-data .user-row {
    margin: 5px 0;
}

.user-data .user-row .logout {
    float: right;
    padding-right: 8px;
}

.user-data .user-name {
    width: 140px;
    text-align: right;
}

.user-data .proxy-name {
    width: 140px;
    text-align: right;
}

.user-data .change-user-data {
    display: block;
}

.toggle-contacts {
    display: none;
    margin-bottom: 15px;
    margin-top: 10px;
}

.toggle-image {
    display: none;
    margin-bottom: 15px;
    margin-top: 10px;
}

.toggle-sodra-info {
    display: none;
}

.template_header .name {
    max-width: 170px;
}

.template_header .represented-person {
    max-width: 192px;
}

/* Menu Bar */
.header-content-menu .main-tab {
    text-align: left;
    margin: auto;
    width: 214px;
    padding: 0 20px;
}

.header-content-menu .main-tab.ordinary-text {
    text-decoration: none;
    color: black;
    cursor: default;
}

.header-content-menu .main-tab.menu-open {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 0;
}

.header-content-menu .main-tab.menu-close {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.header-content-menu .side-tab {
    position: relative;
    width: 214px;
    float: right;
}

@media (max-width: 767px) {
    .header-content-menu .side-tab {
        float: none;
        left: 131px;
    }
}

@media (max-width: 370px) {
    .header-content-menu .side-tab {
        float: left;
        left: 0;
    }
}

.header-content-menu .side-tab ul {
    border-top: none;
    border-radius: 0;
    -webkit-box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.18);
    width: 100%;
    padding: 5px 0;
}

.header-content-menu .side-tab ul li {
    width: 100%;
}

.header-content-menu .side-tab ul li a {
    margin-left: 0;
    color: #006b94;
}

.header-content-menu .side-tab ul li:last-child {
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.header-content-menu .side-tab ul li:last-child > a.sign-out-icon::after {
    float: right;
}

.tablet-show {
    display: none !important;
}

/* My Profile */
.page .profile-data-row {
    line-height: 170%;
    margin-bottom: 10px;
}

.page .profile-data-row .z-datebox,
.page .profile-data-row .z-textbox {
    margin: 3px 0 4px 0;
}

.page .profile-data-row input[type=checkbox] {
    margin: 0 0 5px 0;
}

.page .profile-data-row .i-selectbox-wrapper {
    margin: 0 0 4px 0;
}

.page .profile-data-row .img-edit:hover:after {
    color: #0072A3;
}

.page .profile-data-row .btn .img-edit:hover:after {
    color: #ffffff;
}

.page .profile-data-row .editible-label {
    text-align: right;
    margin-top: 3px;
    line-height: 220%;
}

.page .profile-data-row .download-link {
    margin-right: 10px;
    display: inline-block;
}

.page .profile-data-row .download-link img {
    height: 34px;
}

.page .profile-data-row .profile-line {
    text-align: right;
}

.page .profile-data-row .profile-group {
    margin-bottom: 1em;
}

.page .profile-data-row .profile-placeholder {
    height: 4em;
}

.space-left {
    margin-left: 0.5em !important;
}

.modal-body.change-password .z-textbox {
    margin: 3px 0 4px 0;
}

.modal-body.change-password .profile-line {
    margin-top: 3px;
    line-height: 220%;
    text-align: right;
}

/* Template */
.template {
    position: relative;
    height: 100%;
}

.disallowed-parent .disallowed-child a,
.disallowed-parent a.disallowed-child,
.disallowed a,
a.disallowed {
    cursor: default !important;
    text-decoration: none !important;
}

/* Dynamic forms */
.instruction-container {
    margin-bottom: 5px;
}

.form-instructions {
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    margin-bottm: 15px;
}

.form-instructions .step-instruction {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 96%;
    float: left;
    line-height: 140%;
}

.form-instructions .step-instruction.active {
    white-space: normal;
}

.form-instructions .instructions-label {
    font-weight: bold;
    padding-bottom: 10px;
}

.form-instructions .instruction-arrow {
    width: 4%;
    text-align: center;
    float: right;
}

.form-instructions .more-multiple {
    padding: 0;
}

/* Dynamic forms */
.form-instructions {
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    margin-bottm: 15px;
}

.form-instructions .step-instruction {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 96%;
    float: left;
    line-height: 140%;
}

.form-instructions .step-instruction.active {
    white-space: normal;
}

.form-instructions .instructions-label {
    font-weight: bold;
    padding-bottom: 10px;
}

.form-instructions .instruction-arrow {
    width: 4%;
    text-align: center;
    float: right;
}

.form-instructions .more-multiple {
    padding: 0;
}

/* Search*/
.selection-green ::selection {
    background: #00BA96;
    color: white;
}

.form-control {
    padding: 0;
}

.form-control input[type="text"] {
    height: 100%;
    border: none;
}

.form-control input[type="text"]:focus {
    border: none;
    box-shadow: none;
}

.form-control .z-comboitem-text {
    width: 100%;
    display: inline-block;
    white-space: normal;
    padding: 0 10px 0 5px;
}

.input-group .form-control {
    z-index: 0;
}

.search .input-group-btn .btn {
    padding: 0;
    line-height: 30px;
}

.search-container .form-control {
    padding: 0;
}

.search-container .form-control input[type="text"] {
    height: 100%;
    border: none;
}

.search-container .form-control input[type="text"]:focus {
    border: none;
    box-shadow: none;
}

.survey-button {
    float: right;
    padding-right: 0px;
}

.survey-nav-full li a {
    padding: 15px 5px 15px 0px !important;
}

.survey-nav-full li a:hover {
    background-color: #007db2;
}

/* ----PROXY---*/
.row .message-dialog {
    font-size: 1.1em;
    color: #007db2;
}

.row .message-dialog:hover {
    cursor: pointer;
}

.proxyObjects div[class*="serviceProviders-"] > span {
    display: none;
}

.proxyObjects div[class*="serviceProviders-"] > span.active {
    display: inline-block;
}

.proxyObjects div[class*="serviceProviders-"].active span {
    display: block;
}

.proxyObjects .row .more-multiple {
    padding: 0 15px;
}

#receiverGatewaysContainer #gatewayLinkBlock .gateway-link {
    margin-right: 15px;
}

#receiverGatewaysContainer #gatewayLinkBlock .gateway-link a:hover {
    cursor: pointer;
}

#receiverGatewaysContainer #gatewayLinkBlock .gateway-link a:hover img {
    opacity: 0.7;
}

.proxy-service-actions li span .tip {
    color: #007db2;
}

.proxy-service-actions li span .tip:hover {
    cursor: pointer;
}

#proxyMessageDialog .form-group textarea {
    resize: none;
    height: auto;
}

/****** PAGING ******/
.pagination {
    font-size: 15px;
    font-family: FontAwesome;
    line-height: 1.42857143;
}

.pagination .bs-first a:before {
    content: "\f100";
}

.pagination .bs-previous a:before {
    content: "\f104";
}

.pagination .bs-next a:before {
    content: "\f105";
}

.pagination .bs-last a:before {
    content: "\f101";
}

/****** OVERRIDE ******/
.z-notification-pointer {
    display: none;
}

.z-notification-pointer ~ .z-notification-content,
.z-notification-info .z-notification-content {
    border-radius: 2px;
    font-size: 12px;
    width: auto;
    max-width: 250px;
    padding: 15px 25px 15px 45px;
    min-height: 60px;
    height: auto;
}

.z-datebox-button {
    height: 30px;
    min-width: 30px;
    line-height: 20px;
    border-radius: 0;
}

.z-datebox {
    position: relative;
    min-width: 150px;
    height: 27px;
}

.z-datebox .z-datebox-button {
    position: absolute;
    right: 0;
}

.z-notification-icon.z-icon-times-circle,
.z-notification-icon.z-icon-exclamation-circle,
.z-notification-icon.z-icon-info-circle {
    margin-top: -8px;
}

.z-label,
.z-radio-content,
.z-checkbox-content,
.z-loading {
    font-size: 15px;
}

.z-combobox {
    width: 100%;
}

.z-comboitem-text {
    display: inline-block;
    white-space: normal;
    padding: 0 10px 0 5px;
    width: auto;
}

.z-comboitem {
    text-shadow: none;
}

.z-comboitem:hover {
    background: #00BA96;
    color: #ffffff;
}

.z-combobox-popup {
    max-height: 300px;
    padding-bottom: 5px;
    height: auto !important;
}

.z-comboitem-selected {
    background: #00856a;
}

.z-comboitem-selected .z-comboitem-text {
    color: #ffffff;
}

.z-comboitem-selected:hover {
    background: #00856a;
}

.z-comboitem-selected:hover .z-comboitem-text {
    color: #ffffff;
}

.z-comboitem-disabled:hover .z-comboitem-text {
    color: #000;
}

.z-textbox[disabled],
.z-combobox-disabled *,
input[disabled] {
    color: #666 !important;
    background: rgba(204, 204, 204, 0.6) !important;
    opacity: 0.8;
}

.z-textbox-disabled {
    resize: none;
}

.z-combobox-disabled,
.z-datebox-disabled,
.z-timebox-disabled {
    opacity: 1;
}

/****** ZK loader ******/
.z-loading {
    top: 50% !important;
    position: fixed;
}

.z-temp .z-loading {
    background: #058AC2;
}

.z-temp .z-loading-indicator {
    color: #ffffff;
}

.z-loading {
    background-color: #058AC2;
    border: 1px outset #A0A0A0;
    padding: 3px 20px;
}

.z-temp {
    display: none;
}

.z-loading-indicator {
    background-color: #058AC2;
    color: #ffffff;
    font-weight: 500;
    border: none;
    font-size: 13px;
    padding: 12px 15px;
}

.z-loading-icon {
    background-image: url('img/loading.gif');
    background-size: 16px 16px;
    margin-right: 5px;
}

/****** ZK popup ******/
.z-popup {
    background: #007db2;
    opacity: 0.9;
    min-width: 129px;
    max-width: 300px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    word-break: break-word;
}

.z-popup .z-popup-content {
    color: #ffffff;
    font-size: 13px;
    padding: 6px 18px 6px 18px;
    text-align: center;
}

.z-popup .z-popup-content a {
    color: #ffffff;
    text-decoration: underline;
}

.z-popup .z-popup-content a:hover {
    text-decoration: none;
}

/****** CUSTOM COMBOBOX ******/
.custom-combobox {
    /* readonly */
}

.custom-combobox.z-combobox {
    display: table;
    table-layout: auto;
    border-collapse: separate;
    /* disabled only button */
}

.custom-combobox.z-combobox .z-combobox-input {
    display: table-cell;
    width: 100%;
    border-right: none;
}

.custom-combobox.z-combobox .z-combobox-button {
    display: table-cell;
    height: 30px;
    width: 30px;
    border-radius: 0;
}

.custom-combobox.z-combobox .z-combobox-icon {
    padding-left: 2px;
}

.custom-combobox.z-combobox .z-combobox-button.z-combobox-disabled {
    width: 1px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border-right: none;
    display: none;
}

.custom-combobox.z-combobox .z-combobox-button.z-combobox-disabled:hover,
.custom-combobox.z-combobox .z-combobox-button.z-combobox-disabled:active,
.custom-combobox.z-combobox .z-combobox-button.z-combobox-disabled:focus {
    border-color: #aaa;
    cursor: default;
}

.custom-combobox.z-combobox .z-combobox-button.z-combobox-disabled .z-combobox-icon {
    display: none;
}

.custom-combobox .z-combobox-input.z-combobox-rightedge {
    border-right: 1px solid #cfcfcf;
}

.custom-combobox .z-combobox-input[readonly] {
    border-color: #cfcfcf;
}

/******  GENERAL CLASSES  ******/
.list-item {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 13px;
    padding-bottom: 13px;
}

.list-item:hover {
    background-color: #f9f9f9;
}

.column-structure {
    line-height: 120%;
}

.column-structure .row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.column-structure .row > div:first-child {
    text-align: right;
    color: #666;
}

.column-structure .row > div:first-child.inner-label {
    color: #444;
    text-align: left;
}

.inverted-text-align .column-structure .row > div:first-child {
    text-align: left;
    color: #666;
}

.font-bold {
    font-weight: bold;
}

.google-icon {
    font-family: 'fontAwesome';
}

.google-icon:after {
    content: "\f1a0";
}

.break-word {
    word-wrap: break-word;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

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

@media (max-width: 768px) {
    .text-center-md {
        text-align: center !important;
    }
}

@media (max-width: 1200px) {
    .text-end-md {
        text-align: end !important;
    }
}

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

.separator-line {
    border-top: 1px solid #e0e0e0;
}

.text-upper {
    text-transform: uppercase;
}

.z-index1 {
    z-index: 1;
}

.no-padding-top {
    padding-top: 0 !important;
}

.padding-top-15 {
    padding-top: 15px;
}

@media (max-width: 990px) {
    .pt15-sm-xs {
        padding-top: 15px;
    }
}

.px0 {
    padding-right: 0px;
    padding-left: 0px;
}

.left-0 {
    left: 0 !important;
}

.px20 {
    padding-right: 20px;
    padding-left: 20px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-6 {
    padding-bottom: 6px;
}

.pull-left15 {
    left: 15px;
}

.mt5 {
    margin-top: 5px;
}

.mt25 {
    margin-top: 25px;
}

.mt20 {
    margin-top: 20px;
}

.pl5 {
    padding-left: 5px;
}

.m0 {
    margin: 0 !important;
}

.mb3 {
    margin-bottom: 3px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb20 {
    margin-bottom: 20px;
}

.mr20 {
    margin-right: 20px;
}

.ml20 {
    margin-left: 20px;
}

.ml10 {
    margin-left: 10px;
}

.p10 {
    padding: 10px;
}

.ta-left {
    text-align: left;
}

.border-bottom-1 {
    border-bottom: 1px solid #e5e5e5;
}

.margin-top-10 {
    margin-top: 10px;
}

.no-results-found {
    text-align: center;
    color: #666666;
}

.aligned-radio-label {
    display: inline-flex;
}

.white-background {
    background-color: #fff !important;
}

.modal-dialog.z-window-modal {
    padding: 0;
}

.modal-dialog.z-window-modal .z-window-header {
    background-color: #f36457;
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    color: #ffffff;
    font-size: 16px;
}

.help-icon {
    font-size: 16px;
    color: #007db2;
}

.language-selection {
    width: 24px !important;
    height: 24px !important;
}

.search-placeholder .z-combobox-input {
    font-size: 13px;
}

/****** INSTITUTION *******/
.progress-bar {
    min-width: 4em;
}

.progress-bar-success {
    background-color: #00856a;
}

.institution .btn-container {
    margin-bottom: 15px;
    text-align: right;
}

.institution .tab-pane-result {
    padding-bottom: 20px;
}

.institution .tab-pane-result h3 {
    margin-bottom: 10px;
}

.institution .search-item:hover {
    background: none;
}

.institution .search-item h2 {
    margin: 10px 0 13px 0;
}

.institution .search-item .institution-list-item {
    margin-bottom: 10px;
}

.institution .contract-controls {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

.institution .contract-controls .btn {
    margin-left: 5px;
}

.institution .contract-controls .glyphicon-save-file {
    font-size: 13px;
}

.institution .inbox-container .inbox-row .collapse {
    padding-top: 20px;
}

.institution-top {
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.institution-top .btn {
    margin-left: 5px;
}

.institution-contract .i-selectbox-wrapper {
    width: 100%;
}

.institution-contract .wide-label {
    padding-right: 11px;
}

.institution-contract .add-remove-top-position {
    top: 8px;
}

.institution-contract .col-sm-10,
.institution-contract col-md-10 {
    padding-right: 0;
}

.institution-contract .col-sm-1,
.institution-contract col-md-1 {
    padding-left: 8px;
}

.institution-contract input[type="checkbox"] {
    margin: 0 5px 0 0;
}

.institution-contract .glyphicon-remove {
    color: #f0ad4e;
}

.institution-contract .glyphicon-plus {
    color: #00856a;
}

.institution-contract .file-label {
    margin-top: 5px;
}

.new-message-dlg .message-receiver-row {
    padding-bottom: 6px;
}

.new-message-dlg .message-receiver {
    padding: 2px 4px;
    background-color: #DFF0D8;
    border-radius: 7px;
}

.new-message-dlg .message-body {
    height: auto;
}

.contract-preview .state-created,
.contract-preview .state-completed,
.contract-preview .state-warning {
    margin: 0 0 0 0;
}

.contract-preview .contract-users {
    padding-bottom: 15px;
}

.contract-preview .service-column {
    padding-top: 15px;
}

.contract-preview .date-label {
    padding-right: 0;
}

.contract-preview .progress {
    margin-bottom: 0;
}

.contract-preview .scd-checkbox {
    margin-top: 10px;
    text-align: right;
}

.contract-preview .scd-checkbox label {
    font-weight: normal;
}

.contract-preview .consecutive-rows:not([style="display:none;"]) + .consecutive-rows {
    padding-top: 15px;
}

.contract-preview .column-structure {
    margin-left: 0px;
}

.contract-preview .cloud-backups-list p:first-child {
    padding-top: 10px;
}

.contract-monitoring .progress {
    width: 100%;
}

/****** EXTERNAL ORDER ******/
.order-external {
    margin-top: 10px;
}

.order-external .person-info,
.order-external .order-info {
    margin-bottom: 10px;
}

.order-alert {
    margin: 20px 15px 15px 15px;
}

.external-order-btn {
    display: inline-block;
    color: #007db2;
    line-height: 40px;
    margin-left: 10px;
}

.external-order-btn:hover {
    cursor: default;
}

.external-order-btn .glyphicon {
    vertical-align: middle;
}

.order-confirm {
    text-align: center;
    margin: 10px 15px 0 15px;
}

.order-confirm .btn {
    margin-right: 10px;
}

/****** USER PRIVILEGES *****/
.user-privileges .pagination-container-top {
    border-bottom: none;
}

.user-privileges h2 {
    margin: 20px 0 20px 0;
}

.user-privileges .user-services {
    padding: 5px 0;
}

/****** IMPORTANT NEWS ******/
.important-message {
    color: #ffffff;
}

.important-message .more-multiple {
    padding: 0;
}

.important-message .more-multiple a {
    color: #ffffff;
    text-align: right;
    display: block;
    text-decoration: none;
}

.important-message a {
    color: #ffffff;
    text-decoration: underline;
}

.important-message a:hover {
    text-decoration: none;
}

.important-message .important-message-title {
    margin-bottom: 5px;
}

.important-message .message-date {
    padding-right: 10px;
}

.important-message .full-text {
    display: none;
    margin-top: 10px;
}

.important-message .full-text.active {
    display: block;
}

.important-message .message-icon {
    padding-right: 8px;
    font-family: 'Epaslaugos-Font';
    font-size: 14px;
}

.important-message .message-inform,
.important-message .message-notify {
    padding: 10px 15px;
}

.important-message .message-inform .important-task,
.important-message .message-notify .important-task {
    color: white;
}

.important-message .message-inform {
    background: #484848;
}

.important-message .message-inform .message-icon:before {
    content: "\e61d";
}

.important-message .message-notify {
    background: #DB1F39;
}

.important-message .message-notify .message-icon:before {
    content: "\e642";
}

.alert .message-icon {
    padding-right: 8px;
    font-family: 'Epaslaugos-Font';
    font-size: 14px;
}

.alert .message-icon:before {
    content: "\e61d";
}

.alert .important-message-title {
    margin-bottom: 5px;
}

/****** VALIDATION-ALERT ******/
.validation-alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.validation-alert span {
    display: block;
}

/****** MODAL MESSAGEDIALOG STYLE ******/
.modal-content .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.modal-content .modal-header.modal-primary {
    background-color: #337ab7;
    color: #ffffff;
}

.modal-content .modal-header.modal-info {
    background-color: #337ab7;
    color: #FFFFFF;
}

.modal-content .modal-header.modal-warning {
    background-color: #f29b5b;
    color: #ffffff;
}

.modal-content .modal-header.modal-error {
    background-color: #f36457;
    color: #ffffff;
}

.modal-content .modal-header .modal-title {
    line-height: 180%;
}

.modal-content .modal-header .close {
    line-height: 180%;
}

.modal-content .modal-body .error-details {
    word-wrap: break-word;
}

/****** PILV styles ******/
.software-container {
    border: 1px solid #e0e0e0;
}

.software-container .container-items {
    border-top: 1px solid #e0e0e0;
}

.software-container .row {
    margin: 10px 0 5px 0;
}

.software-container .border-left {
    border-left: 1px solid #e0e0e0;
}

.software-container .border-bottom {
    border-bottom: 1px solid #e0e0e0;
}

.software-container .header-row {
    padding: 10px 0;
}

.order-button .modal-title {
    text-align: center;
}

.modal-dialog .glyphicon-info-sign {
    color: #007db2;
    margin-left: 10px;
    top: 3px;
    font-size: 16px;
}

.modal-dialog .selection-warning {
    padding-top: 5px;
}

a.small-button,
button.small-button {
    display: inline-block;
}

a.small-button:hover,
button.small-button:hover {
    text-decoration: none;
}

.small-button {
    font-size: 1.2em;
    padding: 0;
    border-radius: 0;
    border: none;
}

.small-button .glyphicon {
    padding: 5px;
    font-size: 12px;
    top: 0;
}

.modal-body .classifications .item,
.license-wrapper .item {
    margin: 5px 0;
}

.license-wrapper .glyphicon-info-sign {
    margin-top: 7px;
    margin-left: 13px !important;
    font-size: 16px;
}

.license-last-step .glyphicon-info-sign {
    margin-top: 0;
    margin-left: 10px;
    font-size: 16px;
}

.license-last-step .license-purchase-date .glyphicon-info-sign {
    margin-left: 40px;
    top: 5px;
}

.license-link-icon {
    background: url('img/icon-cd.png') no-repeat;
    background-size: 16px auto;
    width: 16px;
    height: 19px;
    display: inline-block;
}

.license-grid label {
    display: inline;
}

.software-list {
    margin-top: 15px;
    margin-bottom: 25px;
}

.software-list .small-button {
    font-size: 12px;
    padding: 2px;
    border-radius: 0;
    border: 0;
    line-height: 17px;
}

.software-list .glyphicon-chevron-right,
.software-list .glyphicon-chevron-down {
    background-color: transparent;
    color: #337ab7;
}

.software-list .glyphicon-chevron-right:hover,
.software-list .glyphicon-chevron-down:hover {
    color: #0072a3;
}

.software-item-icon .glyphicon-chevron-down {
    color: #9A9797;
}

.product-level-3 .product-name {
    margin-left: 60px;
}

.product-level-3 .product-name > button {
    font-size: 12px;
    border: 0;
    float: left;
    padding: 0 8px 0 0;
    top: 0;
}

.product-level-2 .product-name {
    margin-left: 40px;
}

.product-level-2 .product-name > button {
    font-size: 12px;
    border: 0;
    float: left;
    padding: 0 8px 0 0;
    top: 0;
}

.product-level-1 .product-name {
    margin-left: 20px;
}

.product-level-1 .product-name > button {
    font-size: 12px;
    border: 0;
    float: left;
    padding: 0 8px 0 0;
    top: 0;
}

.product-level-0 .product-name {
    margin-left: 0px;
}

.product-level-0 .product-name > button {
    font-size: 12px;
    border: 0;
    float: left;
    padding: 0 8px 0 0;
    top: 0;
}

.small-button[disabled] {
    opacity: 0.6;
    color: #ffffff;
}

#addSoftware #addSoftwareComponent {
    position: relative;
}

#addSoftware #createSoftwareComponent {
    position: relative;
}

#addSoftware #createSoftwareComponent .licenseClassifications {
    display: block;
}

#addSoftware textarea {
    min-height: 60px;
    padding: 5px 10px;
    max-width: 100%;
}

.licenseClassifications .item {
    margin-top: 5px;
    text-align: left !important;
    color: #444 !important;
}

.licenseClassifications .selectedClassificationsContainer {
    border: 1px solid #e0e0e0;
    margin-top: 10px;
    padding: 0 4px;
}

.licenseClassifications .selectedClassificationsContainer .item-name {
    width: 87%;
}

.color-light-gray {
    color: #7F7F7F;
}

button[disabled]:hover,
a[disabled]:hover {
    cursor: default;
}

.license-container {
    padding-bottom: 30px;
}

.license-container .row {
    margin: 3px 5px;
}

.licence-btns .btn {
    padding: 0 28px;
    margin-left: 5px;
}

.new-license-btn {
    padding-bottom: 20px;
    text-align: right;
}

.new-license-btn .btn {
    margin-left: 20px;
}

.restriction-rule {
    margin-bottom: 10px;
    color: #7F7F7F;
    font-size: 15px;
    font-weight: normal;
}

.license-actions {
    margin: 10px -7px 0 -7px;
}

.license-actions .btn {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.license-separator {
    padding-top: 10px;
}

.license-separator .error-message {
    padding-top: 5px;
}

.step-block-left text-area {
    resize: none;
}

.instalation-user a.small-button {
    padding: 0;
}

.instalation-user a.small-button .glyphicon {
    top: 0;
}

.modal .planned-licenses-dialog .responsive-table {
    table-layout: fixed;
}

.modal .planned-licenses-dialog .responsive-table th {
    padding: 15px;
}

.modal .planned-licenses-dialog .responsive-table th:last-child {
    padding-right: 30px;
}

.new-license {
    margin-top: 25px;
    margin-bottom: 15px;
}

.new-license .step-block-top {
    padding-bottom: 20px;
}

.new-license .responsive-table {
    margin-top: 20px;
    margin-bottom: 25px;
    table-layout: auto;
}

.new-license .responsive-table tr {
    border: none;
}

.new-license .responsive-table th:first-child {
    width: 30%;
}

.new-license .responsive-table .licence-release-date {
    padding-left: 50px;
}

.new-license input[type=checkbox] {
    margin-right: 10px;
}

/* Required for JS */
.licensesList .responsive-table tr:hover {
    cursor: pointer;
}

.licensesList .responsive-table tr.opened-license {
    font-weight: 600;
    background: #D1EFF8;
}

.licensesList .responsive-table tr.opened-license:nth-child(even) {
    background: #D1EFF8;
}

.licensesList .responsive-table tr.opened-license:nth-child(even):hover {
    background: #D1EFF8;
}

.licensesList .responsive-table tr.opened-license .registered-license-name {
    color: #555;
}

.licensesList .responsive-table tr.opened-license:hover {
    cursor: default;
    background: #D1EFF8;
}

.icon-check:before {
    content: "\f058";
    color: #00964F;
    font-family: fontAwesome;
    font-size: 16px;
    margin-right: 5px;
}

.icon-button-wrapper {
    display: flex;
    justify-content: flex-end;
}

.icon-button-wrapper span {
    margin-right: 10px;
    color: #333333;
    cursor: pointer;
}

.licenses-menu {
    margin-top: 25px;
}

.licenses-menu div {
    display: block;
    float: left;
}

.licenses-menu a {
    display: inline-block;
    background: #007db2;
    color: #ffffff;
    padding: 12px 20px;
}

.licenses-menu a:hover {
    background: #0085be;
    text-decoration: none;
}

.licenses-menu a:focus {
    text-decoration: none;
}

.licenses-menu a.selected {
    background: #0085be;
    cursor: default;
    pointer-events: none;
}

.licenses-menu .icon-flopy::before {
    content: "\f15c";
}

.licenses-menu .icon-file::before {
    content: "\f0f6";
}

.licenses-menu .icon-hdd::before {
    content: "\f0a0";
}

.licenses-menu .icon-pencil::before {
    content: "\f044";
}

.licenses-menu .icon-chart::before {
    content: "\f080";
}

.licenses-menu .icon-cog::before {
    content: "\f013";
}

.licenses-menu .icon-providers::before {
    content: "\f0c0";
}

.licenses-menu .icon-licenses::before {
    content: "\f15b";
}

.licenses-menu .icon-import::before {
    content: "\f019";
}

.licenses-menu .license-icon {
    font-family: fontAwesome;
    margin-right: 8px;
    font-size: 16px;
}

.licenses-institutions li.institution-level-3 {
    padding-left: 45px;
}

.licenses-institutions li.institution-level-2 {
    padding-left: 30px;
}

.licenses-institutions li.institution-level-1 {
    padding-left: 15px;
}

.licenses-institutions li.institution-level-0 {
    font-weight: bold;
}

.license-last-step h2,
.step-block h2 {
    margin: 25px 0 15px 0;
    font-weight: 700;
    font-size: 13px;
}

.license-last-step {
    padding-top: 15px;
    padding-bottom: 20px;
}

.license-last-step input[type=checkbox] {
    margin-right: 8px;
}

.license-last-step .column-structure .row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.license-last-step .button-select {
    margin-top: 15px;
}

.license-last-step-bottom {
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.license-last-step-bottom h2 {
    margin: 25px 0 15px 0;
    font-weight: 700;
    font-size: 13px;
}

.license-last-step-bottom input[type=checkbox] {
    margin-right: 8px;
}

.modal-dialog.modal-xl {
    width: 75%;
}

.row a.btn[disabled] {
    color: #ffffff;
}

/* Additional styles to PILV tables */
.pilv-wrapper .responsive-table .header-row,
.pilv-wrapper .responsive-table .header-row:hover {
    background-color: #007DB2;
    color: #ffffff;
}

.pilv-wrapper .responsive-table tr {
    border-bottom: none;
}

.pilv-wrapper .responsive-table tr:nth-child(even) {
    background: #F7F7F7;
}

.pilv-wrapper .responsive-table tr:hover {
    background: #F2FCFF;
}

.pilv-wrapper .responsive-table .open-license[disabled] {
    color: #555;
    text-decoration: none;
}

.pilv-wrapper .btn-sm .glyphicon,
.pilv-wrapper .btn-primary:not(.small-button) .glyphicon {
    padding-right: 0px;
}

.pilv-wrapper .glyphicon-eye-open {
    float: right;
    color: #626265;
}

.pilv-wrapper .glyphicon-eye-open:hover {
    cursor: pointer;
    color: #4B4B4C;
}

.pilv-wrapper .glyphicon-eye-open::before {
    padding-left: 5px;
}

.menu-search {
    padding: 8px 20px;
    width: 45%;
    float: left;
}

.menu-search .form-control {
    border: none;
    height: 35px;
}

.menu-search .input-group-btn .btn {
    background-color: #ffffff;
    height: 35px;
    line-height: 1.42857143;
}

.menu-search .input-group-btn .btn .glyphicon {
    color: #5e5e5e;
    padding: 10px;
}

.menu-search .z-combobox-input {
    font-size: 13px;
}

@media (max-width: 767px) {
    .menu-search {
        width: 100%;
    }

    .icon-button-wrapper {
        justify-content: flex-start;
        margin-top: 5px;
        margin-left: 10px;
    }

    .inbox-text-wrapper > div {
        padding-left: 0px;
    }

    .inbox-container .tab-pane.active {
        padding-top: 0px;
    }

    .inbox-filter-wrapper {
        margin-bottom: 4px;
        margin-top: 4px;
    }
}

@media (max-width: 767px) {
    .menu-search {
        width: 100%;
    }

    .icon-button-wrapper {
        justify-content: flex-start;
        margin-top: 5px;
        margin-left: 10px;
    }

    .inbox-text-wrapper > div {
        padding-left: 0px;
    }

    .inbox-container .tab-pane.active {
        padding-top: 0px;
    }

    .inbox-filter-wrapper {
        margin-bottom: 4px;
        margin-top: 4px;
    }
}

@media (min-width: 766px) {
    .services-datebox-extra-text.proactive {
        margin-left: 7px;
    }
}

.license-preview .column-structure .row {
    padding-top: 0;
}

.license-preview-heading {
    color: #666;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 15px -15px 20px -15px;
    padding-left: 15px;
    font-weight: 700;
    background: #F1F1F1;
}

.license-preview-heading.preview-heading-top {
    margin-top: -15px;
}

.license-preview-label {
    text-align: right;
    color: #666;
}

.license-preview-row-padding {
    padding-top: 5px;
    padding-bottom: 5px;
}

.license-preview-left {
    margin-left: -45px;
    padding-left: 40px;
}

.license-preview-right {
    margin-right: -37px;
    padding-right: 40px;
    text-align: left;
}

.new-license .responsive-table td,
.new-license .responsive-table th {
    border-right: 1px solid #ced6dc;
}

.licenses-table .responsive-table a,
.pilv-wrapper .responsive-table a {
    text-decoration: underline;
}

.licenses-table .responsive-table a:hover,
.pilv-wrapper .responsive-table a:hover {
    text-decoration: none;
}

.mtb-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.licenses .modal-body .responsive-table th {
    padding: 15px;
}

.licenses .responsive-table th {
    padding: 0;
}

.licenses .responsive-table th .btn-sort-asc,
.licenses .responsive-table th .btn-sort-desc {
    padding: 15px 25px 15px 15px;
}

.licenses .responsive-table th.table-col-padding {
    padding: 15px;
}

.licenses .responsive-table th.software-actions {
    padding: 15px;
}

.licenses .responsive-table a {
    text-decoration: underline;
}

.licenses .responsive-table a:hover {
    text-decoration: none;
}

.licenses .table-main-column .custom-combobox {
    max-width: 95%;
}

.licenses .table-main-column .sortButton {
    padding: 15px;
}

.licenses .table-main-column .sortButton .btn-sort-asc,
.licenses .table-main-column .sortButton .btn-sort-desc {
    padding: 5px 0 10px 10px;
    display: inline-block;
    float: right;
}

.licenses .licenses-reports-catagories {
    padding-top: 25px;
    padding-bottom: 15px;
}

.licenses .licenses-reports-catagories .z-label,
.licenses .licenses-reports-catagories a {
    margin-right: 10px;
    font-weight: bold;
}

.licenses .licenses-reports-catagories a {
    text-decoration: underline;
}

.licenses .licenses-reports-catagories a:hover {
    text-decoration: none;
}

.licenses .licence-categories {
    padding-top: 30px;
    padding-bottom: 15px;
    line-height: 30px;
}

.licenses .licence-categories a {
    margin-right: 10px;
    text-decoration: underline;
}

.licenses .licence-categories a:hover,
.licenses .licence-categories a:active,
.licenses .licence-categories a[disabled] {
    text-decoration: none;
}

.licenses .licence-categories .z-label {
    margin-right: 10px;
}

.licenses .input-group-search {
    padding: 30px 15px 0 15px;
}

.licenses .input-group-search .input-group {
    margin-bottom: 8px;
}

.licenses .input-group-search a {
    text-decoration: underline;
}

.licenses .input-group-search a:hover {
    text-decoration: none;
}

.licenses .inactive-license {
    color: #d43f3a;
}

.licenses .inactive-license a:not([class*='button']) {
    color: #d43f3a;
}

.licenses .archived-license {
    color: #ccc;
}

.licenses .archived-license a:not([class*='button']) {
    color: #ccc;
}

.licenses .glyphicon.glyphicon-exclamation-sign {
    font-family: fontAwesome;
    top: 0;
    margin-right: 5px;
}

.licenses .glyphicon.glyphicon-exclamation-sign:before {
    content: "\f06a";
    font-size: 15px;
}

.licenses .checkbox-group input[type=checkbox] {
    margin-right: 8px;
}

.licenses .checkbox-group .z-checkbox {
    display: block;
    margin-bottom: 5px;
}

.licenses .search-btn {
    margin: 5px 0 20px 0;
}

.licenses .column-structure.licenses-search .row > div:first-child {
    text-align: left;
    padding-top: 0;
}

.licenses .responsive-table {
    table-layout: auto;
    margin-top: 15px;
}

.licenses .responsive-table td,
.licenses .responsive-table th {
    border-right: 1px solid #ced6dc;
}

.licenses .responsive-table th:last-child {
    padding-right: 0;
}

.licenses .responsive-table th.last-header {
    padding-right: 15px;
}

.licenses .responsive-table td:last-child {
    padding-right: 15px;
}

.licenses .licenses-bottom {
    margin: 20px 0 5px 0;
}

.licenses .licenses-bottom .btn {
    margin-bottom: 10px;
}

.licenses .inner-navigation .nav-link {
    margin-bottom: 5px;
}

.licenses .inner-navigation .nav-link.parent {
    margin-left: 0;
}

.licenses .inner-navigation .nav-link a::before {
    font-family: fontAwesome;
    content: "\f101";
    margin-right: 8px;
}

.licenses .license-navigation {
    margin-bottom: 15px;
    position: relative;
    background: #E6E6E6;
    padding: 15px;
}

.licenses .license-navigation .triangle-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 17.5px 0 17.5px;
    border-color: #E6E6E6 transparent transparent transparent;
    position: absolute;
    bottom: -19px;
    left: 45px;
}

.licenses .license-navigation-label {
    font-weight: 700;
    color: #7D7D7D;
    font-size: 16px;
}

.licenses .license-navigation-group {
    color: #7D7D7D;
    font-size: 13px;
}

.licenses .separate-bottom {
    margin-bottom: 8px;
}

.licenses .license-navigation-text {
    color: #7D7D7D;
    font-size: 13px;
}

.licenses .not-used {
    font-size: 20px;
    margin: 20px 0;
    text-align: center;
    line-height: 25px;
}

.licenses .input-with-tooltip,
.new-license .input-with-tooltip {
    display: flex;
}

.licenses .input-with-tooltip .glyphicon-info-sign,
.new-license .input-with-tooltip .glyphicon-info-sign {
    margin-left: 15px;
    top: 9px;
}

.organization-address .restriction-rule {
    margin-bottom: 0;
}

/* Software planning */
.softrware-planning .responsive-table {
    margin-bottom: 20px;
    table-layout: auto;
}

.softrware-planning .licence-categories {
    padding-top: 0;
}

.planned-license {
    text-align: left !important;
}

.planned-license label {
    padding-top: 10px;
    margin-bottom: 10px;
    color: #444;
}

.sortButton {
    display: block;
    position: relative;
}

.sortButton .btn-sort-asc,
.sortButton .btn-sort-desc {
    display: block;
}

.sortButton .btn-sort-asc:before,
.sortButton .btn-sort-desc:before {
    line-height: 7px;
    font-size: 14px;
    color: #D8F3FF;
    font-family: fontAwesome;
    display: inline-block;
    position: absolute;
    right: 12px;
}

.sortButton .btn-sort-asc:hover,
.sortButton .btn-sort-desc:hover {
    cursor: pointer;
}

.sortButton .btn-sort-desc:before {
    content: "\f0dd";
}

.sortButton .btn-sort-asc:before {
    content: "\f0de";
}

.management-top {
    margin-top: 25px;
}

/****** PILV STYLE END ******/
/* e-paslaugos font class style override*/
.navbar-nav [class^='icon-'],
.navbar-nav [class*=' icon-'] {
    font-size: 15px;
    margin-right: 5px;
}

.navbar-nav .my-menu .my-menu-icon {
    padding: 0 !important;
    margin-left: -20px;
    margin-right: 7px;
    top: 0;
}

.navbar-nav .my-menu .optional-image-container img {
    margin-left: -25px;
}

.navbar-nav .my-menu .survey-icon {
    margin-right: 6px;
}

/****** CPO ******/
.cpo .cpo-header {
    display: block;
    align-items: center;
}

.cpo .cpo-header h1 {
    margin: 0;
}

@media (min-width: 1200px) {
    .cpo .text-lg-left {
        text-align: left;
    }

    .cpo .text-lg-right {
        text-align: right;
    }

    .cpo .text-lg-center {
        text-align: center;
    }

    .cpo .text-lg-justify {
        text-align: justify;
    }
}

@media (max-width: 767px) {
    .cpo .text-xs-left {
        text-align: left;
    }

    .cpo .text-xs-right {
        text-align: right;
    }

    .cpo .text-xs-center {
        text-align: center;
    }

    .cpo .text-xs-justify {
        text-align: justify;
    }
}

.cpo .licenses-menu {
    background: #0085be;
}

.cpo .search-row {
    margin-top: 20px;
}

.cpo .search-row .search-label {
    padding-top: 10px;
    font-weight: bold;
}

.cpo .input-group-search {
    padding: 0;
}

.cpo .classifications .selectedClassificationsContainer .item {
    margin: 5px 0;
}

.cpo .cpo-table {
    table-layout: fixed;
}

.cpo .cpo-table th,
.cpo .cpo-table td {
    border-right: none;
    word-break: break-word;
}

.cpo .cpo-table th {
    padding-top: 15px;
    padding-bottom: 15px;
}

.cpo .cpo-table td img {
    width: 35px;
}

.cpo .cpo-table tr.header-row {
    border-bottom-width: 1px;
}

.cpo .cpo-table tr.header-row :first-child {
    width: 90%;
}

.cpo .cpo-table .cpo-specification {
    border-right: 1px solid #ced6dc;
}

.cpo .cpo-table .cpo-specification .cpo-specification-field {
    margin-bottom: 15px;
}

.cpo .cpo-table .cpo-specification-remove {
    text-align: center;
    display: block;
}

.cpo .cpo-table .cpo-specification-remove span.glyphicon {
    margin-top: 5px;
    display: block;
}

.cpo .cpo-table .specifications .specification-link {
    margin-bottom: 15px;
}

.cpo .cpo-table.cpo-cart-table {
    margin-top: 0;
    border-top: none;
}

.cpo .cpo-table.cpo-cart-table td:last-child {
    word-break: unset;
}

.cpo .cpo-table .cpo-disabled-button a {
    text-decoration: none;
    outline: none;
}

.cpo .cpo-submit {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.cpo .thumbnail-offer-image {
    height: 350px;
    width: 250px;
    position: relative;
    padding: 10px;
}

.cpo .thumbnail-offer-image .offer-info {
    padding-top: 10px;
}

.cpo .thumbnail-offer-image .offer-info .offer-title {
    height: 30px;
    position: absolute;
    bottom: 20%;
}

.cpo .thumbnail-offer-image .offer-info .comparison {
    position: absolute;
    bottom: 10px;
}

.cpo .thumbnail-offer-image img {
    width: 100%;
}

.cpo .offer-no-image {
    height: 100px;
    width: 250px;
    position: relative;
    padding: 10px;
}

.cpo .offer-no-image .offer-info {
    padding-top: 10px;
}

.cpo .offer-no-image .offer-info .offer-title {
    height: 30px;
    position: absolute;
}

.cpo .offer-no-image .offer-info .comparison {
    position: absolute;
    bottom: 10px;
}

.cpo .offer-no-image img {
    width: 100%;
}

.cpo .specification-tree {
    border: none;
    padding: 0;
    word-break: break-all;
}

.cpo .specification-tree .z-treerow:hover > .z-treecell {
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #c5c5c5 100%);
    background: linear-gradient(to bottom, #e4e4e4 0%, #c5c5c5 100%);
}

.cpo .specification-tree .z-tree-header {
    background: none;
    border: none;
}

.cpo .specification-tree .z-treecol {
    background: none !important;
    border: none !important;
}

.cpo .specification-tree .z-treecols-bar {
    border: none;
}

.cpo .specification-tree tr {
    height: 35px;
}

.cpo .specification-tree .cell-group {
    background-color: gainsboro;
}

.cpo .specification-tree .cell-group .group-label {
    font-weight: bold;
}

.cpo .specification-tree .cell-group-compare {
    width: max-content;
    width: -moz-max-content;
    -ms-grid-columns: max-content;
}

.cpo .specification-tree .cell-offers-compare {
    width: max-content;
    width: -moz-max-content;
    -ms-grid-columns: max-content;
}

.cpo .specification-tree .word-wrap {
    word-wrap: break-word;
    word-break: break-word;
}

.cpo .specification-description {
    padding: 10px;
}

.cpo .border-line {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

.cpo .offers {
    padding-top: 20px;
}

.cpo .euro-button {
    width: 50px;
}

.cpo .link {
    cursor: pointer;
}

.cpo .image-block {
    height: 200px;
}

.cpo .image-block img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
}

.cpo .add-to-cart-button {
    float: right;
}

.cpo .image-block-inline {
    height: 200px;
    display: inline !important;
}

.cpo .image-block-inline img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: inline;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
}

.cpo .thumbnail-block {
    padding-left: 10px;
    height: 250px;
    min-width: 250px;
}

.cpo .overflow-visible > .z-tree-header {
    overflow: visible !important;
}

.cpo .overflow-visible > .z-treecol-content {
    overflow: visible !important;
}

.cpo .overflow-visible > .z-tree-body {
    overflow: visible !important;
}

.cpo .table-layout-auto > .z-tree-body > table {
    table-layout: auto !important;
}

.cpo .provider-product-label-block {
    padding-left: 50px;
    text-align: center;
    width: max-content;
    width: -moz-max-content;
    -ms-grid-columns: max-content;
    overflow: visible;
    display: -ms-inline-flexbox;
}

.cpo .provider-product-label {
    width: 250px;
    float: left;
    overflow: visible !important;
    font-weight: bold;
}

.cpo .provider-product-parameter-subparameter {
    padding-left: 50px;
    text-align: center;
    width: max-content;
    width: -moz-max-content;
    -ms-grid-columns: max-content;
    overflow: visible;
    display: -ms-inline-flexbox;
}

.cpo .offers-compare-display-value {
    width: max-content;
    width: -moz-max-content;
    -ms-grid-columns: max-content;
    overflow: visible;
    display: -ms-inline-flexbox;
}

.cpo .display-value-cell {
    padding-left: 50px;
    width: max-content;
    width: -moz-max-content;
}

.cpo .display-value-span {
    width: 250px;
    text-align: center;
    float: left;
    overflow: visible;
}

.cpo .margin-left-100 {
    margin-left: 100px;
}

/****** Custom Selectbox Style ******/
.i-selectbox-wrapper {
    float: left;
    display: inline-block;
    border: 1px solid #d8d8d8;
    background: url('img/select.png') no-repeat scroll right 13px;
    background-size: 20px 5px;
    cursor: pointer;
    position: relative;
    min-width: 160px;
}

.page-size-selector .i-selectbox-wrapper {
    margin: 0 5px;
    min-width: 1px;
    width: fit-content;
}

.i-selectbox-wrapper,
.i-selectbox-wrapper select {
    height: 30px;
    line-height: 30px;
}

.i-selectbox-wrapper:hover {
    border-color: #239fdb;
}

.i-selectbox-placeholder {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 25px;
}

.i-selectbox-wrapper select {
    margin: 0;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    position: absolute;
    left: 0;
}

@media (min-width: 992px) {
    .navbar .nav li.my-menu ul:not(.dropdown-menu) {
        width: 970px;
    }

    .services-datebox-extra-text.proactive {
        margin-left: 0;
        margin-top: -3px;
    }

    .page .squares .squares_inner .square a,
    .page .category-squares .squares_inner .square a {
        padding: 25px 20px 0 20px;
    }

    .page .squares .squares_inner .square.login-square a,
    .page .category-squares .squares_inner .square.login-square a {
        padding: 35px 20px 0 20px;
    }

    /****** SERVICES ******/
    .service-actions .btn {
        min-width: 24%;
    }

    .service-actions .btn.big-button {
        width: auto;
        padding: 0 10px;
        min-height: 33px;
    }

    .service-actions .btn span:first-of-type {
        margin-left: 10px;
    }

    .service-actions .btn span:last-of-type {
        margin-right: 10px;
    }
}

.tablet-wide-show {
    display: none !important;
}

@media (min-width: 1200px) {
    .navbar .nav li.my-menu ul:not(.dropdown-menu) {
        width: 1170px;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .tablet-wide-hide {
        display: none !important;
    }

    .tablet-wide-show {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .navbar .nav li a {
        padding: 15px 27px;
    }

    .search-right .search-top .sorting-label {
        float: none;
    }

    .search-right .search-top .pagination-sm {
        margin-top: 10px;
    }

    .search-right .search-top .total {
        margin-top: 20px;
    }

    .md-fivecolumns {
        width: 20%;
    }

    .tablet-show {
        display: block !important;
    }

    .profile-items .profile-item.new a i {
        margin: 0 12px 0 0;
    }

    .pagination-sm > li > a,
    .pagination-sm > li > span {
        padding: 5px 7px;
    }

    .validation-alert-container .col-md-12 {
        padding: 0 8px !important;
    }

    .page .tab-content .tab-pane .tab-pane-filter .tab-pane-filter-row .service-unread-messages,
    .page .panel-body .tab-pane-filter .tab-pane-filter-row .service-unread-messages {
        margin-left: 8px;
    }

    .page .tab-content .tab-pane .tab-pane-filter .tab-pane-filter-row .form-group-datepicker,
    .page .panel-body .tab-pane-filter .tab-pane-filter-row .form-group-datepicker {
        max-width: 223px;
    }

    .page .tab-content .tab-pane .tab-pane-filter .tab-pane-filter-row .col-md-4 .col-md-12,
    .page .panel-body .tab-pane-filter .tab-pane-filter-row .col-md-4 .col-md-12 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .page .step-block .step-block-left .form-group .error-message {
        width: 240px;
    }

    .page .nav-tabs li a {
        padding: 15px;
    }

    .navbar .nav li.my-menu ul:not(.dropdown-menu) {
        width: 750px;
    }

    .user-data {
        margin: 0;
    }

    .template_header_outer .template_header .main-logo {
        width: 16%;
    }

    .template_header_outer .template_header .main-logo-text {
        width: 84%;
    }

    .template_header_outer .template_header .main-logo-text .logo-title {
        font-size: 22px;
    }

    .template_header_outer .template_header .main-logo-text .logo-text {
        font-size: 15px;
    }

    /****** SERVICES ******/
    .service-actions .btn {
        min-width: 48%;
    }

    .service-actions .btn.big-button {
        width: auto;
        min-height: 33px;
    }

    .service-actions .btn span:first-of-type {
        margin-left: 10px;
    }

    .service-actions .btn span:last-of-type {
        margin-right: 10px;
    }

    .steps .step {
        padding-left: 5px !important;
    }

    .steps .step .mobile-show {
        display: block !important;
    }

    .steps .step .mobile-hide {
        display: none !important;
    }

    .reviews-date {
        text-align: left !important;
        margin-bottom: 5px;
    }

    .feedback-rating-wrapper {
        display: block !important;
    }

    .feedback-rating-wrapper .btn-link {
        padding-left: 0px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .tablet-hide {
        display: none !important;
    }

    .page .squares .squares_inner .square a,
    .page .category-squares .squares_inner .square a {
        padding: 15px 15px 0 15px;
    }

    .page .squares .squares_inner .square.login-square a,
    .page .category-squares .squares_inner .square.login-square a {
        padding: 35px 20px 0 20px;
    }
}

@media (max-width: 767px) {
    .menu-search {
        width: 100%;
    }

    .cpo .cpo-table .cpo-specification {
        border-right: none;
    }

    .cpo-table .add-to-cart-button {
        float: none;
    }

    #container {
        width: 100%;
        overflow: hidden;
    }

    .template_header_outer .template_header .main-logo-text .logo-title {
        font-size: 25px;
    }

    .template_header_outer .template_header .main-logo-text .logo-text {
        font-size: 15px;
    }

    .search-items .search-item .icons-container {
        position: initial;
    }

    .search-items .search-item .icons-container .column {
        display: inline-block;
    }

    .search-items .search-item .icons-container .column .icon {
        display: inline-block;
    }

    .search-items .search-item .icons-container .column [class^='icon-EP'],
    .search-items .search-item .icons-container .column [class*=' icon-EP'] {
        float: none;
        padding-left: 5px;
    }

    .search-items .search-item .icons-container .column .text {
        display: inline-block;
        float: none;
        width: auto;
    }

    .page .category-squares .squares_inner .square a {
        padding: 25px 20px 0 20px;
    }

    .page .contract-preview .date-label {
        padding-left: 16px;
    }

    .page .squares .squares_inner .square {
        width: 25%;
    }

    .page .squares .squares_inner .square.login-square {
        width: 33.3333%;
    }

    .page .squares .squares_inner .square a {
        padding: 25px 20px 0 20px;
    }

    .page .pagination-container {
        padding: 15px;
    }

    .search-container .btn .glyphicon {
        padding: 8px 8px 0 0;
    }

    .search .input-group-btn .glyphicon {
        padding: 20px 0 0 0;
    }

    .page-up {
        top: 10px;
        background: #007DB2;
    }

    .page-up:hover {
        background: #007DB2;
    }

    .footer-text .row:first-child {
        padding-bottom: 10px;
    }

    .credit ul li {
        padding-right: 15px;
        display: inline-block;
        padding-bottom: 5px;
    }

    .credit ul li:after {
        content: '';
        padding-left: 0;
    }

    .license-preview-label {
        text-align: left;
        color: #666;
    }

    .order-confirm {
        text-align: left !important;
    }

    .services-datebox-extra-text.proactive {
        padding-right: 0;
    }

    /****** INSITUTION *******/
    .institution .search-items .search-item {
        padding: 7px 15px 18px 15px;
    }

    .institution .search-items .search-item .btn-container .btn::after {
        display: none;
    }

    .institution .institution-list-item .text-right {
        text-align: left;
    }

    .institution .tab-pane .btn-container {
        text-align: left;
    }

    .institution .tab-pane-results .halign-right {
        text-align: left;
    }

    .institution .pagination-container {
        padding: 14px 15px;
    }

    .institution-top {
        padding-top: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #f4f4f3;
    }

    .institution-top .btn {
        margin-left: 5px;
    }

    .institution-top .halign-right {
        text-align: left;
    }

    .institution-top .btn.btn-primary {
        margin-left: 0;
        margin-top: 8px;
    }

    .institution-contract .col-xs-10 {
        padding-right: 0;
    }

    .pgae .institution .tab-content .tab-pane .tab-pane-result {
        border-top: none;
    }

    /******* PROFILE *******/
    .profile .glyphicon-refresh {
        padding: 0;
    }

    .profile .profile-group {
        padding-top: 10px;
    }

    .profile .redresh-data {
        text-align: left;
    }

    /****** PILV styles ******/
    .z-checkbox {
        white-space: nowrap;
    }

    .z-checkbox label {
        white-space: normal;
    }

    .z-checkbox input[type=checkbox] {
        vertical-align: text-top;
    }

    .license-step .step-block-top {
        margin-bottom: 10px;
    }

    .license-actions .btn {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .new-license table.responsive-table td,
    .new-license table.responsive-table td:first-child,
    .new-license table.responsive-table .licence-release-date {
        padding: 8px 15px;
    }

    .new-license table.responsive-table tr {
        border-top: 1px solid #ced6dc;
    }

    .new-license-btn .licence-suggestion {
        display: block;
    }

    .new-license-btn .btn {
        margin-top: 10px;
    }

    .licenses .responsive-table {
        border-left: none;
        border-right: none;
        margin: 0 -15px;
        width: 100%;
        table-layout: fixed;
    }

    .licenses .responsive-table tr {
        border-bottom: 1px solid #ced6dc;
    }

    .licenses .responsive-table tr:first-child {
        border-top: 1px solid #ced6dc;
    }

    .licenses .responsive-table td {
        border: none;
    }

    /****** GENERAL CLASSES ******/
    .inner-page .column-structure,
    .column-structure {
        line-height: 140%;
    }

    .inner-page .column-structure .row > div:first-child,
    .column-structure .row > div:first-child {
        text-align: left;
    }

    .main-logo {
        padding-right: 5px;
    }

    .user-data .user-name,
    .user-data .proxy-name {
        width: 120px;
    }

    .user-data .user-row .logout {
        padding-right: 5px;
    }

    .template_header .name,
    .template_header .represented-person {
        max-width: none;
    }

    /****** FUNDING PROPOSITIONS ******/
    .funding-proposition .responsive-table tr:first-child {
        border-top: 1px solid #ced6dc;
    }

    /****** MAIN MENU ******/
    .my-menu ul li.btn-support {
        width: 100%;
    }

    .page .subcatagories {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    .page .important-new {
        padding: 10px 15px;
    }

    .page .providers-button-order .btn {
        margin: 5px;
    }

    .page .nav-tabs {
        background: #ffffff;
    }

    .page .nav-tabs li {
        width: 100%;
        display: block;
    }

    .page .nav-tabs li.active a:before {
        font-family: FontAwesome;
        content: "\f101";
        font-style: normal;
        line-height: 1;
        margin-right: 10px;
        font-size: 14px;
    }

    .page .nav-tabs li.active a {
        padding-left: 25px;
        border-right: none;
    }

    .page .nav-tabs > li {
        margin-bottom: 0;
    }

    .page .index-page .service-left,
    .page .index-page .service-right {
        width: 100%;
        position: relative;
    }

    .page .index-page .service-left {
        padding-bottom: 20px;
    }

    .page .index-page .service-left .all-services {
        right: 0;
        padding-bottom: 15px;
    }

    .navbar-header {
        width: 100%;
    }

    .md-fivecolumns {
        width: 50%;
    }

    .container {
        width: 320px;
        width: 100%;
    }

    .template_header_outer {
        box-sizing: content-box;
    }

    .template_header_outer .template_header {
        padding-top: 2px;
        padding-bottom: 15px;
        margin-right: 0;
        margin-left: 0;
    }

    .template_header_outer .template_header .title {
        font-size: 23px;
        padding-left: 8px;
    }

    .template_header_outer .template_header ul {
        text-align: left;
        margin: 0;
    }

    .template_header_outer .template_header .top-links {
        float: left;
        padding-bottom: 0;
    }

    .template_header_outer .template_header .subtitle {
        font-size: 15px;
    }

    .template_header_outer .template_header .pull-right {
        margin: 15px 0 0 0;
        float: none !important;
    }

    .template_header_outer .user-data {
        margin: 0;
        padding: 15px 5px 0 5px;
        width: auto;
    }

    .menu-collapse {
        background: #007db2;
        border-bottom: 1px solid #0078ab;
    }

    .menu-collapse .main-menu-link {
        display: block;
    }

    .menu-collapse a {
        color: #ffffff;
        font-size: 13px;
    }

    .menu-collapse .menu-collapse-title {
        padding: 17px 5px;
        color: white;
    }

    .navbar-toggle {
        background: transparent;
    }

    .navbar-toggle .icon-bar {
        background: #ffffff;
        width: 16px;
        height: 3px;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 2px;
    }

    .navbar {
        overflow: hidden;
        min-height: inherit;
    }

    .navbar.navbar2 {
        margin: 0;
    }

    .navbar .navbar-nav {
        width: 100%;
        margin: 0 auto !important;
    }

    .navbar .navbar-nav .my-menu span.my-menu-icon {
        margin-right: 6px;
        margin-left: 1px;
        top: 0;
    }

    .navbar .navbar-nav .my-menu .dropdown-menu .optional-image-container {
        margin-left: 16px;
    }

    .navbar .navbar-nav .my-menu .dropdown-menu .optional-image-container img {
        margin-left: -25px;
    }

    .inner-page h1,
    h2 {
        margin: 18px 0 19px 0;
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .col-xs-6 {
        width: 50%;
    }

    .container {
        padding-right: 8px;
        padding-left: 8px;
    }

    .row {
        margin-right: -8px;
        margin-left: -8px;
    }

    h2 {
        line-height: 140%;
    }

    .page {
        border: 0;
    }

    .page .search {
        padding: 26px 0 29px 0;
    }

    .page .search .btn {
        width: 60px;
    }

    .page .services {
        padding: 0 0 29px 0;
    }

    .page .services ul {
        padding: 11px 0 15px 46px;
    }

    .page .services .service .pull-right {
        margin-bottom: 25px;
    }

    .page .services .service .ic {
        left: 7px;
    }

    .page .services .col-sm-12 {
        margin-top: 11px;
    }

    .page .services .col-sm-12:first-child {
        margin-top: 0;
    }

    .page .input-group-search {
        width: auto;
    }

    .page .input-group-search input {
        width: 430px;
    }

    .page .input-group-search .input-group-btn {
        position: absolute;
        right: 0;
    }

    .page .input-group-search .input-group-btn .btn {
        position: absolute;
        right: 0;
        color: #007db2;
        z-index: 2;
        background: none;
        height: 28px;
        padding: 0;
        text-align: center;
        width: 30px;
    }

    .page .input-group-search input[type="text"] {
        padding: 0 32px 0 10px;
    }

    .page .no-results {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .page .search-left {
        padding-left: 26px;
        display: none;
    }

    .page .search-left.active {
        display: block;
        border-bottom: 1px solid #e0e0e0;
    }

    .page .search-items .search-item .btn-container {
        position: static;
    }

    .page .search-right {
        padding-right: 7px;
    }

    .page .search-right .search-items .search-item {
        padding: 4px 16px 22px 16px;
    }

    .page .search-right .search-items .search-item .btn-container {
        margin-top: 16px;
        position: static;
    }

    .page .search-right .search-items .search-item .btn-container .price {
        position: static;
    }

    .page .search-right .search-items .search-item .btn-container .btn.btn-primary {
        position: relative;
    }

    .page .search-right .search-items .search-item .btn::after {
        display: none;
    }

    .page .search-right .search-items .search-item .icons {
        top: 20px;
    }

    .page .search-right .pull-right {
        margin-right: 14px;
    }

    .page .search-right .top {
        padding-left: 16px;
    }

    .page .search-right .top .pagination {
        margin-left: 0;
    }

    .page .search-right .top .dropdown {
        margin: 21px 0;
    }

    .page .search-right .top .dropdown .btn {
        width: 110px;
        padding: 0 8px;
    }

    .page.inner-page h2 {
        margin: 12px 0 11px 0;
    }

    .page .footer {
        padding-bottom: 39px;
    }

    .page .profile-items {
        border-right: 0;
    }

    .page .profile-items .profile-item {
        padding-top: 20px;
    }

    .page .profile-items .profile-item:nth-child(odd) {
        border-right: 1px solid #e0e0e0;
    }

    .page .profile-items .profile-item.new {
        padding-top: 0;
    }

    .page .more-search {
        border-bottom: 1px solid #e0e0e0;
        padding: 15px 0;
        margin-bottom: 20px;
    }

    .page .one-service-block.one-service-data-block .btn {
        width: 100%;
        margin-bottom: 10px;
        white-space: normal;
    }

    .page .one-service-block .row-todo {
        line-height: 140%;
    }

    .page .one-service-block .row-todo .icon-col {
        padding-left: 35px;
    }

    .page .one-service-block .row-todo .icon-col .indicator {
        left: 7px;
    }

    .page .one-service-block .row-todo h3 {
        margin-top: 0;
        margin-left: 0;
        padding-left: 10px;
    }

    .page .one-service-block .service-data-row {
        line-height: 140%;
    }

    .page .one-service-block .service-data-row .text-right {
        text-align: left;
    }

    .page .one-service-block .service-data-row .col-sm-7 {
        margin-bottom: 8px;
    }

    .page .one-service-block .service-data-row .more {
        padding: 2px 0 0 0;
    }

    .page .one-service-block .service-data-row .more .glyphicon {
        padding-left: 6px;
    }

    .page .tab-content .tab-pane .tab-pane-filter tab-pane-filter-row .col-md-4 .col-md-12,
    .page .panel-body .tab-pane-filter tab-pane-filter-row .col-md-4 .col-md-12,
    .page .tab-content .tab-pane .tab-pane-filter tab-pane-filter-row .col-md-4:first-child .col-md-12,
    .page .panel-body .tab-pane-filter tab-pane-filter-row .col-md-4:first-child .col-md-12 {
        padding: 8px;
    }

    .page .tab-content .tab-pane .tab-pane-order,
    .page .panel-body .tab-pane-order {
        padding: 0;
    }

    .page .tab-content .tab-pane .tab-pane-order .pull-left,
    .page .panel-body .tab-pane-order .pull-left {
        padding-top: 13px;
        padding-bottom: 15px;
        text-align: center;
    }

    .page .tab-content .tab-pane .tab-pane-order .pull-left .more-multiple,
    .page .panel-body .tab-pane-order .pull-left .more-multiple {
        padding: 0;
    }

    .page .tab-content .tab-pane .tab-pane-order .pull-right,
    .page .panel-body .tab-pane-order .pull-right {
        float: left !important;
        padding: 1px 0 4px 8px;
    }

    .page .tab-content .tab-pane .tab-pane-order .pull-right .order-dropdown,
    .page .panel-body .tab-pane-order .pull-right .order-dropdown {
        display: none;
    }

    .page .tab-content .tab-pane .tab-pane-result .service-left,
    .page .panel-body .tab-pane-result .service-left {
        text-align: left;
        margin-top: 4px;
    }

    .page .tab-content .tab-pane .tab-pane-result .service-left .color-gray,
    .page .panel-body .tab-pane-result .service-left .color-gray {
        line-height: 2;
    }

    .page .tab-content .tab-pane .tab-pane-result .service-left .state,
    .page .panel-body .tab-pane-result .service-left .state {
        margin: 0 0 8px 0;
    }

    .page .tab-content .tab-pane .tab-pane-result .service-left-icon,
    .page .panel-body .tab-pane-result .service-left-icon {
        text-align: left;
    }

    .page .tab-content .tab-pane .tab-pane-result .service-list-icons,
    .page .panel-body .tab-pane-result .service-list-icons {
        margin: 0;
    }

    .page .tab-content .tab-pane .tab-pane-result h3,
    .page .panel-body .tab-pane-result h3 {
        line-height: 130%;
    }

    .page .all-services-toggle-row {
        margin-bottom: 25px;
    }

    .page .all-services-toggle-row .panel-group {
        border-top: 0;
    }

    .page .all-services-toggle {
        background: #f9f9f9;
        border-bottom: 1px solid #e0e0e0;
        padding: 21px 0;
    }

    .page .proxy-step-block {
        padding: 15px 0 25px 0;
    }

    .page .proxy-step-block .mobile-button-wrapper {
        display: inline-block;
    }

    .page .proxy-step-block .btn {
        margin: 10px 10px 0 0;
    }

    .page .form-step-block {
        padding: 15px 0 25px 0;
    }

    .page .form-step-block .mobile-button-wrapper {
        display: inline-block;
    }

    .page .form-step-block .btn {
        margin: 10px 10px 0 0;
    }

    .page .step-block .step-block-left {
        border-right: 0;
    }

    .page .step-block .step-block-left .col-margin-4 {
        margin-left: 0;
    }

    .page .step-block .step-block-left p {
        margin: 0;
    }

    .page .step-block .step-block-left .text-right {
        text-align: left;
        margin-top: 10px;
        margin-bottom: 7px;
    }

    .page .step-block .step-block-left .form-group {
        margin: 0 !important;
    }

    .page .step-block .step-block-left .form-group .error-message {
        position: static;
        margin: 0;
        width: auto;
    }

    .page .step-block .step-block-left .step-block-top {
        padding-left: 8px;
    }

    .page .step-block .step-block-left input.datepicker {
        width: 115px;
        margin-left: 15px;
    }

    .page .step-block .step-block-left .step-block-top {
        padding-bottom: 14px;
    }

    .page .step-block .step-block-left .step-block-top.step-block-top {
        margin-top: 15px;
        padding-bottom: 0;
    }

    .page .step-block .step-block-left .step-block-top a {
        margin: 6px 0;
        display: inline-block;
    }

    .page .step-block .step-block-left .step-block-top a .glyphicon {
        padding: 0;
    }

    .page .step-block .step-block-left .text-right {
        margin-bottom: 4px;
    }

    .page .step-block .step-block-left .btn {
        margin: 0 !important;
    }

    .page .step-block.actions {
        text-align: right;
    }

    .page .step-block.actions .pull-right,
    .page .step-block.actions .pull-left {
        width: 80px;
    }

    .page .step-block.actions .pull-left {
        text-align: left;
    }

    .page .step-line {
        padding: 9px 0;
    }

    .page .step-line span,
    .page .step-line span.small {
        display: block;
        margin: 12px 0;
    }

    .page.last .step-block-left {
        padding-top: 24px;
        padding-bottom: 16px;
    }

    .page .service-data-container {
        padding: 0;
    }

    .page .service-data .service-data-block.service-data-block-left {
        border: 0;
    }

    .page .service-data .service-data-block.service-data-block-left .btn-block {
        text-align: left;
    }

    .page .service-data .service-data-block.service-data-block-right {
        margin-top: 20px;
        border: 0;
        padding: 15px 16px 0 16px;
        border-top: 1px solid #e0e0e0;
    }

    .page .service-data .service-view-price {
        padding-left: 5px;
    }

    .page .panel-body .tab-pane-filter .tab-pane-filter-row {
        border-top: none;
    }

    .page .panel-body .tab-pane-order .pull-left {
        padding-top: 0;
        padding-bottom: 0;
        border-top: none;
    }

    .credit {
        padding: 20px 15px;
        line-height: 120%;
    }

    .credit .bpd-logo {
        float: left;
        padding-top: 10px;
    }

    .mobile-show {
        display: block !important;
    }

    .mobile-show-inline {
        display: inline-block !important;
    }

    .mobile-show-table {
        display: table !important;
    }

    .mobile-show-table-cell {
        display: table-cell !important;
    }

    .mobile-hide {
        display: none !important;
    }

    .mobile-center {
        text-align: center;
    }

    .navbar .nav {
        margin-bottom: 0 !important;
    }

    .navbar .nav li {
        border-bottom: 1px solid #0078ab;
    }

    .navbar .nav li.my-menu {
        float: none;
        border-bottom: 0;
    }

    .navbar .nav li.my-menu ul:not(.dropdown-menu) {
        position: static;
        width: auto;
    }

    .navbar .nav li.my-menu ul:not(.dropdown-menu) li {
        border-color: #009174;
    }

    .navbar .nav li.my-menu ul:not(.dropdown-menu) li a {
        padding-left: 50px;
        float: none;
        display: block;
        height: 50px;
        line-height: 50px;
    }

    .navbar .nav li.my-menu ul:not(.dropdown-menu) li:first-child {
        border-top: 1px solid #009174;
    }

    .col-ssm-12 {
        width: 100%;
    }

    .col-ssm-6 {
        width: 50%;
    }

    .gray-block {
        padding: 11px 10px 12px 10px;
    }

    .more-multiple-service {
        background: #f9f9f9;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        padding: 22px 16px !important;
    }

    .panel-default .panel-heading {
        background-color: #f9f9f9;
        font-size: 13px;
        border-bottom: 1px solid #e0e0e0;
        padding: 0;
    }

    .panel-default .panel-heading .panel-title {
        font-size: 13px;
        color: #007db2;
    }

    .panel-default .panel-heading .panel-title a {
        padding: 23px 15px;
        position: relative;
        display: block;
    }

    .panel-default .panel-heading .panel-title a::after {
        content: "\e114";
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: 16px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .panel-default .panel-heading .panel-title a.collapsed::after {
        content: "\e113";
    }

    .panel-body {
        padding-left: 8px;
        padding-right: 8px;
    }

    .panel-group {
        border-top: 1px solid #e0e0e0;
        margin: 0 0 -11px 0;
    }

    .panel-group .panel {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
        margin: 0 !important;
    }

    .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-top: 0;
        border-bottom: 1px solid #e0e0e0;
    }

    .panel {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .template_header_outer.login .template_header {
        border-bottom: 0;
        padding-bottom: 16px;
    }

    .btn {
        max-width: 430px;
    }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        background: none;
        border-color: transparent;
        color: #333;
    }

    .pagination-sm > li > a,
    .pagination-sm > li > span {
        padding: 7px 11px;
    }

    .pagination-sm > li:last-child > a,
    .pagination-sm > li:first-child > a {
        border-radius: 0;
        padding: 7px 12px;
    }

    .page .profile-data-row {
        padding-left: 8px;
        padding-right: 8px;
    }

    .page .profile-data-row .profile-line {
        text-align: left;
    }

    .pagination-container .pull-left {
        float: none !important;
    }

    /* My profile */
    .modal-body.change-password .profile-line {
        text-align: left;
    }

    .modal-body.change-password .btn {
        margin: 2px;
    }

    .page .profile-data-row .editible-label {
        text-align: left;
        line-height: 170%;
    }

    .responsive-check-box {
        display: contents;
    }

    .responsive-check-box div {
        display: inline-block;
    }

    .responsive-check-box .z-checkbox {
        margin-left: 0.5em !important;
    }

    .responsive-save-btn {
        display: inline-block;
    }

    .service-feedback-row .text-right {
        text-align: left;
    }

    .service-data-row .text-right {
        text-align: left;
    }

    .input-group.search.small-search .input-group-btn .btn {
        width: 50px;
    }

    .input-group.search.small-search .glyphicon {
        padding: 0;
    }

    .specific-feedback .service-title-wrapper span {
        padding-left: 0 !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .specific-feedback .service-title-wrapper .service-title-label {
        text-align: left !important;
        padding-right: 30px;
    }

    .feedback-tab-include .rating-wrapper {
        margin-bottom: 12px;
    }

    .feedback-tab-include .rating-wrapper div {
        text-align: left;
    }

    .feedback-template-wrapper .content-page {
        border-top: 1px solid #EEEEEE;
    }
}

@media (max-width: 680px) {
    .page .squares .squares_inner .square {
        width: 33.3333333%;
    }
}

/****** FUNDING PROPOSITIONS ******/
.funding-proposition .page-top {
    margin-top: 25px;
    margin-bottom: 25px;
}

.funding-proposition .filter-buttons {
    margin-top: 10px;
}

.funding-proposition .btn {
    margin-top: 5px;
    margin-right: 10px;
}

.funding-proposition .responsive-table {
    margin-bottom: 20px;
    table-layout: auto;
    border-left: none;
    border-right: none;
}

.funding-proposition .responsive-table tr:hover {
    cursor: pointer;
}

.funding-proposition .responsive-table tr.selected:hover,
.funding-proposition .responsive-table tr.header-row:hover {
    cursor: default;
}

.funding-proposition .page-bottom {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: right;
}

.funding-proposition .selected,
.funding-proposition tr.selected:hover {
    background: #EFF3F5;
}

/****** SERVICE DESCRIPTION OVERRIDES ******/
.service-description label {
    font-weight: normal;
}

.service-description td,
.service-description th {
    padding: 2px;
}

.service-feedback-row {
    padding-bottom: 10px;
}

.no-resize {
    resize: none !important;
}

@media (max-width: 767px) {
    .service-feedback-row .text-right {
        text-align: left;
    }

    .service-data-row .text-right {
        text-align: left;
    }
}

.service-feedback-item a {
    text-align: center;
    display: inline-block;
    text-decoration: none;
    color: #9C9C9C;
    padding-right: 20px;
}

.service-feedback-item a i {
    display: block;
    font-size: 41px;
}

.service-feedback-item a span:hover {
    text-decoration: underline;
}

.service-feedback-item a:hover span,
.service-feedback-item a i:hover span {
    text-decoration: underline;
}

.service-feedback-item a:first-child:hover,
.service-feedback-item a:first-child.active {
    color: #d43f3a;
}

.service-feedback-item a:nth-child(2):hover,
.service-feedback-item a:nth-child(2).active {
    color: #ee9c26;
}

.service-feedback-item a:last-child:hover,
.service-feedback-item a:last-child.active {
    color: #00856a;
}

.feedback-tab-include hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.feedback-tab-include .rating {
    text-align: center;
}

.feedback-tab-include .rating .rating-star-base {
    font-size: 20px;
    cursor: default !important;
}

.feedback-tab-include .rating .rating-star-base.colored-true {
    color: #FCDC00;
}

.feedback-tab-include .date {
    text-align: center;
}

.feedback-tab-include .comment-wrapper {
    word-wrap: break-word;
}

.feedback-tab-include .comment-wrapper .credentials {
    margin-bottom: 5px;
    font-weight: bold;
}

.feedback-rating-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    margin-top: 2px;
}

.feedback-rating-wrapper .rating-star-base {
    font-size: 20px;
    margin-right: 1px;
    cursor: default !important;
}

.feedback-rating-wrapper .rating-star-base.colored-true {
    color: #FCDC00;
}

.feedback-rating-wrapper .stars {
    align-items: center;
    margin-right: 5px;
}

.service-data-row label {
    font-weight: normal;
}

.inner-content .content-feedback {
    position: absolute;
    right: 20px;
    font-size: 25px;
}

.inner-content .content-feedback a {
    color: #444;
    text-decoration: none;
}

.inner-content .content-feedback a i {
    padding-left: 10px;
}

.inner-content .content-feedback a i.fa-thumbs-up.enabled:hover,
.inner-content .content-feedback a i.fa-thumbs-up.active {
    color: #00856a;
}

.inner-content .content-feedback a i.fa-thumbs-down.enabled:hover,
.inner-content .content-feedback a i.fa-thumbs-down.active {
    color: #d43f3a;
}

.host-lightbox {
    text-align: left;
    padding-top: 20px;
}

.host-lightbox .result-item {
    display: inline-block;
}

.host-lightbox .result-item span {
    display: block;
    text-align: center;
}

.host-lightbox img {
    width: 300px;
    display: inline;
    margin-bottom: 25px;
    margin-right: 20px;
    vertical-align: text-top;
}

.input-group.radiogroup-horizontal {
    margin-top: -16px;
    padding-bottom: 10px;
    padding-left: 2px;
}

.input-group.radiogroup-horizontal span {
    color: #333;
}

.input-group.radiogroup-horizontal label {
    font-weight: normal;
}

.tab-content td {
    padding-right: 8px;
}

.footer-logo {
    width: auto;
    margin-right: 15px;
}

.footer-logo img {
    width: 37px;
}

.tuv-logo {
    width: auto;
    margin-right: 15px;
}

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

.input-vertical {
    display: flex;
}

.input-vertical div:first-child {
    margin: auto 0px;
}

.inline-chechgroup label {
    display: inline;
}

#createMonitoringObjectDialog .form-control {
    border-color: #cfcfcf;
}

#createMonitoringObjectDialog .limitation {
    margin-top: 3px;
    color: #666;
}

#createMonitoringObjectDialog .icon-EP-icon-19 {
    color: #007db2;
    font-size: 16px;
}

#createMonitoringObjectDialog .span-with-asterisk:after {
    color: red;
    content: "*";
}

#createMonitoringObjectDialog .modal-line {
    margin-top: 5px;
}

#createFileDialog .form-control {
    border-color: #cfcfcf;
}

#createIncidentDialog .span-with-asterisk:after {
    color: red;
    content: "*";
}

@media (max-width: 599px) {
    .profile-items .profile-item {
        padding: 20px 15px;
    }
}

.ap-address-panel {
    display: block;
}

.ap-address-panel table {
    display: block;
}

.ap-address-panel tr.ap-address-field:hover td.z-cell {
    background: none;
}

.ap-address-panel td.ap-label-column .i-form-label {
    color: #666;
    font-weight: normal;
}

.ap-label-column > :not(.i-required-field) {
    margin-right: 8px;
}

div.no-padding a.btn .glyphicon {
    padding: 0;
}

@media (max-width: 530px) {
    .page .input-group-search {
        width: 100%;
        max-width: 430px;
    }

    .page .input-group-search input {
        width: 100%;
    }

    .page .profile-items .profile-item .icon-EP {
        font-size: 20px;
    }

    .page .profile-items .profile-item ul li {
        padding: 5px 0;
    }

    .page .squares .squares_inner .square {
        width: 50%;
    }

    .template_header_outer .user-data {
        padding: 5px 5px 0 5px;
    }
}

@media (max-width: 479px) {
    .template_header_outer .template_header .main-logo {
        width: 14%;
    }

    .template_header_outer .template_header .main-logo-text {
        width: 86%;
    }

    .page .col-xx-12 {
        width: 100%;
    }

    .page .modal-dialog .card-login-btn {
        text-align: left;
    }

    .page .profile-items .profile-item {
        padding-left: 46px;
        background-position: 12px 31px !important;
    }

    .page .profile-items .profile-item:nth-child(odd) {
        border-right: 0;
    }

    .page .profile-items .profile-item.col-xx-12 {
        width: 100%;
    }

    .page .profile-items .profile-item.profile-item-license:before {
        left: 10px;
        top: 37px;
    }

    .page .profile-items .profile-item.new {
        padding: 0;
    }

    .modal-footer .btn {
        margin-top: 10px;
    }
}

/****** PROVIDERS ******/
.providers-warning {
    color: #e12842;
    margin: 15px;
    text-align: center;
}

input[type="text"].provider-filter {
    margin: 20px 0;
    border-color: #007db2;
}

.providers-name {
    line-height: 1.5;
}

.providers-name .providers-image {
    display: inline-block;
    float: left;
}

.providers-name .providers-image img {
    max-height: 50px;
    max-width: 125px;
}

@media (max-width: 992px) {
    .providers-name .providers-image img {
        max-width: 110px;
    }
}

@media (max-width: 768px) {
    .providers-name .providers-image img {
        max-width: 100px;
    }
}

.providers-name .providers-link {
    display: inline-block;
    float: left;
}

@media (max-width: 439px) {
    .template_header_outer .template_header .main-logo-text .logo-title {
        font-size: 22px;
    }

    .col-xx-1 {
        width: 8.33333333%;
    }

    .col-xx-2 {
        width: 16.66666667%;
    }

    .col-xx-3 {
        width: 25%;
    }

    .col-xx-5 {
        width: 41.66666667%;
    }

    .col-xx-6 {
        width: 50%;
    }

    .col-xx-7 {
        width: 58.33333333%;
    }

    .page .providers-name {
        width: 100%;
        line-height: 130%;
    }

    .page .providers-name img {
        margin-right: 10px;
    }

    .page .providers-name .providers-link {
        float: left;
        width: 80%;
    }

    .page .providers-button-order {
        text-align: left;
        width: 100%;
        margin-top: 10px;
    }

    .page .providers-button-order .btn {
        margin: 0 10px 0 0;
    }

    .modal-open {
        overflow: hidden;
        position: fixed;
    }

    .page .squares .squares_inner .square {
        width: 50%;
    }

    .page .squares .squares_inner .square.login-square {
        height: 135px;
    }

    .page .squares .squares_inner .square.login-square a {
        padding: 25px 15px 0 15px;
    }
}

.service-provider-list .highlight {
    background-color: #F7FDFF;
}

.service-provider-list .highlight h3 a {
    font-weight: bold;
}

.diff-content .diff ins {
    background: #B1ECB1;
    text-decoration: none;
}

.diff-content .diff del {
    background: #ECB1B1;
}

@media (max-width: 370px) {
    .template_header_outer .template_header .main-logo {
        padding-right: 5px;
        width: 12%;
    }

    .template_header_outer .template_header .main-logo-text {
        width: 88%;
    }

    .template_header_outer .template_header .main-logo-text .logo-title {
        font-size: 20px;
    }

    .template_header_outer .template_header .main-logo-text .logo-text {
        font-size: 15px;
    }

    .user-data {
        line-height: 140%;
    }

    .user-data .user-name,
    .user-data .proxy-name {
        text-align: left;
        width: 100%;
    }

    .user-data .change-user-data {
        margin-left: 10px;
        display: inline;
    }

    .template_header_outer .template_header .subtitle {
        font-size: 13px;
    }

    .page .profile-data-row .download-link {
        margin-top: 5px;
    }
}

.dashboard-proactive-link {
    font-style: normal !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: normal !important;
}

.href-span:hover {
    text-decoration: underline;
}

.href-underline {
    color: #666666;
}

.href-underline a {
    color: #666666;
    text-decoration: underline;
}

.element-no-padding {
    padding: 0px !important;
}

.div-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.txt-black-right {
    text-align: right;
    font-weight: bold;
    color: #050505 !important;
}

.padding-right-10 {
    padding: 0px 10px 0px 0px !important;
}

@media (min-width: 767px) {
    .profile-msg-btn {
        text-align: center;
        left: 59px;
    }
}

.ta-l {
    text-align: left;
}

.display-b {
    display: block;
}

.display-f {
    display: flex !important;
}

.display-grid {
    display: grid;
}

.display-contents {
    display: contents !important;
}

.pb14 {
    padding-bottom: 14px;
}

.pt14 {
    padding-top: 14px;
}

.py5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.py7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.py10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.px10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.pt30 {
    padding-top: 30px;
}

.pb100 {
    padding-bottom: 100px;
}

.m15 {
    margin: 15px;
}

.line-height-30 {
    line-height: 30px;
}

.p5 {
    padding: 5px;
}

.ptb5 {
    padding: 5px 0px;
}

.ptb10 {
    padding: 10px 0px;
}

.payment-comment {
    padding: 10px;
    text-align: left;
    font-weight: bold;
    color: #000;
}

.bpel-order-wrap {
    height: 15px;
    margin-bottom: 15px;
    position: relative;
}

.bpel-order-title {
    position: absolute;
    top: 0;
    left: 0;
}

.align-center {
    margin-right: auto !important;
    margin-left: auto !important;
}

.new-licence-tab {
    padding-top: 50px;
    border: solid 1px #eee;
}

.dashboard-proactive-link {
    font-style: normal !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
}

.href-span {
    font-size: 15px;
    color: #007db2 !important;
    text-decoration: none;
    cursor: pointer;
    display: block;
}

.href-span:hover {
    text-decoration: underline;
}

.href-color {
    color: #666666;
}

.href-color a {
    color: #006b94;
}

.element-no-padding {
    padding: 0px !important;
}

.div-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.txt-black-right {
    text-align: right;
    font-weight: bold;
    color: #050505 !important;
}

.padding-right-10 {
    padding: 0px 10px 0px 0px !important;
}

@media (min-width: 767px) {
    .profile-msg-btn {
        text-align: center;
        left: 59px;
    }
}

.display-f {
    display: flex !important;
}

.align-content-top {
    display: flex;
    align-content: flex-start;
}

.pt5 {
    padding-top: 5px;
}

@media (max-width: 990px) {
    .contract-links {
        padding-top: 15px;
    }
}

.contract-links a {
    padding-top: 5px;
}

.contract-links a:first-child {
    padding-top: 0px;
}

.monitoring-items .service-monitor-item {
    padding-top: 10px;
}

.monitoring-items .service-monitor-item:first-child {
    padding-top: 0px;
}

@media (max-width: 990px) {
    .monitoring-items .service-monitor-item:first-child {
        padding-top: 10px;
    }
}

.justify-content-end {
    display: flex;
    justify-content: flex-end;
}

.row-label {
    width: 100%;
    font-weight: normal;
    display: inherit;
}

.justify-content-start {
    display: flex;
    justify-content: flex-start;
}

.cursor-default {
    cursor: default;
}

.default-btn-position .btn {
    min-width: unset;
}

.pd-0 {
    padding: 0;
}

.right-label {
    width: 100%;
    font-weight: normal;
    display: inherit;
}

.pr5 {
    padding-right: 5px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

@media (max-width: 991px) {
    .mobile-mb10 {
        margin-bottom: 10px;
    }
}

.disabled-ele {
    pointer-events: none;
}

.mr0 {
    margin-right: 0;
}

.ml-10-n {
    margin-left: -10px;
}

.mr-30-n {
    margin-right: -30px;
}

.ml4proc {
    margin-left: 4%;
}

.ml0 {
    margin-left: 0 !important;
}

@media (max-width: 767px) {
    .sm-ml0 {
        margin-left: 0 !important;
    }
}

.mr-15 {
    margin-right: 15px;
}

.mx-a {
    margin-left: auto;
    margin-right: auto;
}

.my-a {
    margin-top: auto;
    margin-bottom: auto;
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.pl3 {
    padding-left: 3px;
}

.pl0 {
    padding-left: 0px;
}

@media (max-width: 767px) {
    .sm-pl0 {
        padding-left: 0 !important;
    }
}

.pr0 {
    padding-right: 0px;
}

.p-xy-6 {
    padding: 6px;
}

@media (min-width: 1200px) {
    .eld-pr0 {
        padding-right: 0px;
    }
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb20 {
    padding-bottom: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-7 {
    padding-top: 7px;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.p-tb-3 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.p-lr-0 {
    padding-left: 0;
    padding-right: 0;
}

.va-super {
    vertical-align: super;
}

.va-sub {
    vertical-align: sub;
}

.full-width-select .i-selectbox-wrapper {
    width: 100%;
}

.lh-14 {
    line-height: 14px;
}

.lh-30 {
    line-height: 30px;
}

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

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

.font-size-17 {
    font-size: 17px;
}

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

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.div-label {
    color: #666;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
}

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

.row-label {
    width: 100%;
    font-weight: normal;
    display: inherit;
    margin-bottom: 5px;
}

a.new-with-text span {
    vertical-align: bottom;
}

a.new-with-text img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.my-doc-edit-btn {
    font-size: 17px;
    border: none;
    color: #666666;
    background: none;
    box-shadow: none;
}

.my-doc-edit-btn:hover {
    border: none;
    background: none;
}

.my-doc-edit-btn:focus {
    outline: none !important;
}

.my-documents-title {
    border-bottom: 1px solid #e0e0e0;
    color: #666666;
}

.stripped-btn {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    padding: unset;
    box-shadow: none;
    border: none;
    background: none;
    margin: inherit;
}

.stripped-btn:focus {
    outline: black solid thin !important;
}

.stripped-btn-inline {
    height: 100%;
    cursor: pointer;
    padding: unset;
    box-shadow: none;
    border: none;
    background: none;
    margin: inherit;
}

.stripped-btn-inline:focus {
    color: inherit;
    outline: none !important;
}

.stripped-btn-no-width {
    height: 100%;
    display: block;
    cursor: pointer;
    padding: unset;
    box-shadow: none;
    border: none;
    background: none;
    margin-left: 15px;
    color: #006b94;
}

.stripped-btn-no-width:focus {
    outline: none !important;
}

.underline-on-hover:hover {
    text-decoration: underline;
}

.img-fit {
    max-width: 100%;
    max-height: 100vh;
    width: auto;
    margin: auto;
}

.sort-btn {
    font-weight: bold;
    display: block;
    cursor: pointer;
    padding: unset;
    box-shadow: none;
    border: none;
    background: none;
    margin: inherit;
}

.sort-btn:focus {
    outline: none !important;
}

.sort-btn .disabled {
    color: #e0e0e0;
}

.my-doc-container {
    min-width: 46px;
    min-height: 25px;
    display: inline-block;
}

.my-doc-table {
    display: flex;
    justify-content: space-around;
    height: 30px;
    border-bottom: 2px solid #e0e0e0;
}

.my-doc-table .my-doc-section {
    text-align: left;
    width: 20%;
}

.my-documents-upload {
    padding: 20px 0px 15px 30px;
}

.remove-label label {
    display: inline;
    margin-bottom: 0px;
    font-weight: normal;
}

.dynamic-search-box {
    display: inline-block;
    width: 100%;
}

.dynamic-search-box .z-textbox {
    width: 85% !important;
}

.dynamic-search-box input[type="text"] {
    border-right: none !important;
    height: 30px !important;
}

.dynamic-search-box input[type="text"]:focus {
    box-shadow: none;
}

.dynamic-search-box .dynamic-search-btn {
    display: inline-block;
    background-color: #ffffff;
    cursor: pointer;
    border: 1px solid #cfcfcf;
    border-left: none;
    height: 30px;
    vertical-align: top;
}

.dynamic-search-box .dynamic-search-btn span {
    padding-top: 6px;
}

.small-paging-label .z-label {
    font-size: 12px !important;
}

.dynamic-search-holder {
    display: inline-block;
    width: 22px;
    height: 30px;
    cursor: auto !important;
}

@media screen and (max-width: 767px) {
    .search-hide {
        display: none !important;
    }
}

.search-item .searchItemLink {
    width: auto;
    text-align: left;
    text-decoration: underline;
    background-color: transparent;
}

.search-item .searchItemLink:hover,
.search-item .searchItemLink:focus,
.search-item .searchItemLink:active {
    text-decoration: none;
    color: #007db2;
}

.search-item .searchItemProviderLink {
    display: inline;
    background-color: transparent;
    vertical-align: top;
    width: auto;
}

.text-a-end {
    text-align: end;
}

@media (min-width: 768px) {
    .text-a-end-sm {
        text-align: end;
    }
}

@media (min-width: 991px) {
    .text-a-end-md {
        text-align: end;
    }
}

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

.my-doc-img {
    display: inline-flex;
}

.my-doc-img img {
    max-height: 16px;
    max-width: 16px;
}

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

.bottom-border-1px {
    border-bottom: 1px solid #eee;
}

a.new-with-text span {
    vertical-align: bottom;
}

.position-ab {
    position: absolute;
}

.responsive-tip {
    z-index: 1;
}

@media (min-width: 767px) {
    .responsive-tip {
        position: absolute;
        right: -5px;
    }
}

.content-no-results {
    margin-left: -1px;
    padding-right: 14px;
    text-align: center;
    margin-top: 55px;
    margin-bottom: 55px;
    font-size: 14px;
}

.content-link-btn {
    padding: unset;
    box-shadow: none;
    border: none;
    background: none;
    display: inline;
    text-align: inherit;
}

.content-link-btn:active {
    color: inherit;
}

.content-header-wrap {
    margin: 23px 0 21px 0;
}

.content-header-wrap .favourite-service-button {
    font-size: 21px;
}

.content-view-header {
    display: inline;
    margin: 0 !important;
}

.favorite-category {
    background-color: #f9f9f9;
}

.favorite-category-star {
    font-size: 14px !important;
    left: -3px;
}

.address-input-block {
    margin: 3px 0 4px 0;
    position: relative;
    width: 100%;
}

.address-input-block .address-input-button {
    border-radius: 0;
    height: 30px;
    line-height: 20px;
    min-width: 30px;
    position: absolute;
    right: 0;
    text-align: center;
}

.address-input-block .address-input-button span {
    font-size: 14px;
    padding: 0;
}

.additional-address {
    padding: 5px;
    text-align: right;
}

button.light-gray-button {
    background-color: #eee;
    margin: 0 5px;
}

button.light-gray-button:focus,
button.light-gray-button :hover {
    outline: none;
}

.width-100 {
    width: 100%;
}

.mt-minus-10 {
    margin-top: -10px;
}

.jar-search-label {
    text-align: right;
    vertical-align: initial;
    padding-top: 3px;
    width: 35%;
}

.z-groupbox .z-groupbox-content .repeating-form .repeating-form-responsive .i-macro-container .i-component-wrapper .jarSearchForm .jar-search-label {
    width: 37.4%;
}

.z-groupbox .z-groupbox-content .i-macro-container .i-component-wrapper .jarSearchForm .jar-search-label {
    width: 36.3%;
}

.jar-search-field-error {
    width: 97%;
    max-height: 24px;
}

.dynamic-jar-field {
    padding-left: 2px;
}

.jar-search-field {
    padding-left: 2px;
}

.jar-search-field .i-selectbox-wrapper {
    margin-bottom: 5px;
    width: 100%;
    height: 24px;
}

.jar-row-field {
    width: 97% !important;
    margin-bottom: 5px !important;
}

.bottom-border-1px {
    border-bottom: 1px solid #eee;
}

.modal-table {
    table-layout: fixed;
    width: 100%;
}

.attachments-modal {
    margin: 5px 0;
    border: 1px solid #e0e0e0;
}

.attachments-modal th,
.attachments-modal tr {
    color: #636363 !important;
}

.table-pagination-top {
    padding: 0 10px;
    font-size: 12px;
}

.table-pagination-top .total {
    margin-left: 5px;
}

.width-35 {
    width: 35px;
}

.table-pagination-bot {
    padding: 0 5px;
    font-size: 12px;
}

.m-footer-align {
    padding: 0;
    margin-left: -70px;
}

.btn.form-icon-only-button {
    background-color: transparent;
    color: black;
    padding: 6px 6px 6px 6px;
}

.btn.form-icon-only-button:active,
.btn.form-icon-only-button:focus,
.btn.form-icon-only-button:hover {
    background-color: transparent;
    color: black;
    webkit-box-shadow: unset !important;
    box-shadow: none !important;
}

.default-input-size input {
    font-size: 15px !important;
}

.btn-group .add-btn {
    font-size: 15px;
}

.btn-group .remove-btn {
    font-size: 15px;
}

.extendable-text-field .btn-link {
    border: none;
    padding: 0;
    margin-left: 2px;
    line-height: 0;
}

@media (min-width: 768px) {
    .mt-26 {
        margin-top: 26px;
    }
}

.wa {
    width: auto;
}

.mw30 {
    max-width: 30%;
}

.jarSearchForm .jar-search-field select {
    height: 24px;
    line-height: 24px;
}

.left-wb-all {
    text-align: left;
    word-break: break-all;
}

.search-item .searchItemLink {
    width: auto;
    text-align: left;
    background-color: transparent;
    text-decoration: underline;
}

.search-item .searchItemLink:hover,
.search-item .searchItemLink:focus,
.search-item .searchItemLink:active {
    text-decoration: none;
    color: #007db2;
}

.search-item .searchItemProviderLink {
    display: inline;
    background-color: transparent;
    vertical-align: top;
    width: auto;
}

.pl-2 {
    padding-left: 2px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-30 {
    padding-left: 30px;
}

.z-calendar-weekday {
    color: #333333;
}

.z-calendar-weekend {
    color: #a25c06;
}

.z-calendar-outside {
    color: #666666;
}

.z-calendar-selected {
    color: #006d8f;
}

@media (max-width: 991px) {
    .steps .step {
        padding-left: 5px !important;
    }

    .steps .step .mobile-show {
        display: block !important;
    }

    .steps .step .mobile-hide {
        display: none !important;
    }

    .specific-feedback .service-title-wrapper span {
        padding-left: 0 !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .specific-feedback .service-title-wrapper .service-title-label {
        padding-right: 30px;
    }
}

.default-input-size input {
    font-size: 15px !important;
}

.default-link-color {
    color: #006b94 !important;
}

.btn-group .add-btn {
    font-size: 15px;
}

.btn-group .remove-btn {
    font-size: 15px;
}

.z-calendar-weekday {
    color: #333333;
}

.z-calendar-weekend {
    color: #a25c06;
}

.z-calendar-outside {
    color: #666666;
}

.z-calendar-selected {
    color: #006d8f;
}

.v-container-width100 .ap-address-panel {
    width: 100% !important;
}

.agreement-label-right label {
    font-weight: normal;
    padding-left: 5px;
}

.responsive-date-box {
    width: 20% !important;
}

@media (max-width: 1199px) {
    .responsive-date-box {
        width: 30% !important;
    }
}

@media (max-width: 991px) {
    .responsive-date-box {
        width: 40% !important;
    }
}

@media (max-width: 767px) {
    .responsive-date-box {
        width: 50% !important;
    }
}

@media (max-width: 460px) {
    .responsive-date-box {
        width: 80% !important;
    }
}

.display-ib {
    display: inline-block;
}

.composite-service-list-item {
    margin-top: 5px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
}

.composite-service-new-msg:before {
    background: url("img/icon-new-message.png") no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    content: "";
    margin-left: 5px;
}

@media (min-width: 991px) {
    .composite-list-item-text {
        padding-left: 0;
        left: -10px;
    }
}

.composite-question-circle {
    padding: 0px;
    color: #007db2;
    font-size: 16px;
}

.composite-service-task-icon {
    color: #d43f3a;
    font-size: 14px;
}

.border-grey {
    border-color: #575757;
}

.border-grey .top-only {
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
    border-top-color: #575757;
}

.border-grey .grey {
    color: #575757;
}

.border-green {
    border-color: #00856a;
}

.border-green .top-only {
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
    border-top-color: #00856a;
}

.border-green .green {
    color: #00856a;
}

.border-red {
    border-color: #d43f3a;
}

.border-red .top-only {
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
    border-top-color: #d43f3a;
}

.border-red .red {
    color: #d43f3a;
}

.border-blue {
    border-color: #007db2;
}

.border-blue .top-only {
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
    border-top-color: #007db2;
}

.border-blue .blue {
    color: #007db2;
}

.ta-left {
    text-align: left;
}

.suggested-services .service-row {
    border-bottom: 1px solid #e0e0e0;
}

.bg-offerred {
    background-color: #efefef;
}

.btn-suggestions {
    margin-left: 10px;
    background-color: #bdbdbd;
}

.reminder-modal-row {
    border: 1px solid #e0e0e0;
    padding: 0px;
    right: -15px;
    width: 95%;
}

.display-f {
    display: flex;
}

.reminder-day-select {
    padding-left: 5px;
}

.reminder-day-select .i-selectbox-wrapper {
    min-width: auto !important;
}

.profile-reminders-flexbox {
    justify-content: flex-start;
    align-items: center;
}

.profile-reminders-container {
    align-items: center;
}

.reminder-trash-btn {
    font-size: 14px;
    border: none;
    background: none;
    box-shadow: none;
    padding: 4px 0px 10px;
    margin-left: 3px;
    cursor: pointer;
}

.reminder-trash-btn:hover {
    border: none;
    background: none;
}

.reminder-trash-btn:focus {
    outline: none !important;
}

.composite-service {
    background-color: #E9F8F5;
}

.no-border {
    border: none;
}

a.tip:hover {
    text-decoration: none;
}

.provision-list-item {
    margin-top: 5px;
    margin-left: 5px;
    padding: 15px 25px;
    border-width: 1px;
    border-style: solid;
}

.provision-list-item:hover {
    background-color: #f9f9f9;
}

.provision-list-state {
    margin-top: 5px;
    border-style: solid;
}

.provision-list-container {
    margin-top: 5px;
}

.vertical-align-fix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

@media (max-width: 670px) {
    .vertical-align-fix {
        transform: translateY(25%);
        -webkit-transform: translateY(25%);
    }
}

.status-step-vertical-align-mobile {
    transform: translateY(25%);
    -webkit-transform: translateY(25%);
}

.status-step-bottom {
    bottom: -2px;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 50%;
    z-index: 3;
    transform: translateY(100%) translateX(-50%);
    -webkit-transform: translateY(100%) translateX(-50%);
    border-right: solid transparent;
    border-left: solid transparent;
    border-top: solid;
}

.status-step-bottom-bg {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: 1px;
    left: 50%;
    z-index: 4;
    transform: translateY(100%) translateX(-50%);
    -webkit-transform: translateY(100%) translateX(-50%);
    border-right: solid transparent;
    border-left: solid transparent;
    border-top: solid #fdfdfd;
}

.status-step-top {
    top: -1px;
    width: 0;
    height: 0;
    display: block;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    border-right: solid transparent;
    border-left: solid transparent;
    border-top: solid;
}

.status-step-top-bg {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: -4px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    border-right: solid transparent;
    border-left: solid transparent;
    border-top: solid #fdfdfd;
}

.providerStatusContainer {
    padding: 0px 20px;
}

.providerStatusContainer .statusMessage {
    padding: 15px 40px;
    border-radius: 5px;
}

.overflow-x-clip {
    overflow-x: clip;
}

.comp-child-item {
    display: inline-flex;
    padding: 0px !important;
}

.color-black {
    color: #333333;
}

.scrollable-modal {
    overflow-y: auto;
    max-height: 75vh;
}

.clickable:hover {
    cursor: pointer;
}

.height-50 {
    height: 50px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-15 {
    padding-right: 15px !important;
}

.tooltip-wrapper .btn[disabled] {
    pointer-events: none;
}

.tooltip-wrapper.disabled {
    cursor: not-allowed;
}

.feedbackInvitation {
    padding: 14px 15px 14px 30px;
    background-color: #FCF8E3;
    border-radius: 10px;
    border: solid 1px #FAEBCC;
    color: #8A6D3B;
}

.feedbackInvitation .x-btn {
    background: none;
    border: none;
    font-size: 11px;
    font-weight: 700;
}

.feedbackInvitationParent .row:last-child {
    border-bottom: 1px solid #e0e0e0;
}

.feedback-template-wrapper .single-survey-wrapper .title {
    font-weight: bold;
    margin-top: 5px;
}

.feedback-template-wrapper .single-survey-wrapper .date-line {
    display: flex;
}

.feedback-template-wrapper .single-survey-wrapper .date-label {
    font-weight: bold;
    padding-left: 0px;
    margin-bottom: 5px;
    margin-right: 20px;
}

.feedback-template-wrapper .single-survey-wrapper .date-value {
    color: #757575;
}

.feedback-template-wrapper .single-survey-wrapper .description-line {
    display: flex;
    margin-bottom: 5px;
}

.feedback-template-wrapper .single-survey-wrapper .description-label {
    font-weight: bold;
    padding-left: 0px;
    margin-bottom: 5px;
    margin-right: 20px;
}

.feedback-template-wrapper .single-survey-wrapper .description-value {
    word-wrap: break-word;
}

.feedback-template-wrapper .single-survey-wrapper .button-wrapper {
    display: flex;
    justify-content: center;
}

.feedback .bottom-divider {
    border-bottom: solid 2px #EEEEEE;
}

.feedback .specific-feedback .responsiveDynamicFormContainer .row {
    padding-top: 0px;
}

.feedback .specific-feedback .cbg-checkgroup span {
    display: flex !important;
    align-items: center !important;
}

.feedback .specific-feedback .cbg-checkgroup span input[type=checkbox] {
    display: inline;
}

.feedback .specific-feedback .cbg-checkgroup span label {
    margin-bottom: 0px;
    margin-left: 1px;
}

.feedback .specific-feedback .i-macro-container .agreement-check {
    display: flex !important;
    align-items: center !important;
}

.feedback .specific-feedback .i-macro-container .agreement-check input[type=checkbox] {
    display: inline;
}

.feedback .specific-feedback .i-macro-container .agreement-check label {
    margin-bottom: 0px;
    margin-left: 2px;
}

.feedback .specific-feedback .service-title-wrapper span {
    padding: 3px 30px 3px 2px;
}

.feedback .specific-feedback .service-title-wrapper .service-title-label {
    text-align: right;
    padding-right: 30px;
}

.feedback .specific-feedback .service-title-wrapper .service-title-value {
    font-weight: bold;
}

.feedback .specific-feedback .z-radio-content {
    display: inline;
}

.feedback .specific-feedback .specific-feedback-form {
    margin-top: 15px;
}

.feedback .specific-feedback .specific-feedback-form .z-checkbox {
    display: flex !important;
    align-items: center !important;
}

.feedback .specific-feedback .specific-feedback-form .z-checkbox input[type="checkbox"] {
    display: inline;
}

.feedback .specific-feedback .specific-feedback-form .z-checkbox label {
    margin-bottom: 0px;
}

.feedback .specific-feedback .specific-feedback-form .z-textbox {
    margin-top: 5px;
}

.rating-row {
    display: flex;
    align-items: center;
}

.rating-star-base {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: inherit;
    color: #bdbdbd;
}

.rating-star-base.rating-star-hover {
    color: #fcdc00;
}

.rating-star-base.rating-star-selected {
    color: #fcdc00;
}

@media (max-width: 400px) {
    .rating-star-base {
        font-size: 35px;
    }
}

@media (min-width: 401px) {
    .rating-star-base {
        font-size: 40px;
    }
}

@media (min-width: 541px) {
    .rating-star-base {
        font-size: 50px;
    }
}

.rating-star-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.repeating-form-buttons-hidden .repeating-form-buttons {
    display: none;
}

.repeating-form-buttons-hidden .subform-container {
    border-bottom: 1px solid #e5e5e5;
}

.reviews-main {
    padding: 0;
}

.review-wrapper {
    padding-bottom: 10px;
}

.reviews-name {
    font-weight: bold;
    margin-bottom: 20px;
}

.reviews-date {
    text-align: right;
    color: #757575;
    font-size: 13px;
}

.reviews-question-answer-line {
    padding-bottom: 50px;
}

.review-question {
    line-height: 1.6;
    word-break: break-word;
}

.review-answer {
    line-height: 1.6;
    word-break: break-word;
}

.exclamation-sign-warning {
    color: #ee9c26;
}

.order-review-btn {
    color: #ffffff;
    background-color: #00856a;
    min-height: 33px;
    width: 100%;
    border: none;
}

.order-review-modal {
    text-align: left;
    white-space: normal;
}

.modal-title {
    text-align: left;
}

.conversationParent link {
    cursor: pointer;
}

.conversationParent .message {
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

.conversationParent .title {
    font-weight: bold;
    font-size: 20px;
}

.conversationParent .link {
    cursor: pointer;
}

.required-label::after {
    content: "*";
    color: red;
}

.faq-new-request {
    padding: 15px 0;
}

.checkbox-label-inline label {
    display: inline;
}

.dashboard-item-adjust .z-macro {
    width: 100% !important;
}

.has-error .jarSearchForm .z-div .i-selectbox-wrapper {
    border-color: #cfcfcf !important;
}

.has-error .jarSearchForm .z-div .i-selectbox-wrapper .i-selectbox-placeholder {
    color: #333333 !important;
}

.has-error .jarSearchForm .z-label {
    color: #333333 !important;
}

.has-error .jarSearchForm .z-textbox-disabled {
    border-color: #777777 !important;
}

.fit-available-space {
    width: -webkit-fill-available;
    width: -moz-available;
}

.contract-preview-data-group-title {
    margin-top: 10px;
    margin-bottom: 10px;
}

.contract-preview-row .i-form-view-label {
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.contract-preview-row .i-form-view-value {
    margin-left: 0px !important;
}

.selected-border {
    outline: 3px solid #007db2 !important;
    outline-offset: 0 !important;
}

.glyphicon-shopping-cart {
    color: #00856a;
}

.composite-service-new-msg {
    margin-right: 25px;
}

.btn.btn-secondary {
    color: #333;
    background-color: #cccccc;
}

.btn.btn-secondary:hover {
    background-color: #b4b4b4;
}

.confirmation-content {
    padding-left: 5px;
    display: inherit;
}

.cursor-pointer {
    cursor: pointer;
}

.views-counter {
    color: #a2a2a2;
}

.z-textbox,
.z-numbox,
.z-intbox,
.z-longbox,
.z-doublebox,
.z-decimalbox,
.z-datebox-input,
.multiselect-toggle,
.i-selectbox,
input {
    font-size: 15px !important;
}

.button-for-email-verification {
    border: none;
    background-color: inherit;
    margin-bottom: 3px;
}

.ut-status {
    border: 2px solid #007db2;
    color: #007db2;
    padding: 0 5px;
    display: inline-block;
    line-height: 19px;
    text-align: center;
    border-radius: 2px;
    min-width: 100px;
}

.ut-section {
    padding-top: 15px !important;
    padding-bottom: 5px !important;
}

.consent-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    background: #f9f9f9;
    border: 1px solid #006d8f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 20px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
    .consent-bar .consent-center {
        display: flex;
        align-items: center;
    }
}

.consent-bar .consent-check {
    margin: 8px 0;
}

@media (max-width: 767px) {
    .consent-bar .consent-text {
        margin-bottom: 20px;
    }
}

.consent-bar button,
.consent-bar .privacy-policy {
    width: 100%;
}

.word-break-bw {
    word-break: break-word;
}

.eidas-icon {
    width: 48px;
    height: 48px;
}

.contract-attachment-icon {
    height: 15px;
}

.consents-header-tab {
    border-bottom: 1px solid #e0e0e0;
}

.consents-header-tab a:link,
.consents-header-tab a:visited,
.consents-header-tab a:active {
    text-decoration: none;
}

.consents-header-tab a.consents-selected {
    color: black;
}

.consents-header-tab h2 span {
    padding: 15px;
}

.statistics-row {
    bottom: 0;
    width: -webkit-fill-available;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 991px) {
    .statistics-row {
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .statistics-row {
        display: none;
    }
}

.statistics-row .statistics-tab {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    color: #005745;
    font-weight: bold;
    height: 75px;
    width: 19%;
}

@media (max-width: 991px) {
    .statistics-row .statistics-tab {
        width: 49%;
    }
}

.statistics-row .statistics-tab .h-50 {
    height: 50%;
}

.statistics-row .statistics-tab .h-100 {
    height: 100%;
}

.statistics-row .statistics-tab .data-text {
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 0.9;
    font-weight: bold;
    top: 35%;
    position: relative;
}

.statistics-row .statistics-tab .explanation-text {
    font-size: 12px;
}

.inner-page .search-container {
    position: relative;
}

.feedback-template-wrapper .responsiveDynamicFormContainer .error-message {
    font-weight: bold;
}

.page .service-order-nav.feedback-wizard .steps {
    margin: 0px;
    height: 33px;
}

.contract-services-search {
    display: flex;
    align-items: flex-end;
}

.contract-services-search .i-selectbox-wrapper {
    width: 100%;
}

.no-padding {
    padding: 0 0;
}

.contract-services-list .responsive-table {
    border-left: none;
    border-right: none;
}

.contract-services-list .responsive-table .validity-text {
    white-space: pre-line;
}

.info-message-box {
    padding: 5px;
    background-color: #EEEEEE;
    border: 1px solid #cccccc;
}

.modal-w-70vw {
    width: 70vw;
}

.mobile-search .search {
    display: flex !important;
}

.row-pb-10 {
    padding-bottom: 10px;
}

.search-filter-header {
    font-size: 1.1em;
    margin-bottom: 25px;
    padding-left: 30px;
    padding-top: 10px;
    font-weight: bold;
}

.search-filter-header[visible="false"] {
    visibility: hidden;
    flex: 1;
    min-width: 0;
}

.search-filter-content {
    padding-left: 20px;
}

.collapsed-search-filter {
    width: 50px;
    overflow: hidden;
}

.toggle-filters-expand,
.toggle-filters-collapse {
    width: 30px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    border: none;
    cursor: pointer;
    background: transparent;
    color: #007db2;
    display: inline-block;
    margin-left: auto;
}

.side-menu-strip {
    transition: width 2s;
    width: 50px;
    padding-left: 0;
    padding-right: 3px;
}

.service-list-expanded {
    width: calc(100% - 50px);
    float: right;
}

.toggle-filters-expand {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .filter-controls-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .mobile-show {
        display: none;
    }
}

@media (max-width: 767px) {
    .filter-controls-container {
        display: none;
    }
}

.login-label {
    padding-right: 25px;
    line-height: 30px;
    text-align: right;
}

.login-label label {
    font-weight: normal;
}

.login-label label:hover {
    cursor: default;
}

.login .attention-label {
    font-weight: bold;
    padding-right: 5px;
}

.login #appletContainer p {
    margin: 20px 0 10px 0;
}

.login .alert {
    margin-top: 15px;
    margin-bottom: 0;
}

.login .alert-warning {
    margin-top: 15px;
    margin-bottom: 15px;
}

.login .alert-bad-creds {
    margin-top: 0px;
    margin-bottom: 20px;
}

.login-error {
    margin-top: 20px;
}

.modal-body #appletData {
    width: 100%;
    margin: 10px auto 0 auto;
}

.modal-body #appletData .login-button {
    padding-left: 17px;
    display: inline-block;
    background: url('img/lock-blue.png') no-repeat 0 1px;
    margin-bottom: 0;
}

.modal-body #appletData .row {
    padding: 3px 0;
}

.modal-body #appletData .applet-row {
    padding: 6px 5px;
    line-height: 140%;
}

.modal-body #appletData .certificate-owner {
    font-size: 14px;
    color: #007db2;
    font-weight: bold;
}

.modal-body #appletData .applet-login {
    text-align: right;
    padding-top: 5px;
}

.modal-body .z-signer {
    height: 1px;
}

.modal-body .login-info-text {
    margin-right: 10px;
}

.modal-body .login-extra-info a {
    text-decoration: underline;
}

.modal-body .login-extra-info a:hover {
    text-decoration: none;
}

.modal-body .loading-applet-content {
    margin-top: 20px;
    width: auto;
    text-align: center;
}

.modal-body .loading-applet-content .loading-applet-icon {
    display: inline-block;
    width: 25px;
    height: 30px;
    background: url('img/icon-loader.gif') no-repeat 0 0;
    background-size: 25px 25px;
    vertical-align: middle;
}

.modal-body .loading-applet-content .loading-applet-text {
    display: inline-block;
    margin-left: 15px;
    color: #007DB2;
    font-size: 13px;
    font-weight: 600;
}

.modal-body .login-row {
    border-bottom: none;
}

.modal-body .login-row .option-1.banks {
    padding-bottom: 0;
}

.login-group {
    margin: 5px 0 10px 0;
    font-size: 15px;
}

.login-foreigners {
    border-right: 1px solid #e0e0e0;
    text-align: center;
    height: 135px;
    padding-top: 25px;
    color: #666666;
}

.login-foreigners p {
    padding: 10px 20px 0 20px;
}

.login-password-google,
.login-paysera {
    border-left: 1px solid #E0E0E0;
    margin-top: -20px;
    padding-top: 20px;
    margin-left: -1px;
}

.login-password-label {
    color: #000000;
    padding-left: 15px;
}

.login-row {
    padding-top: 20px;
    border-bottom: 1px solid #e0e0e0;
    color: #666666;
}

.login-row h1 {
    margin: 0 0 21px 0;
}

.login-row b {
    color: #333;
}

.login-row .login-bank {
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    height: 90px;
    margin-bottom: -1px;
    line-height: 90px;
}

.login-row .login-bank img {
    max-width: 130px;
}

.login-row .login-password {
    border-right: 1px solid #e0e0e0;
    text-align: center;
    margin-bottom: -1px;
    height: 90px;
    padding-top: 25px;
    color: #666666;
}

.login-row .login-signature,
.login-row .login-mobile {
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    min-height: 130px;
    height: max-content;
    padding-top: 25px;
    color: #666666;
}

.login-row .login-signature p,
.login-row .login-mobile p {
    padding: 10px 20px 0 20px;
}

.login-row .login-signature img,
.login-row .login-mobile img {
    max-height: 60px;
}

.login-row .login-google {
    line-height: 130px;
    text-align: center;
}

.login-row .option-1.option-1-top {
    padding-top: 27px;
    margin-top: -27px;
}

.login-row .option-2 .col {
    text-align: center;
    line-height: 50px;
    margin-bottom: 20px;
    margin-top: 11px;
    padding-right: 30px;
}

.login-row .option-2 p {
    line-height: 130%;
}

#appletError.alert {
    padding: 10px 0;
}

#appletError.alert-danger {
    text-align: center;
    margin-bottom: 15px;
}

#appletError.alert-danger h3 {
    font-weight: 500;
    color: #a94442;
}

@media (max-width: 991px) {
    .login-password-google {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .login .login-label {
        text-align: left;
    }

    .login-foreigners {
        height: 150px;
        padding-top: 20px;
    }

    .login-foreigners p {
        padding: 10px 0 0 0;
    }

    .login-password-google {
        border-top: 1px solid #e0e0e0;
    }

    .login-row .login-password {
        border-right: none;
    }

    .modal-body #appletData .applet-row:hover {
        background: none;
    }

    .modal-body #appletData .row {
        padding: 0;
    }

    .modal-body #appletData .applet-date div {
        display: inline-block;
        margin-right: 3px;
    }

    .modal-body #appletData .col-xs-12 {
        padding: 3px 6px;
    }

    .modal-body #appletData .login-button {
        border-radius: 0;
        border: 0;
        font-size: 13px;
        padding: 8px 16px 9px 16px;
        background: #007db2;
        color: #fff;
    }

    .modal-body #appletData a.login-button:hover {
        text-decoration: none;
        background: #007db2;
    }
}

@media (max-width: 599px) {
    .login .option-1 .image {
        width: 50%;
    }
}

.login-label {
    padding-right: 25px;
    line-height: 30px;
    text-align: right;
}

.login-label label {
    font-weight: normal;
}

.login-label label:hover {
    cursor: default;
}

h2 span.no-bold {
    padding-right: 5px;
    font-weight: normal !important;
}

.radiogroup-horizontal span {
    margin-right: 28px;
    position: relative;
    display: inline-block;
    top: 1px;
}

.radiogroup-horizontal span:last-child {
    margin-right: 0;
}

.has-error label {
    color: #d43f3a !important;
}

.has-error input,
.has-error textarea {
    border-color: #da798f !important;
}

.has-error span {
    color: #d43f3a !important;
}

.has-error .i-selectbox-wrapper {
    border-color: #da798f !important;
}

.has-error select option {
    color: #333333 !important;
}

/****** MESSAGES ******/
.messages-container .messages-create {
    text-align: left;
}

/****** TASK REVIEW ******/
.task-review .main-row {
    padding-bottom: 10px;
}

.task-review .task-bottom-btns .btn {
    margin-bottom: 10px;
}

/****** SERVICE DESK && INCIDENT REQUESTS ******/
.service-desk .incidents-table,
.incident-requests .incidents-table {
    padding-bottom: 25px;
}

.service-desk .profile-data-row,
.incident-requests .profile-data-row {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.service-desk .profile-data-row:hover,
.incident-requests .profile-data-row:hover {
    background: #f1f1f1;
}

.service-desk .instituion-label,
.incident-requests .instituion-label {
    margin-top: 8px;
}

@media (min-width: 992px) {
    .service-desk .instituion-label,
    .incident-requests .instituion-label {
        margin-left: 15px;
        width: 20%;
    }
}

.service-desk .no-entries,
.incident-requests .no-entries {
    padding: 20px 0 40px 0;
    margin-left: 5px;
    text-align: center;
    font-size: 13px;
    color: #666666;
}

.service-desk .incident-header .back-btn-top,
.incident-requests .incident-header .back-btn-top {
    display: inline-block;
    line-height: 20px;
    font-size: 15px;
    font-weight: normal;
}

.service-desk h1 .z-text,
.incident-requests h1 .z-text {
    margin-right: 20px;
}

.service-desk .back-btn-bottom,
.incident-requests .back-btn-bottom {
    padding: 20px 30px 20px 30px;
}

.service-desk .back-btn-bottom a .glyphicon,
.incident-requests .back-btn-bottom a .glyphicon {
    font-size: 13px;
}

.service-desk .comment-btn,
.incident-requests .comment-btn {
    padding: 0px 30px 10px 30px;
    float: right;
}

.service-desk span.z-upload input,
.incident-requests span.z-upload input {
    font-size: 120%;
}

.service-desk .fileupload-btn,
.incident-requests .fileupload-btn {
    padding: 0px 30px 10px 30px;
    float: right;
}

.service-desk .fileupload-btn .btn::before,
.incident-requests .fileupload-btn .btn::before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-right: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\2b";
}

.service-desk .main-tab-paging,
.incident-requests .main-tab-paging {
    margin: 25px 0 0 0;
}

.service-desk .new-incident,
.incident-requests .new-incident {
    margin-left: -15px;
}

.service-desk .incident-detailed-info,
.incident-requests .incident-detailed-info {
    padding-top: 30px;
}

.service-desk .changes-history,
.incident-requests .changes-history,
.service-desk .changes-line,
.incident-requests .changes-line {
    text-align: right;
    color: #666;
}

.service-desk .incidents-tab .tab-pane,
.incident-requests .incidents-tab .tab-pane {
    padding: 15px 0 0 0;
}

.service-desk .incidents-tab .tab-pane .top .pagination,
.incident-requests .incidents-tab .tab-pane .top .pagination {
    margin: 0 15px 20px 0;
}

.service-desk .incident-details-buttons,
.incident-requests .incident-details-buttons {
    margin: 20px 15px 20px 15px;
}

.service-desk .incident-details-buttons .btn,
.incident-requests .incident-details-buttons .btn {
    float: right;
    margin-right: 15px;
}

.service-desk .form-control,
.incident-requests .form-control {
    resize: vertical;
    border-color: #cfcfcf;
}

.service-desk .modal-line,
.incident-requests .modal-line {
    padding-top: 5px;
    padding-bottom: 5px;
}

.service-desk .modal-line .glyphicon-remove,
.incident-requests .modal-line .glyphicon-remove {
    border: none;
    background: transparent;
    color: #f0ad4e;
}

.service-desk .modal-line .glyphicon-remove:hover,
.incident-requests .modal-line .glyphicon-remove:hover,
.service-desk .modal-line .glyphicon-remove:active,
.incident-requests .modal-line .glyphicon-remove:active,
.service-desk .modal-line .glyphicon-remove:focus,
.incident-requests .modal-line .glyphicon-remove:focus {
    color: #ec971f;
}

.service-desk .incident-history-pagination,
.incident-requests .incident-history-pagination {
    margin-top: 20px;
    margin-bottom: 20px;
}

.service-desk .incident-description,
.incident-requests .incident-description,
.service-desk .incident-details,
.incident-requests .incident-details {
    word-wrap: break-word;
}

.service-desk .no-attachments,
.incident-requests .no-attachments,
.service-desk .no-comments,
.incident-requests .no-comments {
    text-align: center;
    padding-top: 10px;
}

.service-desk .responsive-table,
.incident-requests .responsive-table {
    border: none;
}

.service-desk .link-as-text,
.incident-requests .link-as-text {
    color: inherit;
    text-decoration: inherit;
}

.service-desk .link-as-text:hover,
.incident-requests .link-as-text:hover {
    text-decoration: underline;
    color: inherit;
    cursor: pointer;
}

.service-desk .limitation,
.incident-requests .limitation {
    color: #666;
    padding-top: 5px;
}

.service-desk .error-message,
.incident-requests .error-message {
    color: #c82a4f;
    padding-bottom: 5px;
}

.service-desk .task-description-label,
.incident-requests .task-description-label {
    width: 14.58333333%;
}

.service-desk .service-information-table,
.incident-requests .service-information-table {
    width: 100% !important;
}

/******INCIDENT DETAILS TABS ******/
.incident-details .nav-tabs li a {
    display: inline-block;
    padding: 15px 20px 15px 30px;
}

.incident-details .nav-tabs li.active a {
    border-right-color: #e0e0e0;
}

.incident-details .nav-tabs li button {
    display: none;
}

.incident-details .nav-tabs li .inactive-button {
    color: #b9b9b9;
    display: inline-block;
    padding-left: 20px;
}

.incident-details .nav-tabs li .inactive-button:before {
    content: "\2b";
}

.incident-details .nav-tabs li.active .inactive-button {
    display: none;
}

.incident-details .nav-tabs li.active button {
    display: inline-block;
    border: none;
    color: #00856a;
    padding: 15px 25px 15px 0;
    background: #fff;
    line-height: 1.42857143;
    border-right: 1px solid #eee;
}

.incident-details .nav-tabs li.active button.glyphicon {
    top: -2px;
    font-weight: 700;
    position: initial;
}

.incident-details .nav-tabs li.active button:hover,
.incident-details .nav-tabs li.active button:active,
.incident-details .nav-tabs li.active button:focus {
    color: #0c725d;
    cursor: pointer;
}

/****** TEMPLATE ******/
.template {
    position: relative;
    height: auto;
    min-height: 100%;
}

/****** CHANGE PERSON ******/
.change-person h4 {
    color: #444;
    padding: 25px 0 20px 0;
    font-weight: bold !important;
}

.change-person input[type="text"] {
    width: 100%;
    margin-left: 10px;
}

.change-person a {
    width: 100%;
}

.change-person .row {
    display: flex;
    align-items: center;
}

.change-person .person-row {
    padding: 10px 0 10px 0;
    border-bottom: #e0e0e0 1px solid;
}

@media (max-width: 992px) {
    .change-person .person-row {
        font-size: 12px;
    }

    .change-person .person-row .btn {
        width: 100%;
        height: 30px;
        line-height: 30px;
        padding: 0 8px 0 8px;
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .change-person .person-row {
        font-size: 15px;
    }
}

.change-person .legal-entity-row {
    padding: 10px 0 10px 0;
}

.change-person .title-row {
    font-weight: bolder;
    border-bottom-width: 3px;
}

.change-person .legal-entity-title-row {
    alignment: left;
}

.change-person .col-xs-12,
.change-person .col-xs-4,
.change-person .col-xs-3,
.change-person .col-xs-2 {
    height: 100%;
}

.change-person .change-person-content {
    padding-bottom: 20px;
}

.change-person .btn-legal-entity-expand {
    border: none;
}

.change-person .create-employee-account {
    padding: 10px 0 10px 0;
}

/* Document preview */
.document-preview span {
    display: inline;
    margin: 0px;
}

/* Service order info */
.info-sign span:nth-child(n) > a:after {
    content: ', ';
}

.info-sign span:last-child > a:after {
    content: '';
}

.background-small .history-status {
    margin: 0 5px;
}

/****** SERVICES ******/
.service-actions .btn {
    margin-top: 10px;
}

.service-steps {
    line-height: 120%;
}

.service-step {
    padding: 3px 0 3px 0;
}

.reject-task {
    margin-top: 20px;
}

.reject-task .z-textbox {
    resize: none;
}

.reject-task .reject-comments textarea {
    width: 100%;
}

.toggle-contacts table td {
    color: #444;
}

.tab-pane-filter .i-selectbox-wrapper {
    width: 100%;
}

.tab-pane-filter-row .form-group input[type="checkbox"] {
    margin: 0 10px 1px 0;
}

.page .tab-content .tab-pane .tab-pane-filter .tab-pane-filter-row .z-checkbox label,
.page .panel-body .tab-pane-filter .tab-pane-filter-row .z-checkbox label {
    display: inline-block;
}

.my-services-paging {
    margin: 27px 0 0 15px;
    display: inline-block;
}

.my-services-pagging-bottom {
    padding: 0 30px;
}

.service-list-results,
.service-drafts-results {
    text-align: center;
    font-size: 13px;
    color: #666666;
}

.page .tab-content .tab-pane .service-drafts .tab-pane-results .tab-pane-result .btn {
    margin: 10px 10px 0 0;
}

.service-list-results {
    padding: 25px 15px 25px 15px;
    border-top: 1px solid #eee;
}

.service-drafts-results {
    padding: 30px 15px 20px 15px;
}

@media (max-width: 767px) {
    /****** DOCUMENT PREVIEW ******/
    .page .document-preview span {
        display: inline;
        margin: 0px;
    }

    /***** SERVICE DESK ******/
    .service-desk .incident-details-left {
        margin-bottom: 5px;
    }

    .service-desk .incident-details-buttons {
        margin: 15px 0;
    }

    .service-desk .incident-details-buttons .btn {
        margin-bottom: 5px;
    }

    .service-desk .incident-detailed-info {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .service-desk .incident-details-buttons .btn {
        float: left;
        margin-left: 8px;
    }

    .service-desk span.z-upload input {
        font-size: 120%;
    }

    .service-desk .back-btn-bottom {
        padding: 20px 15px;
    }

    .service-desk .review-incident-btn {
        padding-left: 15px;
        margin-left: 35%;
    }

    .service-desk .form-control {
        resize: vertical;
        border-color: #cfcfcf;
    }

    /****** SERVICE DRAFTS *****/
    .service-drafts .pagination {
        padding: 14px 15px 17px 15px;
    }

    .page .tab-content .tab-pane .service-drafts .tab-pane-results .tab-pane-result .btn {
        margin: 10px 0 0 10px;
    }

    .incident-details .nav-tabs li.active button {
        border-right: none;
    }

    .incident-details .nav-tabs li a {
        width: 100%;
    }

    .incident-details .nav-tabs li.active a {
        width: auto;
    }
}

@media (max-width: 479px) {
    .toggle-contacts table,
    .toggle-contacts tbody,
    .toggle-contacts tr {
        display: block;
        width: 100% !important;
    }

    .toggle-contacts td {
        display: inline-block;
        width: 49%;
        word-wrap: break-word;
    }

    .service-search-dates .form-group-datepicker {
        padding: 0 16px;
    }

    .my-services-pagging-bottom {
        padding: 0;
    }
}

.auth-log-item {
    border-bottom: 1px solid #eee;
    padding-top: 5px;
    padding-bottom: 5px;
}

.auth-log-item .row {
    margin-left: 0;
    margin-right: 0;
}

.auth-log-item:last-child {
    border-bottom: 0px;
}

.base-dashboard-profile {
    background: #eee;
    padding: 10px;
}

.base-dashboard-profile .dashboard-table {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 0;
    height: 100%;
    width: 100%;
}

.base-dashboard-profile .dashboard-infocard-item {
    float: none;
    height: 100%;
    max-height: 600px;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%;
}

.base-dashboard-profile .dashboard-infocard-item .infocard-header {
    background: #fff;
    border: 1px solid #e0e0e0;
    display: table;
    height: 45px;
    margin: 5px 10px 0 10px;
}

.base-dashboard-profile .dashboard-infocard-item .infocard-header .header-icon {
    color: #00856a;
    font-size: 20px;
    margin-right: 10px;
}

.base-dashboard-profile .dashboard-infocard-item .infocard-header .header-icon.font-awesome {
    font-family: fontAwesome;
}

.base-dashboard-profile .dashboard-infocard-item .infocard-header .header-icon.glyphicon {
    padding-right: 0;
}

.base-dashboard-profile .dashboard-infocard-item .infocard-header .infocard-header-text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.base-dashboard-profile .dashboard-infocard-item .infocard-header .infocard-header-text h2 {
    display: inline-block;
    color: #00856a;
    margin: 0;
    padding-right: 5px;
    vertical-align: bottom;
}

.base-dashboard-profile .dashboard-infocard-item .infocard-header .infocard-header-icon {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.base-dashboard-profile .dashboard-infocard-item .infocard-header .infocard-header-icon div {
    width: 35px;
}

.base-dashboard-profile .dashboard-infocard-item .infocard-body {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-bottom: none;
    /* for the reason to make all cards the same height: parent height - margin - header height - footer height */
    height: calc(100% - 105px);
    margin: 0 10px 0 10px;
    max-height: 500px;
    overflow: hidden;
    padding: 10px 10px 10px 45px;
}

.base-dashboard-profile .dashboard-infocard-item .infocard-body .row {
    margin: 0;
}

.base-dashboard-profile .dashboard-infocard-item .infocard-footer {
    background: #fff;
    border: 1px solid #e0e0e0;
    font-weight: 700;
    height: 45px;
    margin: 0 10px 10px 10px;
    padding: 10px;
    text-align: right;
}

.base-dashboard-profile .dashboard-infocard-item .help-icon {
    font-size: 14px;
    color: #007db2;
    padding: 0 0 8px 1px;
    vertical-align: top;
}

.base-dashboard-profile .dashboard-infocard-item .pb-6 {
    padding: 0 0 6px 0;
}

.base-dashboard-profile .dashboard-infocard-item .alh-33 {
    min-height: 33px;
    padding-top: 8px;
    word-break: break-all;
}

.base-dashboard-profile .dashboard-infocard-item ul {
    padding: 0;
}

.base-dashboard-profile .dashboard-infocard-item ul li {
    list-style: none;
    line-height: 125%;
    min-height: 33px;
    position: relative;
    vertical-align: bottom;
}

.base-dashboard-profile .dashboard-infocard-item ul li a,
.base-dashboard-profile .dashboard-infocard-item ul li button {
    display: inline-block;
    padding-top: 8px;
    vertical-align: bottom;
}

@media (max-width: 991px) {
    .base-dashboard-profile .dashboard-table {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .base-dashboard-profile .dashboard-table {
        grid-template-columns: 100%;
    }
}

ul.dashboard-cards-list {
    list-style-type: none;
    padding: 0 0 0 25px;
    margin-bottom: 0;
}

.dashboard-cards-list .btn-default {
    color: #007db2;
    float: right;
}

.dashboard-cards-list li {
    display: inline-block;
    width: 100%;
    line-height: 36px;
}

.dashboard-new-element {
    cursor: pointer;
}

.dashboard-full-info {
    color: #00856a;
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.dashboard-full-info:hover,
.dashboard-full-info:focus {
    color: #00856a;
}

.dashboard-clear-history {
    text-align: right;
    line-height: 30px;
}

.dashboard-clear-history span {
    margin-right: 5px;
}

.dashboard-clear-history .clear-icon:after {
    content: "\e020";
    font-family: 'Glyphicons Halflings';
}

.dashboard-cards-list .row:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.dashboard-cards-list .btn {
    box-shadow: none;
}

.dashboard-cards-list .btn-default {
    background: transparent;
}

.dashboard-service-data {
    font-size: 12px;
    padding-bottom: 10px;
}

.dashboard-dynamic-card {
    height: 85%;
    overflow: hidden;
}

.dashboard-modal-restrictions {
    max-height: 500px;
    overflow-y: auto;
}

.confirm-remove {
    font-size: 14px;
}

.remove-infocard-history {
    padding-top: 8px;
    font-size: 12px;
}

.remove-infocard-history input[type=checkbox] {
    margin: 0 5px 0 0;
}

.remove-infocard-history label {
    font-weight: normal;
    margin: 0;
}

.new-upadate:before {
    background: url("img/icon-new-updates.png") no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    content: "";
    top: 50px;
    left: 37px;
    z-index: 2;
}

.profile-item-dynamic .load-indicator {
    position: absolute;
    left: 0;
    top: 90px;
    text-align: center;
    padding: 15px 0;
}

.profile-item-dynamic .load-indicator .load-indicator-icon img {
    background-size: 45px;
    display: inline-block;
    width: 45px;
    height: 45px;
    vertical-align: middle;
}

.profile-item-dynamic .load-indicator .load-indicator-label {
    display: block;
    padding-top: 10px;
    vertical-align: middle;
    font-size: 12px;
    color: #839096;
}

.profile-item-dynamic .provider-name {
    padding: 10px 0 5px 0;
    color: #fff;
}

.profile-item-dynamic .provider-name span {
    background: #007DB2;
    padding: 0 1px;
    box-shadow: 0px 0px 0px 3px #007db2;
    -webkit-box-shadow: 0px 0 0px 3px #007db2;
    -moz-box-shadow: 0px 0 0px 3px #007db2;
}

.dashboard-dynamic-card h2 {
    max-height: 45px;
    overflow: hidden;
}

.dashboard-download-infocard a {
    color: #444;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
}

.dashboard-download-infocard a:hover {
    color: #007db2;
}

.dashboard-reload-history {
    line-height: 230%;
}

.dashboard-update-info {
    display: inline-block;
}

.dashboard .profile-item .add:before {
    content: "";
    background: url('img/add.png') no-repeat 0 0;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    padding-right: 20px;
}

.dashboard .i-selectbox-wrapper,
.dashboard .i-selectbox {
    width: 100%;
}

.profile-item-dynamic:hover {
    background: #f5f5f5;
    cursor: pointer;
}

.html-content-wrapper {
    padding: 20px 0 10px 0;
}

@media (max-width: 991px) {
    .profile-item-dynamic .dynamic-card-image {
        left: 21px;
        top: 30px;
    }

    .new-upadate:before {
        top: 49px;
        left: 16px;
    }
}

@media (max-width: 767px) {
    .dashboard-cards-list li {
        line-height: 120%;
    }

    ul.dashboard-cards-list {
        padding: 0;
    }

    .dashboard-cards-list .btn-default:hover,
    .dashboard-cards-list .btn-default:active,
    .dashboard-cards-list .btn-default:focus {
        background: #f1f1f1;
    }

    .dashboard-clear-history {
        padding-top: 10px;
    }
}

@media (max-width: 310px) {
    .dashboard-cards-list .btn {
        padding: 8px 0 9px 0;
    }
}

.inbox-back {
    margin: 23px 0 21px 0;
}

.inbox-back a {
    line-height: 2.1;
}

.inbox-message-row {
    padding: 25px 0;
    border-bottom: 1px solid #f4f4f3;
}

.inbox-link {
    color: #444;
    display: inline-block;
}

.inbox-link:hover {
    color: #444;
    cursor: pointer;
    background: #f1f1f1;
}

.inbox-container .unread-messages {
    padding: 15px 16px;
    border-bottom: 1px solid #e0e0e0;
}

.inbox-container .unread-checkbox {
    line-height: 30px;
    text-align: right;
}

.inbox-container .unread-checkbox input[type=checkbox] {
    margin: 0 8px 0 0;
}

.inbox-container .no-messages {
    text-align: center;
    color: #666;
    padding: 30px 0 10px 0;
}

.inbox-container .inbox-row {
    padding: 25px;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
}

.inbox-container .inbox-new .inbox-sender,
.inbox-container .inbox-new .edelivery {
    font-weight: 700;
}

.inbox-container .inbox-row .glyphicon-remove {
    color: #9C9C9D;
    position: absolute;
    padding: 5px;
    right: 5px;
    top: 4px;
}

.inbox-container .inbox-row .glyphicon-remove:hover {
    cursor: pointer;
    color: #d9534f;
}

.inbox-container label {
    font-weight: normal;
    line-height: 125%;
}

.inbox-container .message-footer {
    padding: 15px 16px;
    text-align: center;
}

.inbox-container .message-footer a.btn .glyphicon {
    padding: 0 8px 0 0;
}

.inbox-container .main-row > .row {
    margin-bottom: 10px;
    margin-left: 5px;
}

.inbox-container .button-delete {
    text-align: right;
}

.inbox-container .inbox-paging {
    padding: 15px 30px;
}

.inbox-container .message-title h1 {
    display: inline-block;
}

.inbox-new .inbox-date:before {
    background: url("img/icon-new-message.png") no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    content: "";
    top: -18px;
    left: -8px;
}

@media (max-width: 767px) {
    .inbox-back a {
        line-height: 1.1;
    }

    .inbox-sender {
        padding: 10px 8px;
    }

    .inbox-message-sender {
        padding: 10px 8px;
    }

    .inbox-container .inbox-create {
        text-align: left;
    }

    .inbox-container .inbox-row {
        padding: 25px 16px;
    }

    .inbox-container .unread-messages {
        padding: 0;
    }

    .inbox-container .unread-messages .unread-checkbox {
        text-align: left;
        padding-left: 16px;
        padding-bottom: 10px;
    }

    .inbox-container .unread-messages .unread-checkbox .z-checkbox input[type=checkbox] {
        vertical-align: middle;
    }
}

.proxy-list-bottom {
    padding: 15px 30px;
}

.proxies-filter-combobox input[type="text"] {
    width: 249px;
}

.proxies-filter-combobox .z-combobox-button {
    height: 30px;
    min-height: 30px;
    width: 30px;
    padding-top: 9px;
    padding-left: 9px;
    border-left: none;
}

.proxies-list-results {
    padding: 25px 15px 20px 15px;
    text-align: center;
    font-size: 13px;
    color: #666;
}

.page .tab-content.proxies-pages .tab-pane {
    padding-bottom: 0;
}

.page .tab-content.proxies-pages .tab-pane .tab-pane-order .more-multiple {
    padding: 0;
}

/***** My Proxy Review ******/
.my-proxy-review .proxy-actions {
    text-align: center;
    margin-bottom: 15px;
}

.my-proxy-review .proxy-actions .btn {
    margin-right: 10px;
}

.my-proxy-review .row {
    padding-bottom: 5px;
}

.my-proxy-review ul {
    padding-left: 15px;
    margin-bottom: 0;
}

.my-proxy-review .proxy-documents {
    padding: 0 15px 25px 15px;
}

.my-proxy-review h3 {
    color: #444;
    padding: 20px 0;
}

.my-proxy-review .bank-image {
    display: inline-block;
    padding-right: 15px;
}

/* New Proxy */
.objects h2 {
    margin: 10px 0;
}

.objects .search-item {
    border-top: 1px solid #e0e0e0;
    padding: 10px 15px;
}

.objects .search-item .btn {
    float: right;
}

.objects a .glyphicon-search {
    padding: 0 8px 0 8px;
}

.objects .input-group-search {
    padding: 0;
}

.objects .objects-search {
    padding: 25px 15px;
}

.objects .objects-paging {
    border-top: 1px solid #eee;
    padding: 30px 45px;
}

.objects .objects-header {
    line-height: 30px;
}

.object-container input[type="checkbox"] {
    margin: 0;
    top: 0;
}

.object-container label {
    display: inline;
}

.object-container .object-line {
    padding: 3px 0;
}

.object-person {
    margin-right: 45px;
    display: inline-block;
}

.page .step-block .object-container .glyphicon {
    display: inline;
    margin-left: 2px;
}

.page .row.last .glyphicon {
    display: inline;
    margin-left: 2px;
}

@media (max-width: 767px) {
    /* General*/
    .inner-page .proxy-rows {
        line-height: 140%;
    }

    .inner-page .proxy-rows .col-md-7 {
        padding-bottom: 10px;
    }

    .inner-page .proxy-rows .row div:first-child {
        text-align: left;
    }

    .proxy-list-bottom {
        padding: 20px 10px;
    }

    .proxy-list-bottom .pull-right {
        float: left !important;
    }

    .proxy-list-bottom .btn {
        margin-top: 15px;
    }

    /* My Proxy Review */
    .my-proxy-review .proxy-actions {
        text-align: left;
    }

    .my-proxy-review .proxy-actions .btn {
        margin-bottom: 5px;
    }

    .total_price {
        padding-left: 0 !important;
    }

    .total_price b {
        float: none;
    }

    .total_price .glyphicon {
        display: inline;
        margin-left: 2px;
    }
}

/********** CONTENT **********/
.content-page {
    border-left: 1px solid #eee;
}

.content-page .content-list-item {
    padding: 0 15px 20px 30px;
}

.content-page .content-list-item .content-fav-btn div {
    left: -20px;
}

.content-page .faq-content-list-item {
    padding-bottom: 0;
}

.content-page .faq-content-list-item .faq-content-arrow {
    color: #006b94;
    float: right;
}

.content-page .faq-content-list-item .btn-content-body {
    font-size: 15px;
    color: #333333;
    background-color: #ffffff;
    cursor: pointer;
}

.content-page .faq-content-list-item .content-body {
    background-color: #eee;
    padding: 10px 30px 10px 35px;
    margin-bottom: 15px;
    overflow: auto;
    overflow-wrap: break-word;
}

.content-page .faq-content-list-item .content-container {
    padding: 20px 30px 20px 35px;
}

.content-page .faq-content-list-item .content-container:hover,
.content-page .faq-content-list-item .content-container:focus {
    text-decoration: none;
}

.content-page .content-list-item,
.content-page .faq-content-list-item {
    border-top: 1px solid #eee;
}

.content-page .content-list-item h2,
.content-page .faq-content-list-item h2 {
    margin: 20px 0 15px 0;
}

.content-page .content-list-item .content-fav-btn button,
.content-page .faq-content-list-item .content-fav-btn button {
    position: relative;
    left: -25px;
}

.content-page .content-list-item .faq,
.content-page .faq-content-list-item .faq {
    color: #444;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.content-page .content-list-item .faq.sub-category,
.content-page .faq-content-list-item .faq.sub-category {
    border-bottom: 1px solid #eee;
    padding: 25px 15px;
    font-size: 16px;
}

.content-page .content-list-item .faq.sub-sub-category,
.content-page .faq-content-list-item .faq.sub-sub-category {
    padding: 15px;
    font-size: 14px;
}

.content-page .inner-content {
    padding: 20px;
}

.content-page .content-include {
    padding-top: 15px;
}

.content-page .content-include label:hover {
    cursor: default;
}

.content-page .content-include img {
    max-width: 100%;
}

.content-page .content-attachments {
    padding-top: 15px;
}

.content-page .content-attachments ul {
    padding: 5px 0 0 15px;
    list-style-type: none;
    line-height: 140%;
}

.content-page .content-attachments ul .glyphicon-save {
    color: #007db2;
    padding-right: 3px;
    font-size: 12px;
}

/********** CATEGORY MENU **********/
.category-menu-parent {
    width: 100%;
}

.category-menu {
    list-style-type: none;
    padding: 0;
    width: 100%;
}

.category-menu li {
    border-bottom: 1px solid #eee;
}

.category-menu a {
    display: inline-block;
    padding: 20px 0 20px 15px;
    width: 100%;
}

.category-menu a:hover {
    background: #f9f9f9;
}

.category-menu .active-category > a {
    font-weight: bold;
}

.category-menu .active-category > a:hover {
    text-decoration: none;
    cursor: default;
}

.category-menu .icon-container {
    display: inline-block;
    width: 22px;
    font-size: 17px;
}

.category-menu .subcategory-menu {
    list-style-type: none;
    padding-left: 0;
}

.category-menu .subcategory-menu a {
    padding: 10px 10px 10px 50px;
    font-size: 12px;
}

.category-menu .subcategory-menu li {
    border-bottom: 0;
}

.payment .image {
    display: inline-block;
    padding-right: 15px;
    padding-bottom: 10px;
}

.alert.inline-message {
    margin-bottom: 0px;
    width: 100%;
}

/****** RESPONSIVE DYNAMIC FORMS ******/
.responsiveDynamicFormContainer {
    line-height: 170%;
    /* Setting position */
    /* Containers borders*/
    /* Containers borders end*/
}

.responsiveDynamicFormContainer .i-selectbox-wrapper select,
.responsiveDynamicFormContainer .i-selectbox-wrapper {
    width: 100%;
}

.responsiveDynamicFormContainer .row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.responsiveDynamicFormContainer .profile-line {
    text-align: right;
}

.responsiveDynamicFormContainer .cbg-checkgroup {
    line-height: 170%;
}

.responsiveDynamicFormContainer .z-groupbox-content .z-caption .z-caption-content {
    font-size: 13px;
}

.responsiveDynamicFormContainer .z-caption {
    text-align: left;
}

.responsiveDynamicFormContainer .z-caption .z-caption-content {
    color: #444444;
    font-size: 16px;
    line-height: 140%;
}

.responsiveDynamicFormContainer .z-caption .fa {
    vertical-align: baseline;
    padding-left: 5px;
}

.responsiveDynamicFormContainer .i-macro-container.i-component-container {
    padding: 5px 0;
}

.responsiveDynamicFormContainer .responsive-hint-icon,
.responsiveDynamicFormContainer .cbg-checkgroup,
.responsiveDynamicFormContainer .i-macro-container {
    text-align: left;
}

.responsiveDynamicFormContainer .z-groupbox.flat > .z-groupbox-content,
.responsiveDynamicFormContainer .z-groupbox > .z-groupbox-header,
.responsiveDynamicFormContainer .z-groupbox-content {
    border-color: #e5e5e5 !important;
}

.responsiveDynamicFormContainer .has-error input[type="text"],
.responsiveDynamicFormContainer .has-error textarea.z-textbox {
    border: 1px solid #d43f3a;
}

.responsiveDynamicFormContainer .has-error input[readonly],
.responsiveDynamicFormContainer .has-error input {
    border-color: #d43f3a !important;
}

.responsiveDynamicFormContainer .icon-asterisk:after {
    content: "*";
    color: red;
    padding-left: 3px;
    font-size: 13px;
}

.responsiveDynamicFormContainer .fa {
    vertical-align: middle;
    color: #007db2;
    font-size: 16px;
}

.responsiveDynamicFormContainer input[type="text"],
.responsiveDynamicFormContainer textarea.z-textbox {
    border-radius: 0;
    border: 1px solid #cfcfcf;
}

.responsiveDynamicFormContainer input[readonly],
.responsiveDynamicFormContainer input {
    color: #777777;
    border-color: #cfcfcf !important;
}

.responsiveDynamicFormContainer textarea {
    height: auto;
}

.responsiveDynamicFormContainer .repeating-form-index {
    left: 0;
    top: 0;
    z-index: 1;
}

.responsiveDynamicFormContainer .btn {
    border-radius: 0;
    padding: 6px 20px 6px 20px;
}

.responsiveDynamicFormContainer .i-multitextbox .btn-group,
.responsiveDynamicFormContainer .i-multitextbox .btn-group-sm {
    display: inline-flex;
}

.responsiveDynamicFormContainer .i-multitextbox .btn-secondary {
    padding: 5px;
    color: #636363;
}

.responsiveDynamicFormContainer .i-multitextbox .btn-secondary:hover,
.responsiveDynamicFormContainer .i-multitextbox .btn-secondary:focus,
.responsiveDynamicFormContainer .i-multitextbox .btn-secondary:active {
    color: #333333;
}

.responsiveDynamicFormContainer .i-multitextbox .remove-btn {
    margin-left: 5px !important;
}

.responsiveDynamicFormContainer .i-multitextbox .glyphicon {
    padding-right: 0;
}

.responsiveDynamicFormContainer .i-multitextbox .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.responsiveDynamicFormContainer .i-multitextbox .btn.btn-primary {
    padding: 0;
    background: none;
}

.responsiveDynamicFormContainer .i-multitextbox .glyphicon-plus {
    padding: 0 0 6px 0;
    font-size: 14px;
    background: none;
}

.responsiveDynamicFormContainer .i-multitextbox .glyphicon-remove {
    padding: 0 0 6px 0;
    font-size: 14px;
    background: none;
}

.responsiveDynamicFormContainer .z-datebox .z-datebox-button,
.responsiveDynamicFormContainer .z-combobox .z-combobox-button {
    border-radius: 0;
    border: 1px solid #cfcfcf;
}

.responsiveDynamicFormContainer .z-tabbox .z-groupbox.flat > .z-groupbox-header {
    background: none !important;
}

.responsiveDynamicFormContainer .i-datetime-box {
    width: auto !important;
}

.responsiveDynamicFormContainer .i-datetime-box .z-datebox {
    min-width: 150px;
    width: auto !important;
}

.responsiveDynamicFormContainer .i-datetime-box .z-timebox {
    width: auto !important;
}

.responsiveDynamicFormContainer .z-groupbox-header {
    text-align: left;
}

.responsiveDynamicFormContainer .repeating-form-responsive {
    margin-top: 5px;
    margin-bottom: 10px;
}

.responsiveDynamicFormContainer .repeating-form-responsive .z-groupbox {
    padding-top: 0;
}

.responsiveDynamicFormContainer .repeating-form-responsive .z-row {
    padding-top: 11px;
}

.responsiveDynamicFormContainer .glyphicon {
    vertical-align: middle;
}

.responsiveDynamicFormContainer .glyphicon.glyphicon-ok-circle {
    color: #00856a;
}

.responsiveDynamicFormContainer .subform-container {
    width: 100%;
}

.responsiveDynamicFormContainer .subform-container > div {
    text-align: right;
}

.responsiveDynamicFormContainer .subform {
    border: 0;
}

.responsiveDynamicFormContainer .subform .z-groupbox-header {
    padding-left: 16px;
}

.responsiveDynamicFormContainer .subform .z-groupbox.flat {
    margin-bottom: 0;
}

.responsiveDynamicFormContainer .subform .z-groupbox.flat > .z-groupbox-header,
.responsiveDynamicFormContainer .subform .z-groupbox.flat > .z-groupbox-content {
    border: none !important;
}

.responsiveDynamicFormContainer .error-message .z-text {
    font-size: 13px;
}

@media (min-width: 768px) {
    .responsiveDynamicFormContainer .hide-label .row-label > *:first-child {
        visibility: hidden;
    }
}

@media (max-width: 767px) {
    .responsiveDynamicFormContainer .hide-label .row-label > *:first-child {
        display: none;
    }
}

/* custom two level checkgroup style */
.checkgroup-two-level .i-checkitem-group input {
    visibility: hidden;
}

.checkgroup-two-level .i-checkitem-group {
    font-weight: bold !important;
    border-bottom: 1px solid black;
    cursor: initial;
}

.mobile .responsiveDynamicFormContainer .z-combobox-button {
    max-height: none;
}

@media (max-width: 767px) {
    .responsiveDynamicFormContainer .profile-line {
        text-align: left;
    }

    .responsiveDynamicFormContainer input[type="text"] {
        max-width: none;
    }

    .responsiveDynamicFormContainer .repeating-form-responsive .z-groupbox {
        padding-top: 15px;
    }

    .responsiveDynamicFormContainer .btn-group .btn.form-icon-button {
        font-size: 13px;
        padding: 6px 10px 6px 10px;
        margin-top: 5px;
        margin-left: 10px;
    }

    .responsiveDynamicFormContainer .btn-group .form-icon-button.glyphicon-plus {
        color: #fff;
        background: #00856a;
    }

    .responsiveDynamicFormContainer .btn-group .form-icon-button.glyphicon-plus:hover,
    .responsiveDynamicFormContainer .btn-group .form-icon-button.glyphicon-plus:active,
    .responsiveDynamicFormContainer .btn-group .form-icon-button.glyphicon-plus:focus {
        background: #009677;
    }

    .responsiveDynamicFormContainer .btn-group .form-icon-button.glyphicon-remove {
        color: #fff;
        background: #007db2;
    }

    .responsiveDynamicFormContainer .btn-group .form-icon-button.glyphicon-remove:hover,
    .responsiveDynamicFormContainer .btn-group .form-icon-button.glyphicon-remove:active,
    .responsiveDynamicFormContainer .btn-group .form-icon-button.glyphicon-remove:focus {
        background: #0073A3;
    }

    .responsiveDynamicFormContainer .z-caption {
        white-space: normal;
    }

    .responsiveDynamicFormContainer .z-caption .z-caption-content {
        display: inline-block;
        background: #fff;
        margin-right: 10px;
    }

    .responsiveDynamicFormContainer .z-groupbox > .z-groupbox-header .z-caption {
        background: none;
    }

    .responsiveDynamicFormContainer .i-no-text-wrap {
        white-space: normal;
    }

    .responsiveDynamicFormContainer .i-datetime-box .z-datebox {
        min-width: 150px;
        width: auto !important;
        margin-bottom: 10px;
    }
}

.atp-attachment-panel {
    width: 100% !important;
    padding-left: 15px;
}

/*************************************/
/* TABPANEL STYLES FOR DYNAMIC FORMS */
/*************************************/
.container .dynamic-form {
    padding: 0px !important;
}

.dynamic-form .z-tabs-content li {
    -moz-user-select: none;
    cursor: default;
    display: block;
    float: left;
    margin-left: 2px !important;
    padding: 0;
    position: relative;
}

.dynamic-form .z-tab-hl {
    background: url('../images/dynamicForms/tab-corner.png') no-repeat scroll 0 -128px transparent;
    cursor: pointer;
    outline: medium none;
    padding-left: 10px !important;
    position: relative;
}

.dynamic-form .z-tab-hr {
    background: url('../images/dynamicForms/tab-corner.png') no-repeat scroll right -128px transparent;
    display: block;
    padding-right: 10px;
}

.dynamic-form .z-tab-hm {
    background: url('../images/dynamicForms/tab-hm.png') repeat-x scroll 0 -128px transparent;
    cursor: pointer;
    overflow: hidden;
    padding-left: 2px;
    padding-right: 1px;
}

.dynamic-form .z-tabs .z-tabs-space {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-style: none solid solid;
    border-width: 0 0 0 !important;
    font-size: 0;
    height: 0 !important;
    line-height: 0;
}

.i-form-view-value {
    font-size: 1em;
}

.dynamic-form .z-label,
.dynamic-form .z-radio-content,
.dynamic-form .z-checkbox-content,
.dynamic-form .i-form-label {
    font-size: 15px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #444;
    font-weight: normal;
}

.dynamic-form .z-caption-content {
    color: #444;
}

.dynamic-form input[type="checkbox"],
.dynamic-form input[type="radio"] {
    margin: 0 2px 2px;
}

.dynamic-form input[type="text"] {
    height: auto;
}

.dynamic-form input[type="radio"][disabled],
.dynamic-form input[type="checkbox"][disabled] {
    width: auto;
}

.dynamic-form input[disabled],
.dynamic-form .z-textbox[disabled],
.dynamic-form .z-decimalbox[disabled],
.dynamic-form .z-intbox[disabled],
.dynamic-form .z-longbox[disabled],
.dynamic-form .z-doublebox[disabled] {
    background: #fafafa;
    border-color: #8fb9d0;
    color: #000 !important;
    opacity: 0.7;
}

.dynamic-form input[readonly].z-textbox-readonly {
    color: #777777;
    border-color: #CDCACA;
    background: #F5F4F4;
}

.dynamic-form .z-combobox-readonly input[readonly] {
    background: #fff;
    color: #000;
}

.dynamic-form .z-combobox-readonly input[aria-label='Adreso laukas'],
.dynamic-form .z-combobox-readonly input[aria-label='Address field'] {
    background-color: rgba(204, 204, 204, 0.6) !important;
    color: #666 !important;
    opacity: 0.8;
}

.dynamic-form .z-combobox-input[readonly],
.dynamic-form .z-bandbox-input[readonly],
.dynamic-form .z-datebox-input[readonly],
.dynamic-form .z-timebox-input[readonly] {
    border-color: #8fb9d0;
}

.dynamic-form .z-combobox-input a:hover,
.dynamic-form .z-bandbox-input a:hover,
.dynamic-form .z-datebox-input a:hover,
.dynamic-form .z-timebox-input a:hover {
    border-color: #cfcfcf;
}

.dynamic-form .z-combobox-disabled,
.dynamic-form .z-bandbox-disabled,
.dynamic-form .z-datebox-disabled,
.dynamic-form .z-timebox-disabled,
.dynamic-form .z-spinner-disabled,
.dynamic-form .z-doublespinner-disabled {
    opacity: 1;
}

.dynamic-form .z-combobox-disabled a,
.dynamic-form .z-bandbox-disabled a,
.dynamic-form .z-datebox-disabled a,
.dynamic-form .z-timebox-disabled a,
.dynamic-form .z-spinner-disabled a,
.dynamic-form .z-doublespinner-disabled a {
    opacity: 0.9;
}

.dynamic-form .z-combobox-disabled *,
.dynamic-form .z-bandbox-disabled *,
.dynamic-form .z-datebox-disabled *,
.dynamic-form .z-timebox-disabled *,
.dynamic-form .z-spinner-disabled *,
.dynamic-form .z-doublespinner-disabled * {
    color: #6C6B6B;
    background: none repeat scroll 0 0 #fafafa;
}

.dynamic-form input[disabled] + .z-combobox-button:hover,
.dynamic-form input[disabled] + .z-bandbox-button:hover,
.dynamic-form input[disabled] + .z-datebox-button:hover,
.dynamic-form input[disabled] + .z-timebox-button:hover,
.dynamic-form input[disabled] + .z-spinner-button:hover,
.dynamic-form input[disabled] + .z-doublespinner-button:hover,
.dynamic-form input[disabled] + .z-combobox-button:active,
.dynamic-form input[disabled] + .z-bandbox-button:active,
.dynamic-form input[disabled] + .z-datebox-button:active,
.dynamic-form input[disabled] + .z-timebox-button:active,
.dynamic-form input[disabled] + .z-spinner-button:active,
.dynamic-form input[disabled] + .z-doublespinner-button:active {
    border-color: #cfcfcf;
}

.dynamic-form .z-textbox,
.dynamic-form .z-decimalbox,
.dynamic-form .z-intbox,
.dynamic-form .z-longbox,
.dynamic-form .z-doublebox {
    font-family: Arial, Sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    min-height: 27px;
    border: 1px solid #8fb9d0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 5px 0;
    padding: 4px 5px 3px;
    line-height: 14px;
    background: #fff;
}

.dynamic-form .z-combobox-input,
.dynamic-form .z-bandbox-input,
.dynamic-form .z-datebox-input,
.dynamic-form .z-timebox-input {
    font-family: Arial, Sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    height: 27px;
    border: 1px solid #8fb9d0;
    border-right: 0;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    margin: 0 0 5px 0;
    padding: 4px 5px;
    line-height: 14px;
    background: #fff;
}

.dynamic-form .z-combobox-button,
.dynamic-form .z-bandbox-button,
.dynamic-form .z-timebox-button {
    font-size: 14px;
    color: #636363;
    display: inline-block;
    min-width: 27px;
    height: 27px;
    border: 1px solid #8fb9d0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    padding: 5px;
    line-height: 16px;
    background: #fff;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 5px;
}

.dynamic-form .z-datebox-button {
    height: 27px !important;
}

.dynamic-form .z-combobox-button {
    height: 27px !important;
    margin-left: -1px;
    font-size: 16px;
    min-height: 27px;
    padding-left: 7px;
    padding-top: 5px;
}

.dynamic-form .z-combobox-rightedge,
.dynamic-form .z-bandbox-rightedge,
.dynamic-form .z-datebox-rightedge,
.dynamic-form .z-timebox-rightedge {
    border-right: 1px solid #8fb9d0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.dynamic-form .z-groupbox > .z-groupbox-header {
    color: #00547a;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #8fb9d0;
}

.dynamic-form .z-groupbox-content {
    border: 0;
}

.dynamic-form label {
    display: inline;
}

.dynamic-form .z-groupbox.flat > .z-groupbox-content {
    background: #fff;
}

.dynamic-form .z-groupbox.flat > .z-groupbox-header {
    background: none !important;
}

.dynamic-form .z-grid-body .z-cell {
    line-height: 18px;
}

.dynamic-form .z-row-content {
    padding: 1px 0;
}

.dynamic-form .i-inline-toolbar .z-toolbarbutton {
    display: inline;
    padding: 2px 0;
}

.dynamic-form .i-inline-toolbar .z-toolbarbutton img {
    vertical-align: middle;
}

.dynamic-form .i-inline-toolbar .z-toolbarbutton-content {
    vertical-align: baseline;
}

/* END */
/* DYNAMIC FORM TRANSFORMATION STYLES */
.dynamic-form .revision-field-comment {
    border-style: solid;
    border-width: 1px;
    border-color: #800000;
    background-color: #FF9999 !important;
    color: #800000 !important;
}

.dynamic-form .revised-field {
    border-style: solid;
    border-width: 2px;
    border-color: #FF0000;
}

.dynamic-form .revise-checkbox {
    position: relative;
    z-index: 1;
}

.responsiveDynamicFormContainer .revise .child-index {
    position: absolute;
    left: 0;
}

.responsiveDynamicFormContainer .z-cell .error-message {
    font-size: 15px;
}

.dynamic-form .responsiveDynamicFormContainer .revise-checkbox {
    display: flex !important;
    justify-content: end !important;
}

.dynamic-form .responsiveDynamicFormContainer .z-combobox .z-combobox-input {
    width: 96% !important;
}

.i-component-input-container .z-combobox {
    width: 95.8% !important;
}

.i-component-input-container .z-combobox .z-combobox-button {
    width: 1%;
}

.z-combobox .z-combobox-input {
    width: 100% !important;
}

.z-combobox .z-combobox-input:focus {
    outline: solid thin !important;
}

/*repeating forms when edit checkboxes are possible*/
.editable-form {
    padding-bottom: 1%;
    /*file images and buttons inside repeating forms*/
}

.editable-form .i-hbox-full-width tr td table {
    width: 100%;
}

.editable-form .i-hbox-full-width tr td table div > span {
    width: 100%;
}

.editable-form .i-hbox-full-width tr td table tr td:last-child .i-macro-container .i-component-container {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.editable-form .i-hbox-full-width tr td table tr td:last-child .i-macro-container .i-component-cell {
    width: 100%;
}

.editable-form .i-hbox-full-width tr td table tr td:last-child .i-macro-container .i-component-required {
    width: 100%;
}

.editable-form .subform-container .col-ssm-12 label {
    width: 100%;
}

.editable-form .subform-container .col-ssm-12 .i-full-width .i-component-label-container {
    min-width: 36.3%;
    max-width: 36.3%;
}

.editable-form .subform-container .col-ssm-12 .i-full-width .i-component-label {
    width: 100% !important;
}

.editable-form .subform-container .col-ssm-12 .i-full-width .i-component-required-container {
    min-width: 7px;
    max-width: 7px;
}

.editable-form .subform-container .col-ssm-12 .i-full-width .i-component-tooltip-container {
    min-width: 30px;
    max-width: 30px;
}

.editable-form .subform-container .col-ssm-12 .i-full-width .i-component-input-container {
    min-width: 60%;
    max-width: 61%;
}

.editable-form .subform-container .col-ssm-12 .i-full-width .i-component-input-container .cbg-checkgroup {
    width: 100% !important;
}

.editable-form .subform-container .col-ssm-12 .i-full-width .atp-attachment-panel div.float-l.ml-20 {
    margin-left: 0;
}

.editable-form .repeating-form-buttons {
    width: 90%;
}

.editable-form .attachment-label {
    max-width: 50%;
    display: inline;
}

.editable-form .attachment-label img {
    max-width: 5%;
    margin-bottom: 10px;
}

.editable-form .attachment-label a {
    font-size: 15px;
    padding-left: 1px;
}

.editable-form .attachment-label > a span {
    word-wrap: break-word;
}

.editable-form table .repeating-form .z-groupbox-content > table td {
    width: 90%;
    /*leave some space for checkboxes*/
}

.editable-form table .repeating-form .z-groupbox-content > div .i-full-width {
    width: calc(100% - 20px);
    /* escaped so doesnt compile to calc(80%) */
}

.editable-form table .repeating-form .z-groupbox-content > div {
    padding-right: 0.2%;
}

.editable-form .i-macro-container {
    width: 100%;
}

.editable-form .z-grid-body > table > tbody tr > td:first-child table {
    width: 100%;
}

.repeating-form.i-full-width {
    width: 100% !important;
}

.repeating-form.i-full-width > div.z-grid-body {
    width: 100%;
}

.repeating-form.i-full-width > div.z-grid-body > table > tbody > tr > td > div > div > div.z-groupbox {
    width: 100% !important;
}

.repeating-form.i-full-width > div.z-grid-body > table > tbody > tr > td > div > div > div.z-groupbox .z-groupbox-content .i-hbox-full-width {
    width: 100% !important;
}

.repeating-form-buttons {
    display: flex;
}

.repeating-form-buttons .btn-secondary {
    padding: 5px;
}

.repeating-form-buttons .remove-btn {
    margin-left: 5px !important;
}

.repeating-form-buttons .glyphicon {
    padding-right: 0;
}

.repeating-form-responsive.z-grid > div.z-grid-body {
    display: block !important;
}

.repeating-form-responsive.z-grid > div.z-grid-body > table {
    display: block !important;
}

.repeating-form-responsive.z-grid > div.z-grid-body > table > tbody {
    display: block !important;
}

.repeating-form-responsive.z-grid > div.z-grid-body > table > tbody.z-rows > tr.z-row {
    display: block !important;
}

.repeating-form-responsive.z-grid > div.z-grid-body > table > tbody.z-rows > tr.z-row > td.z-cell {
    display: block !important;
    overflow: visible;
}

.dynamic-form .repeating-form-responsive .subform-container {
    display: initial !important;
    position: initial !important;
}

.responsive-address-panel .z-combobox-button {
    display: none;
}

.responsive-address-panel .ap-icon-column {
    display: inline-block !important;
}

.ap-ajax-load .ap-valid-field-icon {
    display: none !important;
}

/* validity icon is hidden when loading data via AJAX */
.ap-ajax-load .ap-invalid-field-icon {
    display: none !important;
}

/* invalidity icon is hidden when loading data via AJAX */
.ap-ajax-load .ap-ajax-icon {
    display: block !important;
}

/* AJAX loading icon */
.ap-address-field:hover .z-combobox-reset-btn {
    display: inline-block;
}

.form-icon-button {
    margin-left: 5px;
    margin-right: 5px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.float-l {
    float: left;
}

.ap-address-field > label {
    width: 100%;
}

.dynamic-hint {
    z-index: 1;
    position: absolute;
    top: 0;
    display: inline-block;
    margin-left: 5px;
}

.aligned-labels .z-radio-content,
.aligned-labels .z-checkbox-content {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}

.input-comment {
    position: relative;
    line-height: 0;
    left: 33.33%;
}

@media (max-width: 767px) {
    .input-comment {
        left: 0;
    }
}

.jarSearchForm select[disabled] {
    border: 1px solid #8fb9d0;
    border-radius: 3px;
    opacity: 0.7;
    color: #777777;
    padding-left: 5px;
}

.jarSearchForm select[disabled].i-selectbox {
    background: #eaeaea;
    opacity: 1;
}

.jarSearchForm select[disabled]:hover,
.jarSearchForm select[disabled]:active {
    text-decoration: none;
}

.jarSearchForm .i-selectbox-wrapper-disabled {
    border: none;
}

.attachments-panel {
    min-width: 350px;
}

.dynamic-form table {
    width: 100%;
}

.i-component-hint {
    margin-right: 12px;
}

.i-required-icon {
    padding-right: 7px !important;
}

label.i-form-label:not(.i-required-field) {
    padding-right: 7px;
}

.z-groupbox-content {
    padding: 5px 0 5px 0;
}

.z-groupbox.flat > .z-groupbox-content {
    padding: 5px 0 5px 0;
}

.z-groupbox-content .i-component-container .i-component-wrapper.i-component-display {
    width: 100%;
}

.responsiveRadioGridContainer {
    overflow-x: auto;
}

.responsiveRadioGridContainer .row {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.responsiveRadioGridContainer .row .cell {
    text-align: center;
    padding: 0 5px;
    width: 80px !important;
    flex-shrink: 0;
}

.responsiveRadioGridContainer .row .profile-line {
    margin-right: 15px;
    flex-shrink: 0;
}

.attachment-label {
    font-size: 15px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 767px) {
    .responsiveRadioGridContainer .profile-line {
        text-align: center !important;
    }
}

.no-header > .z-groupbox-header:first-of-type {
    display: none;
}

.form-preview .z-window {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    background: #fff;
}

.form-preview .z-window-content {
    border: none;
    padding: 0;
}

.form-preview-caption {
    color: #444;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    display: block;
    padding-top: 20px;
    padding-bottom: 10px;
    float: left;
}

.form-preview-label {
    color: #666;
    word-wrap: break-word;
}

.form-preview-value {
    float: left;
    font-weight: bold;
}

.modal-dialog .form-preview-caption {
    padding: 0;
}

.i-form-view-repeater {
    margin-bottom: 10px;
}

.responsive-table {
    border: 1px solid #ced6dc;
    color: #555;
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
}

.responsive-table.auto-layout {
    table-layout: auto;
}

.responsive-table.borderless {
    border: none;
}

.responsive-table tr {
    border-bottom: 1px solid #ced6dc;
}

.responsive-table tr:hover {
    background: #D8EFFA;
    cursor: default;
}

.responsive-table tr.header-row {
    border-bottom: 2px solid #ced6dc;
}

.responsive-table tr.header-row:hover {
    background: #fff;
}

.responsive-table tr.no-results {
    cursor: default;
    color: #666;
}

.responsive-table tr.no-results:hover {
    background: none;
}

.responsive-table tr.no-results td {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.responsive-table td::before {
    display: none;
}

.responsive-table td.text-right {
    text-align: right;
}

.responsive-table td.text-center {
    text-align: center;
}

.responsive-table th,
.responsive-table td {
    text-align: left;
    display: table-cell;
    padding: 15px;
    width: auto;
    float: none;
    padding: 15px 10px 15px 10px;
    margin: 15px 30px;
}

.responsive-table th.centered,
.responsive-table td.centered {
    text-align: center;
}

.responsive-table th:first-child,
.responsive-table td:first-child {
    padding-left: 30px;
}

.responsive-table th.cell-5,
.responsive-table td.cell-5 {
    width: 5%;
}

.responsive-table th.cell-10,
.responsive-table td.cell-10 {
    width: 10%;
}

.responsive-table th.cell-8,
.responsive-table td.cell-8 {
    width: 8%;
}

.responsive-table th.cell-15,
.responsive-table td.cell-15 {
    width: 15%;
}

.responsive-table th.cell-40,
.responsive-table td.cell-40 {
    width: 40%;
}

.responsive-table th.cell-45,
.responsive-table td.cell-45 {
    width: 45%;
}

.responsive-table th.cell-20,
.responsive-table td.cell-20 {
    width: 20%;
}

.responsive-table th.cell-35,
.responsive-table td.cell-35 {
    width: 35%;
}

.responsive-table th.cell-70,
.responsive-table td.cell-70 {
    width: 70%;
}

.responsive-table th.cell-check,
.responsive-table td.cell-check {
    width: 5%;
    padding-left: 15px;
    text-align: center;
}

.responsive-table.table-fancy .header-row,
.responsive-table.table-fancy .header-row:hover {
    background-color: #007DB2;
    color: #fff;
}

.responsive-table.table-fancy tr {
    border-bottom: none;
}

.responsive-table.table-fancy tr:nth-child(even) {
    background-color: #F7F7F7;
}

.responsive-table.table-fancy tr:hover {
    background-color: #F2FCFF;
}

.responsive-table.table-fancy td,
.responsive-table.table-fancy th {
    border-right: 1px solid #ced6dc;
}

.responsive-table.table-fancy td:last-child {
    padding-right: 15px;
}

.responsive-table .sortButton .btn-sort-asc:before,
.responsive-table .sortButton .btn-sort-desc:before {
    right: 12px;
    top: 2px;
}

.table-fancy .sortButton .btn-sort-asc:before,
.table-fancy .sortButton .btn-sort-desc:before {
    right: -6px;
}

@media (max-width: 767px) {
    .responsive-table th {
        display: none;
    }

    .responsive-table td {
        padding: 8px 15px;
        display: block;
        float: left;
        width: 100%;
        margin: 0;
    }

    .responsive-table td:first-child {
        padding-top: 10px;
        padding-left: 15px;
    }

    .responsive-table td:last-child {
        padding-bottom: 10px;
        padding-right: 15px;
    }

    .responsive-table td::before {
        content: attr(data-th);
        font-weight: bold;
        display: block;
        float: left;
        width: 35%;
        margin-right: 15px;
    }

    .responsive-table th[class^="cell-"],
    .responsive-table td[class^="cell-"],
    .responsive-table th div[class*=" cell-"],
    .responsive-table td div[class*=" cell-"] {
        width: 100%;
    }
}

.mobile {
    /* DATEBOX */
    /* COMBOBOX */
    /* PROFILE */
    /* CHECKBOX */
    /* CHECKBOX IN SEARCH */
    /* PROXIES */
}

.mobile .z-datebox {
    position: relative;
}

.mobile .z-datebox .z-datebox-input:after {
    right: 9px;
    font-size: 13px;
}

.mobile .z-datebox-input:after {
    font-family: Epaslaugos-Font;
    right: 18px;
    position: absolute;
    top: -1px;
    color: #007db2;
}

.mobile .z-datebox-input {
    border-right: 1px solid #cfcfcf;
    border-radius: 0;
    height: 30px;
}

.mobile .z-combobox-content {
    width: 100%;
}

.mobile .z-comboitem-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    line-height: 1.2;
    padding: 20px 15px;
}

.mobile .z-combobox-popup {
    background: #f1f1f1;
}

.mobile .profile .input-group {
    padding-top: 0px;
}

.mobile .z-checkbox .z-checkbox-content {
    vertical-align: -webkit-baseline-middle;
}

.mobile input[type=checkbox] {
    background: #fff;
}

.mobile label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    vertical-align: bottom;
}

.mobile .label-hidden label {
    display: none;
}

.mobile .label-hidden input[type=checkbox] {
    display: inline-block !important;
}

.mobile .radio label:before {
    border-radius: 0;
}

.mobile .checkbox label:before {
    border-radius: 0;
}

.mobile .search-container .search-left [class^='icon-']:before,
.mobile .search-container .search-left [class*=' icon-']:before {
    position: relative;
    left: 0;
}

.mobile .search-container .search-left [class^='icon-'] label,
.mobile .search-container .search-left [class*=' icon-'] label {
    margin-left: 0;
}

.mobile .search-container .search-left label {
    padding-left: 5px;
}

.mobile .m-footer-align {
    padding: 0;
    margin-left: -50px;
}

.mobile .form-group-datepicker .form-group {
    width: 100%;
}

.mobile .form-group-datepicker .form-group .z-datebox,
.mobile .form-group-datepicker .form-group .z-datebox-input {
    width: 100%;
}

@media (max-width: 991px) {
    .mobile .page .tab-content .tab-pane .tab-pane-filter .tab-pane-filter-row .form-group-datepicker,
    .mobile .page .panel-body .tab-pane-filter .tab-pane-filter-row .form-group-datepicker {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .mobile {
        /* PROFILE */
        /* SERVICES LISTS */
    }

    .mobile .profile .input-group {
        float: right;
    }

    .mobile .services-datebox .form-group {
        width: 50%;
    }

    .mobile .services-datebox .form-group .z-datebox,
    .mobile .services-datebox .form-group .z-datebox-input {
        width: 100%;
    }

    .mobile .services-datebox .form-group.services-datebox-left {
        margin-bottom: 9px;
        padding-right: 10px;
    }

    .mobile .services-datebox .form-group.services-datebox-right {
        float: right;
        margin-bottom: 9px;
        padding-left: 10px;
    }
}

.help-popup {
    position: relative;
    z-index: 2;
    width: 16px;
    padding: 0 9px;
    height: 16px;
    display: inline-block;
    transition: color 0.25s, background 0.25s, border-color 0.25s;
}

.help-popup:before {
    font-family: 'FontAwesome';
    content: "\f059";
    color: #007db2;
    font-size: 16px;
    padding: 3px 0;
    display: block;
    position: relative;
    transition: color 0.25s, background 0.25s, border-color 0.25s;
}

.help-popup .content {
    width: 260px;
    position: absolute;
    background: #007db2;
    color: #fff;
    cursor: default;
    pointer-events: none;
    left: 34px;
    top: -5px;
    border-width: 1px;
    border-style: solid;
    padding: 18px;
    opacity: 0;
    transition: opacity .25s;
}

@media screen and (max-width: 768px) {
    .help-popup .content {
        width: 200px;
    }
}

.help-popup .content:before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    transform: rotateZ(-45deg);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: black;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: black;
    z-index: 1;
    background-color: #007db2;
    position: absolute;
    top: 13px;
    left: -5px;
}

.help-popup .content .help-link {
    display: table;
    height: 34px;
    line-height: 34px;
}

.help-popup .content .help-link:after {
    font-family: 'FontAwesome';
    content: "\f054";
    color: #007db2;
    position: absolute;
    font-size: 11px;
    padding: 2px 8px;
    text-decoration: none !important;
    transform: translate3d(0, 0, 0);
    transition: transform 0.25s;
}

@media screen and (min-width: 1025px) {
    .help-popup .content .help-link:hover:not([disabled]) {
        text-decoration: underline;
    }

    .help-popup .content .help-link:hover:not([disabled]):after {
        transform: translate3d(2px, 0, 0);
    }
}

.help-popup.left .content {
    left: auto;
    right: 34px;
}

.help-popup.left .content:before {
    left: auto;
    right: -5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d2d6de;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d2d6de;
    border-left: 0;
    border-top: 0;
}

.help-popup:hover {
    z-index: 3;
}

.help-popup:hover .content {
    opacity: 1;
    pointer-events: all;
}

.help-popup.help-popup-lg {
    height: 46px;
    padding: 0 7px;
}

.help-popup.help-popup-lg:before {
    font-size: 24px;
    padding: 6px 0;
}

.help-popup.help-popup-lg .content:before {
    top: 18px;
}

.help-popup.help-popup-sm {
    height: 30px;
}

.help-popup.help-popup-sm:before {
    font-size: 18px;
}

.help-popup.help-popup-sm .content:before {
    top: 9px;
}

.multiselect-toggle {
    width: 100%;
    text-align: left;
    height: 30px;
    line-height: 27px;
    border: 1px solid #d8d8d8;
    background: url('img/select.png') no-repeat scroll right 13px;
    background-size: 20px 5px;
}

.multiselect-toggle .multiselect-text {
    width: 95%;
}

.multiselect-container {
    width: 100%;
    padding: 0;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.multiselect-container .multiselect-option {
    display: flex;
    width: 100%;
    background: 0;
    border: 0;
    margin: 7px;
}

.multiselect-container .multiselect-option:hover {
    background: #1C93F8;
    color: white;
}

.multiselect-container .multiselect-option input[type=checkbox] {
    margin: 0 8px 0 0 !important;
}