﻿.ui-pg-input {
    color: black !important;
}

#input_t_JqGrid_toppager {
    color: black !important;
}

.kt-header {
    z-index: 1000 !important;
}

.kt-header-mobile {
    z-index: 100001 !important;
}

.ui-pg-input {
    color: black !important;
}

.ui-pg-selbox {
    color: black !important;
}

.ui-pg-button {
    color: black !important;
}

.ui-jqgrid tr.ui-row-ltr td {
    border-right-color: transparent !important;
}

.ui-jqgrid tr.ui-row-ltr td {
    border-bottom-color: transparent !important;
}

.ui-jqgrid {
    border-right-width: 0px !important;
    border-left-width: 0px !important;
}

.ui-jqgrid .ui-jqgrid-view {
    font-size: 13px !important;
    font-family: 'Open Sans' !important;
}

.myAltRowClassEven {
    background: #f8fafa !important;
}

.myAltRowClassOdd {
    background: white !important;
}

.ui-state-hover.myAltRowClassEven {
    background: #e9edef !important;
}

.ui-state-hover.myAltRowClassOdd {
    background: #e9edef !important;
}

.ui-state-highlight.myAltRowClassEven {
    background: #e9edef !important;
}

.ui-state-highlight.myAltRowClassOdd {
    background: #e9edef !important;
}

.myGridClass .ui-pg-table {
    font-size: 13px;
    color: black !important;
    padding-bottom: 30px !important;
}

.myGridClass .ui-jqgrid .ui-jqgrid-toppager {
    height: 43px !important;
    padding-bottom: 60px !important;
}

.myGridClass .ui-pager-control {
    height: 43px !important;
}

.myGridClass .ui-pg-table {
    height: 43px !important;
}

.myGridClass .ui-pg-selbox {
    width: 100% !important;
    font-size: 13px !important;
    height: 28px !important;
}

.myGridClass .ui-pg-input {
    font-size: 13px !important;
    height: 22px !important;
}

.myGridClass .ui-state-default, .myGridClass .ui-widget-content .ui-state-default, .myGridClass .ui-widget-header .ui-state-default .ui-widget-header {
    border: none !important;
}

.myGridClass .ui-widget-content {
    border: none !important;
}

/*ύψος γραμμής*/
.ui-jqgrid tr.jqgrow td {
    height: 40px !important;
}

.myGridClass .size-big {
    font-size: 20px;
    padding-left: -0px;
    padding-right: 10px;
}

.myGridClass th.ui-th-column {
    border-right-color: transparent !important;
    color: #a7b3b9 !important;
    font-weight: 600 !important;
    text-align: left !important;
    font-size: 12px !important;
    padding-left: 15px !important;
}

.myGridClass th.ui-th-column div {
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    overflow: hidden;
    height: auto !important;
}

.myGridClass .ui-widget-content {
    border-left-color: transparent !important;
    border-left-width: 0px;
}

.myGridClass .ui-widget {
    border: 0px;
    background: none;
}

.myGridClass .ui-state-default {
    background: none !important;
}


.myGridClassScrollX {
    overflow-x: scroll;
    overflow-y: hidden;
}


.myGridClass .ui-separator {
    display: none !important;
}

.myGridClass .ui-pg-input {
    border: none;
    width: 20px;
}

.grid-col {
    padding-left: 15px !important;
    padding-top: 15px !important;
    padding-bottom: 5px !important;
}

.grid-col-light {
    color: #999b9b;
    text-align: left;
    font-size: 11px;
}

.warpCell {
    word-wrap: break-word !important; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap !important; /* CSS3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap !important; /* Opera 4-6 */
    white-space: -o-pre-wrap !important; /* Opera 7 */
    overflow: hidden !important;
    height: auto !important;
    vertical-align: middle !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.ui-jqgrid-table-striped > tbody > tr:nth-of-type(odd) {
    opacity: 1 !important;
}

/*style for next and previous buttons*/
.paginate_button {
    color: white !important;
    background-color: #e5eaee !important;
    border-color: #e5eaee !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}

/*style for menu items to mobile*/
@media (max-width: 768px) {
    .kt-menu__link-text {
        white-space: break-spaces !important;
    }
}

/*2020.11.09*/
.ev_notification {
    text-align: center;
    background-color: white;
    margin: auto auto;
    padding: 1em;
    border-radius: 0.5em;
    width: fit-content;
}

/*2021.01.08*/
.tox-tbtn__select-label {
    width: auto !important;
}

@media (max-width: 360px) {
    .newNotifInfo {
        top: 8em !important;
    }
}


#example-table {
    border: 0px !important;
    background-color: white !important;
}

#example-table2 {
    border-color: white;
    background-color: white !important;
}

#example-table2 .tabulator-col {
    border-right: white !important;
}

#example-table2 .tabulator-cell {
    border-right: white !important;
    padding-bottom: 20px;
    padding-left: 20px;
}

.tabulator-cell {
    height: 100% !important;
}

.tabulator-footer {
    /*display: none !important;*/
}

.tabulator-pages {
    display: none !important;
}

.tabulator-tableHolder {
    background-color: white !important;
}

.tabulator-header {
    background-color: white !important;
}

.tabulator-col {
    background-color: white !important;
}

.tabulator-header {
    border-bottom: none !important;
}

#example-table-info {
    display: none !important;
}


.tabulator-loading {
    max-height: 50px !important;
}

.tabulator-loader {
    background: none !important;
}

.ev_connect-text {
    white-space: break-spaces;
}


#CybotCookiebotDialog {
    border: 3px !important
}


.kt-footer {
    background: transparent !important;
}

.ev_survey-container {
    width: 100%;
    margin: 0 auto;
}

#eventora-logo-bottom {
    text-align: center;
}

.hands {
    cursor: pointer !important;
    /*cursor: hand;*/
}


.registration-photo-preview {
    max-width: 50px;
    max-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

body {
    font-family: 'Open Sans' !important;
    /*background-color: white !important;*/
}

.tinymce-ev-container{
    min-width:700px;
}

.albumPhotoView {
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 10px;
}
.albumViewImage {
    max-width: 400px;
    width: 100%;
}

.albumPhotoViewResults {
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 10px;
}

.albumViewImageResults {
    max-width: 400px;
    width: 100%;
}

/* --- Social Wall DEV-2391 --- */
.sw-feed-container { max-width: 600px; margin: 20px auto; padding: 0 15px; }
.sw-post-card { background: #e8e8e8; border: 1px solid rgba(0,0,0,0.08); border-radius: 4px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(255,107,107,0.15); overflow: hidden; }
.sw-post-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; background: #f0f0f0; position: relative; }
.sw-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; }
.sw-avatar-initials { width: 40px; height: 40px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-weight: bold; font-size: 14px; }
.sw-owner-name { font-size: 14px; font-weight: 500; color: #333333; line-height: 1.3; }
.sw-owner-subtitle { font-size: 12px; color: #666666; margin-top: 2px; line-height: 1.3; }
.sw-delete-btn { position: absolute; top: 0; right: 0; background: none; border: none; color: #aaaaaa; cursor: pointer; padding: 0 10px; width: 44px; height: 44px; line-height: 44px; text-align: center; }
.sw-delete-btn:hover { color: #e53935; }
.sw-post-image-wrap { width: 100%; cursor: zoom-in; background: #000; line-height: 0; }
.sw-post-image { width: 100%; max-height: 450px; object-fit: contain; display: block; }
.sw-post-description { font-size: 16px; line-height: 1.6; padding: 12px 15px; color: #333333; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: anywhere; }
.sw-text-post { padding: 20px 15px; min-height: 80px; }
.sw-post-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 8px 12px; }
.sw-like-btn { background: rgba(0,0,0,0.05); border: none; cursor: pointer; padding: 6px 12px; border-radius: 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; color: #666666; font-size: 14px; -webkit-transition: all 200ms ease; transition: all 200ms ease; min-height: 44px; }
.sw-like-btn.active i { color: #e53935; }
.sw-like-btn:hover { background: rgba(0,0,0,0.1); }
.sw-create-btn { width: 100%; margin-bottom: 20px; font-size: 16px; padding: 12px; }
.sw-feed-empty { text-align: center; padding: 40px 20px; color: #999; }

.control-label {
    text-align:left;

}
.form-group {
    text-align: left;
}

.questionNoWrap .col-auto:nth-child(2) {
    padding-right: 30px;
}

@media only screen and (max-width: 768px) {
    .questionNoWrap {
        flex-wrap: nowrap !important;
    }
}