@charset "UTF-8";

#network_tip {font-family: "Roboto", "PT Sans", Arial, sans-serif;display: none;position: fixed;bottom: -10px;left: 0;right: 0;height: 0;padding: 0 10px;text-align: center;pointer-events: none;z-index: 92000;}

#network_tip .body {/* position: absolute; */background: #36373B;color: #fff;border: 1px solid #545454;border-radius: 14px;margin: 0 auto;min-height: 46px;padding: 7px 18px 7px;display: inline-block;display: inline-flex;align-items: center;position: relative;box-shadow: 2px 2px 9px 0 rgba(77, 78, 82, .8);font-size: 14px;line-height: 17px;text-align: left;opacity: 0;max-width: 100%;bottom: 0;transition: bottom .25s ease, transform .25s ease, opacity .2s ease;flex-flow: column;align-content: center;}

#network_tip p {margin: 0;flex-grow: 1;flex-shrink: 1;}

#network_tip b {display: none;margin-left: 10px;border-radius: 8px;background: #9A864B;height: 30px;line-height: 28px;padding: 0 9px;font-weight: 400;box-shadow: none;border: 1px solid #5A4E2A;cursor: pointer;}

#network_tip b:hover {background: #A99850;}

#network_tip .s {/*opacity: .1;max-width: 0;transition: max-width .15s ease, opacity .2s ease;*/overflow: hidden; display: inline-flex; align-items: center;/* flex-grow: 1; *//* flex-shrink: 1; */margin: 0 auto;position: absolute;height: 0;justify-content: center;display: none;padding-left: 0;}

#network_tip .s > svg {display: inline-block;margin-right: 14px;flex-shrink: 0;}

#network_tip.shown {display: block;}

#network_tip.shown .body {bottom: 20px;transform: translateY(-100%);opacity: .95;transition: bottom .25s ease, transform .25s ease, opacity .1s ease;}

#network_tip.offline {pointer-events: all;}

#network_tip.offline b {display: inline-block;flex-shrink: 0;}

#network_tip.offline .s_offline,
#network_tip.checking .s_checking,
#network_tip.online .s_online {display: inline-flex;position: relative; min-height: 30px; max-width: 100%; opacity: 1; height: auto;}

#network_tip.online .s_online {transition: none;}

#network_tip.online .s_checking,
#network_tip.online .s_offline {display: none;}

#network_tip.checking .s_offline {display: none;}


@media only screen and (max-width: 990px) {
    .layout_forum #network_tip {bottom: 33px;padding: 0 5px;}
}


@media only screen and (max-width: 720px) {
    .layout_market #network_tip {bottom: 47px;padding: 0 5px;}
	.layout_publication #network_tip {bottom: 33px;padding: 0 5px;}
}