/* PC */

#Body {
   margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

body.Body_Camera_php {
   -width: 100%; -height: 100%;
}

.Body_Index_php {
   height: 100vh;
}

#MainTable {
   width: 100%; height: 100%;
}

td.TD_MainTable_td_menu {
   text-align: center;
   vertical-align: top;
   width: 100px;
}

div.MainTable_td_menu {
   overflow: scroll;
   height: 100%;
}

#MainTable_td_caption {
}

td.MainTable_td {
   height: 50px;
   -display: block;
   -font-size: 1.5vw;
}

button {
}

#Save_Camera_Log {
   width: 100px;
   background-color: #FFFFFF;
   display: inline-block;
   text-align: center;
}
.Save_Camera_Log_Ok { background-color: #208020 !important; color: #FFFFFF; }
.Save_Camera_Log_Error { background-color: #802020 !important; color: #FFFFFF; }

#MainTable_td_video {
   -height: *;
   -display: block;
}

#VideoFrame {
   -height: 100%;
}

#VideoFrame_img {
   -width: 100%;
}

.Menu_Camera_Block_Comment {
   font-size: 1.5vw; color: #202020; font-weight: bold;
   background-color: #E0E0F0;
}

.Btn_Menu_Camera {
   margin: 10px 10px 10px 10px;
   padding: 10px 10px 10px 10px;
   background-color: #404040;
   text-align: center;
   vertical-align: middle;
   font-size: 3vw; color: #F0F0F0;
   width: 50px;
   cursor: pointer;
}

.Btn_Menu_Camera_Active {
   background-color: #40E040;
}

.Btn_Pin {
   margin: 0.5vw;
   padding: 0.75vw;
   background-color: #408040;
   text-align: center;
   vertical-align: middle;
   font-size: 3vw; color: #F0F0F0;
   width: 3vw;
   display: inline-block;
   cursor: pointer;
}

.Btn_Pin_Empty {
   margin: 0.5vw;
   padding: 0.75vw;
   -background-color: #40F040;
   text-align: center;
   vertical-align: middle;
   font-size: 3vw; color: #F0F0F0;
   width: 3vw;
   display: inline-block;
}

.Btn_Pin_Click {
   background-color: #A0FFA0;
}

.Div_Pin {
   font-size: 2vw; color: #202020;
}

.Span_Pin {
   width: 170px;
   display: inline-block;
   background-color: #F0F0FF;
   text-align: left;
}

.Btn_Enter {
   margin: 0.75vw;
   padding: 0.75vw;
   background-color: #208070;
   text-align: center;
   vertical-align: middle;
   font-size: 3vw; color: #F0F0F0;
   width: 14vw;
   display: inline-block;
   cursor: pointer;
}

.Div_Message {
   font-size: 2w; color: #202020;
}

.Div_Message_Error {
   color: #802020;
}

.Div_Message_Ok {
   color: #208020;
}

.Div_Tryes {
   font-size: 2w; color: #202020;
   display: none;
}

.logo_img {
   width: 25vw;
}

.logo_caption {
   font-size: 3vw; color: #202020;
}

a.logout_a {
   margin: 0.3vw 1vw 0.3vw 1vw;
   padding: 0.3vw 1vw 0.3vw 1vw;
   background-color: #408040;
   text-align: center;
   vertical-align: middle;
   font-size: 1.25vw; color: #F0F0F0;
   -width: 5vw;
   display: inline-block;
   cursor: pointer;
}

#VideoFrame_img_error {
   font-size: 3vw; color: #F02020;
}