.profile-columns {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.profile-columns .profile-column {
    display: table-cell;
    padding: 0 5px;
    vertical-align: top;
}

.page-buffer .profile-columns .profile-column.left-column {
    width: 280px;
    padding: 15px 20px 20px 0px;
}

.profile-columns .profile-column {
    display: table-cell;
    padding: 0 5px;
    vertical-align: top;
}

.profile-page .profile-avatar {
    position: relative;
    float: left;
    width: 200px;
    height: 200px;
    margin: 0 10px 1px 0;
    border-radius: 3px;
    background: #f1f1f1 url(/modules/Cabinet/public/front/img/user.png?) no-repeat center center;
    background-size: contain;
    border: 6px solid white;
    box-shadow: 0 0 0 1px #e1e7eb;
}

.profile-page .prifile-main-text {
}

.profile-page .socnet-block {
    position: relative;
    margin: 40px 0 0 0;
}

.profile-page .socnet-buttons-container {
    position: relative;
    margin: 20px 0;
}

.profile-page .socnet-buttons-container .js-socnet-buttons {
    display: inline-block;
}

.profile-page .socnet-block-title {
    font-size: 18px;
    display: inline-block;
    color: #2d2d2d;
    border-bottom: 1px solid #27b399;
}

.profile-page .js-socnet-buttons .js-socnet-button {
    width: 50px;
    height: 50px;
}

.profile-page .js-socnet-buttons .js-socnet-inner {
    height: 50px;
}

.profile-page .js-socnet-buttons .js-socnet-inner:before {
    font-size: 26px;
    left: 9px;
    top: 16px;
}

.profile-page .programms-container {
    margin-top: 70px;
}

.cabinet .payers-list {
    position: relative;
}

.cabinet .payers-list.-loaded {
    height: auto;
    overflow: visible;
}

.cabinet .payer-inner {
    position: relative;
    text-align: center;
}

.cabinet .payers-list .payer {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    position: relative;
    box-shadow: inset 0 0 0 9px #fff,inset 0 0 0 10px #ecebeb;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.cabinet .payer-image {
    background: url(/modules/Cabinet/public/front/img/single_user.png) no-repeat center center;
    background-size: cover;
    position: relative;
    width: 130px;
    height: 130px;
    margin: 10px auto;
}

.cabinet .payer-name {
    text-align: center;
    height: 30px;
    overflow: hidden;
    padding: 10px 0;
}

.cabinet .payer-name span {
    display: inline-block;
    margin: 0 2px;
}

.cabinet .payer-amount {
    padding: 10px 0;
}

.cabinet .payer-amount .amount {
    font-size: 15px;
    color: #0de8d4;
    display: inline-block;
}

.cabinet .payer-amount .currency {
    font-size: 11px;
    color: #20b1a3;
    display: inline-block;
    margin-left: 2px;
}

.cabinet .payer-info {
    position: relative;
    background: #2b3a44;
    color: #FFF;
    font-size: 13px;
}

.cabinet .payer-date {
    padding: 4px 0 10px 0;
}

.cabinet .payer-date .date {
    font-size: 10px;
    color: #709bb7;
}

.cabinet .wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 50px;
}

.cabinet .wrapper .payers-container {
    display: table-cell;
    vertical-align: top;
    width: 290px;
}

.cabinet .wrapper .payers-container:before {
    content: '';
    position: absolute;
    height: 100%;
    right: 10px;
    width: 1px;
    background: #e0e0e0;
    top: 0;
}

.cabinet .wrapper .payers-container .year, .cabinet .wrapper .other-payers-container .year {
    font-size: 31px;
    position: relative;
    position: relative;
    left: -100px;
}

.cabinet .wrapper .payers-container {
    padding-left: 100px;
    position: relative;
}

.cabinet .wrapper .other-payers-container {
    padding-left: 110px;
    position: relative;
}

.cabinet .wrapper .other-payers-container .month, .cabinet .wrapper .payers-container .month {
    color: #02886f;
    margin: 10px 0;
    position: relative;
}

.cabinet .wrapper .payers-list-container .payers-list-name span {
    display: inline-block;
    position: relative;
    margin-right: 3px;
}

.cabinet .wrapper .partners-list {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.cabinet .partners-list .js-ig-container {
    position: relative;
}

.cabinet .partners-list .js-ig-info {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    cursor: pointer;
    opacity: 0;
    transition: opacity 200ms ease-out;
    color: #FFF;
}

.cabinet .partners-list .js-ig-info:hover {
    opacity: 1;
}

.cabinet .partners-list .js-ig-title {
    font-size: 22px;
    margin: 8px 0;
    text-align: center;
    text-transform: uppercase;
}

.cabinet .partners-list .js-ig-descript {
    font-size: 15px;
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: rgb(227, 147, 0);
}

.cabinet .partners-list .js-ig-descript:empty {
    display: none;
}

.jsplash-inner.cabinet-registry-form, .cabinet-registry-form {
    text-align: left;
}

.cabinet-registry-form .note {
    color: #ffffff;
    text-align: center;
    position: relative;
    z-index: 2;
    font-size: 15px;
    margin-bottom: 0;
    text-shadow: 0 0 1px #000;
    display: none;
}

.cabinet-registry-form .submit-field {
    text-align: center;
    margin: 6px 0 0 0;
}

.cabinet-registry-form .bottom-note .note {
    font-size: 12px;
    color: #101010;
    margin: 0;
}

.cabinet-registry-form .submit-field input:active {
    top: inherit;
}

.jsplash-inner.cabinet-sign-in-form {
    width: 230px;
}

.jsplash-inner.cabinet-sign-in-form input {
    text-align: center;
}

.cabinet-sign-in-form .submit-field {
    text-align: center;
    margin: 6px 0 6px 0;
}

.jsplash-wrapper.cabinet-registry-form {
    background: #FFF;
    border-radius: 7px 7px 0 0;
}

.jsplash-inner.cabinet-registry-form {
    max-width: 370px;
    color: #333;
}

.jsplash-wrapper.cabinet-registry-form:before {
    content: '';
    position: absolute;
    height: 65px;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 2px 2px 0 0;
    background: #FFF url(/public/img/shipulin-logo-large.png) no-repeat center center;
    background-size: cover;
    box-shadow: none;
}

.jsplash-wrapper.cabinet-registry-form:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    background: #3c3c3c;
    bottom: 0;
}

.jsplash-wrapper.cabinet-sign-in-form {
    background: #FFF;
    border-radius: 7px 7px 0 0;
    color: #333;
}

.jsplash-wrapper.cabinet-sign-in-form:before {
    content: '';
    position: absolute;
    height: 75px;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 2px 2px 0 0;
    background: #FFF url(/public/img/shipulin-logo-large.png) no-repeat center center;
    background-size: cover;
    box-shadow: none;
}

.jsplash-wrapper.cabinet-sign-in-form:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    background: #717171;
    bottom: 0;
}

.cabinet-toolbar {
    background: #FFFFFF;
    margin: 0 0 40px 0;
    border-top: 2px solid #27b399;
    background-color: #fff;
    box-shadow: 0 4px 14px -2px rgba(0, 0, 0, .32);
}

.cabinet-toolbar a {
    text-decoration: none;
    color: #444;
    padding: 8px 12px;
    display: inline-block;
}

.cabinet-toolbar a:hover {
    color: #333;
    background: #E8E8E8;
}

.cabinet-toolbar a:active {
}

.cabinet-toolbar a.active {
    background: #27b399;
    color: #FFF;
}

.cabinet-data-page .field-container {
    display: table;
    width: 100%;
    max-width: 620px;
    margin: 0 0 30px 0;
    table-layout: fixed;
    margin-left: -20px;
}

.cabinet-data-page .field-container .field {
    display: table-cell;
    padding: 0 20px;
}

.cabinet-data-page form[name="userData"] {
    padding: 20px;
    border-top: 2px solid #2b3a44;
    background-color: #fff;
    box-shadow: 0 4px 14px -2px rgba(0, 0, 0, .32);
}

.cabinet .note {
    background: #F3F3F3;
    padding: 20px;
    margin: 0 0 26px 0;
    border-radius: 2px;
    border: 1px dotted #e9e9e9;
}

.cabinet table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 25px;
    border: 1px solid #1C472B;
    text-align: left;
    background: #FFF;
}

.page-content .cabinet table th {
    border: 1px solid #2b3a44;
    line-height: 30px;
    font-weight: normal;
    font-size: 13px;
    color: #FFF;
    padding: 4px 20px;
    background: #2b3a44;
}

.page-content .cabinet table td {
    font: 15px/20px arial;
    border: 1px solid #D5D5D5;
    padding: 11px 10px 11px 10px;
}

.page-content .cabinet table p, .page-content .cabinet table h1, .page-content .cabinet table h2, .page-content .cabinet table h3, .page-content .cabinet table h4 {
    background-color: inherit;
    box-shadow: inherit;
}

.page-content .cabinet table.item-attributes th, .page-content .cabinet table.item-attributes td {
    padding: 2px 4px;
    font-size: 12px;
    line-height: 18px;
}

.page-content .cabinet table td.item-attributes, .page-content .cabinet table th.item-attributes {
    width: 300px;
}

.cabinet table .order-cost, .cabinet table .item-cost {
    color: #27b399;
}

.cabinet .item-name .name {
    text-align: center;
}

.cabinet form[name="changePassword"] {
    padding: 20px;
    border-top: 2px solid #2b3a44;
    background-color: #fff;
    box-shadow: 0 4px 14px -2px rgba(0, 0, 0, .32);
}

.cabinet-password-page .your-login {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-left: 6px;
}

.cabinet .pay-status-canceled, .cabinet .pay-status-pending {
    opacity: .5;
    background: #dadada;
}

.cabinet .pay-attention {
    margin-right: 8px;
}

.cabinet .pay-status-confirmed .pay-attention {
    color: #f96b6b;
}

.cabinet .payers-list .pay-type {
    width: 390px;
}

.cabinet .payers-list .stop-recurring {
    margin-left: 30px;
}

.jsplash-closebtn.cabinet-registry-form, .jsplash-closebtn.cabinet-sign-in-form {
    color: #ff322d;
}

.cabinet-registry-form [data-type='validator-error'], .cabinet-sign-in-form [data-type='validator-error'] {
    background: #FFF;
}

.cabinet-payers-page .share-it {
    margin: 0 0px 30px 0;
}

.cabinet-payers-page .share-it i {
    margin-right: 8px;
}
