#body {
    margin: 0;
}

::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

::-webkit-scrollbar-thumb {
    background: #999999;
    border: 4px solid #414344;
}

::-webkit-scrollbar-thumb:hover {
    background: #666666;
}

::-webkit-scrollbar-track {
    background: #414344;
}

/*
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #FFF;
}
::-webkit-scrollbar-thumb {
    background: #CCC;
    border: 1px solid #eeeeee;
}
::-webkit-scrollbar-thumb:hover {
    background: #AAA;
}
::-webkit-scrollbar-thumb:active {
    background: #888;
}

::-webkit-scrollbar-track:hover ::-webkit-scrollbar-corner {
    background-color: #000000;
}

::-webkit-scrollbar-button {
    display: none;
    background-color: #eeeeee;
}

:hover > ::-webkit-scrollbar-thumb {
    background-color: #99bacc
}


::-webkit-scrollbar-button:single-button {
    display: block;
    border-style: solid;
    height: 12px;
    width: 10px;
}
::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #AAA transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    border-color: transparent transparent #adc1cc transparent;
}
::-webkit-scrollbar-button:single-button:vertical:increment {
    border-width: 5px 5px 0 5px;
    border-color: #AAA transparent transparent transparent;
}
::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #adc1cc transparent transparent transparent;
}
*/


#container {
    flex: 1;
    position: relative;
    flex-direction: column;
    overflow-y: auto;
}

/*@media (max-width: 970px) {*/
/*#container {min-width:970px;}*/
/*}*/

.bs-modal-dialog-project {
    max-width: 1000px;
}

.tw-drawing {
    position: relative;
    z-index: 1;
}

.tw-drawing::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    z-index: -1;
    background-image: url("../img/start-sections/illustration/drawing.png");
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: center;
    background-origin: padding-box;
}

.notifyjs-corner {
    z-index: 999999999 !important;
}

.automatic-save {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #00a000;
    display: none;
}

.dbledit_cursor {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiBggMDhkuXrFMAAABkElEQVQ4y5XUPWiTURjF8V/S8oohVscUxCqCKC2IYK2idrKoHUQX8QOkok6FjkWKq6BdBFFQxBCniFvAQqEpWEiLVjRLBsFFA+IHcZE2SAnqYAjNx/uiZ7ncw/3f8zwPl8tfxU1Y8E7RQ70i1AUS8qoeK5n1SVrJxzAgBu4o6zco7ZAB4+457EdnII6EYSsC0874ZtJNGefCEuLYp2BU2pgT3tsmadlgFPDLqs9+e+OnOUPyvktGAa8NyNa7ISanXykM6EbNVz1WG17BjEtRCYy70HB6XHRbJSqBNVcN1Z3j5p12RK+yB+3DjbvirUc2NJwZ902YkrViUkLQmnDefsNy5utOFVWLFi2pOGbNtOfrkWe2I6XoFnbLIDACygJJ+eaMg56ATUYRND29PvCytY+njopSG5Cy1NpaOBDHFxnX/Zdi5uz695Jgj9mQ4ym59duu+lqx016vOgAn1Sx0uqlbwak2N6loa1itO3xwoMnZKGssqvk+L9ywpX54xLJr7fNpVuCsyzarqSq62/57/AEGAWIZM5sE+QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wNi0wOFQxMjoxNDoyNSswMjowMKLXJkUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDYtMDhUMTI6MTQ6MjUrMDI6MDDTip75AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg=='), auto
}

.loading {
    -webkit-filter: blur(1.5px);
    -moz-filter: blur(1.5px);
    -o-filter: blur(1.5px);
    -ms-filter: blur(1.5px);
    filter: blur(1.5px);
}

/* viewer.js */
.viewer-canvas img {
    background-color: rgba(255, 255, 255, 1);
    outline: 20px solid white;
}

.ct-form-control {
    min-width: inherit;
    width: 100%;
}

m-t {
    outline: 1px dotted red;
    display: inline-block;
}

m-t:hover::after {
    position: absolute;
    font-size: 0.5em;
    color: #ff8888;
    background-color: #ffeeee;
    content: "(trans)";
}

m-cms {
    outline: 1px dotted blue;
    display: inline-block;
}

m-cms:hover::after {
    position: absolute;
    font-size: 0.5em;
    color: #8888ff;
    background-color: #eeeeff;
    content: "(CMS)";
}

#promaContainer {

    position: absolute;
    z-index: 201;
    left: 0;
    top: 60px;
    right: 0;
    bottom: 0;
    display: none;
    background-color: #2e2f30;
}

#promaContainer .promaBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*margin:50px 100px 50px 100px;*/
    overflow: hidden;
    height: 100%;
}

#promaContainer .promaTitleContainer {
    color: white;
    margin-left:20px;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

#promaContainer .promaContent {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}