body {
    height: 100vh;
    background: url(/assets/img/bgg.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: 0 0;
}

.navbar {
    background: #3c658c !important;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #fff;
    background-color: #3c658c;
}

img.logo {
    width: 100%;
    margin: 1em 0;
}

.btn-primary {
    color: #fff;
    background-color: #326dad;
    border-color: #326dad;
}

.btn-primary:hover {
    background-color: #5081b6;
}

.logo img {
    width: 6em !important;
    margin-right: 0.8em;
}

.app-header__logo {
    padding: 0 1.0rem;
}

.bg-night-sky {
    /* background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%) !important; */
    background: #3c658c !important;
}

.button {
    border: 0 !important;
    font-weight: normal !important;
    font-size: 1.5em !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    width: 220px !important;
    height: 220px !important;
    font-size: 1.05em !important;
}

.newBtn {
    width: auto !important;
}

.morado {
    background: #deebf7bf !important;
    color: #2a6ba6 !important;
    border-radius: 0.2em;
    font-weight: bold !important;
    border: 1px solid #2a6ba6 !important;
}

.app-main__inner {
    background: url(/img/bgg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.square h5 {
    background: #326dad !important;
}

.square {
    background: #ffffff !important;
}

div.square li {
    list-style-type: square;
}

.dxpcLite .dxpc-header, .dxdpLite .dxpc-header, .dxtlHeader, .dxgvHeader {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 1.1em;
}

.dxpcLite, .dxdpLite {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 0.88em;
}

.dxeEditAreaSys,
.dxeMemoEditAreaSys,
input[type="text"].dxeEditAreaSys,
input[type="password"].dxeEditAreaSys, .dxeListBox, .dxtlNode td.dxtl, .dxtlAltNode td.dxtl, .dxtlSelectedNode td.dxtl, .dxtlFocusedNode td.dxtl, .dxtlEditFormDisplayNode td.dxtl, .dxtlCommandCell {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 1.1em;
}

.dxgvControl,
.dxgvDisabled {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 0.92em;
}

*[class*="dxeBase"] label /*Bootstrap correction*/ {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 1.2em;
}

span.dx-vam {
    font-size: 1em;
    text-transform: capitalize;
    font-weight: normal;
}

.dxtlSelectedNode {
    background: #d92550 none;
}

.app-main__outer {
    height: 100vh;
}