body, #content, .App, .cm {
    height: 100%;
    width: 100%;
    overflow: hidden;
    color: #202731;
    /* font-size: 14px; */
}

/* no select class - no text selectable */
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Width/Height */
::-webkit-scrollbar {
    width: 12px;
    height: 12px; 
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ccc;
    border: 4px solid #fff;
    border-radius: 6px;
    visibility: hidden;
}

/* Custom containers */
.tog-preview::-webkit-scrollbar-thumb {
    background: #bbb;
    border-color: #f2f2f2;
}
.tog-details:hover::-webkit-scrollbar-thumb, 
.tog-preview:hover::-webkit-scrollbar-thumb,
.tog-comments:hover .comments-inner::-webkit-scrollbar-thumb,
.tile-container:hover::-webkit-scrollbar-thumb,
.table-responsive:hover::-webkit-scrollbar-thumb,
.permissions-scroll:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}

a {
    color: #1c9bd2 !important;
    /* font-weight: 500; */
}
.wait-cursor {
    cursor: wait !important;
}
.pointer-cursor {
    cursor: pointer !important;
}
.pointer-default {
    cursor: default !important;
}
@media (min-width: 1400px) {
    .w-20 {
        width: 20% !important;
        flex: 0 0 auto;
    }
}
.transition {
    transition: all .5s ease;
}
input, button {
    outline: none !important;
    box-shadow: none !important;
}

.light {
    background: #e0e0e0;
    color: #2a2a2e;
}

.dark {
    background: #2a2a2e;
    color: #e0e0e0;
}

::-webkit-input-placeholder {
    font-weight: 300;
    font-style: italic;
    color: #20273180;
}
::-moz-placeholder {
    font-weight: 300;
    font-style: italic;
    color: #20273180;
}
:-ms-input-placeholder {
    font-weight: 300;
    font-style: italic;
    color: #20273180;
}
:-moz-placeholder {
    font-weight: 300;
    font-style: italic;
    color: #20273180;
}