@charset "windows-1251";


#ALRMANFACE_TP { max-width:60%; max-height:14vh; margin-top:2rem; }


#CallScreen_TP { display:block; justify-content:center; align-items:center; position:relative; width:calc(100% - 196px); height:1rem; margin:2rem auto; background:transparent; transition:.3s; }
#CallScreen_TP.CSON_TP { height:50vh; margin:2rem auto 5rem; background-color:#343527;  }

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

#MusicClip_TP { display:none; width:calc(100% - 200px); margin:1.5rem 100px 2rem; }
#MusicClip_TP IFRAME { display:block; height:40vh; width:70%; margin:3rem auto 1rem; }

#NOTABENE_TP { margin:1rem 105px; }
#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:center, .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; cursor:pointer; transition:.3s;
}

#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;  }

#StartAudio_TP:hover, #StartVideo_TP:hover { background-size:auto, 17%; color:#ffd8a5; }

#ShareCallID_TP { position:absolute; top:-4rem; left:1.5%; max-width:85vw; padding:.7rem .8rem; background:rgba(255, 255, 255, .7); 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:1rem; opacity:1; border-radius:5px; }
#ShareCallID_TP.PICK_UP_TP { padding:1rem .8rem; font-weight:bold; background:#D0FFF8; opacity:.7; }
#ShareCallID_TP.BUBLERR_TP { padding:1rem .8rem; background:#F9CCD9; opacity:.7; }
#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; cursor:pointer; }
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:.85rem; border-radius:5px; border:1px solid #00807A; cursor:pointer; margin:.8rem auto .3rem; padding:.5rem .7rem; font-family:CorbelDownload; }
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:50vh; 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:9rem; height:9rem; overflow:hidden; top:1rem; right:1rem; border-radius:50%; border:1px solid #435143; box-shadow: 1px 2px 8px #676a64; }
#LocalContnr_TP.SMALLVIS_TP #LocalVid_TP { display:block; width:12rem; height:9rem; margin-left:-1.5rem; }

#LocalAudVis_TP { border:3px solid #e8e8e8; border-radius:50%; filter:opacity(.4); }
#LocalAudVis_TP.BIGVIS_TP { display:block; z-index:12; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; width:17rem; height:17rem; background-color:gray; background-image:url(/i/bgr/white-noise.gif); }
#RemoteAudVis_TP.BIGVIS_TP { display:block; z-index:12; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; width:17rem; height:17rem; border-top:2px solid #a8bda6; border-bottom:3px solid #84a881; filter:opacity(.7);  }
#LocalAudVis_TP.SMALLVIS_TP { display:block; z-index:15; position:absolute; width:7rem; height:7rem; right:1rem; top:1rem; background-color:#202020; border-color: #ccbeac; filter:opacity(.7); }

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

.CSON_TP > #AnswHangBtns_TP { position:absolute; bottom:-10rem; 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:-3rem; opacity:1; z-index:20; }
.CSON_TP > #AnswHangBtns_TP BUTTON { box-shadow:0 0 10px #808080; }
.CSON_TP #AnswerCall_TP { display:inline; width:3.5rem; height:3.5rem; border-radius:50%; background:rgba(91, 91, 91, .6) var(--call-icon) center / 70% no-repeat; border:1px solid #61787d; }
@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 { cursor:pointer; 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:1px solid #a87890; transform:rotateZ(135deg); cursor:pointer; }
.CSON_TP #HangUpCall_TP:hover { background-size:74%; border-color:#9d416f; filter:brightness(120%); }