/*


.ws-connection {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    float: right;
    margin-right: 5px;
}
.ws-connection.ws-alarm {
    background-color: #d50000;
}
.ws-connection.ws-success {
    background-color: #2e7d32;
}



.question-wrapper {
    margin-left: 0;
}
.sortable-list .question-content {
    cursor: pointer;
}




*/

/* === GENERELL === */
a,
a:hover {
    color: #0099cc;
    color: #0099cc;
    text-decoration: none;
}
img.os-logo {
    /*
    filter: invert(1);
    width: 100px;
    */
    width: 50px;
}
.navbar-brand img.os-logo {
    /*
    width: 100px;
    */
    width: 50px;
    height: auto;
}
.form-response ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.updatedTableRow {
    background-color: #e9ecef;
}
.active-item {
    color: #2e7d32;
}
.inactive-item {
    color: #b71c1c;
}
#clientDetailsTable {
    width: auto;
}
#clientDetailsTable th, 
#clientDetailsTable td {
    border: 0;
}
#previewTable .td-clipboard i,
#previewTable .td-link i {
    font-size: 20px;
}
#previewTable .td-clipboard i {
    cursor: pointer;
}
.sortable-chosen {
    background-color: #ccc !important;
}

/* === WS Connection === */
#wsConnection {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    float: right;
}
#wsConnection.ws-alarm {
    background-color: #d50000;
}
#wsConnection.ws-success {
    background-color: #2e7d32;
}

/* === BOOTSTRAP === */
.navbar {
    box-shadow: 1px 5px 5px 0px rgb(146 146 146 / 30%);
    -webkit-box-shadow: 1px 5px 5px 0px rgb(146 146 146 / 30%);
    -moz-box-shadow: 1px 5px 5px 0px rgba(146,146,146,0.30);
}
.navbar-toggler {
    border-radius: 0;
}
.navbar .dropdown-menu {
    right: 0;
    left: auto;
    border-radius: 0;
}
.btn {
    border-radius: 0;
}
.btn.focus,
.btn:focus {
    box-shadow: none !important;
}
.btn-primary,
.btn-primary:active,
.btn-primary:hover {
    background-color: #0099cc;
    border-color: #0099cc;
}
.btn-secondary,
.btn-secondary:active,
.btn-secondary:hover {
    background-color: #ff8800;
    border-color: #ff8800;
}
.btn-info,
.btn-info:active,
.btn-info:hover {
    background-color: #2e7d32;
    border-color: #2e7d32;
}
.btn-danger,
.btn-danger:active,
.btn-danger:hover {
    background-color: #b71c1c;
    border-color: #b71c1c;
}
.btn-light,
.btn-light:active,
.btn-light:hover {
    background-color: #e9ecef;
    border-color: #e9ecef;
}
.modal-content {
    border-radius: 0;
}
.alert {
    border-radius: 0;
}
.alert-secondary {
    background-color: #f7f7f9;
    border-radius: 0;
    padding: 0;
}
.alert-success a {
    font-weight: bold;
    color: #155724;
}
.nav-pills .nav-link {
    border-radius: 0;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0099CC;
}
.form-control {
    border-radius: 0;
}


/* === EDITORIAL & MODERATION === */
.bucket-item-add {
    float: right;
}
.bucket-item-add span {
    cursor: pointer;
}
.bucket-item-add i {
    color: #656464;
}
.inbox-icon {
    color: #4285F4;
}
.modify-icon {
    color: #656464;
}
.moderation-icon {
    color: #FF8800;
}
.answered-icon {
    color: #2e7d32;
}
.favourites-icon {
    color: #0099CC;
}
.clipboard-icon {
    color: #6d4c41;
}
.rejected-icon {
    color: #d50000;
}
.trash-icon {
    color: #b71c1c;
}
.delete-icon {
    color: #b71c1c;
}
.question-wrapper {
    padding: 5px;
}
.question-wrapper.question-public-0 {
    border: 1px solid #d50000;
}
.question-nav {
    float: right;
}
.question-nav-element {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    margin: 0;
}
.question-nav-element i {
    font-size: 1.1rem;
    padding: .25rem;
}
@media screen and (max-width: 767px) {
    .question-nav-element i {
        font-size: 1.1rem;
        padding: .25rem;
    }
}
@media screen and (max-width: 567px) {
    .question-nav-element i {
        font-size: 1.2rem;
        padding: .5rem;
    }
}
.question-nav-element.toolbar-element-hide {
    display: none;
}
.question-nav .toggle-toolbar {
    color: #7b7a7a;
    padding: .5rem;
    cursor: pointer;
}


/* === EDITORIAL === */
#editorialTablet {
    min-height: 75vh;
}
#editorial .bucket-wrapper {
    margin: 10px 0;
}
#editorial .bucket-wrapper.bucket-wrapper-max-height {
    max-height: 400px;
    overflow-y: scroll;
}
#editorial .bucket-inbox {
    border: 2px solid #4285F4;
}
#editorial .bucket-moderation {
    border: 2px solid #FF8800;
}
#editorial .bucket-favourites {
    border: 2px solid #0099CC;
}
#editorial .bucket-answered {
    border: 2px solid #2e7d32;
}
#editorial .bucket-clipboard {
    border: 2px solid #6d4c41;
}
#editorial .bucket-trash {
    border: 2px solid #b71c1c;
}
#editorial .bucket-rejected {
    border: 2px solid #d50000;
}
#editorial .bucket-custom1 {
    border: 2px solid #5e5e5e;
}
#editorial .bucket-custom2 {
    border: 2px solid #5e5e5e;
}
#editorial .bucket-custom3 {
    border: 2px solid #5e5e5e;
}
#editorial .bucket-item-add,
#editorial .bucket-item-settings {
    float: right;
}
#editorial .bucket-item-add span,
#editorial .bucket-item-settings span {
    cursor: pointer;
}
#editorial .bucket-item-add i,
#editorial .bucket-item-settings i {
    color: #656464;
}
#editorial .bucket-item-add .non-public i {
    color: #b71c1c;
}
#toggleEditorialSettingsBtn.changeEditorial {
    background-color: #525252;
    border-color: #525252;
}
#editorial.changeEditorial .question-wrapper {
    opacity: .3;
}
#editorial.changeEditorial .question-wrapper .question-nav {
    display: none;
}
#editorial .bucket-invisible {
    display: none;
}
#editorial.changeEditorial .bucket-wrapper-sortable {
    cursor: pointer;
}
#editorial.changeEditorial .bucket-invisible {
    display: block;
}
#editorial .bucket-item-settings .bucket-item-visbility-icon i {
    color: #2e7d32;
}
#editorial .bucket-invisible .bucket-item-settings .bucket-item-visbility-icon i {
    color: #b71c1c;
}
.modal-dialog.nonPublicRemark {
    border: 3px solid #b71c1c;
}
.modal-dialog.nonPublicRemark .form-headline {
    color: #b71c1c;
}


/* === PREVIEW MONITOR === */
#previewMonitor {
    min-height: 100vh;
}
#previewMonitor p {
    font-size: 18px;
}
#previewMonitor .question-wrapper {
    padding: 10px 15px;
}
#previewMonitor.light-monitor {
    background: #fff;
}
#previewMonitor.dark-monitor {
    background: #000;
}
#previewMonitor.dark-monitor .question-wrapper.alert-secondary {
    background: #000;
    color: rgba(255,255,255,.8);
}
#previewMonitor.light-monitor .preview-monitor-btn {
    background-color: #f7f7f9;
    border-color: #f7f7f9;
    color: #000;
}
#previewMonitor.dark-monitor .preview-monitor-btn {
    background-color: #525252;
    border-color: #525252;
    color: #fff;
}
#previewMonitor.dark-monitor .question-content {
    color: #fff;
}
#previewMonitor .question-wrapper {
    border-width: 0.2em !important;
}
#previewMonitor .question-content p {
    /*
    font-size:2.2rem !important;
    */
    font-size: 20px;
}