/* General site styles */

hidden { display: none; }

.btn-primary + .raised {
   box-shadow: 0 3px 0 0 #007299;
}

.btn + .raised {
    box-shadow: 0 3px 0 0 #7c8082;
}

.btn + .raised:active {
    background: #979EA0;
    box-shadow: none;
    margin-bottom: -3px;
    margin-top: 3px;
}

.btn-primary + .raised:active, .btn-primary + .raised + .active {
    background: #33a6cc;
    box-shadow: none;
    margin-bottom: -3px;
    margin-top: 3px;
}

.center {
    text-align: center;
    width: 100%;
}

.control-group + .required .control-label:after {
    color:red;
    content:"*";
}

.f16 {
    font-size: 16px;
}

.list .span4 .thumbnail {
    height: 350px;
}

.body-bg {
    background-color: rgb(248, 248, 252);
}

.grey {
    color:grey;
}
.bg-footer {
    background-color: #e4e7eb;
}

.modal-wide .modal-body {
    overflow-y: auto;
}

.pl10 {
    padding-left: 10px;
}

.table label {
    float: right;
    font-weight: bold;
}

/*.modal  { .modal-wide .modal-dialog
    width: 30%;
    margin-left: 35%;
}*/

h1 {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 9px;
}

html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
    padding-top: 57px;
}

.nav-bar-bg {
    background-color: #B0C4DE;
}

.nav-side-menu {
    font-size: 14px;
}

.page-bg {
    background-color: #f9f9f5
}

.login:hover {
    text-decoration: none;
}

.nav-login {
    float: right;
    padding-right: 1rem;
}

.dodex-footer {
    background-color: #f5f5f5;
    bottom: 0;
    height: 15px;
    line-height: 10px;
    position: absolute;
    width: 100%;
}

.editor {
    bottom: 0;
    height: 400px;
    left: 0;
    position: fixed;
    width: 80%;
}

.pointer {
    cursor: pointer;
}

.pmain {
    padding-left: calc(var(--bs-gutter-x) * 0);
    padding-right: calc(var(--bs-gutter-x) * 0);
}