* { outline-style: none }
body { margin: 0; padding: 0; font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-size: 10pt }
td { font-size: 10pt; font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; color: #000000 }
form { margin: 0 }
img { border: 0 }
.img-button { cursor: pointer }
.pageheadline { font-size: 16pt; font-family: tahoma; color: #000000; }
td.mm { font-size: 8pt; color: #000; width: 14%; height: 14px; text-align: center; background-color: #fff }
.mm a { font-size: 8pt; color: #000; text-decoration: none; } 
.mm a:hover { font-size: 8pt; color: #f60; text-decoration: none; background-color: #fff } 

.clear { clear: both }
.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
p:first-child { margin: 0 }
.description { line-height: 150% }
.search-results {
    font-size: 12pt;
}
.menu-icon { width: 16px; height: 16px; vertical-align: middle; margin-right: 12px }
.show {
    display: block
}
.font-thin { font-weight: 100 }
.font-extra-light { font-weight: 200 }
.font-light { font-weight: 300 }
.font-medium { font-weight: 500 }
.font-semi-bold { font-weight: 600 }
.font-bold { font-weight: 700 }

.tm { font-size: 10pt; color: black; text-decoration: none; }
.tm:hover { font-size: 10pt; text-decoration: none; }
.tm_a { font-size: 10pt; color: #c00; text-decoration: none; }
.tm_a:hover { font-size: 10pt; text-decoration: none; }

.elegantbutton { border: #7f9db9 1px solid; background: #f9f9f9; font-size: 8pt; font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; color: black }
#elegantbutton_hover { border: #ff6000 1px solid; background: white; font-size: 8pt; font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; color: black }
#elegantbutton { border: black 1px solid; background: #fd0; font-size: 8pt; font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; color: black }

.elegantinput { border: #7f9db9 1px solid; background: white; font-size: 8pt; font-family: verdana, arial, sans-serif; color: black;    }
#elegantinput { border: #ff6000 1px solid; background: white; font-size: 8pt; font-family: verdana, arial, sans-serif; color: black; }
#elegantinput_hover { border: blue 1px solid; background: white; }
.elegantinput_readonly { border: #7f9db9 1px solid; background: #ebebeb; font-size: 8pt; font-family: verdana, arial, sans-serif; color: black;     }
.specialinput { border: white 1px solid; background: white; font-size: 8pt; font-family: verdana, arial, sans-serif; color: black; }

.dropdown-menu {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    z-index: 1000;
    display: none;
}
.ctx-menu-wrapper {
    position: relative;
    display: inline-block;
    float: right
}
.ctx-menu-wrapper-compact {
    position: absolute;
    top: 30px;
    left: 8px
}
.ctx-menu {
    display: none;
    position: absolute;
    z-index: 100;
}

.bb-btn {
    display: inline-block;
    font-size: 10pt;
    font-weight: 600;
    color: rgb(23,24,25);
    border: 1px solid rgb(197,198,199);
    background: #f5f6f7 linear-gradient(#f5f6f7, #f0f1f2);
    text-decoration: none;
    vertical-align: baseline;
    user-select: none;
    /*padding: .2em 1.2em;*/
    outline: none;
    border-radius: 4px;
    transition: all .218s ease 0s;
}
    .bb-btn:hover {
        color: rgb(68,69,70);
        border: 1px solid rgba(0,0,0,.1);
        background: rgb(243,244,245) linear-gradient(#f2f3f4, #f0f1f2);
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        cursor: pointer
    }
.bb-btn-cancel {
    display: inline-block;
    font-size: 10pt;
    font-weight: 600;
    color: #777;
    border: 1px solid rgb(197,198,199);
    background: #f5f6f7 linear-gradient(#f5f6f7, #f0f1f2);
    text-decoration: none;
    vertical-align: baseline;
    user-select: none;
    /*padding: .2em 1.2em;*/
    outline: none;
    border-radius: 4px;
    transition: all .218s ease 0s;
}
    .bb-btn-cancel:hover {
        color: rgb(23,24,25);
        border: 1px solid rgb(197,198,199);
        background: #f5f6f7 linear-gradient(#f5f6f7, #f0f1f2);
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        cursor: pointer
    }
.bb-btn-secondary {
    display: inline-block;
    font-size: 10pt;
    font-weight: 600;
    color: #777;
    border: 1px solid rgb(197,198,199);
    background: #f5f6f7 linear-gradient(#f5f6f7, #f0f1f2);
    text-decoration: none;
    vertical-align: baseline;
    user-select: none;
    /*padding: .2em 1.2em;*/
    outline: none;
    border-radius: 4px;
    transition: all .218s ease 0s;
}
    .bb-btn-secondary:hover {
        color: rgb(23,24,25);
        border: 1px solid rgb(197,198,199);
        background: #f5f6f7 linear-gradient(#f5f6f7, #f0f1f2);
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        cursor: pointer
    }
.btn-regular {
    padding: 0.5em 1em;
}
.btn-xs {
    padding: 2px 6px 2px 6px;
}
.btn-sm {
    padding: 4px 6px 4px 6px;
}
.btn-md {
    padding: 6px 15px 6px 15px;
}
.btn-lg {
    padding: 0.7em 1.5em;
}
.btn-large {
    padding: 0.7em 1.5em;
}
.btn-large-xl {
    padding: 1em 2em;
}
.btn-xl {
    padding: 1em 2em;
}
.btn-send-content {
    background-color: #f0f2f4;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 0.2rem;
    color: #686868;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: 2.5rem 0.75rem;
    text-align: center;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
    .btn-send-content:hover {
        background-color: #f9fafb;
    }
.form_required { font-size: 8pt; font-family: verdana, arial, sans-serif; font-weight: bold; color: #ff0000 }
.login-form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #111827;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d5db;
    border-radius: 0.2rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.login-form-label {
    font-size: 12pt;
    font-weight: 600;
    margin: 4px 0 4px 0;
    display: block
}

.form_required {
    font-size: 8pt;
    font-family: verdana, arial, sans-serif;
    font-weight: bold;
    color: #ff0000
}
.form-error-message {
    margin-top: 4px;
    color: #d8000c;
    font-size: 10pt;
}
/*.error-message {
    margin-top: 4px;
    color: #e50
}
*/
.form_error { font-size: 8pt; font-family: verdana, arial, sans-serif; color: #ff0000 }
.form_item { font-size: 8pt; font-family: verdana, arial, sans-serif; color: #000000 }
.form_item_error { font-size: 8pt; font-family: verdana, arial, sans-serif; color: #ff0000 }
.smalltext {
    font-size: 8pt
}
.smalltext a {
    font-size: 8pt
}
.mediumtext {
    font-size: 10pt
}
.mediumtext a {
    font-size: 10pt
}
.largetext {
    font-size: 12pt
}
.largetext a {
    font-size: 12pt
}
.required { padding-right: 4px; color: #f00 }
.fa { margin-right: 4px }
.calendar { width: 20px }

.comment-text {
    line-height: 150%;
    padding: 5px
}
.comment-editor {
    font-size: 10pt;
}
.comment-tbl-head TD { background-color: #f5f5f5 }
.comment-tbl-row TD.cell { border-bottom: solid 1px #999; padding-bottom: 10px }

.tbl-row-datesplitter TD { height: 16px; padding-left: 4px; font-size: 8pt; background: #fff }
.label-item { font-size: 16pt; font-weight: bold }
.edit-label { text-align: right }
.edit-label-big { text-align: right; vertical-align: top }

.dev-info { color: #889 }
.dev-info a { color: #889 }
.dev-info a:hover { color: #c00 }

.date-today { color: #5BB754 } /*#d11141*/
.date-yesterday { color: #e56b1f }
.date-ago2day { color: #92618E }
.date-ago3day { color: #017D6E }
.date-ago1week { color: #f60 }
.date-ago2week { color: #1DA7B2 }
.date-ago3week { color: #5F2E96 }/*#7D917D*/

.cp-edit { color: #000 }
.cp-edit a { color: #000; text-decoration: underline }
.cp-edit a:hover { color: #f50; text-decoration: underline }

.section-header TD { padding-left: 4px; font-weight: bold; height: 20px; background: #f7f7f7 }
.user-name { font-weight: bold; color: #000; text-decoration: none }
.user-name:hover { font-weight: bold; color: #f60 }

.align-right {
    float: right
}

.site-performed-by { color: #999 }

.msg {
    font-size: 12pt;
    border-radius: 4px
}
    .msg a {
        text-decoration: underline;
    }
.msg-neutral, .msg-info, .msg-success, .msg-warning, .msg-error, .msg-validation { border: 1px solid; margin: 10px 0px; padding: 10px 5px 10px 10px; background-repeat: no-repeat; background-position: 10px center; } /* padding:15px 10px 15px 50px */
.msg-neutral { color: #778; background-color: #F7F7FC }
.msg-info { color: #00529B; background-color: #BDE5F8 }
.msg-success { color: #4F8A10; background-color: #DFF2BF }
.msg-warning { color: #9F6000; background-color: #FEEFB3 }
.msg-error { color: #D8000C; background-color: #FFBABA }

.pill-new {
    margin-left: 10px;
    padding: 0 6px 1px 6px;
    background-color: #a00;
    color: #eee;
    border-radius: 4px;
    font-size: 10pt
}

/* Image preview */
#imgPreview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 4px;
    display: none;
    color: #fff;
}
/* Image preview end */

.social-share-widgets {
    margin: 8px 0 0 0
}
    .social-share-widgets div {
        float: left;
        margin: 0 4px 0 0
    }

    .social-share-widgets a {
        opacity: 0.5
    }

        .social-share-widgets a:hover {
            opacity: 1
        }
.social-share-widgets-solid {
    margin: 8px 0 0 0;
}

    .social-share-widgets-solid div {
        float: left;
        margin: 0 4px 0 0
    }

.history-list-title {
    font-size: 12pt;
    font-weight: bold
}
.history-list-descr {
    font-size: 12pt
}
.history-list-tbl-row {
    display: table-row;
}
.history-list-tbl-cell {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 10px
}
.history-list-tbl-cell a {
    text-decoration: none
}

.cms-list-tools {
    font-size: 8pt;
    border: 1px solid #d0d0d0;
    background-color: #f0f0f0;
    padding: 4px;
    margin-bottom: 4px;
}
.cms-list-tools a {
    font-size: 8pt;
    color: #979899
}
.cms-list-tools a:hover {
    color: #000
}