* {
	margin: 0;
}
html, body {
	height: 100%;
}
#page-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 115px 0 0 0;
}
#page-push {
	clear: both;
	height: 0px;
}

/* Custom */

a {
	outline: 0;
	text-decoration: none;
}
img {
	border: 0;
}
input, textarea, select, button {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
	outline: none;
}
textarea {
	resize: none;
}
ul {
	list-style-type: none;
	padding-left: 0;
}
table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
tr {
    vertical-align: top;
}
td {
    padding: 0;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
input::-webkit-input-placeholder {
    color: #999999;
}
::-webkit-input-placeholder {
    color: #999999;
}
input::-moz-placeholder {
    color: #999999;
}
:-moz-placeholder {
    color: #999999;
}

body {
	position: relative;
    height: 100%;
    width: 100%;
    min-height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    background: #F4F4F4;
}

.clearfix {
	clear: both;
}

.validation-summary-errors {
    display: block;
    color: #ff0000;
    font-size: 14px;
    padding: 5px 0 10px 0;
    text-align: center;
}
.field-validation-error {
    display: block;
	font-family: 'Rubik', sans-serif;
    color: #ff0000;
    font-size: 14px;
    padding: 5px 0 0 0;
}

.required {
    color: #ff0000;
    padding-left: 5px;
}

body.page-nav-hidden #content {
    left: 0;
}

#content {
    width: 1160px;
    margin: 0 auto;
}
#content .content-inner {
    margin: 55px 0;
}
#content-center {
    width: 1160px;
    margin: 0 auto;
}
#content-center .content-inner {
    padding: 55px 0;
}

.warning {
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    background-color: #d9edf7;
    color: #31708f;
}
.warning-title {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: bold;
}
.warning-message {
    font-size: 13px;
    line-height: 16px;
    margin-top: 5px;
}
.warning .warning-message:first-child {
    margin-top: 0;
}

/* checkbox style */

[type="checkbox"]:not(:checked),
/* [type="checkbox"]:checked { */
    /* position: absolute; */
    /* left: -9999px; */
/* } */
[type="checkbox"]:not(:checked) ~ label,
/* [type="checkbox"]:checked ~ label { */
    /* position: relative; */
    /* padding: 2px 0 0 24px; */
    /* cursor: pointer; */
    /* font-size: 13px; */
    /* color: #333; */
/* } */

[type="checkbox"]:not(:checked) ~ label:before,
/* [type="checkbox"]:checked ~ label:before { */
    /* content: ''; */
    /* position: absolute; */
    /* left:0;  */
    /* top: 2px; */
    /* width: 12px; */
    /* height: 12px; */
    /* border: 1px solid #aaa; */
    /* background: rgba(255, 255, 255, 0.8); */
/* } */
[type="checkbox"]:not(:checked) ~ label:after,
/* [type="checkbox"]:checked ~ label:after { */
    /* content: '✔'; */
    /* position: absolute; */
    /* top: -2px; */
    /* left: 3px; */
    /* font-size: 14px; */
    /* color: #09ad7e; */
/* } */
[type="checkbox"]:not(:checked) ~ label:after {
    opacity: 0;
    transform: scale(0);
}
/* [type="checkbox"]:checked ~ label:after { */
    /* opacity: 1; */
    /* transform: scale(1.1); */
/* } */
[type="checkbox"]:disabled:not(:checked) ~ label:before,
[type="checkbox"]:disabled:checked ~ label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
[type="checkbox"]:disabled:checked ~ label:after {
    color: #999;
}
[type="checkbox"]:disabled ~ label {
    color: #aaa;
}
/* [type="checkbox"]:checked ~ label:before, */
/* label.checkboxed:hover:before { */
    /* border: 1px solid rgb(9, 173, 126) !important; */
/* } */

/* custom */

.custom-block {
    margin-bottom: 35px;
}
.custom-block-title {
    line-height: 22px;
}
.custom-block-header {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 10px 15px;
    font-size: 14px;
    color: #333;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.custom-block-body {
    padding: 15px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.custom-block-tabled .custom-block-body {
    padding: 0 15px;
    margin: 0 -15px;
    overflow-x: auto;
}

.custom-block-actions,
.custom-block-actions-center {
    text-align: right;
    overflow: hidden;
    padding: 10px 0;
	position: relative;
}
.custom-block-actions-center {
    text-align: center;
}

.custom-link {
    display: inline-block;
    font-size: 12px;
    color: #1C5C7A;
    text-decoration: underline;
}
.custom-link:hover {
    text-decoration: underline;
    border-bottom-color: transparent;
}

.custom-groupedinfo-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.custom-groupedinfo-left {
    width: 50%;
}
.custom-groupedinfo-right {
    width: 50%;
}
.custom-groupedinfo-left .custom-groupedinfo-group {
    margin-right: 7px;
}
.custom-groupedinfo-right .custom-groupedinfo-group {
    margin-left: 7px;
}
.custom-groupedinfo-group {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.custom-groupedinfo-group-title {
    font-size: 13px;
    color: #999;
    font-family: Verdana;
}
.custom-groupedinfo-group-list tr:nth-child(even) {
    background-color: #FAFAFA;
}
.custom-groupedinfo-body .custom-groupedinfo-group-item-name {
    font-weight: 600;
}
.custom-groupedinfo-body .custom-groupedinfo-group-item-name, .custom-groupedinfo-body .custom-groupedinfo-group-item-value {
    padding: 7px 5px !important;
    font-size: 13px;
    color: #242424;
    vertical-align: top;
    border: none;
    font-family: Arial, sans-serif;
    line-height: 17px;
}
.custom-groupedinfo-body .custom-groupedinfo-group-item-value {
    color: #333;
    min-width: 60px;
}
.custom-groupedinfo-actions {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    text-align: right;
}
.custom-link-close {
    float: right;
    color: #999;
    font-size: 12px;
    display: block;
    font-family: Arial, sans-serif;
}

.custom-table {
    border-collapse: separate;
    border-spacing: 0 4px;
    width: 100%;
    overflow-x: auto;
}

.custom-table th {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 5px;
    vertical-align: bottom;
    text-align: left;
}
.custom-block-tabled .custom-block-body .custom-table tr th {
    padding: 15px 5px;
}
.custom-block-tabled .custom-block-body .custom-table tr th:first-child, .custom-block-tabled .custom-block-body .custom-table tr td:first-child {
    padding-left: 15px;
}

.custom-table tbody tr {
    background: linear-gradient(90.34deg, #F4F4F4 1.41%, #FFFFFF 99.02%);
    padding: 0 29px 0 29px;
    margin: 0 0 4px 0;
    border-radius: 8px;
    box-shadow: 0 10.16px 16.93px 0px #0000001A;
}

.custom-table td {
    padding: 8px 4px;
    vertical-align: middle;
    font-size: 12px;
    font-family: Verdana;
    line-height: 14px;
    color: #111;
}
.custom-table td:last-child {
    text-align: end;
}

.gradient-rounded-block-wrapper {
    border-radius: 24px;
    box-shadow: 0px 10.16px 16.93px 0px #0000001A;
    padding: 3px;
    background: linear-gradient(90.34deg, #FFFFFF 1.41%, #F4F4F4 99.02%);
    margin: 0 0 10px 0;
}
.gradient-rounded-block {
    padding: 0;
    border-radius: 21px;
    background: linear-gradient(90.34deg, #F4F4F4 1.41%, #FFFFFF 99.02%);
    margin: 0;
}

input.component-text {
    background: #EEEEEE;
    border-radius: 10px;
    border: 0;
    box-shadow: 0px 4px 5px 0px #0000000D inset;
    width: 100%;
    height: auto;
    color: #242424;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    padding: 16px 8px;
}

.component-label {
    font-size: 13px;
    color: #333;
}
.component-text {
    width: 220px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* button */

.button {
    display: inline-block;
    text-align: center;
    border: none;
    padding: 15px 8px;
    min-width: 150px;
    background-color: #1C5C7A;
    cursor: pointer;
    color: #fff;
    border-radius: 13px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.button:hover {
    background-color: #29669a;
}
.button-del {
    background-color: #AB7676;
}
.button-del:hover {
    background-color: #b18182;
}
.button-search {
    background-color: #125690;
}
.button-search:hover {
    background-color: #276499;
}
.button-cancel {
    background-color: #AB9676;
}
.button-cancel:hover {
    background-color: #b19e82;
}
.button-save {
    background-color: #129033;
}
.button-save:hover {
    background-color: #279846;
}
.button-edit {
    background-color: #125690;
}
.button-edit:hover {
    background-color: #29669a;
}
.button-create {
    background-color: #125690;
}
.button-create:hover {
    background-color: #27649a;
}

/* popup-frame-list */

.popup-frame-list {
    position: relative;
}
.popup-frame-list .pfl-button {
    position: relative;
    cursor: pointer;
    padding-right: 20px;
}
.popup-frame-list .pfl-button-link {
    overflow: hidden;
    display: block;
    padding: 5px 10px;
}
.popup-frame-list .pfl-button-image {
    vertical-align: middle;
    float: left;
    margin-right: 10px;
    max-width: 64px;
}
.popup-frame-list .pfl-button-text {
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
}
.popup-frame-list .pfl-button-pointer {
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    border: solid 5px transparent;
    border-top: solid 5px #fff;
}
.popup-frame-list .pfl-list {
    display: none;
    left: 0;
    right: 0;
    border: none;
    border-bottom: 0;
    position: absolute;
    z-index: 4999;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: auto;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 8px 30px -5px rgba(0,0,0,.5);
    box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 8px 30px -5px rgba(0,0,0,.5);
}
.popup-frame-list .pfl-item-link {
    padding: 3px 20px 3px 10px;
    display: block;
    border-bottom: 1px solid #DBE2F0;
    overflow: hidden;
    text-decoration: none;
    color: #472929;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}
.popup-frame-list .pfl-item-selected .pfl-item-link {
    background: #F6F8F8;
}
.popup-frame-list .pfl-item-link:hover {
    background: #ecf0f1;
}
.popup-frame-list .pfl-item-image {
    vertical-align: middle;
    margin-right: 7px;
    max-width: 64px;
}
.popup-frame-list .pfl-item-text {
    line-height: 24px;
}
.popup-frame-list-opened .pfl-button {
    background: #fff;
}
.popup-frame-list-opened .pfl-button-text {
    color: #472929;
}
.popup-frame-list-opened .pfl-button-pointer {
    border: solid 5px transparent !important;
    border-bottom: solid 5px #472929 !important;
    margin-top: -8px;
}
.popup-frame-list-up .pfl-list {
    bottom: 0;
}
.popup-frame-list-up .pfl-button-pointer {
    border: solid 5px transparent !important;
    border-bottom: solid 5px #fff !important;
    margin-top: -8px;
}
.popup-frame-list-up.popup-frame-list-opened .pfl-button-pointer {
    margin-top: -3px;
    border: solid 5px transparent !important;
    border-top: solid 5px #472929 !important;
}

/* header */

#header {
    background: linear-gradient(0deg, rgba(0, 10, 16, 0.37) 0%, transparent 90%), linear-gradient(109.99deg, #6EDDEF 2.6%, #0F4868 73.75%);
    padding: 13px 0;
    box-shadow: 0px 4px 15px 0px #00000026;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}
#header .header-inner {
    padding: 0;
    width: 1160px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#header .hamburger-button-wrapper {
    display: none;
}
#header .logo {
    display: flex;
    flex: 0 0 174px;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    position: relative;
}
#header .logo-link {
    display: block;
    margin: 0;
}
#header .logo img {
    height: 26px;
}
#header .call-button-wrapper {
    display: none;
}
#header .nav {
	display: flex;
    padding-left: 15px;
    flex: 1 1 700px;
    align-items: center;
    column-gap: 5px;
}
#header .nav .menu {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    column-gap: 10px;
}
#header .nav .menu .item {
	position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#header .nav .menu .item .link {
	color: #fff;
    padding: 10px 20px;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    text-align: left;
}
#header .nav .menu .item .link.flag_active {
    line-height: 0;
}
#header .nav .menu .item.with_submenu .link {
    position: relative;
}
#header .nav .menu .item.with_submenu > .link:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/arrow_white.svg) no-repeat center center;
    position: absolute;
    top: calc(50% - 7px);
    right: 0;
    transition: .3s all ease-in-out;
}
#header .nav .menu .submenu .submenu_item .link {
    display: flex;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    padding: 10px 20px;
    color: #05151D80;
    text-wrap: nowrap;
}
#header .nav .menu .submenu .submenu_item .link .ico.colors img {
    border-radius: 2px;
}
#header .nav .menu .submenu .submenu_item .link .ico img {
    max-width: 100%;
    max-height: 100%;
}
#header .nav .menu .submenu .submenu_item .link .ico.flag {
    margin: 0 10px 0 0;
    width: 24px;
    height: 24px;
}
#header .nav .menu .submenu .submenu_item .link .ico {
    padding: 0;
    margin: 0 12px 0 0;
    width: 18px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#header .nav .menu .item .link.flag_active img {
    width: 40px;
    border-radius: 4px;
}
#header .nav .menu .submenu_wrapper {
    display: none;
    padding: 0;
    position: absolute;
    right: -10px;
    z-index: 9999999;
    top: calc(100% - 10px);
}
#header .nav .menu .submenu {
    display: block;
    box-shadow: 4px 4px 11px 0px #1C5C7A26;
    border-radius: 20px;
    background: #FFFFFF;
}
#header .nav .menu.avatar_menu {
		flex: 1 1 104px;
}
#header .nav .menu .item.avatar_wrapper > .link {
    padding: 10px 20px 10px 5px;
}
#header .nav .menu .submenu .submenu_item:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#header .nav .menu .submenu .submenu_item {
    background: #FFFFFF;
}
#header .nav .menu .submenu .submenu_item:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#header .nav .menu .item .link .avatar {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Rubik', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	color: #1C5C7A;
	width: 69px;
	height: 69px;
	border-radius: 100%;
	background: linear-gradient(90.34deg, #F4F4F4 1.41%, #FFFFFF 99.02%);
	background-size: cover;
}
#header .nav .menu .submenu .submenu_item .text {
	display: block;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	padding: 10px 20px;
	color: #242424;
	text-wrap: nowrap;
}
#header .nav .menu .submenu .submenu_item .email {
	font-weight: bold;
	color: #242424;
}

#header .nav .menu .submenu .submenu_item:hover {
    background: #EFF6FA;
}
#header .nav .menu .submenu .submenu_item:hover .link {
    color: #242424;
}

#header .right-side {
	float: right;
    position: relative;
}

#header .account {
	float: left;
	margin: 2px 0 0 30px;
    position: relative;
    cursor: pointer;
    color: #fff;
}
#header .account-inner {
    margin-right: 35px;
    font-size: 14px;
    text-align: right;
    position: relative;
    z-index: 1;
}
#header .account-type {
    font-size: 12px;
    color: #ccc;
    margin-top: 3px;
}
#header .account-icon {
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    border: solid 5px transparent;
    border-top: solid 5px #fff;
}
#header .account-opened {
    color: #462828;
    z-index: 5001;
}
#header .account-opened .account-type {
    color: #999;
}
#header .account-opened .account-icon {
    border-top: 0;
    border-bottom: solid 5px #462828;    
}
#header .account-opened:before {
    content: '';
    position: absolute;
    background-color: #fff;
    top: -20px;
    left: -15px;
    right: -5px;
    bottom: -15px;
}
#header .account:hover .account-name {
    text-decoration: underline;
}

#header .lang {
	float: left;
	margin: 5px 0 0 30px;
}
#header .lang .pfl-button-image {
    display: none;
}
#header .lang .pfl-button-link {
    padding-right: 5px;
    color: #fff;
    text-transform: lowercase;
}
#header .lang .pfl-button-link:hover {
	text-decoration: underline;
}
#header .lang.popup-frame-list-opened .pfl-button {
    background: none;
}
#header .lang.popup-frame-list-opened:before {
    content: "";
    position: absolute;
    background: #fff;
    top: -16px;
    right: 0;
    bottom: -18px;
    left: -10px;
}
#header .lang .pfl-list {
    left: auto;
    border-top: 0;
    margin-top: 18px;
}
#header .lang .pfl-item-link {
    padding-left: 20px;
}

/* popup account */

#popup-account {
    display: none;
    position: fixed;
    overflow: hidden;
    top: 60px;
    right: 0;
    width: 420px;
    z-index: 4999;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 8px 30px -5px rgba(0,0,0,.5);
    box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 8px 30px -5px rgba(0,0,0,.5);
}
.popup-account-info {
    font-size: 13px;
    color: #656565;
    padding: 15px 15px;
    overflow: hidden;
}
.popup-account-info-name {
    font-weight: 700;
    color: #000;
}
.popup-account-profile-button {
    float: right;
    margin-top: 10px;
}
.popup-account-list {
    overflow: auto;
    max-height: 233px;
    border-bottom: 1px solid #ecf0f1;
    background-color: #F6F8F8;
}
.popup-account-list-item {
    display: block;
}
.popup-account-list-item:hover {
    background-color: #ecf0f1;
}
.popup-account-list-item-inner {
    position: relative;
    border-top: 1px solid #ecf0f1;
    padding: 11px 15px;
    margin: 0;
    display: block;
}
.popup-account-list-item-name {
    color: #128490;
    font-weight: bold;
}
.popup-account-list-item-type {
    display: block;
    color: #999;
    margin-top: 5px;
    font-size: 12px;
}
.popup-account-list-item-icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #999;
}
.popup-account-actions {
    padding: 15px;
    background-color: #ecf0f1;
}
.popup-account-exit-button {
    float: right;
}

/* session block */

.session-block {
    margin: 160px auto 20px;
}
.session-block-header {
    display: block;
    padding: 0;
    font-family: 'Rubik', sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    text-align: center;
    color: #1C5C7A;
    margin: 0 0 65px 0;
}
.session-block-account {
    display: flex;
	margin: 0 0 8px 0;
}
.session-block-account:hover {
    background-color: #F9F9F9;
}
.session-block-account-avatar-wrapper {
    flex: 0 0 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.session-block-account-avatar-wrapper .session-block-account-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    color: #1C5C7A;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    background: linear-gradient(90.34deg, #F4F4F4 1.41%, #FFFFFF 99.02%);
    background-size: cover;
}
.session-block-account-inner {
    flex: 1 1 auto;
    position: relative;
    padding: 0 0 0 16px;
    margin: 0;
    display: block;
}
.session-block-account-name {
    display: block;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #242424;
    margin: 0;
}
.session-block-account-type {
    display: block;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #242424;
}
.session-block-account-company {
    display: block;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #242424;
}
.session-block-account-icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -6px;
    width: 18px;
    height: 14px;
    background: url(../images/arrow_b_up.svg) no-repeat center center;
	transform: rotate(90deg);
}
.session-change-link-wrapper {
    display: flex;
    justify-content: end;
    column-gap: 10px;
    align-items: center;
}
.session-change-link-wrapper .cross_ico {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/cross_gray.svg) no-repeat center center;
    margin: 0 0 3px 0;
}
.session-change-link-wrapper .session-change-link {
    display: block;
    text-align: right;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: #757575;
    border-bottom: 1px dashed #757575;
}
.session-logout-link-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 64px 0 0 0;
}
.session-logout-link-wrapper .session-logout-link {
    display: block;
    border-radius: 10px;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #242424;
    background: #E3E3E3;
    padding: 13px 52px;
}

/* auth block */

.floating-block {
    width: 620px;
    margin-left: auto;
    margin-right: auto;
}

.auth-block {
    margin: 124px auto 20px;
}
.auth-block-header {
    display: block;
    padding: 0;
    font-family: 'Rubik', sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    text-align: center;
    color: #1C5C7A;
    margin: 0 0 65px 0;
}
.auth-block-body {
    padding: 64px;
}
.auth-block-body .custom-editabletable {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 32px;
    width: 456px;
    margin: 0 auto 38px auto;
}
.auth-block-body .custom-editabletable .custom-editabletable-col-name {
    display: block;
    width: 100%;
}
.auth-block-body .custom-editabletable .component-text {
    width: 100%;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #242424;
    padding: 13px 30px;
}
.auth-block-body .custom-editabletable .component-text.phone {
    width: 100%;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #242424;
    padding-left: 48px;
}
.auth-block-body .custom-editabletable .text-email {
    width: 100%;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #242424;
}
.auth-block-body table.custom-editabletable tbody {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 32px;
}
.auth-block-body table.custom-editabletable tr {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    width: 100%;
}
.auth-block-body .custom-editabletable .component-label {
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #1C5C7A;
}
.auth-block-body .custom-editabletable .label-email {
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #1C5C7A;
}
.auth-block-body table.custom-editabletable tr:nth-of-type(3) {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    column-gap: 0;
    width: 100%;
}
.auth-block-body table.custom-editabletable.registration tr:nth-of-type(3) {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    width: 100%;
}
.auth-block-body table.custom-editabletable tr:nth-of-type(3) .custom-editabletable-col-name {
    width: auto;
}
.auth-block-body .custom-block-actions {
    position: relative;
    overflow: visible;
    padding: 0;
    margin: 0;
}
.auth-block-body .custom-block-actions .custom-link:before {
    content: '';
    display: block;
    width: 18px;
    height: 16px;
    background: url(../images/exclamation_ico.svg) no-repeat center center;
    position: absolute;
    top: calc(50% - 8px);
    left: -26px;
}
.auth-block-body .custom-block-actions .custom-link {
    position: absolute;
    display: block;
    right: 15px;
    top: -155px;
    color: #05151D80;
    text-decoration: none;
    border-bottom: 1px dashed #757575;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
}
.auth-block-body .custom-block-actions .custom-link.login {
    top: -130px;
}
.auth-block-body .custom-editabletable input[type=checkbox].checkboxed {
    width: 1px;
    height: 1px;
    visibility: hidden;
}
.auth-block-body .custom-editabletable label.checkboxed {
    position: absolute;
    width: 1px;
    height: 22px;
    border: 0;
    line-height: 0;
}
.auth-block-body .custom-editabletable input[type=checkbox].checkboxed:checked + input + label.checkboxed::before {
    opacity: 1;
}
.auth-block-body .custom-editabletable label.checkboxed::before {
    content: '';
    width: 11px;
    height: 6px;
    position: absolute;
    top: calc(50% - 6px);
    left: -27px;
    border: 3px solid #FFFFFF;
    border-top: none;
    border-right: none;
    background-color: transparent;
    opacity: 0;
    z-index: 2;
    transform: rotate(-45deg);
    pointer-events: none;
    border-radius: 2px;
    cursor: pointer;
}
.auth-block-body .custom-editabletable input[type=checkbox].checkboxed:checked + input + label.checkboxed::after {
    background: #1C5C7A;
    border: 1px solid #1C5C7A;
}
.auth-block-body .custom-editabletable label.checkboxed::after {
    content: '';
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 12px);
    left: -32px;
    background-color: #ffffff;
    box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    border: 1px solid #AEAEB2;
}
.auth-block-body .custom-block-actions-center .button {
    background: linear-gradient(109.99deg, #6EDDEF 2.6%, #0F4868 73.75%);
    border-radius: 13px;
    width: 200px;
}

.component-error-description {
	display: block;
    font-family: 'Rubik', sans-serif;
    color: #ff0000;
    font-size: 14px;
    padding: 5px 0 0 0;
}

.custom-floatedthead-table-fixed-container {
    position: fixed;
    overflow: hidden;
    top: 60px;
    display: none;
    z-index: 2000;
}

@media screen and (max-width: 990px) {
    .custom-table td:last-child a	{
		margin-top: 10px;
	}
}

@media screen and (max-width: 768px) {
    .custom-block-body {
        max-width: 100%;
        overflow-x: auto;
        padding: 15px 0;
    }	
	.custom-table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }
	.custom-block-body > .custom-table {
        padding: 0 20px 20px 20px;
    }
	.custom-table td a	{
		min-width: 100px;
	}
}

.flag {
    width: 16px;
    height: 11px;
    background:url('../images/sprites/flags.png') no-repeat;
    display: inline-block;
    margin-right: 7px;
}

.flag.ad {background-position: -16px 0}
.flag.ae {background-position: -32px 0}
.flag.af {background-position: -48px 0}
.flag.ag {background-position: -64px 0}
.flag.ai {background-position: -80px 0}
.flag.al {background-position: -96px 0}
.flag.am {background-position: -112px 0}
.flag.an {background-position: -128px 0}
.flag.ao {background-position: -144px 0}
.flag.ar {background-position: -160px 0}
.flag.as {background-position: -176px 0}
.flag.at {background-position: -192px 0}
.flag.au {background-position: -208px 0}
.flag.aw {background-position: -224px 0}
.flag.az {background-position: -240px 0}
.flag.ba {background-position: 0 -11px}
.flag.bb {background-position: -16px -11px}
.flag.bd {background-position: -32px -11px}
.flag.be {background-position: -48px -11px}
.flag.bf {background-position: -64px -11px}
.flag.bg {background-position: -80px -11px}
.flag.bh {background-position: -96px -11px}
.flag.bi {background-position: -112px -11px}
.flag.bj {background-position: -128px -11px}
.flag.bm {background-position: -144px -11px}
.flag.bn {background-position: -160px -11px}
.flag.bo {background-position: -176px -11px}
.flag.br {background-position: -192px -11px}
.flag.bs {background-position: -208px -11px}
.flag.bt {background-position: -224px -11px}
.flag.bv {background-position: -240px -11px}
.flag.bw {background-position: 0 -22px}
.flag.by {background-position: -16px -22px}
.flag.bz {background-position: -32px -22px}
.flag.ca {background-position: -48px -22px}
.flag.catalonia {background-position: -64px -22px}
.flag.cd {background-position: -80px -22px}
.flag.cf {background-position: -96px -22px}
.flag.cg {background-position: -112px -22px}
.flag.ch {background-position: -128px -22px}
.flag.ci {background-position: -144px -22px}
.flag.ck {background-position: -160px -22px}
.flag.cl {background-position: -176px -22px}
.flag.cm {background-position: -192px -22px}
.flag.cn {background-position: -208px -22px}
.flag.co {background-position: -224px -22px}
.flag.cr {background-position: -240px -22px}
.flag.cu {background-position: 0 -33px}
.flag.cv {background-position: -16px -33px}
.flag.cw {background-position: -32px -33px}
.flag.cy {background-position: -48px -33px}
.flag.cz {background-position: -64px -33px}
.flag.de {background-position: -80px -33px}
.flag.dj {background-position: -96px -33px}
.flag.dk {background-position: -112px -33px}
.flag.dm {background-position: -128px -33px}
.flag.do {background-position: -144px -33px}
.flag.dz {background-position: -160px -33px}
.flag.ec {background-position: -176px -33px}
.flag.ee {background-position: -192px -33px}
.flag.eg {background-position: -208px -33px}
.flag.eh {background-position: -224px -33px}
.flag.england {background-position: -240px -33px}
.flag.er {background-position: 0 -44px}
.flag.es {background-position: -16px -44px}
.flag.et {background-position: -32px -44px}
.flag.eu {background-position: -48px -44px}
.flag.fi {background-position: -64px -44px}
.flag.fj {background-position: -80px -44px}
.flag.fk {background-position: -96px -44px}
.flag.fm {background-position: -112px -44px}
.flag.fo {background-position: -128px -44px}
.flag.fr {background-position: -144px -44px}
.flag.ga {background-position: -160px -44px}
.flag.gb {background-position: -176px -44px}
.flag.gd {background-position: -192px -44px}
.flag.ge {background-position: -208px -44px}
.flag.gf {background-position: -224px -44px}
.flag.gg {background-position: -240px -44px}
.flag.gh {background-position: 0 -55px}
.flag.gi {background-position: -16px -55px}
.flag.gl {background-position: -32px -55px}
.flag.gm {background-position: -48px -55px}
.flag.gn {background-position: -64px -55px}
.flag.gp {background-position: -80px -55px}
.flag.gq {background-position: -96px -55px}
.flag.gr {background-position: -112px -55px}
.flag.gs {background-position: -128px -55px}
.flag.gt {background-position: -144px -55px}
.flag.gu {background-position: -160px -55px}
.flag.gw {background-position: -176px -55px}
.flag.gy {background-position: -192px -55px}
.flag.hk {background-position: -208px -55px}
.flag.hm {background-position: -224px -55px}
.flag.hn {background-position: -240px -55px}
.flag.hr {background-position: 0 -66px}
.flag.ht {background-position: -16px -66px}
.flag.hu {background-position: -32px -66px}
.flag.ic {background-position: -48px -66px}
.flag.id {background-position: -64px -66px}
.flag.ie {background-position: -80px -66px}
.flag.il {background-position: -96px -66px}
.flag.im {background-position: -112px -66px}
.flag.in {background-position: -128px -66px}
.flag.io {background-position: -144px -66px}
.flag.iq {background-position: -160px -66px}
.flag.ir {background-position: -176px -66px}
.flag.is {background-position: -192px -66px}
.flag.it {background-position: -208px -66px}
.flag.je {background-position: -224px -66px}
.flag.jm {background-position: -240px -66px}
.flag.jo {background-position: 0 -77px}
.flag.jp {background-position: -16px -77px}
.flag.ke {background-position: -32px -77px}
.flag.kg {background-position: -48px -77px}
.flag.kh {background-position: -64px -77px}
.flag.ki {background-position: -80px -77px}
.flag.km {background-position: -96px -77px}
.flag.kn {background-position: -112px -77px}
.flag.kp {background-position: -128px -77px}
.flag.kr {background-position: -144px -77px}
.flag.kurdistan {background-position: -160px -77px}
.flag.kw {background-position: -176px -77px}
.flag.ky {background-position: -192px -77px}
.flag.kz {background-position: -208px -77px}
.flag.la {background-position: -224px -77px}
.flag.lb {background-position: -240px -77px}
.flag.lc {background-position: 0 -88px}
.flag.li {background-position: -16px -88px}
.flag.lk {background-position: -32px -88px}
.flag.lr {background-position: -48px -88px}
.flag.ls {background-position: -64px -88px}
.flag.lt {background-position: -80px -88px}
.flag.lu {background-position: -96px -88px}
.flag.lv {background-position: -112px -88px}
.flag.ly {background-position: -128px -88px}
.flag.ma {background-position: -144px -88px}
.flag.mc {background-position: -160px -88px}
.flag.md {background-position: -176px -88px}
.flag.me {background-position: -192px -88px}
.flag.mg {background-position: -208px -88px}
.flag.mh {background-position: -224px -88px}
.flag.mk {background-position: -240px -88px}
.flag.ml {background-position: 0 -99px}
.flag.mm {background-position: -16px -99px}
.flag.mn {background-position: -32px -99px}
.flag.mo {background-position: -48px -99px}
.flag.mp {background-position: -64px -99px}
.flag.mq {background-position: -80px -99px}
.flag.mr {background-position: -96px -99px}
.flag.ms {background-position: -112px -99px}
.flag.mt {background-position: -128px -99px}
.flag.mu {background-position: -144px -99px}
.flag.mv {background-position: -160px -99px}
.flag.mw {background-position: -176px -99px}
.flag.mx {background-position: -192px -99px}
.flag.my {background-position: -208px -99px}
.flag.mz {background-position: -224px -99px}
.flag.na {background-position: -240px -99px}
.flag.nc {background-position: 0 -110px}
.flag.ne {background-position: -16px -110px}
.flag.nf {background-position: -32px -110px}
.flag.ng {background-position: -48px -110px}
.flag.ni {background-position: -64px -110px}
.flag.nl {background-position: -80px -110px}
.flag.no {background-position: -96px -110px}
.flag.np {background-position: -112px -110px}
.flag.nr {background-position: -128px -110px}
.flag.nu {background-position: -144px -110px}
.flag.nz {background-position: -160px -110px}
.flag.om {background-position: -176px -110px}
.flag.pa {background-position: -192px -110px}
.flag.pe {background-position: -208px -110px}
.flag.pf {background-position: -224px -110px}
.flag.pg {background-position: -240px -110px}
.flag.ph {background-position: 0 -121px}
.flag.pk {background-position: -16px -121px}
.flag.pl {background-position: -32px -121px}
.flag.pm {background-position: -48px -121px}
.flag.pn {background-position: -64px -121px}
.flag.pr {background-position: -80px -121px}
.flag.ps {background-position: -96px -121px}
.flag.pt {background-position: -112px -121px}
.flag.pw {background-position: -128px -121px}
.flag.py {background-position: -144px -121px}
.flag.qa {background-position: -160px -121px}
.flag.re {background-position: -176px -121px}
.flag.ro {background-position: -192px -121px}
.flag.rs {background-position: -208px -121px}
.flag.ru {background-position: -224px -121px}
.flag.rw {background-position: -240px -121px}
.flag.sa {background-position: 0 -132px}
.flag.sb {background-position: -16px -132px}
.flag.sc {background-position: -32px -132px}
.flag.scotland {background-position: -48px -132px}
.flag.sd {background-position: -64px -132px}
.flag.se {background-position: -80px -132px}
.flag.sg {background-position: -96px -132px}
.flag.sh {background-position: -112px -132px}
.flag.si {background-position: -128px -132px}
.flag.sk {background-position: -144px -132px}
.flag.sl {background-position: -160px -132px}
.flag.sm {background-position: -176px -132px}
.flag.sn {background-position: -192px -132px}
.flag.so {background-position: -208px -132px}
.flag.somaliland {background-position: -224px -132px}
.flag.sr {background-position: -240px -132px}
.flag.ss {background-position: 0 -143px}
.flag.st {background-position: -16px -143px}
.flag.sv {background-position: -32px -143px}
.flag.sx {background-position: -48px -143px}
.flag.sy {background-position: -64px -143px}
.flag.sz {background-position: -80px -143px}
.flag.tc {background-position: -96px -143px}
.flag.td {background-position: -112px -143px}
.flag.tf {background-position: -128px -143px}
.flag.tg {background-position: -144px -143px}
.flag.th {background-position: -160px -143px}
.flag.tibet {background-position: -176px -143px}
.flag.tj {background-position: -192px -143px}
.flag.tk {background-position: -208px -143px}
.flag.tl {background-position: -224px -143px}
.flag.tm {background-position: -240px -143px}
.flag.tn {background-position: 0 -154px}
.flag.to {background-position: -16px -154px}
.flag.tr {background-position: -32px -154px}
.flag.tt {background-position: -48px -154px}
.flag.tv {background-position: -64px -154px}
.flag.tw {background-position: -80px -154px}
.flag.tz {background-position: -96px -154px}
.flag.ua {background-position: -112px -154px}
.flag.ug {background-position: -128px -154px}
.flag.um {background-position: -144px -154px}
.flag.us {background-position: -160px -154px}
.flag.uy {background-position: -176px -154px}
.flag.uz {background-position: -192px -154px}
.flag.va {background-position: -208px -154px}
.flag.vc {background-position: -224px -154px}
.flag.ve {background-position: -240px -154px}
.flag.vg {background-position: 0 -165px}
.flag.vi {background-position: -16px -165px}
.flag.vn {background-position: -32px -165px}
.flag.vu {background-position: -48px -165px}
.flag.wales {background-position: -64px -165px}
.flag.wf {background-position: -80px -165px}
.flag.ws {background-position: -96px -165px}
.flag.xk {background-position: -112px -165px}
.flag.ye {background-position: -128px -165px}
.flag.yt {background-position: -144px -165px}
.flag.za {background-position: -160px -165px}
.flag.zanzibar {background-position: -176px -165px}
.flag.zm {background-position: -192px -165px}
.flag.zw {background-position: -208px -165px}

.session-block-body {
    overflow: hidden;
    box-shadow: 0px 15px 25px 0px #89D4FF4D;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 64px 114px;
}

.pagination {
    margin: 20px auto 0;
    padding: 15px 0;
    text-align: center;
    overflow: hidden;
    width: 500px;
    border-top: 2px solid #ecf0f1;
}
.pagination-link-next {
    float: right;
}
.pagination-link-end {
    color: #128490;
    font-size: 13px;
}
.pagination table {
    width: auto;
    margin: -5px auto 0;
}
.pagination table td {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
}
.pagination-link {
    display: block;
    padding: 3px 5px;
    color: #128490;
    font-size: 13px;
}
.pagination-link-current {
    background-color: #2980b9;
    border-radius: 2px;
    color: #fff;
}

@media screen and (max-width: 1160px) {
	#header .header-inner {
        width: 100%;
    }
	#content {
        width: 100%;
        margin: 0;
    }
	#content .content-inner {
        margin: 30px;
    }
    #content-center {
        width: 100%;
        margin: 0;
    }
	#content-center .content-inner {
        padding: 30px 0;
    }
	#header .nav .menu {
        column-gap: 5px;
    }
	#header .nav .menu .item .link {
        padding: 10px 23px 10px 0;
    }
}

@media screen and (max-width: 992px) {
    #header .logo {
        flex: 0 1 auto;
    }
	#header .logo img {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
	#page-wrapper {
        padding: 50px 0 0 0;
    }
	#header {
        padding: 10px 0;
        position: absolute;
    }
	#header .header-inner {
        width: 100%;
    }
	#header .hamburger-button-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        margin: 0 0 0 30px;
    }
	#header .logo {
        flex: 0 1 174px;
        justify-content: center;
    }
	#header .logo .logo-link img {
        max-width: 100%;
        min-width: 100px;
    }
	#header .call-button-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        margin: 0 30px 0 0;
    }
	#header .header-inner.menu-active .nav {
        left: 0;
    }
	#header .header-inner .nav {
        transition: .2s all ease-in-out;
        left: -100%;
        display: flex;
        flex-direction: column-reverse;
        position: absolute;
        top: 0;
        width: 100%;
        padding: 0;
        background: linear-gradient(109.99deg, #6EDDEF 2.6%, #0F4868 73.75%);
        z-index: 1;
        overflow: auto;
    }
	#header .header-inner.menu-active .nav .menu-close-link {
        position: absolute;
        top: 16px;
        right: 32px;
        display: block;
        width: 32px;
        height: 32px;
        background: url(../images/close_w_ico.svg) no-repeat center center;
        z-index: 1;
    }
	#header .nav .menu .item .link {
        font-size: 28px;
        line-height: 33px;
    }
	#header .header-inner .nav .menu {
        flex-direction: column;
        width: calc(100% - 64px);
        margin: 0 32px 32px 32px;
    }
	#header .nav .menu .item {
		align-items: start;
        margin: 0 0 13px 0;
        display: flex;
        flex-direction: column;		
    }
	#header .nav .menu .submenu_wrapper {
        position: relative;
        right: 0;
        width: 100%;
    }
	#header .header-inner .nav .menu .submenu {
        margin: 0 0 24px 0;
    }
	#header .header-inner .nav .menu.avatar_menu {
        margin: 8px 32px 0 32px;
        flex: 1 1 auto;
    }
	#header .nav .menu .item.avatar_wrapper {
        margin: 0;
    }
	#header .nav .menu .item.avatar_wrapper > .link {
		padding: 10px 20px 10px 5px;
	}
	#header .nav .menu.avatar_menu .item .link .avatar {
        width: 65px;
        height: 65px;
    }
	#header .nav .menu .submenu .submenu_item:last-child {
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	#header .nav .menu .item.with_submenu .link:after {
        background-size: 14px;
    }
	#header .nav .menu .item.with_submenu.active .link:after {
        transform: rotate(180deg);
    }	
	#content {
        width: 100%;
        margin: 0;
    }
	#content .content-inner {
        margin: 30px 20px;
    }
    #content-center {
        width: 100%;
        margin: 0;
    }
	#content-center .content-inner {
        padding: 30px 0;
    }
	.auth-block {
        margin: 54px auto 20px;
    }	
	.session-block {
        margin: 54px auto 20px;
    }
	.session-block-header {
        font-size: 35px;
        line-height: 42px;
        margin: 0 0 32px 0;
    }
	.session-block-body {
        padding: 32px 24px;
    }
	.floating-block {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }
	.auth-block-header {
        margin: 0 0 32px 0;
        font-size: 35px;
        line-height: 42px;
    }
	.auth-block-body {
        padding: 32px 10px;
    }
	.auth-block-body .custom-editabletable {
        width: 100%;
        margin: 0 auto 24px auto;
    }
	input.component-text {
        padding: 13px;
    }
	.auth-block-body table.custom-editabletable.registration tr:nth-of-type(3) {
        margin: 0;
    }
	.auth-block-body table.custom-editabletable tr:nth-of-type(3) {
        margin: 32px 0 0 0;
    }
	.auth-block-body .custom-block-actions .custom-link {
        right: 0;
        top: -148px;
    }	
	.custom-block-actions-center {
        padding: 0;
    }
	.custom-groupedinfo-body {
        max-width: 100%;
        overflow-x: auto;
        flex-direction: column;
    }
	.custom-groupedinfo-left {
        width: 100%;
    }
	.session-block-account {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 16px;
    }
	.session-block-account-inner {
        padding: 0;
        flex: 1 1 auto;
        width: 100%;
    }
	.session-block-account-name {
        text-align: center;
    }
	.session-block-account-type {
        text-align: center;
    }
	.session-block-account-company {
        text-align: center;
    }
	.session-block-account-icon {
        display: none;
    }
	.session-change-link-wrapper {
        justify-content: center;
    }
	.session-logout-link-wrapper {
        margin: 24px 0 0 0;
    }
	
	.pagination {
        width: calc(100% - 40px);
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 20px;
    }
	.pagination-link-next {
        display: block;
        float: none;
    }
}