html, body {
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
}


.no-select{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}


#main{

}

#header{
color:white;
background-color:#0094ff;
}

    #header .open-menu {
        padding: 10px;
        display: inline-block;
        cursor: pointer;
    }

    #header .title {
        font-size: 1em;
        font-weight: bold;
        display: inline-block;
    }

    #header .button {
        color: white;
        padding: 10px;
        cursor: pointer;
        display: inline-block;
        transition:all 0.2s linear;
    }

        #header .button:hover, #header .button:hover > a {
            color: #0094ff;
            background-color:white;
        }

        #header .upload-button, #header .download-button, #header .template{
            float: right;
        }




.current-details{
padding:20px;
font-size:1em;
line-height:1.5em;
}

    .current-details a{
display:block;
    }

    .current-details .company-name {
    }




.controls {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
	font-size:0.9em;
}

.controls .top{
margin-bottom:10px;
}

    .controls .button {
        text-align: left;
        cursor: pointer;
        padding: 10px;
        background-color: #0094ff;
        color: white;
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #0094ff;
    }

    .controls .button:hover {
        color: #0094ff;
        background-color: white;
    }


    .controls .middle {
        margin-bottom: 10px;
        display: inline-block;
        text-align: left;
    }

    .controls .middle div {
        margin-bottom:10px;
    }


    #main .menu {
        position: fixed;
        z-index: 100;
        background-color: #0094ff;
        color: white;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        display: none;
    }



    #main .menu .item {
        font-size: 1.5em;
        padding: 10px;
        cursor: pointer;
        border-bottom: 1px solid white;
    }


    #main .menu .item:not(:last-child){
    }


#main .meeting-details-container {
background-color: #0094ff;
margin:10px 0px;
display:none;
color:white;
padding:10px;
}

#main .meeting-details input{
min-width:200px;
}

.left-message{

}

.controls .button.toggle .content {
    display: inline-block;
}

.controls .button.toggle i{
font-size:1.5em;
padding-right:5px;
vertical-align:top;
padding-top:5px;
opacity:0.4;
}

.controls .button.toggle[data-toggle="true"] > i {
    opacity: 1.0;
}

#upload-file{
display:none;
}

.current-details, .controls{
display:none;
}


.controls .bottom{
font-size:2em;
}

.controls .bottom .left-button, .controls .bottom .right-button{
padding:12.5px 42px;
}

#header .button a{
text-decoration:none;
color:white;
}