﻿.to_bubble {
    padding: 10px;
    padding-left: 30px;
    text-align: left;
	background-color: #eeeeee;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.to_bubble:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 40px;
	top: 130px;
	border: 20px solid;
	border-color: #eee transparent transparent transparent;
}

.label-length {
    float: left;
    width: 100px;
    text-align: left;
}

.editor-holder {
    font-family: 'Inconsolata', sans-serif;
    resize: none;
    width: 48%;
    position: absolute;
    top: 75px;
    bottom: 50px;
    left: 10px;
    border: 0px;
    margin: 0px;
    min-height: 10px;
}

#editor {
    width: 100%;
    font-family: 'Inconsolata', sans-serif;
    resize: none;
    height: 100%;
    border: 0px;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 30px;
    background-color: #ecf0f1;
}

textarea:focus { outline: none; }

#markdown{
    background-color: #ecf0f1;
    width: 48%;
    top: 75px;
    bottom: 50px;
    right: 0px;
    margin-right: 10px;
    position: absolute;
    overflow-y: scroll;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 30px;
}
.my-fluid-container {
    background-color: #eeeeee;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.sticky-footer {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

    position: absolute;
    bottom: 0px;
    left: 10px;
    right: 10px;
    height: 50px;
    padding: 5px;
    padding-top: 8px;
    padding-left: 30px;

    -webkit-box-shadow: 0px -3px 6px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px -3px 6px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px -3px 6px 0px rgba(50, 50, 50, 0.25);
}
