body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'Nanum Gothic Coding', monospace;
}
#container{
    width:600px;
    height:auto;
    margin:10px auto;
    overflow:hidden;
}
#video_loading{
    position: fixed;
    top: 0;
    bottom: 0;
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    height: 20px;
    width: max-content;
    font-size:20px;
}
.delete_link{
    width:max-content;
    margin:0px auto;
    float:left;
    width:79px;
    text-align:right;
}
.slick-track{
    width:max-content!important;
}
.videos{
    border:1px solid #000;
    width:580px;
    margin:0px auto 10px auto;
}
.video_links{
    margin:0px auto;
    width:100%;
    cursor:pointer;
    text-align:center;
    color:#000;
    border-bottom:1px solid #000;
    overflow:hidden;
}
.lbvideo{
    font-size:17px;
    text-align:center;
    margin:0px auto;
    float:left;
    width:50%;
    color:#000;
}
.data_video{
    font-size:17px;
    text-align:center;
    margin:0px auto;
    float:left;
    width:50%;
    color:#000;
}
.tooltips{
    font-size:14px;
    text-align:center;
    margin:0px auto;
    float:left;
}
#icona_privacy{
    float:left;
    cursor:pointer;
}
#messageprivacy{
    display:none;
    padding:10px;
    background:#ece9d1;
    color:#000;
}
#text_privacy{
    float:left;
    margin:0px 0px 0px 10px;
    cursor:pointer;
}
#title{
    color:#000;
    text-transform:capitalize;
    padding:10px;
    background:#fff;
    overflow:hidden;
    width:100%;
    text-align:left;
}
#header_title{
    font-size:17px;
    font-weight:700;
    margin:0px auto 10px auto;
    color:#000;
    text-transform:capitalize;
    padding:10px;
    background:#eee;
    overflow:hidden;
    width:100%;
    text-align:center;
}
#screen{
    z-index:999;
    border:0px;
    display:none;
    width:auto;
    height:400px;
    margin:auto;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
#loader{
    position:relative;
    border-radius:10px 10px;
    border:1px solid #000;
    display:none;
    height:40px;
    background:#fff;
    width:100%;
}
#download{
    border-radius:10px 10px;
    background:#808000;
    float:left;
    height:38px;
    text-align:center;
}
#percentages{
    width:max-content;
    font-size:20px;
    position: absolute;
    top: 5px;
    bottom: 0px;
    margin: auto;
    right: 0px;
    left: 0px;
    height: 40px;
}
#video_message{
    width:max-content;
    margin:0px 10px 0px 0px;
}
#notes{
    cursor:pointer;
    padding:5px;
    background:#000;
    color:#fff;
}
#notes_close{
    cursor:pointer;
    padding:5px;
    background:#000;
    color:#fff;
}
#privacy{
    background:#eee;
    overflow:hidden;
}
#vid_ico{
    width:max-content;
    margin:0px auto;
}
#messages{
    width:100%;
    padding:10px;
    font-size:14px;
}
#logo{
    width:max-content;
    float:left;
}
#headerlinks{
    width:100%;
    text-align:center;
    background:#808000;
    overflow:hidden;
    padding:10px;
}
#wrapper{
    margin:0px auto;
    width:100%;
}
#video_recorder{
    padding:0px 10px;
    width:100%;
    margin:0px auto;
}
#webcams{
    float:left;
    width:100%;
}
#gum{
    width:580px;
    height:auto;
}
#yourVideo{
    position:relative;
    margin:0px auto;
    overflow:hidden;
}
#tablegallery{
    float:left;
    height:400px;
    overflow-y:scroll;
    display:inline-block;
    width:40%;
}
video{
    width:40%;
    padding:5px 5px;
    text-align:center;
    display: block;
    margin: 0 auto;
}
td{
    text-align:center;
}
#timer{
    margin:0px auto 0px 10px;
    text-transform:capitalize;
    color:#fff;
    cursor:pointer;
    display:none;
    padding:0px;
}
button, input, optgroup, select, textarea{
    /*margin:0px auto;*/
}
#footer{
    margin-top: auto;
    clear:both;
    height:50px;
    padding:10px;
    background:#ccc;
    color:#000;
    font-weight:400;
    text-align:center;
    width:100%;
    font-size:12px;
}
button {
/*    margin: 0 3px 10px 0;
*/    
	padding-left: 0px;
    padding-right: 0px;
    width: max-content;
}
button:last-of-type {
    margin: 0;
}
#valtimer{
    color:#000;
    width:70px;
    float:left;
}
#save_timer{
    float:left;
    margin:0px 0px 0px 10px;
    background:#000;
    padding:3px;
}
p.borderBelow {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}
#imglogo{
    width:50px;
    border-radius:10px 10px;
}
video {
    vertical-align: top;
}

video#gumVideo {
    margin: 0 20px 20px 0;
}
.plays{
    color:red;
}
.closes{
    color:#000;
}
#done{
    width:200px;
    height:auto;
}
#done_image{
    width:580px;
    margin:10px auto;
    text-align:center;
}
#cento{
    padding:10px;
    margin:0px auto;
    text-align:center;
    font-size:17px;
}
#upload{
    text-transform:capitalize;
    padding:10px;
    background:#000;
    color:#fff;
    cursor:pointer;
    border-radius:10px 10px;
    margin:10px 10px;
}
#message{
    text-align:center;
    margin:10px auto;
    font-size:14px;
}
#sport{
    text-transform:capitalize;
    color:#fff;
    cursor:pointer;
    padding:10px;
}
#record{
	background:#808000;
    text-transform:capitalize;
    color:#fff;
    cursor:pointer;
    border-radius:10px 10px;
    border:1px solid #fff;
    padding:3px;
}
#btn{
    width:max-content;
    margin:0px auto;
}
#cancella{
    background:#000;
    text-align:center;
    text-transform:capitalize;
    color:#fff;
    cursor:pointer;
    border-radius:10px 10px;
    border:1px solid #fff;
    padding:10px;
    margin:5px 10px 5px 0px;
    display:none;
    float:left;
    width:max-content;
}
#mostra{
    background:#000;
    text-align:center;
    text-transform:capitalize;
    color:#fff;
    cursor:pointer;
    border-radius:10px 10px;
    border:1px solid #fff;
    padding:10px;
    margin:5px auto 5px 10px;
    display:none;
    float:left;
    width:max-content;
}
#download_finish{
    display:none;
    position:relative;
    width:570px;
    overflow:hidden;
    padding:10px;
    margin:10px auto;
    background:#e8e8e8;
}
#finish_message{
    text-transform:uppercase;
    padding:10px;
    border-radius:10px 10px;
    border:2px solid #fff;
    text-align:center;
    background:#e33755;
    color:#fff;
    margin:auto 0px;
    font-size:17px;
    font-weight:800;
}
#recording{
    width:100%;
    text-align:center;
    display:none;
    color:#000;
    cursor:pointer;
    margin:0px auto;
    font-size:17px;
}
#finito{
    width:max-content;
    display:none;
    color:#000;
    cursor:pointer;
    margin:0px auto;
}
#time_set{
    text-transform:capitalize;
    color:#fff;
    cursor:pointer;
    width:max-content;
    margin:0px auto;
}
#logoletter{
    padding:10px;
}
#start{
    display:none;
    text-transform:capitalize;
    color:#fff;
    cursor:pointer;
    border-radius:10px 10px;
    border:1px solid #fff;
    padding:10px;
}
#stop{
    display:none;
    text-transform:capitalize;
    color:#000;
    background:red;
    cursor:pointer;
    border-radius:10px 10px;
    border:1px solid #fff;
    padding:10px;
}
#gallery{
    text-transform:capitalize;
    padding:10px;
    background:#000;
    color:#fff;
    cursor:pointer;
}
#logout{
    text-transform:capitalize;
    padding:10px;
    background:#000;
    color:#fff;
    cursor:pointer;
    border-radius:10px 10px;
    margin:10px 10px;
}
#echo{
    width:98%;
    padding:20px;
}
.titlevideo{
    text-align:center;
    width:max-content;
    margin:10px auto 20px auto;
    text-transform:uppercase;
    font-size:10px;
}
.linkdelete{
    padding:10px;
    text-align:center;
    margin:0px auto;
}
.links{
    float:left;
    text-align:center;
    font-size:17px;
    font-weight:700;
}
.preview_video{
    float:left;
    width:70%;
}
.deletebtn{
    float:left;
    width:30%;
    text-align:center;
    padding:10px;
}
#left{
    height:310px;
    width:200px;
    float:left;
    margin:60px auto;
    text-align:center;
    overflow-y:scroll;
}
#right{
    width:600px;
}
.linksbar{
    float:left;
    text-align:center;
    width:100px;
    padding:10px;
    font-size:12px;
    border-bottom:1px solid #000;
}
#bottomlayer{
    width:100%;
    margin:0px auto;
    text-align:center;
    height:150px;
}
#display{
    z-index:99;
    cursor:pointer;
    display:none;
    width:100%;
    height:100%;
    background:#000;
    position:fixed;
    top:0;
    left:0;
}
	.BoxVideo{
		 
	}
	.BoxVideoMessaggio{
		display:none;	 
	}

/*@media screen and (max-width:768px){*/
@media screen and (max-width:600px){
	.BoxVideoMessaggio{
		display:inline; 
	}
	.BoxVideo{
		display:none;
	}
	
	#record{
		border:1px solid #fff;
		padding:0px;
	}

    .links{
        float:none;
        width:100%;
        text-align:center;
        margin:0px auto;
    }
    .delete_link{
        display:block;
        width:50%;
        float:left;
        text-align:center;
        margin:20px auto;
        overflow:hidden;
    }
    .lbvideo{
        display:block;
        text-align:center;
        overflow:hidden;
    }
    #container{
        width:100%;
    }
    .video_links{
        width:98%;
    }
    .video_links{
        width:98%;
    }
    #right{
        float:none;
        width:100%;
    }
    #left{
        float:none;
        width:100%;
        height:auto;
    }
    #wrapper{
        width:98%;
    }
    .linksbar{
        width:33%;
    }
    video{
        width:100%;
        padding:5px 0px;
    }
    #gum{
        width:100%;
        height:300px;
    }
    #done_image{
        width:98%;
    }
    #done{
        width:100%;
        height:auto;
    }
    .deletebtn{
        width:30%;
    }
    #webcams{
        float:none;
        width:98%;
    }
    #download_finish{
        width:98%;
    }
    .videos{
        width:98%;
    }
    #yourVideo{
        float:none;
        width:98%;
        margin:0px auto;
    }
    #tablegallery{
        width:98%;
        margin:10px auto;
        float:none;
        overflow-y:auto;
        height:auto;
    }
    #video_recorder{
        width:98%;
        margin:10px auto;
        text-align:center;
    }
    #timer{
        /*margin:0px auto 0px auto;*/
    }
}
.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
  animation: blink 1s infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}