﻿/*
// Copyright (c) 2015, Planet Innovation
// 436 Elgar Road, Box Hill VIC 3128 Australia
// Phone: +61 3 9945 7510
//
// The copyright to the computer program(s) herein is the property of
// Planet Innovation, Australia.
// The program(s) may be used and/or copied only with the written permission
// of Planet Innovation or in accordance with the terms and conditions
// stipulated in the agreement/contract under which the program(s) have been
// supplied.
//
*/

@charset "utf-8";
.Video_Stage{
  left : 0px;
  top : 0px;
  width : 950px;
  height : 950px;
  overflow:hidden;
  position:relative;
}
.Video_Canvas {
  position : absolute ;
  left : 0px;
  top : 0px;
  width : 950px;
  height : 950px;
}
.Video_View
{
    position : absolute ;
    left : 0;
    top : 0px;
    width : 950px;
    height : 950px;
}
.Video_Data
{
    position : absolute ;
    left : 0px;
    top : 920px;
    width : 950px;
    height : 30px;
}
.Video_Overlay
{
    position : absolute;
    background : rgba(230, 231, 232, .5);
    vertical-align: middle;
    width: 100%;
    top: 50%;
    left: 0px;
    user-select: none;
    z-index: 2;
}
.Warning_Overlay
{
    position : absolute;
    background : rgba(230, 231, 0, 1);
    vertical-align: middle;
    width: 100%;
    top: 0px;;
    left: 0px;
    user-select: none;
    z-index: 2;
    height: 50px;
}
.Video_Text
{
    font-family: Source Sans Pro Light !important;
    text-align: center;
    color: #888888;
    font-size: 30px;
}
.Warning_Text
{
    font-family: Source Sans Pro Light !important;
    text-align: center;
    color: #555555;
    font-size: 25px;
    margin-top: 7px;
}
.Timeline
{
    position : absolute ;
    left : 0px;
    top : 950px;
    width : 1920px;
    height : 130px;
}
.Text_Well_Title
{
    color: white;
    float: right;
    margin-right: 10px;
    font-size: 40px;
}
.Text_Session_Title
{
    color: white;
    font-size: 10px;
    position : absolute ;
    left : 0px;
    top : 0px;
    height : 10px;
    opacity : 0.01;
}
.Text_Control_Label
{
    color: rgba(47, 81, 135, 1);
    font-size: 20px;
}
.Events_List
{
    position : absolute ;
    left : 0px;
    top : 892px;
    width : 970px;
    height : 58px;
}
.review_open .Control_View {
    width: 610px;
}
.Control_View
{
    position : absolute ;
    transition: width ease 1s;
    top : 0;
    width : 885px;
    height : 898px;
    overflow: hidden;
}
.Show_Hide_Chapter_Control
{
    position : absolute ;
    left : 788px;
    top : 52px;
    width : 100px;
    height : 58px;
}

.chapters_left {
    position: absolute;
    width: 1920px;
}

.Wheel-Patient_Info
{
    position : absolute ;
    width : 100px;
    height : 100px;
    z-index: 1;
    transition: all ease 1s;
}

.Wheel-Patient_Info .row-margin {
    height: 8px;
}

.Wheel-Patient_Info-top
{
    right : 0;
    top : 0px;
    transform: translate(-420px, 320px);
}

.Wheel-Patient_Info-bottom
{
    right : 0;
    top : 0px;
    transform: translate(-420px, 480px);
}

.review_open .Wheel-Patient_Info-top
{
    transform: translate(-385px, 68px);
}

.review_open .Wheel-Patient_Info-bottom
{
    transform: translate(-385px, 724px);
}

.Review_Notes
{
    position: absolute;
    background : #E6E7E8;
    width: 360px;
    height: 950px;
    top: 0px;
    left: 950px;
}
.review_open .Review_Notes
{
    position: absolute;
    background : #E6E7E8;
    top: 0px;
    right: -52px;
}
.Review_Notes_Toggle::after
{
    content: url("/static/img/icons/open_notes.svg")
}
.Review_Notes_Toggle:hover::after {
    display: inline-block;
    width: 30px;
    height: 60px;
    margin: -4px 0px 0 -3px;
    content: " ";
    background: url("/static/img/icons/open_notes.svg") no-repeat 0 0;
    background-size: 100%;
}
.review_open .Review_Notes_Toggle::after
{
    content: url("/static/img/icons/close_notes.svg")
}
.review_open .Review_Notes_Toggle:hover::after {
    display: inline-block;
    width: 30px;
    height: 60px;
    margin: -4px 0px 0 -3px;
    content: " ";
    background: url("/static/img/icons/close_notes.svg") no-repeat 0 0;
    background-size: 100%;
}
.Review_Notes_Toggle
{
    position: absolute;
    top: 50.5%;
    left: 0px;
    margin-left: 0;
    cursor: pointer;
    transform: scaleX(-1);
}

.Review_Notes_Toggle::after
{
    content: url("/static/img/icons/open_notes.svg")
}
.review_open .Review_Notes_Toggle
{
    position: absolute;
    top: 50.5%;
    left: 32px;
    margin-left: -30px;
    transform: scaleX(-1);
}

#cnd-user-menu-animated {
    position: relative;
}

#Navigate_Back {
    cursor: pointer;
}

.controls_upper {
    position: absolute;
    right: 0;
    width: 885px;
    transition: width ease 1s;
}

.review_open .controls_upper {
    width: 610px;
}

.controls_lower {
    position: absolute;
    transition: width ease 1s;
    top: 52px;
    width: 885px;
    height: 898px;
    right: 0;
    background-color: white;
}

.review_open .controls_lower {
    width: 610px;
}

.controls_lower back-button {
    position: relative;
    top: 12px;
    left: 14px;
}

