/* Start:/local/templates/grapeexpo/components/bitrix/system.auth.form/main/style.css?17913585981655*/
/* GRAPE EXPO (копия magazinsclad.ru): кнопка входа через VK ID.
   Акцент сайта — #d97706.  Кнопка использует штатный обработчик
   /bitrix/tools/oauth/vkontakte.php через onclick, который формирует
   модуль socialservices (PKCE S256 + state). */
.soc-avt .vk-id-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 230px;
    margin: 0 0 16px;
    padding: 11px 20px;
    border: 0;
    border-radius: 6px;
    background: #d97706;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color .15s ease;
}
.soc-avt .vk-id-btn:hover,
.soc-avt .vk-id-btn:focus {
    background: #b45f05;
    color: #fff !important;
    text-decoration: none !important;
}
.soc-avt .vk-id-btn:active { background: #99500a; }
.soc-avt .vk-id-btn:focus-visible { outline: 2px solid #d97706; outline-offset: 2px; }
.soc-avt .vk-id-btn__logo { flex: 0 0 auto; display: block; }
.soc-avt .vk-id-btn__text { display: inline-block; }
@media (max-width: 560px) {
    .soc-avt .vk-id-btn { width: 100%; min-width: 0; }
}

/* GRAPE EXPO: notice shown when VK refused the extra accesses (scope fallback). */
.soc-avt .vk-id-note {
    max-width: 460px;
    margin: 0 0 14px;
    padding: 10px 14px;
    border-left: 3px solid #d97706;
    border-radius: 4px;
    background: #fdf3e4;
    color: #4a4a4a;
    font-size: 13px;
    line-height: 1.45;
}

/* End */


/* Start:/local/templates/grapeexpo/components/bitrix/socserv.auth.form/icons/style.css?17696974463080*/
div#workarea > div.soc-serv-main {padding-left: 12px; position: relative; }
tr.soc-serv-header { color:grey;  font-weight:lighter; font-size: 85%; }
td.split-item-actions a.split-delete-item { width: 14px; height: 14px;  display: inline-block; background:url('/local/templates/grapeexpo/components/bitrix/socserv.auth.form/icons/images/grey_del.gif');}
td.split-item-actions a.split-delete-item:hover{background:url('/local/templates/grapeexpo/components/bitrix/socserv.auth.form/icons/images/red_del.gif') no-repeat; }
div.soc-serv-accounts { color:grey; font-weight:lighter; }
div.soc-serv-accounts td.soc-serv-name { color: black; padding-right: 5px; padding-left: 15px !important;}
div.soc-serv-accounts td.soc-serv-name-title {padding-left: 15px !important;}
div.soc-serv-title { padding-left: 7px; padding-top: 0px; background: #f5f5f5; height: 19px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.soc-serv-my-actives { font-weight:lighter; font-size: 90%; padding-left: 4px; margin-bottom:15px; vertical-align: middle; }
A.soc-serv-link:visited {color: #486DAA; }
a.soc-serv-link:hover {color: #D00;}
div.soc-serv-main tr.soc-serv-personal td.bx-ss-icons { padding: 9px !important; }

i.soc-serv-photo { width: 30px; height: 30px; display: inline-block; vertical-align: middle;}
i.soc-serv-text { font-style: normal; vertical-align: middle;}
td.bx-ss-icons i.bx-ss-icon { width: 16px; height: 16px;  display: inline-block; vertical-align: middle; }
.bx-ss-icon {background-image:url('/bitrix/js/socialservices/css/icons_v4.png'); width:16px; height:16px; background-repeat:no-repeat; display: inline-block; vertical-align: middle; }
.openid {background-position: 0px -192px;}
.yandex {background-position: 0px 0px;}
.openid-mail-ru {background-position: 0px -48px;}
.livejournal {background-position: 0px -16px;}
.liveinternet {background-position: 0px -128px;}
.blogger {background-position: 0px -144px;}
.rambler {background-position: 0px -160px;}
.liveid {background-position: 0px -176px;}
.facebook {background-position: 0px -32px;}
.twitter {background-position: 0px -96px;}
.vkontakte {background-position: 0px -80px;}
.mymailru {background-position: 0px -64px;}
.google {background-position: 0px -112px;}
.odnoklassniki {background-position: 0px -208px;}
.bitrix24 {background-position:0px -378px}

.feed-add-post-form-but-wrap {padding:0 7px 2px; position:relative; display: none;}
.feed-add-post-text {color:#bfbfbf; font-size:17px; display: none; /*height:75px; padding:10px 7px 0;*/}
.feed-add-post-form.feed-add-post-edit-form {padding:0 7px 2px; position:relative; display: none;}
.feed-add-post-destination-block {border-bottom: 0px !important; margin-top:5px; overflow:hidden; padding:0 0 7px 12px; position:relative; zoom:1; line-height: 20px;}
.feed-add-post-destination-wrap {max-width:100% !important;}
.feed-add-button {display: none;}

div#bx_sonet_fieldset_SOCSERV  td.bx-sonet-profile-fieldcaption {display: none;}
div#soc-serv-recipients {display: none;}
.bx-sonet-profile-edit-layout div.bx-sonet-profile-edit-layers table.bx-sonet-profile-fieldset-table td.bx-sonet-profile-field  {padding-left: 35px;}
.bx-auth input[type|="text"] {width: 25% !important;}
/* End */
/* /local/templates/grapeexpo/components/bitrix/system.auth.form/main/style.css?17913585981655 */
/* /local/templates/grapeexpo/components/bitrix/socserv.auth.form/icons/style.css?17696974463080 */