.floatingbox {
    background: #ffffff;
    background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffffff 44%, #ffffff 100%);
    background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffffff 44%,#ffffff 100%);
    background: linear-gradient(135deg,  #ffffff 0%,#ffffff 44%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=1 );
    padding: 5px;
    max-height: 90%;
    width: 100%;
    max-width: 800px;
    margin: 4% auto 4% auto;
    position: relative;
    border-radius: 1px;
    z-index: 1001;
    overflow: auto;
    text-align: center;

}

.floatingbody {
    width: 100%;
    margin: auto;
    position: relative;
    text-align: center;
}


.divbutton {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    width:95%;
    margin: 1px;
}
.divbutton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}
.divbutton:active {
    position:relative;
    top:1px;
}

h10{
    color: #336798;
    margin-bottom: 1vw;
    font-size: 2.5vw;
    font-weight: 500;
    letter-spacing: 0px;
}

canvas{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.file-upload.avatar {
    display: none;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}

[class*="col-centered-"] {
    display: block;
    float:none !important;
    /* reset the text-align */
    text-align:center;
    /* inline-block space fix */
    margin-right:-4px;
}

/* Default BS breakpoints */
@media (min-width: 768px) {
    .col-centered-sm {
        display: inline-block
    }
}

@media (min-width: 992px) {
    .col-centered-md {
        display: inline-block
    }
}

@media (min-width: 1200px) {
    .col-centered-lg {
        display: inline-block
    }
}