.block-content{
    margin-top:50px;
}
.toggle {
    -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* easeOutQuad */
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* easeOutQuad */
}

.toggle.ng-enter {
    opacity: 0;
    transition-duration: 1000ms;
    -webkit-transition-duration: 1000ms;
}

.toggle.ng-enter-active {
    opacity: 1;
}

.toggle.ng-leave {
    opacity: 1;
    transition-duration: 1000ms;
    -webkit-transition-duration: 1000ms;
}

.toggle.ng-leave-active {
    opacity: 0;
}

.toggle.ng-hide-add {
    transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    opacity: 1;
}

.toggle.ng-hide-add.ng-hide-add-active {
    opacity: 0;
}

.toggle.ng-hide-remove {
    transition-duration: 1000ms;
    -webkit-transition-duration: 1000ms;
    display: block !important;
    opacity: 0;
}

.toggle.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}
.toggle:not(.active) {
    left: 540px;
}

.toggle.active {
    left: 0px;
}

.view-container {
/*position:relative;*/
}
.view-container > .view.ng-animate {
position:absolute;
top:0;
left:0;
width:100%;
min-height:500px;
}
.view.ng-enter, .view.ng-leave,
.record.ng-anchor {
transition:0.5s linear all;
}
.view.ng-enter {
transform:translateX(100%);
}
.view.ng-enter.ng-enter-active, .view.ng-leave {
transform:translateX(0%);
}
.view.ng-leave.ng-leave-active {
transform:translateX(-100%);
}



.w20{width: 20%; float:left;}
.w80{width: 80%; float:left;}
.nav-menu{position: fixed;}
/*main{margin-top: 50px;}*/
*{}
.bg-white{background-color: white;}
.w-text{line-height: 2;}
body{background-color: #F5F3F4;}
.home-container{margin:0px auto;padding: 0px 20px !important;}

.relative{position: relative;}
.v100h{height:100vh;}
.v100wp{width: 100%;}
.header{ top:0px;}
.footer{position: fixed;bottom:0px;}
h1{font-size: 22px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
.c-fff{color:white}
.center{text-align: center;}
.center-block{width:320px;padding:10px;margin:0 auto}
.w100{width:100%;}
#meet iframe{width:100%;height:84vh;}
.container-fluid{padding:15px;}
.mt-10{margin-top: 20px;}
.mb-10{margin-bottom: 20px;}
.img-circle{border-radius: 50%;}
th{text-align: left; vertical-align: text-top;}
#signin{margin-top:20px}

/* CSS comes here */
#video {
    border: 1px solid black;
    width: 220px;
    height: 144px;
}

#photo {
    border: 1px solid black;
    width: 180px;
    height: 144px;
}

#canvas {
    display: none;
}

.camera {
    width: 340px;
    display: inline-block;
}

.output {
    width: 340px;
    display: inline-block;
}

#startbutton {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    bottom: 36px;
    padding: 5px;
    background-color: #6a67ce;
    border: 1px solid rgba(255, 255, 255, 0.7);
    font-size: 14px;
    color: rgba(255, 255, 255, 1.0);
    cursor: pointer;
}
.contentarea {
    font-size: 16px;
    font-family: Arial;
    text-align: center;
    padding-top: 20px;
    border: 1px solid gold;
    background-color: #000012;
}
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}
.popup-overlay{z-index: 999;}

.item-box{
    padding: 20px 10px;
    /* border: 1px solid red; */
    background-color: white;
    line-height: 28px;
    margin-top: 5px;
    border-radius: 10px;
    background-color: white;
}
.breadcrumb{margin-top:10px;margin-bottom: 0px;}