.hidden, .mobile, .flexmobile {display:none}
.textrose {color:#ff3366 !important}

/* Blocks */
.disabled {pointer-events:none; cursor:default}
.w100p {width:100%}
.block {display:block; box-sizing:border-box}
.iblock {display:inline-block}
.pos-relative {position:relative}
.pos-absolute {position:absolute}
.invisible {visibility:hidden}
.flex, .flexwrapadaptive {display:flex}
.flexwrap {display:flex; flex-wrap:wrap}
.flex11auto {flex:1 1 auto}
.flex-hor-space {justify-content:space-between}
.flex-hor-center {justify-content:center}
.flex-hor-right {justify-content:flex-end}
.flex-ver-center {align-items:center}
.endless {height:100px}
@media (max-width:980px) {
 .flexwrapadaptive {display:block}
 .flexwrapadaptive > div {width:100%}
 .flexwrapadaptive > div > input, .flexwrapadaptive > div > select, .flexwrapadaptive > div > button {width:100% !important}
 input[type=checkbox].adaptive {width:50px; height:50px}
 .mobile {display:block}
 .flexmobile {display:flex}
 .nomobile {display:none}
}

/* Социал и Комментарии */
.social {padding:4px 12px; border-radius:32px; background:var(--steel); color:black}
.social:hover > a {color:var(--rose)}
.dolike:hover {transform: scale(1.2);} 
.likeuserlist {position:absolute; display:none; margin-top:10px; width:300px;  z-index:5; padding:5px; border:1px solid var(--silver); border-radius:10px; background:white}
.likeuserlist > div {min-height:50px; max-height:300px; overflow-y:auto;}    
.commentwrapper {display:flex; flex-direction:column; max-width:500px; margin:0 auto}
.comment-band {flex:1 1 auto; max-height:700px; overflow-y:auto}
.commentline:hover .commentdel {display:block}
.comment-fio {padding:3px 0}
.comment-editor {min-height:30px; max-height:400px; outline:none; overflow-y:auto; line-height:1.2; padding:12px 10px}
.comment-area .attach {display:flex; margin:8px 5px 0 0}
.comment-area .attach > div {margin:0 0 0 7px}
.smilemenu {z-index:10}
.smilemenu i {font-style:normal; font-size:140%; padding:0 4px; cursor:pointer}
.smiles i {font-style:normal; font-size:130%; cursor:pointer}
.comment-post {font-size:30px}
.comment-clear:hover {color:red}
@media (max-width:980px) {
    .likeuserlist {left:10px}
    .commentwrapper {width:100%; border-left:0; border-right:0}
}

/* Border 1px solid color*/
.b-corp {border-color:var(--corp)} 
.b-green {border-color:green} .b-gray {border-color:gray} .b-lgray {border-color:#cccccc} .b-orange {border-color:var(--orange)} .b-red {border-color:red}
.b-rose {border-color:var(--rose)} .b-silver {border-color:var(--silver)} .b-silver1 {border-color:var(--silver1)} 
.b-tinymce {border-color:rgba(0,0,0,0.2)} .b-white {border-color:white}
.b-all {border-width:1px; border-style:solid}
.b-t, .b-between + .b-between {border-top-width:1px; border-top-style:solid}
.b-b {border-bottom-width:1px; border-bottom-style:solid}
.b-l {border-left-width:1px; border-left-style:solid}
.b-r {border-right-width:1px; border-right-style:solid}
.r50p {border-radius:50%} .r1 {border-radius:4px} .r2 {border-radius:8px}

/* Dlg */

#dlg {position:fixed; left:0; top:0; right:0; bottom:0; z-index:999; background:rgb(0,0,0,0.6); overflow-y:hidden; visibility:hidden}
#d-scroller {height:100vh; overflow-y:auto}
#d-flex {display:flex; justify-content:center; align-items:center; min-height:100vh; padding:30px 0}
#d-frame {flex:0 0 981px; border-radius:3px}
@media (max-width:980px) {
    #dlg {overflow-y:scroll}
    #d-scroller {height:auto; overflow-y:auto; max-width:100%}
    #d-flex {display:block; padding:0 0 150px; max-width:100%}
    #d-frame {width:100%; border:0; border-radius:0}        
}

html.app {overflow-y:scroll; line-height:1.2; background:white}
html.dlg {background:white}

.v-application {display:block; font-family:inherit}

table {border-collapse:collapse}
table.zero > tbody > tr > td {padding:0}
table.bordersilver, table.bordersilver > tbody > tr > td {border:1px solid var(--silver)}
table.bordergray, table.bordergray > tbody > tr > td {border:1px solid gray}
table.vtop > tbody > tr, tr.vtop {vertical-align:top}
td {padding:7px}
@media (max-width:980px) {
 td {padding:12px 7px}
 .dlg-table > tbody > tr > td{display:block}
}

.bguser{flex:0 0 48px; margin:0 auto; width:48px; height:48px}
.bguser-60{flex:0 0 60px; margin:0 auto; width:60px; height:60px}

.help-widget-button{position: fixed; bottom: 50px; right: 50px; display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 50%; background-color: var(--primarydark); color: white; font-size: 46px; z-index:12}
.help-widget-button:hover{cursor:pointer}

.help-widget{position: fixed; bottom: 50px; right: 50px; display: none; flex-direction: column; width: 400px; height: 700px; border-top-left-radius:25px; border-top-right-radius:25px; border:1px solid; border-color: var(--primarydark); z-index:12}

.help-widget-header, .help-widget-footer{background-color: var(--primarydark);}
.help-widget-header, .help-widget-header > a{color: white; font-size: 20px}
.help-widget-header > div, .help-widget-header > a{display:flex; align-self: center}

.help-widget-header{height: 2%}
.help-widget-header{height: 15%}

.help-widget-body{overflow-y:scroll; width: 100%; height: 83%; background-color: white}

.help-widget-header{display: flex; justify-content: space-between; padding: 5px 25px; border-top-left-radius:25px; border-top-right-radius:25px}
.help-widget-footer{padding: 25px 0; text-align: center}

.help-widget-text{display:block; margin:0 10px; padding:10px; min-height: 75px; background:white; word-break: break-all; border-radius: 5px; text-align: left}
.help-widget-send-button{display:inline-block; margin-top:25px; padding:15px; border-radius:5px; background-color:var(--secondary); color: white; text-align: center}

.help-widget-chat-item{display:flex; align-items:center; margin:25px 10px; word-wrap:anywhere}

.help-widget-chat-item-textbox{margin: 0 10px; text-align: justify}
.help-widget-chat-item-textbox > div{margin-top:10px}

.help-widget-question-date{margin-top:10px; color:gray; font-size:14px}

.help-widget-left-item{text-align: left}
.help-widget-right-item{width:100%; text-align: right}

.help-widget-unread{position:absolute; top:-10px; right:-5px; display:flex; justify-content:center; align-items:center; width:40px; height:40px; background-color:#ff6e92; color:white; font-size:24px; border-radius: 50%}

.help-widget-text:empty:before {content: attr(data-placeholder);}

.recom {width:25px; height:25px}

@media (max-width:980px) {
 .help-widget-button{bottom: 25px; right: 25px; width:75px; height:75px; font-size:36px}
 .help-widget{top: 0; right: 0; bottom: 0; left: 0; width: unset; height: unset}
 .help-widget-header{border-top-left-radius:0; border-top-right-radius:0}
 .help-widget-unread{width:30px; height:30px; font-size:18px}
}

.image-square-25{display:block; width:25px; height:25px; background-size:cover; background-position: center center; background-color: gray}
.image-square-50{display:block; width:50px; height:50px; background-size:cover; background-position: center center; background-color: gray}
.image-square-100{display:block; width:100px; height:100px; background-size:cover; background-position: center center; background-color: gray}