@charset "windows-1251";

SECTION.NOTICEPLASHKA::before { content:none; }
SECTION.FROMLINK_TP { background:#E2FEEB; border:3px double #6B728E; }
SECTION.INAPP_TP { background:#D8DBD9; border:2px solid #7A88C2; }


H1 { font-family:sans-serif; }

#ALRMANFACE_TP { max-width:60%; max-height:15vh; }

#CallScreen_TP { display:flex; justify-content:center; align-items:center; position:fixed; width:100vw; height:1px; z-index:10; background:transparent; transition:.3s;  }
#CallScreen_TP.CSON_TP {  width:100vw; height:100vh; top:0; left:0; background-color:#475349;  }

#StartBtns_TP { margin-top:1.5rem; text-align:center; }

#MusicClip_TP { display:none; width:98vw; margin:1.5rem auto 2rem; }
#MusicClip_TP IFRAME { height:14rem; width:95vw; max-width:95vw; margin:auto; }

#NOTABENE_TP { padding: .6em; }
#NOTABENE_TP B { font-size:120%; }
#NOTABENE_TP STRONG { white-space:nowrap; color:#7F0F0F; font-size:120%; }
#NOTABENE_TP U { color:#1977ef; text-decoration-style:dashed; text-decoration:dotted underline 2px; cursor:pointer; }

#StartAudio_TP, #StartVideo_TP
{
padding:.6rem 1rem .6rem 1.8rem; font-size:100%; color:#FFFFFF; text-shadow:1px 1px 1px #808364;
background:#7B9368; background-image:url("/i/bgr/gears_bg_horiz.png"), var(--call-icon); background-position:left top, .3rem center; background-repeat:repeat,no-repeat; background-size:cover, 1.3rem; box-shadow:3px 4px 10px #506840 inset, -3px -4px 10px #ABC09D inset;
border-radius:1em; border:1px solid; border-color: #6C754F #667860 #778655 #68775B;
}

#StartVideo_TP
{ background-color:#57AEA2; background-image:url("/i/bgr/gears_bg_horiz.png"), var(--video-icon); box-shadow: 3px 4px 10px #40685f inset, -3px -4px 10px #9db5c0 inset; border-color: #4f7561 #607875 #55867d #77665b;  }

#StartAudio_TP:active { color:#F2F1A3; background-color:#445736;  }
#StartVideo_TP:active { color:#F2F1A3; background-color:#13575e;  }



#ShareCallID_TP { position:fixed; top:-4rem; left:3%; max-width:85vw; padding:.7rem .8rem; background:#FFF; opacity:0; transition:.4s cubic-bezier(.175, .885, .32, 1.275 ); }
#ShareCallID_TP.SHREADY_TP, #ShareCallID_TP.PICK_UP_TP, #ShareCallID_TP.BUBLERR_TP { z-index:25; top:4rem; opacity:.6; border-radius:5px; }
#ShareCallID_TP.PICK_UP_TP { padding:1rem .8rem; font-weight:bold; background:#D0FFF8; }
#ShareCallID_TP.BUBLERR_TP { padding:1rem .8rem; background:#F9CCD9; }
#ShareCallID_TP.SHREADY_TP OUTPUT { font-family:sans-serif; font-weight:bold; }
#ShareCallID_TP > P { margin:.5rem 0; }
BUTTON#CopyID_TP { border:none; margin-left:.6rem; width:1.3rem; height:1.3rem; vertical-align:bottom; background:var(--contcopy-icon) center / contain no-repeat; }
BUTTON#CopyID_TP:not(.COPYOK_TP):hover { filter:brightness(130%); }
BUTTON#CopyID_TP:not(.COPYOK_TP):active { filter:grayscale(.9); }
BUTTON#CopyID_TP.COPYOK_TP { background-image:none; border:1px solid #0e455b; vertical-align:initial; border-radius:5px; cursor:default; font-size:1rem; color:#00807A; }
BUTTON#SSSinv_TP { background:#e3e7e4; font-size:.9rem; border-radius:5px; border:1px solid #00807A; cursor:pointer; margin:.8rem auto .3rem; padding:.5rem .7rem; font-family:sans-serif; }
BUTTON#SSSinv_TP:not(.INACT):hover { background:#d5e1d9; border:1px solid #6A399B; }
BUTTON#SSSinv_TP.INACT { background:#bcc1bd !important; }

.PLSSTAY_TP { color:#85333F; }


#RemoteVid_TP, #LocalContnr_TP, #LocalVid_TP, #RemoteAudVis_TP, #LocalAudVis_TP, #HangUpCall_TP, #AnswerCall_TP  { display:none; }
#LocalContnr_TP, #RemoteVid_TP  { position:absolute; }

#LocalContnr_TP.BIGVIS_TP, #RemoteVid_TP.BIGVIS_TP { display:block; z-index:12; width:100%; height:75vmin; margin-top:31px; background-color:gray; background-image:url(/i/bgr/white-noise.gif);  }
#LocalVid_TP.BIGVIS_TP { display:block; width:100%; height:100%;  }
#LocalVid_TP.SMALLVIS_TP { display:block; z-index:15; width:9rem; height:9rem; right:1rem; bottom:4rem; border-radius:50%; }
#LocalContnr_TP.SMALLVIS_TP { display:block; z-index:15; width:30vmin; height:30vmin; overflow:hidden; right:5vmin; top:15vh; border-radius:50%; border:1px solid #435143; box-shadow: 1px 2px 8px #676a64; }
#LocalContnr_TP.SMALLVIS_TP #LocalVid_TP { display:block; width:40vmin; height:30vmin; margin-left:-5vmin; }

#LocalAudVis_TP { border:3px solid #e8e8e8; border-radius:50%; filter:opacity(.4);  }
#LocalAudVis_TP.BIGVIS_TP { display:block; z-index:12; position:relative; width:60vmin; height:60vmin; background-color:gray; background-image:url(/i/bgr/white-noise.gif); }
#RemoteAudVis_TP.BIGVIS_TP { display:block; z-index:12; position:relative; width:100%; height:60vmin; border-top:2px solid #a8bda6; border-bottom:2px solid #84a881; filter:opacity(.7);  }
#LocalAudVis_TP.SMALLVIS_TP { position:absolute; display:block; z-index:11; width:35vmin; height:35vmin; right:4vmin; top:15vh; background:#202020 url(/i/el/audiowave_anim.gif) center / auto no-repeat; }

#LocalContnr_TP.NONOISE, #LocalVid_TP.NONOISE, #RemoteVid_TP.NONOISE { background:#030404; }
#LocalAudVis_TP.NONOISE, #RemoteAudVis_TP.NONOISE  { background:#030404 url(/i/el/audiowave_anim.gif) center / auto no-repeat;  }


.CSON_TP > #AnswHangBtns_TP { position:fixed; bottom:-3.6rem; left:0; right:0; text-align:center; opacity:0; transition:.3s cubic-bezier(.18,.89,.31,2.6); }
.CSON_TP > #AnswHangBtns_TP.BREADY_TP { bottom:2.5rem; opacity:1; z-index:20; }
.CSON_TP #AnswerCall_TP { display:inline; width:3.5rem; height:3.5rem; border-radius:50%; background:#888 var(--call-icon) center / 70% no-repeat; border:2px solid #5d7b82; }
@keyframes answ_btn_anim_tp { from { background-color:#7eaa97; transform:rotateZ(0) scale(100%); } to { background-color:#81dfb7; transform: rotateZ(23deg) scale(115%); }  }
.CSON_TP #AnswerCall_TP.ANSWREADY_TP { animation:answ_btn_anim_tp .5s 0s ease-in-out alternate infinite; }
.CSON_TP #HangUpCall_TP { display:inline; width:3.5rem; height:3.5rem; border-radius:50%; margin-right:2rem; background:#f46774 var(--call-icon) center / 70% no-repeat; border:2px solid #9b5771; transform:rotateZ(135deg); }

B.USERCALLAWAIT_TP { color:#A72606; }