/* Занять всю страницу*/
html, body, form{
    height:100%;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    background-color:whitesmoke;
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/* Дополнительно*/
footer{
    position:absolute;
    bottom:0;
    margin-bottom:-20px;
}
.container{
    position:relative;
    height:100%;
}
.container:-moz-full-screen{background-color:whitesmoke;}
.container:-ms-fullscreen{background-color:whitesmoke;}
.container:-webkit-full-screen{background-color:whitesmoke;}
.container:-o-fullscreen{background-color:whitesmoke;}
.container:fullscreen{background-color:whitesmoke;}
@media (min-width: 768px) {
.container:-moz-full-screen{min-width:100%;}
.container:-ms-fullscreen{min-width:100%;}
.container:-webkit-full-screen{min-width:100%;}
.container:-o-fullscreen{min-width:100%;}
.container:fullscreen{min-width:100%;}
}
@media (min-width: 992px) {
.container:-moz-full-screen{min-width:100%;}
.container:-ms-fullscreen{min-width:100%;}
.container:-webkit-full-screen{min-width:100%;}
.container:-o-fullscreen{min-width:100%;}
.container:fullscreen{min-width:100%;}
}
@media (min-width: 1200px) {
.container:-moz-full-screen{min-width:100%;}
.container:-ms-fullscreen{min-width:100%;}
.container:-webkit-full-screen{min-width:100%;}
.container:-o-fullscreen{min-width:100%;}
.container:fullscreen{min-width:100%;}
}
.container hr{
    position:absolute;
    bottom:0px;
    width:100%;
}
.container #editZone{
    position:relative;
    height:100%;
}
    .container #editZone.hover:hover {
        background-color:rgba(0, 148, 255, 0.60);
    }
    .container #editZone.error {
        background-color: rgba(255, 106, 0, 0.20);
    }
.container #editHelp{
    position:absolute;
    top:0;
}
.container .btn-toolbar{
    position:absolute;
    top:15px;
    padding-left:10px;
    padding-right:10px;
    width:100%;
}
.container #bodyContent{
    position:absolute;
    top:195px;
    padding-left:10px;
    padding-right:10px;
    width:100%;
}
    .container #bodyContent .ui-resizable {
        cursor:move;
    }
#colorPicker p *{
    vertical-align:middle;
}
#currentColor{
    text-align:center;
    border-radius:6px;
    line-height:1.6em;
}
#currentColor *{
    vertical-align:middle;
}
rect{
    cursor:pointer;
}
rect[fill='red']{
    cursor:move;
}
/* bootstrap.css */
.progress, .progress-bar{
    cursor:pointer;
    border-radius:10px !important;
}