/*:root {
    --bc0: #B1CB00;
    --bc1: #C5D840;
    --bc2: #D9E680;
    --bc3: #EBF2BF;
    --bc4: #F8FAE6;
    --bc5: #96AD00;
    --bc6: #859800;
    --bc7: #596600;
    --bc8: #2C3300;
    --bc9: #121400;
    --bc2l: #E0EB99;
    --bc81: #4D5500;

}
    */
.k-widget {
    color: var(--bc8);
}

#Menu.k-menu, #MenuOut.k-menu, #MenuCol.k-menu {
    background: none !important;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.285714286;
    color: var(--bc7);
    background-color: var(--bc4);
    /*   background-color: #FFFFFF;*/
}

.column-coloured {
    background-color: var(--bc3);
}

.initial-column {
    /* min-height: 455px;*/
}

.initial-container {
    overflow: hidden;
}

.initial-container-bckgr {
    position: relative;
    bottom: -15px;
    margin: -40px 0 0 -250px;
    left: 0;
    right: 0;
    /*    opacity: 0.4;*/
    z-index: 0;
}

.initial-container-left {
    height: 100%;
    /*background-image: url('../../Content/Images/BackL.png'); background-position:bottom right; background-repeat:no-repeat;*/
}

.initial-container-right {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: -1 !important;
    /*background-image: url('../../Content/Images/BackR.png'); background-position:bottom left; background-repeat:no-repeat;*/
}

.initial-container-middle {
    z-index: 1;
}

.initial-container-middle-root {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    min-height: 0;
}

.logo {
    margin-top: 5px;
    height: 30px;
    overflow: hidden;
    float: left;
    border: none;
    display: inline-block;
}

.logo-start {
    margin: 5px 0 0 25px;
    border: none;
    display: block;
}

.menu-text {
    font-size: 22px;
    color: var(--bc4);
    margin-left: 90px;
    margin-top: 5px;
}

.upper-background {
    background-image: -ms-linear-gradient(top, var(--bc8) 0%, var(--bc8) 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, var(--bc8) 0%, var(--bc8) 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, var(--bc8) 0%, var(--bc8) 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--bc8)), color-stop(1, var(--bc8)));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, var(--bc8) 0%, var(--bc8) 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, var(--bc8) 0%, var(--bc8) 100%);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 40px;
}

.top-row-fixed {
    position: fixed;
    z-index: 99;
    background-color: var(--bc8);
    height: 40px;
}

.k-menu.k-header {
    border-style: none !important;
}

.k-menu .k-item > .k-link {
    height: 20px !important;
    vertical-align: middle;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}

.k-menu-image {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.navbar {
    min-height: 40px;
}

.oss_background {
    background-image: -ms-linear-gradient(top, var(--bc4) 70%, var(--bc8) 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, var(--bc4) 70%, var(--bc8) 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, var(--bc4) 70%, var(--bc8) 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, var(--bc4)), color-stop(1, var(--bc8)));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, var(--bc4) 70%, var(--bc8) 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, var(--bc4) 70%, var(--bc8) 100%);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 350px;
}

footer {
    color: var(--bc8);
}

.k-menu .menu_sep {
    width: 99%;
}

.k-widget.k-menu-horizontal > .k-item {
    border-right: none;
}

.login-facebook {
    background: #4267B2;
    color: white;
}

/*******************************************************************************************************************/
/********************************** Profile  ***********************************************************/
/*******************************************************************************************************************/

.profile-image-image {
    margin: 15px 15px 15px 0;
    border-width: 0;
    width: 180px;
    height: 180px;
    line-height: 20px;
    border-radius: 50%;
    background-color: white;
}

.profile-image {
    height: 186px;
    width: 186px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
}

.profile-row {
    min-height: 210px;
}

.profile-data-cell {
    padding-top: 1px;
    padding-bottom: 15px;
}

.nature-data-cell {
    min-height: 417px;
}

.profile-image-cell {
    height: 100%;
    float: left;
}

ul {
    list-style-type: none;
}

.profile-ul-label {
    width: 200px;
}

.profile-ul-data {
    min-width: 200px;
    font-weight: normal;
}

.action-link-right {
    height: 24px;
    width: 24px;
    background: no-repeat url('/Content/Images/Edit.png');
    overflow: hidden;
    float: right;
    border: none;
    display: inline;
}

.dropdown-abv-cell {
    display: block;
    width: 29px;
    float: left;
}

.profile-QR {
    margin: 15px 15px 15px 0;
    height: 180px;
    width: 180px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
}

.serial-name-input-div {
    padding: 2.42em 0 0 15px;
    margin: 0 0 0 0 !important;
}

.serial-name-input {
    margin-top: 15px;
    width: 133px;
}

.serial-name-input-only {
    width: 120px !important;
    margin-left: 104px;
}

.serial-name-readonly {
}

.serial-name-dropdown {
    width: 171px;
}

.checked-icon {
    height: 24px;
    width: 24px;
    margin-top: 3px;
    background: var(--bc8);
    background-image: url('/Content/Images/Checked.png');
    visibility: hidden;
}

.serial-text {
    width: 100px;
    text-align: right;
}

.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.fixed-height-input {
    min-height: 2.42em;
    margin: 0 0 15px 0;
}

.scobe-show {
    padding: 0 0 0 0 !important;
    margin-left: -10px;
    font-size: 110px;
    font-weight: lighter !important;
    line-height: 114px;
}

.first-form-group {
    margin-top: -15px;
}

.animalia-list-cell {
    height: 286px;
    width: 206px;
    float: left;
}

.animalia-list-control {
    height: 286px;
    width: 38px;
    margin-right: 10px;
    padding-top: 18px;
    float: left;
}

.tasks-panel {
    color: var(--bc8);
    background-color: white;
    padding: 0px;
}

.text-row {
    /*width: 100%; */
    padding-top: 5px;
    background-color: var(--bc4);
}

.textbox-author-image {
    margin: 0;
    border-width: 0;
    max-width: 90px;
    max-height: 90px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
}

.textbox-image-holder {
    height: 96px;
    width: 96px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
}

.textbox-author-image-small {
    margin: auto;
    border-width: 1px !important;
    max-width: 48px;
    max-height: 48px;
    border: solid;
    border-color: var(--bc7);
    background-color: var(--bc4);
    line-height: 20px;
    display: block;
    box-sizing: border-box;
}

.textbox-image-holder-small {
    height: 48px;
    width: 48px;
    vertical-align: middle;
    border-width: 1px !important;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
    display: table-cell;
}

.textbox-comment-image-small {
    margin: -4px 6px 0 -2px;
    border-width: 1px !important;
    max-width: 22px;
    min-width: 22px;
    max-height: 22px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
    float: left;
}

.edit-block {
    display: block;
}

/*******************************************************************************************************************/
/********************************** Member section *****************************************************************/
/*******************************************************************************************************************/


.member-list-cell {
    height: 226px;
    width: 146px;
    float: left;
    position: relative;
}

.visit-profile-member-image,
.member-image, .member-image-add {
    margin: 5px 0 0 0;
    height: 126px;
    width: 126px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
}

.member-image, .member-image-add {
    height: 126px;
    width: 126px;
}

.visit-profile-member-image {
    position: absolute;
    top: 5px;
    margin: 0;
    height: 136px;
    width: 136px;
}

    .visit-profile-member-image > img {
        margin: 0;
        border-width: 0;
        max-width: 132px;
        max-height: 132px;
        border-width: 3px;
        border: solid;
        border-color: var(--bc7);
        line-height: 20px;
    }

.member-image-image, .member-image-image-add {
    margin: 0;
    border-width: 0;
    max-width: 120px;
    max-height: 120px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
}

.member-image-add {
    background-color: var(--bc8);
}

.member-image-image-add {
    border-color: var(--bc8);
}

.member-h4 {
    margin: 5px 5px 0 5px;
    line-height: 24px;
    white-space: nowrap;
}

.animalia-list-add-control {
    height: 226px;
    width: 146px;
    padding-top: 7px;
    padding-left: 3px;
    float: left;
}

.member-text {
    max-width: 146px;
    overflow: hidden;
}

/*******************************************************************************************************************/
/********************************** Image button section ***********************************************************/
/*******************************************************************************************************************/

.image-button {
    padding: 3px 0 0 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    width: 34px !important;
    max-width: 34px !important;
    min-width: 34px !important;
    line-height: 0;
}

.image-button-xx {
    background-color: var(--bc7);
    padding: 3px 0 0 0 !important;
    height: 126px !important;
    width: 126px !important;
    max-width: 126px !important;
    min-width: 126px !important;
    line-height: 0;
}

.k-widget {
    border: none !important;
    border-width: 0;
}

/*******************************************************************************************************************/
/********************************** Text box (Workspace) section ***********************************************************/
/*******************************************************************************************************************/

.comments-date {
    display: table-cell;
    width: 140px;
    min-width: 140px;
    vertical-align: top;
    color: var(--bc1);
}


.comments-date-min {
    display: table-cell;
    vertical-align: top;
    color: var(--bc1);
}


.texts-date {
    color: var(--bc5);
}

/*******************************************************************************************************************/
/********************************** Main menu ***********************************************************/
/*******************************************************************************************************************/
.menu-main-item {
    adisplay: block;
    width: 16px !important;
    amax-width: 16px !important;
}


.notif-number {
    display: inline-block;
    line-height: 0.9;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background: radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: red;
    border: 2px solid white;
    border-radius: 9px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    color: white;
    font-size: 8px;
    height: 9px;
    min-width: 8px;
    padding: 3px 2px 0 2px;
    text-align: center;
    margin: 3px 0 0 -9px;
}

/*******************************************************************************************************************/
/********************************** Workspace buttons ***********************************************************/
/*******************************************************************************************************************/

.workspace-button, .workspace-button:active, .workspace-button:link, .workspace-button:visited {
    padding: 3px 0 0 15px !important;
    height: 37px !important;
    min-height: 37px !important;
    line-height: 0;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    margin-bottom: 3px;
    vertical-align: middle;
    font-family: inherit;
    line-height: 1.72em;
    text-align: left;
    cursor: pointer;
    color: var(--bc0);
    overflow: hidden;
    word-break: break-all;
}

    .workspace-button:hover {
        color: var(--bc8);
        text-decoration: none;
    }

.wb-hor {
    float: left !important;
    width: auto !important;
    margin-right: 15px;
}


/*******************************************************************************************************************/
/********************************** Profile  ***********************************************************/
/*******************************************************************************************************************/

.edit-right {
    float: right;
    margin-top: 3px;
}


/*******************************************************************************************************************/
/********************************** Group  ***********************************************************/
/*******************************************************************************************************************/

.group-image {
    float: left;
}

.group-name {
    margin-top: 20px;
}

.group-member-item {
    width: 25px;
    height: 25px;
    min-height: 25px;
    min-width: 25px;
    float: left;
    display: table;
    line-height: normal;
}

.group-member-panel {
    padding-top: 9px;
    padding-left: 7px;
    display: table;
}

.group-admin-member-item {
    background-color: var(--bc3);
    padding: 3px 3px 3px 3px;
    margin: 0;
    float: left;
}

.k-state-selected {
    background-color: var(--bc7) !important;
}

.group-admin-image-small {
    margin: 0;
    border-width: 1px !important;
    max-width: 48px;
    max-height: 48px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
    float: left;
}

.group-admin-row {
    width: 750px;
    display: table;
    background-color: var(--bc3);
    margin-top: 8px;
    padding: 4px 3px 3px 3px;
}

.image-button-inline {
    margin: 3px 3px 0 0 !important;
    padding: 3px 0 0 0 !important;
    height: 34px !important;
    width: 34px !important;
    max-width: 34px !important;
    min-width: 34px !important;
    line-height: 0;
}

/*******************************************************************************************************************/
/********************************** Search  ***********************************************************/
/*******************************************************************************************************************/


.search-row {
    width: 100%;
    display: table;
}

.search-row-owner {
    margin-top: 5px;
    width: 100%;
    min-width: 100%;
    height: auto;
    background-color: #FFFFFF;
    display: table;
}

.search-owner-item {
    width: 100%;
    min-height: 48px;
    height: auto;
    padding: 3px 0 3px 3px;
    float: none;
    margin-bottom: 5px;
    display: table;
}

.search-member-item, .search-member-item-highlight, .search-member-item-light, .search-member-item-dsbl {
    width: 206px;
    min-width: 206px;
    max-width: 206px;
    height: 57px;
    min-height: 57px;
    max-height: 57px;
    padding: 3px 3px 3px 3px;
    margin: 0 2px 5px 2px;
    float: left;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: bottom right;
    text-decoration: none;
}

    .search-member-item, .search-member-item:hover, .search-member-item:active, .search-member-item:visited, .search-member-item:link {
        background-color: var(--bc4);
        color: var(--bc6);
        text-decoration: none;
    }

.search-member-item-highlight {
    background-color: var(--bc2l);
    color: var(--bc8);
}

.smi-highlight {
    background-color: var(--bc1);
    color: #4D5900;
}

.search-member-item-light {
    background-color: var(--bc4);
    color: #4D5900;
}

.search-member-item-dsbl {
    background-color: var(--bc2l);
    color: var(--bc2);
}

.search-member-id {
    font-size: 10px;
}

.search-owner-image-small {
    margin: 0 10px 0 0;
    border-width: 1px !important;
    max-width: 48px;
    max-height: 48px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
    float: left;
}

.search-member-image-small {
    margin: 0 8px 0 0;
    border-width: 1px !important;
    max-width: 48px;
    max-height: 48px;
    width: 48px;
    height: 48px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
    float: left;
}

.search-member-text {
    max-width: 150px;
    overflow: hidden;
}

.search-member-top {
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
    position: absolute;
    height: 57px;
    width: 206px;
    top: 0;
    left: 0;
}
/*******************************************************************************************************************/
/********************************** Photos  ***********************************************************/
/*******************************************************************************************************************/

.photo-image-image {
    border-width: 0;
    max-width: 480px;
    max-height: 320px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc7);
    aline-height: 20px;
    margin: auto;
    display: block;
}

.photo-image {
    margin: 0 15px 15px 0;
    width: 486px;
    height: 326px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
    display: table-cell;
    vertical-align: middle;
}

.photo-modify > img {
    border-width: 0;
    max-width: 390px;
    max-height: 260px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc7);
    aline-height: 20px;
    margin: auto;
    display: block;
}

.photo-modify {
    margin: 0 15px 15px 0;
    width: 396px;
    height: 266px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
    display: table-cell;
    vertical-align: middle;
}


.photo-cell {
    float: left;
    display: block;
}

.toggle-button {
    color: var(--bc7);
}

.toggle-button-large {
    color: var(--bc7);
    max-width: 280px;
}


.list-cell-w6 {
    width: 121px;
    height: 81px;
    padding: 1px 0 0 0;
    margin: 0 2px 4px 2px;
    float: left;
    background-color: var(--bc4);
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: table-cell;
    box-sizing: border-box;
}

.photou-image {
    width: 117px;
    height: 77px;
    line-height: 75px;
    display: box;
    background-color: var(--bc4);
    word-spacing: 0;
    vertical-align: middle;
    text-align: center;
}

.photou-image-image {
    vertical-align: middle;
    text-align: center;
    margin: auto auto;
    border: none;
    max-width: 115px;
    max-height: 75px;
}


.photol-image {
    /*
    width: 126px;
    height: 86px;

    */
    display: table-cell;
    width: 180px;
    min-width: 180px;
    height: 180px;
    border-color: white;
    background-color: var(--bc4);
    word-spacing: 0;
    vertical-align: middle;
    text-align: center;
}

.photol-image-image {
    margin: auto auto;
    border-width: 0;
    max-width: 174px;
    max-height: 174px;
    /*   max-width: 120px;
    max-height: 80px;*/
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    line-height: 20px;
    display: block;
}


.list-v5-cell {
    /*    width: 126px;
    height: 86px;

*/
    margin-bottom: 4px;
    min-width: 180px;
    min-height: 180px;
    float: left;
    border: 1px solid var(--bc1);
    position: relative;
}

.list-v4-simple {
    margin: 0 2px 4px 2px;
}

.list-v5-cell:hover {
    border: 1px solid var(--bc7);
}

.list-v5-more {
    display: table-cell;
    height: 180px;
    min-height: 180px;
    word-spacing: 0;
    vertical-align: middle;
    text-align: center;
}

.list-v5-text {
    margin: auto 0 auto 10px;
    border-width: 0;
    line-height: 20px;
    display: block;
}

.album-h4 {
    margin: 6px 5px 0 5px;
    font-size: 22px;
    line-height: 22px;
    color: var(--bc7);
}

.list-v5 {
    width: 180px;
    height: 220px;
    float: left;
    margin: 0 8px 6px 0px;
}

.list-w4 {
    position: relative;
    max-width: 179px;
    height: 220px;
    float: left;
    margin: 0 8px 6px 0px;
    display: block;
}

.album-panel-h {
    background-color: var(--bc3);
    font-size: 12px;
    min-height: 35px !important;
    vertical-align: middle;
}

.photo-view-image {
    margin: auto;
    border: none;
    background-color: var(--bc4);
    word-spacing: 0;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    visibility: hidden;
}

.photo-view-image-image {
    margin: auto;
    border: none;
    border-width: 0;
    amax-width: 720px;
    amax-height: 480px;
    display: block;
    visibility: hidden;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*******************************************************************************************************************/

.row-zero {
    margin: auto;
    padding: 0;
}

.badge_blue, .badge_red, .badge_red2 {
    position: relative;
}

    .badge_blue[data-bblue]:after {
        content: attr(data-bblue);
        position: absolute;
        top: +11px;
        left: +12px;
        font-size: .6em;
        background: #596680;
        color: white;
        min-width: 13px;
        height: 13px;
        text-align: center;
        line-height: 13px;
        border-radius: 7px;
        border: none;
        padding: 0 2px 0 2px;
        z-index: 1;
    }

    .badge_red[data-bred]:after {
        content: attr(data-bred);
        position: absolute;
        top: -3px;
        left: -10px;
        font-size: .6em;
        background: #D96600;
        color: white;
        min-width: 13px;
        height: 13px;
        text-align: center;
        line-height: 13px;
        border-radius: 7px;
        border: none;
        padding: 0 2px 0 2px;
        z-index: 1;
    }

    .badge_red2[data-bred2]:after {
        content: attr(data-bred2);
        position: absolute;
        top: -3px;
        right: -2px;
        font-size: .6em;
        background: #D96600;
        color: white;
        min-width: 13px;
        height: 13px;
        text-align: center;
        line-height: 13px;
        border-radius: 7px;
        border: none;
        padding: 0 2px 0 2px;
        z-index: 1;
    }

.photo-prev:hover, .photo-next:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

.photo-prev, .photo-next {
    position: absolute;
    padding-top: 50px;
    bottom: 100px;
    width: 130px;
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
    height: 100%;
    cursor: pointer;
    display: block;
}

.photo-prev {
    left: 0;
    background: url("/Content/Images/ButtonArrowLeft.png") 50% 60% no-repeat;
}

.photo-next {
    right: 0;
    background: url("/Content/Images/ButtonArrowRight.png") 50% 60% no-repeat;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*******************************************************************************************************************/

.workspace-profile-row {
    height: 206px;
    width: 750px;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
}

.workspace-profile-cell {
    padding-top: 7px;
    padding-bottom: 3px;
    width: 600px;
    display: table-cell;
}

.worspace-profile-ul {
    margin: 0;
}

.profile-place-congr-r {
    position: relative;
    padding: 0 0 3px 20px;
    font-size: large;
    line-height: 28px;
}

.profile-place-descr {
    position: absolute;
    top: 13px;
    left: 199px;
    z-index: 2;
}

.selected-menu {
    background-color: #E3EC80;
}

.comment_more {
    margin-top: 5px;
}

.visit-profile-tbl {
    padding: 0;
    display: table;
    width: 100%;
    margin: 0 0 5px 0;
}

.visit-profile-row {
    padding: 0 5px 0 15px;
    display: table-row;
}

.visit-profile-cell-left {
    display: table-cell;
    width: 150px;
    height: 150px;
    padding: 0 0 5px 5px;
}

.visit-profile-cell-mdl {
    display: table-cell;
    width: 286px;
    min-width: 286px;
    vertical-align: top;
    padding: 5px 0 0 5px;
}

.border-r {
    border-right: 2px solid transparent;
    border-image: linear-gradient(to bottom, var(--bc4), var(--bc7), var(--bc4));
    border-image-slice: 1;
}

.visit-profile-cell-free {
    display: table-cell;
    width: 379px;
    position: relative;
    padding: 4px 0 0 4px;
}

.visit-profile-cell-rgh {
    display: table-cell;
    width: 150px;
    position: relative;
}

.visit-profile-bars {
    position: absolute;
    left: 7px;
    top: 0;
    width: 140px;
    height: 140px;
}

.visit-profile-name {
    font-size: 28px;
    font-weight: bold;
    width: 100%;
    margin: 0;
}

.visit-profile-desc {
    width: 100%;
    margin: 0;
}

.visit-profile-place-congr {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    float: none;
}

.visit-profile-place-congr-r {
    position: relative;
    padding: 0 0 3px 5px;
    font-size: large;
    line-height: 28px;
}

.visit-profile-congr {
    height: 38px;
    width: 26px;
    margin: 0 0 0 -5px;
    float: left;
}

/* Viesu profila grupas*/

.visit-profile-gro {
    float: left;
    position: relative;
    line-height: 22px;
    margin: 0 5px 0 0;
    font-size: 16px;
}

.visit-profile-img {
    margin: -1px 0 0 1px;
    height: 15px;
    width: 15px;
}

.visit-profile-img-div {
    height: 19px;
    color: white;
    min-width: 19px;
    border-radius: 10px;
    text-align: center;
    line-height: 19px;
    margin: 0 2px 0 0;
    float: left;
}

.visit-profile-img-div2 {
    height: 27px;
    color: white;
    min-width: 27px;
    border-radius: 12px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--bc3);
    text-align: center;
    line-height: 27px;
    margin: 0 0 0 -5px;
    float: left;
}

.visit-profile-img2 {
    margin: -3px 0 0 1px;
    height: 17px;
    width: 17px;
}

/******************/
.visit-button, .visit-button:active, .visit-button:link, .visit-button:visited {
    line-height: 0;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding: 3px;
}

    .visit-button:hover {
        background-color: var(--bc5);
        text-decoration: none;
    }

.visit-image, .visit-image:active, .visit-image:link, .visit-image:visited {
    text-align: center;
    vertical-align: middle;

    line-height: 0;
    text-decoration: none;
    display: table-cell;
    text-align: center;
    cursor: pointer;
    margin: 0 3px 6px 3px;
}

    .visit-image:hover {
        background-color: var(--bc5);
        text-decoration: none;
    }

.image-visit-button, .image-visit-button:active, .image-visit-button:link, .image-visit-button:visited {
    height: 48px !important;
    width: 48px !important;
    max-width: 48px !important;
    min-width: 48px !important;
    display: table-cell !important;
    vertical-align: middle !important;
    border: 1px solid var(--bc5);
}

.image-visit-btntext, .image-visit-btntext:active, .image-visit-btntext:link, .image-visit-btntext:visited {
    height: 48px !important;
    min-width: 48px !important;
    display: table-cell !important;
    vertical-align: middle !important;
    border: 1px solid var(--bc5);
}

.image-visit-btntext-text {
    display: block;
    height: 48px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 5px 0 7px;
    line-height: 48px;
    float: left;
}

.image-visit-button:hover, .image-visit-btntext:hover {
    border: 1px solid var(--bc8);
    text-decoration: none;
}

.image-nb-button, .image-nb-button:active, .image-nb-button:link, .image-nb-button:visited {
    height: 48px !important;
    width: 48px !important;
    max-width: 48px !important;
    min-width: 48px !important;
    display: table-cell !important;
    vertical-align: middle !important;
    border: none;
}

    .image-nb-button:hover {
        border: none;
        text-decoration: none;
    }

.image-visit-image {
    display: block;
    margin: 0 auto;
}

.image-btntxt-image {
    display: block;
    margin: 12px 8px 12px 8px;
}

.fill-visit-button, .fill-visit-button:active, .fill-visit-button:link, .fill-visit-button:visited {
   background-color: var(--bc4);
}

.fill-visit-button_a, .fill-visit-button_a:active, .fill-visit-button_a:link, .fill-visit-button_a:visited {
    background-color: var(--bc3);
}

.fill-button-a, .fill-button-a:active, .fill-button-a:link, .fill-button-a:visited {
    background-color: var(--bc7);
}

    .fill-button-a:hover {
        background-color: var(--bc5);
        text-decoration: none;
    }

.journal-photo-list {
    width: 180px;
    height: 180px;
    float: left;
    margin: 0 8px 6px 0px;
}

.leftTopMenu {
    position: fixed;
    top: 70px;
    margin-left: -70px;
    z-index: 100;
    width: 55px;
}

.fr-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: rgba(248, 250, 230, 0.8);
    text-align: left;
}

.fr-menu-CS {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 0;
    background-color: rgba(248, 250, 230, 0.9);
    text-align: left;
    z-index: 5;
}

.fr-menu-front {
    top: 0;
    left: 0;
    padding: 5px 5px 5px 5px;
    width: 100%;
    text-align: left;
}

.fr-b-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: rgba(248, 250, 230, 0.8);
}

.fr-b-menu-front {
    bottom: 0;
    left: 0;
    padding: 5px 5px 5px 5px;
    width: 100%;
}

.fr-h4 {
    margin-left: 7px;
}

.fr_workbox_index {
    position: absolute;
    top: 5px;
    right: 5px;
}

.tree-member-image-small {
    margin: 0 4px 0 0;
    border-width: 1px !important;
    max-width: 24px;
    max-height: 24px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
    float: left;
}

.tree-member-item, .tree-member-item-highlight {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    padding: 1px 0 1px 1px;
    margin: 0 0 2px 2px;
    float: left;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 12px;
    overflow: hidden;
}

.tree-member-item {
    background-color: var(--bc3);
}

.tree-member-item-highlight {
    background-color: var(--bc1);
}

.parent-container {
    overflow: scroll;
    width: auto;
}

.chart-container {
    overflow: auto;
}


.tree-member-text {
    max-width: 75px;
    overflow: hidden;
}
/***********************************************************************************
    Treeeeee
***********************************************************************************/
.tree-main-box {
    display: table;
    width: 100%;
    overflow: scroll !important;
}

.tree-main-cell-1 {
    display: table-cell;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    overflow: hidden;
    vertical-align: top;
}

.tree-main-cell-2 {
    display: table-cell;
    width: 99%;
}

.tree_main-row-1 {
    height: 30px;
    min-height: 30px;
}

.tree-cell-1 {
    display: table-cell;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}

.tree-right-content {
    float: right;
    background-color: var(--bc4);
}

.tree-brothers-item, .tree-brothers-item-highlight {
    width: 95px;
    min-width: 95px;
    padding: 1px 0 1px 1px;
    margin: 0 0 2px 2px;
    float: left;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 12px;
}

.tree-brothers-item {
    background-color: var(--bc3);
}

.tree-brothers-item-highlight {
    background-color: var(--bc1);
}

.tree-caption {
    width: 100%;
    height: 15px;
    text-align: center;
    background-color: #FCFDF3;
}
/***********************************************************************************
    Animal hint window
***********************************************************************************/
.k-tooltip {
    background: var(--bc0) !important;
    overflow: hidden;
}

    .k-tooltip.hint-card {
        background: var(--bc3) !important;
        overflow: hidden;
    }

.an-hint-profile-image {
    margin: 5px 0 7px 0;
    height: 186px;
    width: 186px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
}

.an-hint-text {
    font-size: 14px;
    color: var(--bc7);
}


/***********************************************************************************
    Discussion, comment
***********************************************************************************/
.k-listview {
    border: none !important;
    outline: none !important;
    background: none;
}

#sdcomments .k-editor {
    border-spacing: 0 !important;
    border: none !important;
    margin-top: 3px !important;
    max-height: 32px !important;
}

#sdcomments .k-content {
    height: 32px !important;
}

p {
    margin: 0;
}

.button-light {
    background-color: #ffffff;
}

.k-editor .k-enterText {
    background-image: url('../../Content/Images/Checked.png');
}

/***********************************************************************************
    Discussion, comment
***********************************************************************************/
.oss-control {
    border: 1px solid rgb(218, 218, 218);
    display: block;
    color: var(--bc7);
}

    .oss-control.k-autocomplete {
        border: 1px solid rgb(218, 218, 218) !important;
    }

.oss-control-text {
    width: 100%;
    height: 28px;
    font-size: 13px;
    line-height: 1.285714286;
    vertical-align: middle;
    padding: 0 3px 0 3px;
    background-color: #ffffff;
}

.oss-control:focus {
    border-color: var(--bc5);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px var(--bc4), 0 0 8px rgba(150, 173, 0, 0.6);
    box-shadow: inset 0 1px 1px var(--bc4), 0 0 8px rgba(150, 173, 0, 0.6);
}

.photo-control {
    width: 213px;
}

.oss-control-full {
    border: 1px solid #CCCCCC !important;
    display: block;
    color: var(--bc8);
}


    .oss-control-full:focus {
        border-color: var(--bc5) !important;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px var(--bc4), 0 0 8px rgba(150, 173, 0, 0.6);
        box-shadow: inset 0 1px 1px var(--bc4), 0 0 8px rgba(150, 173, 0, 0.6);
    }

.album-control-simple {
    width: 425px;
    max-width: 425px;
}

.album-control {
    min-width: 425px;
    max-width: 425px;
    width: 425px;
    border: 1px solid #DADADA;
}

.oss-group {
    margin-bottom: 8px;
}

.photo-label {
    margin-bottom: 2px;
}

.oss-label {
    float: left;
    width: 180px;
    padding: 7px 0 0 15px;
    text-align: left;
}

.decs-addr-control {
    width: 425px;
    max-width: 425px;
}

.wiz-options {
    font-size: 16px;
    font-weight: lighter !important;
    line-height: 32px;
    display: table;
}

#wizardTabstrip .k-content {
    height: 400px !important;
    overflow: auto;
}

.button-active {
    border-color: var(--bc5);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px var(--bc4), 0 0 8px rgba(150, 173, 0, 0.6);
    box-shadow: inset 0 1px 1px var(--bc4), 0 0 8px rgba(150, 173, 0, 0.6);
}

.wiz-search-member-item {
    width: 53px;
    min-width: 53px;
    max-width: 53px;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    background-color: var(--bc4);
    padding: 3px 0 3px 3px;
    margin: 0 0 5px 5px;
    float: left;
}

    .wiz-search-member-item:hover {
        background-color: var(--bc5);
        text-decoration: none;
    }

.item-selected {
    border: var(--bc5) solid 1px;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px var(--bc4), 0 0 8px var(--bc5);
    box-shadow: inset 0 1px 1px var(--bc4), 0 0 8px var(--bc5);
}

hr, .hr {
    border: 0;
    height: 1px;
    background: var(--bc7);
    background-image: linear-gradient(to right, var(--bc4), var(--bc7), var(--bc4));
}

.s-item-selected {
    outline: 0;
    -webkit-box-shadow: 0 0 3px var(--bc9), 0 0 9px var(--bc6);
    box-shadow: 0 0 3px var(--bc9), 0 0 9px var(--bc6);
}

.journal-unread {
    border-left: solid 3px #EBF200;
    margin-left: -3px;
}

/***********************************************************************************
    Poster
***********************************************************************************/
.journal-poster {
    border-left: solid 3px #D96600;
    margin-left: -3px;
}

.poster-profile-xxl-row {
    height: 260px;
    width: 945px;
    position: relative;
}

.poster-member-image {
    margin: 5px 0 0 0;
    height: 126px;
    width: 126px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
}

.poster-member-image-image {
    margin: 0;
    border-width: 0;
    max-width: 120px;
    max-height: 120px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
}

.poster-list-cell {
    height: 186px;
    margin-right: 5px;
    width: 132px;
    float: left;
    position: relative;
}

.poster-gen-M {
    background-image: url(/Content/Images/TriM.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.poster-gen-F {
    background-image: url(/Content/Images/TriF.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.poster-gen-LM {
    background-image: url(/Content/Images/TriLM.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.poster-gen-LF {
    background-image: url(/Content/Images/TriLF.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.poster-gim {
    height: 12px;
    width: 12px;
    margin: -5px 0 0 3px;
}

.poster-gim-XXL {
    height: 14px;
    width: 14px;
    margin: -5px 0 0 3px;
}

.workspace-filt-line {
    width: 100%;
    height: 18px;
    margin-bottom: 2px;
    padding-left: 6px;
}

.workspace-filt {
    float: left;
    height: 15px;
    max-height: 15px;
    text-align: center;
    height: 100%;
    width: 104px;
}

.workspace-filt-space {
    float: left;
    height: 100%;
    width: 2px;
}

.workspace-member-image {
    margin: 13px 0 0 10px;
}

.workspace-top-image {
    opacity: .3;
    filter: alpha(opacity=30);
}

.workspace-filt-active {
    height: 18px;
    max-height: 18px;
    border-bottom: solid 3px var(--bc7);
}

.table-button, .table-button:active, .table-button:link, .table-button:visited {
    position: relative;
    line-height: 0;
    height: 54px;
    width: 54px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding: 3px;
    display: block;
    float: left;
}

    .table-button:hover {
        background-color: var(--bc5);
        text-decoration: none;
    }

.table-button-disabled, .table-button-disabled:active, .table-button-disabled:link, .table-button-disabled:visited, .table-button-disabled:hover {
    line-height: 0;
    height: 54px;
    width: 54px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding: 3px;
    display: block;
    float: left;
}

    .table-button-disabled > div > img {
        opacity: 0.3;
        filter: alpha(opacity=30); /* msie */
    }

    .table-button-disabled > div {
        border: 1px solid var(--bc5) !important;
    }

.member-profile-row {
    height: 158px;
    width: 747px;
    margin-bottom: 0;
    position: relative;
}

.oss-button, .oss-button:active, .oss-button:link, .oss-button:visited,
.oss-button-a, .oss-button-a:active, .oss-button-a:link, .oss-button-a:visited,
.oss-button-s, .oss-button-s:active, .oss-button-s:link, .oss-button-s:visited {
    padding: 3px 5px 5px 10px !important;
    min-height: 34px;
    line-height: 0;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 3px;
    vertical-align: middle;
    font-family: inherit;
    line-height: 1.72em;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    /*border: solid var(--bc0) 1px;*/
}

    .oss-button, .oss-button:active, .oss-button:link, .oss-button:visited,
    .oss-button-a, .oss-button-a:active, .oss-button-a:link, .oss-button-a:visited {
        color: var(--bc0);
        background: var(--bc4);
    }

    .oss-button-s, .oss-button-s:active, .oss-button-s:link, .oss-button-s:visited {
        background: #D96600;
        color: white;
        width: 100%;
    }

    .oss-button, .oss-button:active, .oss-button:link, .oss-button:visited {
        width: 100%;
    }

        .oss-button:hover,
        .oss-button-a:hover,
        .oss-button-s:hover {
            color: var(--bc8);
            text-decoration: none;
            background: var(--bc0);
        }

        .oss-button .image-button {
            margin: 0 5px 0 -5px;
            border: none;
        }

.oss-info {
    padding: 3px 5px 3px 5px !important;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 3px;
    font-family: inherit;
    font-size: 13px;
    text-align: left;
    color: var(--bc0);
    /*border: solid var(--bc0) 1px;*/
    background: var(--bc4);
    min-height: 34px;
    line-height: 34px;
    width: 148px;
}

.oss-item-selected {
    border: solid 2px #EBF200;
}

.oss-item-focused {
    border: solid 2px var(--bc5);
}

.oss-item-bord, .oss-item-bord:hover {
    border: solid 2px #EDB380;
    margin: -1px -1px 3px -1px;
}

    .oss-item-bord:hover {
        border: solid 2px #D96600;
    }

.oss-hand {
    cursor: pointer;
    cursor: hand;
}

.item-info {
    height: 24px;
    width: 29px;
    line-height: 0;
    display: inline-block;
    margin: -9px 0 0 -3px;
}

.item-info-L {
    height: 32px;
    width: 37px;
    line-height: 0;
    display: inline-block;
    margin: 0 0 0 0;
}

.wb-sel {
    color: #D96600 !important;
}

.wb-sel-button {
    background-color: #D96600 !important;
    color: white !important;
    text-decoration: none;
    margin-right: 2px;
}

.like-l-item {
    min-width: 210px;
    width: 210px;
    height: 52px;
    display: block;
    float: none;
    margin: 0 0 1px 0;
}

.like-win {
    width: 240px;
    max-height: 220px;
    overflow: auto;
}

.oss-mustsave {
    background: #D96600 !important;
    color: white !important;
}

.hr-light {
    margin: 5px 0 5px 0;
}

.private-info {
    color: #D96600;
    font-size: xx-large;
    text-align: center;
}

.sys-buttons {
    display: inline-block;
    padding: 1px;
    text-decoration: none;
    vertical-align: middle;
    line-height: normal;
    height: 20px;
    width: 20px;
}

.bot-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: rgba(235, 242, 191, 0.8);
    padding: 5px 0 0 10px;
}

.oss-textedit {
    height: 100%;
    min-height: 100%;
    width: 100%;
    border-spacing: 0 !important;
    min-height: 34px;
    text-align: left;
    padding: 0;
    border-color: lightgray;
}

.oss-textedit-r {
    margin: 0;
    height: 100%;
    min-height: 100%;
    width: 100%;
    border-spacing: 0;
    amin-height: 34px;
    max-width: 100%;
    text-align: left;
    padding: 0;
    border-color: lightgray;
    overflow: hidden;
    padding: 2px;
    border: none;
}

.oss-textedit-b:focus {
    border: none !important;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.oss-comm-textedit {
    amargin-top: -8px !important;
}

.oss-header {
    position: relative;
    amargin-bottom: 8px;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    white-space: nowrap;
    min-height: 24px;
    box-sizing: content-box;
    border-color: #dadada;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    font-size: 12px;
    display: block;
}

.oss-block {
    overflow: hidden;
    vertical-align: top;
    margin-top: 3px;
    color: var(--bc8);
    background-color: white;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
    border-color: #dadada;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.oss-block-image-small {
    margin: 0 4px 0 0;
    border-width: 1px !important;
    max-width: 24px;
    width: 24px;
    height: 24px;
    max-height: 24px;
    border: solid;
    border-color: var(--bc7);
    line-height: 24px;
    float: left;
}

.wiz-w4 {
    width: 99%;
    height: 182px;
    background: var(--bc3);
    vertical-align: top;
    padding: 0 15px 2px 10px;
}

.wiz-w4-add {
    max-width: 179px;
    height: 180px;
    float: left;
    margin-right: 10px;
}

.wiz-h4 {
    font-size: large;
    margin: 7px 0 7px 0 !important;
    padding: 0 0 0 0 !important;
}

.form-bottom-border {
    border-width: 0 0 1px 0;
    border-image: linear-gradient(to right, var(--bc4), var(--bc7), var(--bc4)) 1;
    padding-bottom: 12px;
}

.oss-form-label {
    text-align: left !important;
}

.oss-form-edit {
    width: 250px !important;
}

.work-tp-div {
    width: 100%;
    max-height: 686px;
    text-align: center;
    display: table;
    position: relative;
}

.work-tp-div1 {
    max-height: 686px;
    text-align: center;
    display: table-cell;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    position: relative;
}

.work-tp-ph1 {
    margin: auto;
    max-height: 686px;
    display: block;
}

.work-tp-div2 {
    max-width: 686px;
    text-align: center;
    display: table-cell;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    position: relative;
}

.work-tp-ph2 {
    margin: auto;
    max-width: 686px;
    display: block;
}

.work-tp-more {
    color: var(--bc8);
    position: relative;
    font-size: xx-large;
}

.work-tp-ph1-0 {
    max-width: 100%;
    max-height: 686px;
}

.work-tp-ph2-1 {
    margin: auto;
    max-width: 341px;
    max-height: 686px;
    display: block;
}

.work-tp-ph2-2 {
    margin: auto;
    max-width: 686px;
    max-height: 341px;
    display: block;
}

.work-tp-ph3-1 {
    margin: auto;
    max-width: 225px;
    max-height: 686px;
    display: block;
}

.work-tp-ph3-2 {
    margin: auto;
    max-width: 686px;
    max-height: 225px;
    display: block;
}

.work-tp-ph3-3a {
    margin: auto;
    max-width: 450px;
    max-height: 686px;
    display: block;
}

.work-tp-ph3-3b {
    margin: auto;
    max-width: 236px;
    max-height: 341px;
    display: block;
}

.work-tp-ph3-4a {
    margin: auto;
    max-width: 686px;
    max-height: 450px;
    display: block;
}

.work-tp-ph3-4b {
    margin: auto;
    max-width: 341px;
    max-height: 236px;
    display: block;
}

.work-tp-ph4-1 {
    margin: auto;
    max-width: 171px;
    max-height: 686px;
    display: block;
}

.work-tp-ph4-2 {
    margin: auto;
    max-width: 686px;
    max-height: 171px;
    display: block;
}

.work-tp-ph4-3 {
    margin: auto;
    max-width: 341px;
    max-height: 341px;
    display: block;
}

.work-tp-ph4-4a {
    margin: auto;
    max-width: 514px;
    max-height: 686px;
    display: block;
}

.work-tp-ph4-4b {
    margin: auto;
    max-width: 171px;
    max-height: 228px;
    display: block;
}

.work-tp-ph4-5a {
    margin: auto;
    max-width: 686px;
    max-height: 514px;
    display: block;
}

.work-tp-ph4-5b {
    margin: auto;
    max-width: 236px;
    max-height: 171px;
    display: block;
}

.texts-base-style {
    color: black;
    font-size: 14px;
}

.poster-top-image-image {
    margin: 0;
    border-width: 0;
    width: 172px;
    height: 172px;
    max-width: 172px;
    max-height: 172px;
    border-width: 3px;
    border: solid;
    // border-color: red;
    border-color: var(--bc7);
    line-height: 20px;
}

.group-poster-top-image {
    opacity: .2;
    filter: alpha(opacity=20);
}

.group-poster-text {
    max-width: 402px;
    overflow: hidden;
}

.oss-ty-let {
    background-color: var(--bc7);
    width: 29px;
    height: 29px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    font-size: 22px;
    color: white;
    float: left;
    margin: 5px 4px 0 -10px;
}

.group-text-limit {
    max-width: 530px;
    overflow: hidden;
}

.group-poster-text-limit {
    max-width: 264px;
    overflow: hidden;
}

.yout-urledit {
    width: 280px;
    height: 80px;
}

.work-yout {
    margin: auto;
    width: 640px;
    height: 385px;
    display: block;
}

.active-memb-list {
    border: 1px solid #DADADA;
    color: var(--bc0);
    text-align: center;
    padding: 3px 0 0 13px;
    margin: 3px 0 0 0;
}

.workspace-button-balloon-b, .workspace-button-balloon-r {
    position: relative;
}

    .workspace-button-balloon-b[data-ball-b]:after {
        content: attr(data-ball-b);
        position: absolute;
        top: 16px;
        right: -10px;
        font-size: .6em;
        background: #596680;
        color: white;
        min-width: 13px;
        height: 13px;
        text-align: center;
        line-height: 13px;
        border-radius: 7px;
        border: none;
        padding: 0 2px 0 2px;
        z-index: 1;
    }

/* Visit Card Medium*/
.vc-m-main {
    display: table;
    width: 146px;
    float: left;
    position: relative;
    text-align: center;
}

.vc-m-row-im {
    display: table-row;
    text-align: center;
}

.vc-m-row-txt {
    min-height: 30px;
    height: 30px;
    display: table-row;
}

.vc-m-place-im {
    margin: 5px 0 0 5px;
    height: 126px;
    width: 126px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
    display: table-cell;
    float: left;
    position: relative;
}

.vc-m-image {
    margin: 0;
    border-width: 0;
    max-width: 120px;
    max-height: 120px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc7);
    aline-height: 20px;
}

.vc-m-text {
    max-width: 146px;
    overflow: hidden;
}
/* Visit Card Medium*/
.vc-s-btn {
    height: 18px;
    width: 18px;
    margin: 0 2px 0 0 !important;
    float: left;
}

.vc-s-btn-m {
    margin-left: 10px;
}

.vc-s-btn-div {
    min-height: 22px;
    width: 150px;
    padding: 0 0 0 0;
    line-height: 20px;
    font-size: 16px;
    color: var(--bc0);
    font-weight: bold;
    margin: 0 0 2px 0;
    border-bottom: solid 1px var(--bc0);
}

.vc-s-bt-info {
    height: 18px;
    font-size: 16px;
    color: #D96600;
    font-weight: bold;
    padding: 3px 0 0 3px;
}
/* Visit Card Large*/
.vc-l-bt-info {
    height: auto !important;
    padding: 3px 3px 3px 6px !important;
    width: 158px;
    color: #D96600;
}

.vc-s-bt-info:hover {
    color: #E38D40;
}

.vc-l-bt-info:hover {
    color: #E38D40;
}

.vc-l-place {
    display: block;
    position: relative;
    background-color: #FFFFFF !important;
    min-height: 158px;
    height: 158px;
    width: 574px;
    min-width: 574px;
    float: left;
}

.vc-l-bk-place {
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    min-height: 158px;
    height: 158px;
    width: 574px;
    min-width: 574px;
    overflow: hidden;
    background-color: #FFFFFF;
    /*  background-color: var(--bc4); */
}

.vc-l-bk-im {
    position: relative;
    padding: 0;
}

.vc-l-place-sec {
    position: absolute;
    z-index: 2;
    margin: 0;
    padding: 0;
    min-height: 158px;
    height: 158px;
    width: 574px;
    min-width: 574px;
}

.vc-l-place-text {
    position: absolute;
    left: 145px;
    top: 10px;
}

.vc-l-place-h-limit {
    max-width: 254px;
    overflow: hidden;
}

.vc-l-place-text-limit {
    max-width: 274px;
    overflow: hidden;
}

.vc-l-place-congr {
    position: absolute;
    left: 160px;
    bottom: 0;
}

.vc-l-place-bars {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 133px;
    height: 150px;
    overflow: hidden;
}

.vc-l-svg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0px;
    top: 0px;
}

.vc-l-congr {
    margin-left: -15px;
}

.vc-l-private {
    width: 574px;
    height: 158px;
    position: absolute;
    left: 0;
    top: 0;
    color: #D96600;
    z-index: 2;
    font-size: xx-large;
    font-weight: bolder;
    text-align: center;
    line-height: 158px;
    -ms-transform: rotate(340deg); /* IE 9 */
    -moz-transform: rotate(340deg); /* Firefox */
    -webkit-transform: rotate(340deg); /* Safari and Chrome */
    -o-transform: rotate(340deg); /* Opera */
}
/* Visit Card Trophy ScrollView*/
.vc-tro-sv-bt {
    display: block;
    position: relative;
    height: 50px;
    width: 25px;
    float: left;
}

.vc-tro-sv-btl {
    background: url('/Content/Images/ArLe.png') no-repeat 50% 50%;
}

.vc-tro-sv-btr {
    background: url('/Content/Images/ArRi.png') no-repeat 50% 50%;
}

a.vc-tro-sv-btl:hover {
    background: url('/Content/Images/ArLe.png') no-repeat 50% 50% rgba(0,0,0,.3);
    opacity: 1;
}

a.vc-tro-sv-btr:hover {
    background: url('/Content/Images/ArRi.png') no-repeat 50% 50% rgba(0,0,0,.3);
    opacity: 1;
}

.vc-tro-hint {
    background-color: var(--bc4) !important;
}
/* Visit Card Extra*/
.vc-xl-bt-info {
    height: auto !important;
    padding: 3px 3px 3px 6px !important;
    width: 158px;
    color: #D96600;
}

.vc-s-bt-info:hover {
    color: #E38D40;
}

.vc-xl-bt-info:hover {
    color: #E38D40;
}

.vc-xl-place {
    display: block;
    position: relative;
    background-color: #FDFEF7 !important;
    min-height: 158px;
    height: 158px;
    width: 574px;
    min-width: 574px;
    float: left;
}

.vc-xl-bk-place {
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    min-height: 158px;
    height: 158px;
    width: 574px;
    min-width: 574px;
    overflow: hidden;
    background-color: var(--bc4);
}

.vc-xl-bk-im {
    position: relative;
    padding: 0;
}

.vc-xl-place-sec {
    position: absolute;
    z-index: 2;
    margin: 0;
    padding: 0;
    min-height: 158px;
    height: 158px;
    width: 574px;
    min-width: 574px;
}

.vc-xl-place-text {
    position: absolute;
    left: 145px;
    top: 10px;
}

.vc-xl-place-congr {
    position: absolute;
    left: 200px;
    top: 151px;
    z-index: 3;
    height: 50px;
    width: 400px;
}

.vc-xl-scrv-congr {
    background: none !important;
    width: 350px;
    max-width: 350px;
    padding: 0 0 0 0;
    float: left;
}

.vc-xl-place-bars {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 133px;
    height: 150px;
}

.vc-xl-svg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0px;
    top: 0px;
}

.vc-xl-congr {
    height: 50px;
    width: 50px;
    float: left;
}
/* Text decorations E38D40 */
.text-s12 {
    font-size: 12px;
    word-spacing: 0px;
}

.text-s14-b {
    font-size: 14px;
    font-weight: bold;
    word-spacing: 0px;
}
/* Confirm dialog */
.cd-md {
    width: 450px;
    height: 100px;
    align-content: center;
    text-align: center;
}

    .cd-md .k-button {
        margin: 0 10px 0 0;
    }
/* New button */
.bt-add-svg {
    border: #D96600 solid 2px;
    background: #EDB380;
    position: absolute;
    height: 86px;
    width: 100%;
    color: white;
    font-size: 16px;
}

    .bt-add-svg:hover {
        border: #A34D00 solid 2px;
        color: var(--bc8);
    }

.bt-add-img {
    top: 28px;
    left: 10px;
    position: absolute;
}

.bt-add-text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 82px;
    left: 50px;
    width: 125px;
}


.mmenu, .mmenu:active, .mmenu:link, .mmenu:visited {
    padding: 0 0 0 0;
    height: 67px;
    line-height: 0;
    text-decoration: none;
    width: 100%;
    margin: 0 0 3px 0;
    cursor: pointer;
}

#prof_menu > .k-animation-container {
    margin-top: 41px !important;
    top: 0 !important;
}


/* Foto */
.fa-descr {
    margin-bottom: 10px;
}
/* Activity */
.ma-img {
    margin: -1px 0 0 2px;
}

.ma-img-a {
    margin: -1px 0 0 1px;
}

.ma-img-div {
    height: 37px;
    color: white;
    min-width: 37px;
    border-radius: 19px;
    text-align: center;
    line-height: 37px;
    margin: 0 10px 10px 0;
    float: left;
    font-size: large;
}
/* Trophies */
.tr-em-im {
    margin: 24px 0 0 24px;
}

#trophyTabstrip .k-content {
    height: 459px !important;
    overflow: auto;
}

.btn-24 {
    vertical-align: middle;
    line-height: 28px;
    margin: 0 2px 0 2px;
}

.btn-img-24 {
    margin-top: -4px;
}



.test-hov {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(0, 128, 0);
    background-image: none;
    background-origin: padding-box;
    background-size: auto;
    box-sizing: border-box;
    color: rgb(68, 68, 68);
    display: block;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 50px;
    line-height: 16.7143px;
    max-width: 350px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: relative;
    white-space: nowrap;
    width: 350px;
    -webkit-margin-after-collapse: separate;
    -webkit-margin-before-collapse: separate;
    -webkit-user-select: none;
}

.fam-li {
    height: 30px;
    padding: 0 10px 0 10px;
    line-height: 28px;
    width: 187px;
}

#mnLang .k-animation-container {
    left: auto !important;
    right: -3px;
}
/* Visit site info panel*/
.vv-panel {
    line-height: 38px;
    font-size: medium;
}

.vv-panel-alb {
    min-width: 164px;
}

.vv-panel-fri {
    padding: 1px 0 0 0;
    display: table-cell;
    width: 303px;
    height: 158px;
    overflow: hidden;
    border: solid 1px #BFE5BF;
}

.vv-panel-fri-btns {
    padding: 1px 0 0 2px;
    display: table-cell;
    height: 158px;
    vertical-align: top;
}

.vv-panel-last {
    zoom: 0.4; /* all browsers */
    -moz-transform: scale(0.4); /* Firefox */
}

.col-visit-l {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    text-size-adjust: 100%;
    width: 195px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.col-visit-m {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 0 0 15px;
    position: relative;
    text-size-adjust: 100%;
    width: 765px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-x: hidden;
}

.sm-vc {
    width: 193px;
    min-width: 193px;
    max-width: 193px;
    height: 53px;
    min-height: 53px;
    max-height: 53px;
    background-color: var(--bc3);
    padding: 3px 3px 3px 3px;
    margin: 0 1px 5px 1px;
    float: left;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: var(--bc4);
    color: #4D5900;
}

.sm-vc-top {
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
    position: absolute;
    height: 53px;
    width: 193px;
    top: 0;
    left: 0;
}

.wk-btns {
    display: table;
    border-collapse: collapse;
}

    .wk-btns .wk-btn-row {
        display: table-row;
    }

    .wk-btns .wk-btn {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

   
/* Visit Card Extra XXL*/
.vc-xxl-bk-place {
    position: relative;
    margin: 0;
    padding: 0;
    height: 260px;
    width: 945px;
    overflow: hidden;
    background-color: var(--bc4);
}

.vc-xxl-bk-im {
    position: relative;
    padding: 0;
    width: 945px;
    height: 260px;
    opacity: 0.3;
}

.vc-xxl-pr-place {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;
}

.vc-xxl-pr-image {
    margin: 0;
    width: 200px;
    height: 200px;
    max-width: 200px;
    max-height: 200px;
    border-width: 3px;
    border: solid var(--bc7);
}

.vc-xxl-place-bars {
    position: absolute;
    right: 8px;
    top: 12px;
    width: 170px;
    height: 190px;
}

.vc-xxl-place-text {
    position: absolute;
    top: 14px;
    left: 232px;
    z-index: 2;
    width: 535px;
    max-height: 160px;
    overflow: hidden;
}

.vc-xxl-h3 {
    box-sizing: border-box;
    color: rgb(89, 102, 0);
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    max-width: 520px;
    overflow: hidden;
    text-size-adjust: 100%;
}

.vc-xxl-text {
    box-sizing: border-box;
    color: rgb(89, 102, 0);
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    max-height: 128px;
    max-width: 535px;
    overflow: hidden;
    text-size-adjust: 100%;
}
/**/

.vc-xxl-bt-info {
    height: auto !important;
    padding: 3px 3px 3px 6px !important;
    width: 158px;
    color: #D96600;
}

.vc-xxl-place {
    display: block;
    position: relative;
    background-color: #FDFEF7 !important;
    min-height: 158px;
    height: 158px;
    width: 574px;
    min-width: 574px;
    float: left;
}


.vc-s-bt-info:hover {
    color: #E38D40;
}

.vc-xxl-bt-info:hover {
    color: #E38D40;
}





.vc-xxl-place-sec {
    position: absolute;
    z-index: 2;
    margin: 0;
    padding: 0;
    min-height: 158px;
    height: 158px;
    width: 574px;
    min-width: 574px;
}

.vc-xxl-place-congr {
    position: absolute;
    left: 200px;
    top: 151px;
    z-index: 3;
    height: 50px;
    width: 400px;
}

.vc-xxl-scrv-congr {
    background: none !important;
    width: 350px;
    max-width: 350px;
    padding: 0 0 0 0;
    float: left;
}



.vc-xxl-svg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0px;
    top: 0px;
}

.vc-xxl-congr {
    height: 50px;
    width: 50px;
    float: left;
}

.mgz-top-cptns {
    position: fixed;
    font: 400 44px/48px "Times New Roman", Times, serif;
    font-style: italic;
    /*font-weight: bold;*/
    top: 40px;
    height: 48px;
    min-width: 1170px;
    background: var(--bc4);
    z-index: 5;
    border-bottom: solid var(--bc7) 1px;
    text-align: center;
}

.mgz-cptns, .mgz-cptns:hover, .mgz-cptns:visited, .mgz-cptns:link, .mgz-cptns:active {
    font: 400 36px/40px "Times New Roman", Times, serif;
    font-style: italic;
    /*font-weight: bold;*/
    text-align: center;
    text-decoration: none;
}
    .mgz-cptns, .mgz-cptns:visited, .mgz-cptns:active, .mgz-cptns:link {
        color: white;
    }
    a.mgz-cptns:hover {
        color: var(--bc2);
    }
.mgz-top-text, .k-state-border-down > a > .mgz-top-text:hover, .k-state-border-down > span > .mgz-top-text:hover {
    color: white;
    text-decoration: none !important;
}
.k-state-highlight > a > .mgz-top-text, .k-state-border-down > a > .mgz-top-text, .k-state-highlight > span > .mgz-top-text, .k-state-border-down > span > .mgz-top-text {
    color: var(--bc9);
    text-decoration: none !important;
}
.mgz-top-mgz {
    margin: 0 0 0 15px;
    font: 400 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
}

.mgz-top-btns {
    position: fixed;
    top: 88px;
    min-height: 63px;
    min-width: 1170px;
    background: var(--bc4);
    z-index: 5;
    border-bottom: solid var(--bc7) 5px;
}

.wk-top-btns {
    position: fixed;
    top: 40px;
    min-height: 63px;
    min-width: 1170px;
    background: var(--bc4);
    z-index: 5;
    border-bottom: solid var(--bc7) 5px;
}

.wk-top-btns-lft {
    position: relative;
    /*  float: left;*/
    top: 2px;
    left: 10px;
}

.wk-top-btns-rgh {
    position: absolute;
    top: 2px;
    right: 220px;
}

.wk-top-btns-rgh2 {
    position: absolute;
    top: 2px;
    right: 2px;
}

.wk-top-btns-author {
    position: absolute;
    top: 2px;
    left: 250px;
    z-index: 3;
}

.fr-symb {
    border: none;
    display: block;
    float: left;
    margin: 15px 4px 0 0;
}

.fr-own {
    border: solid rgb(89, 102, 0) 1px;
    box-sizing: border-box;
    color: rgb(77, 89, 0);
    display: block;
    float: left;
    height: 48px;
    margin: 3px 4px 0 0;
    width: 48px;
}

.fr-own-bt {
    border: none;
    box-sizing: border-box;
    color: rgb(77, 89, 0);
    display: block;
    height: 47px;
    width: 47px;
}

.mk-top-mid {
    position: relative;
    float: left;
    min-height: 60px;
    min-width: 150px;
    margin: auto;
    text-align: center;
    margin: 2px 0 0 15px;
}

.wMiddle {
    ax-width: 780px !important;
    verflow-x: hidden;
}

.wk-fbtn-row {
    margin: 14px 3px 0 0;
    position: relative;
}

.wk-f2btn-row {
    margin: 0 3px 16px 0;
    position: relative;
}

.k-wk-fbtn, .k-overflow-container .k-wk-fbtn, .k-wk-fbinf {
    color: #6D3300;
    border-color: #6D3300 !important;
    background-image: none;
    background-position: 50% 50%;
    background-color: #EDB380;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbinf {
    height: 28px;
    padding: 2px 7px 2px 7px;
    line-height: 22px;
    border: solid 1px;
    display: inline-block;
    vertical-align: middle;
    cursor: default;
}
/* Buttons */
.k-wk-fbtn:focus, .k-wk-fbtn.k-state-focused {
    color: #fff;
    border-color: #000;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn:hover {
    color: #fff;
    border-color: #DF6D00 !important;
    background-image: none;
    background-color: #DF6D00;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn:focus:active:not(.k-state-disabled):not([disabled]), .k-wk-fbtn:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn:active {
    color: #fff;
    border-color: #D96600 !important;
    background-image: none;
    background-color: #D96600;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn.k-state-disabled, .k-state-disabled .k-wk-fbtn, .k-wk-fbtn.k-state-disabled:hover, .k-state-disabled .k-wk-fbtn:hover, .k-wk-fbtn.k-state-disabled:hover, .k-state-disabled .k-wk-fbtn:active, .k-wk-fbtn.k-state-disabled:active {
    color: #d1dfa3;
    border-color: #D96600 !important;
    background-color: #D96600;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-prim, .k-overflow-container .k-wk-fbtn-prim {
    color: #fff;
    border-color: #D96600 !important;
    background-image: none;
    background-position: 50% 50%;
    background-color: #D96600;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-fri, .k-overflow-container .k-wk-fbtn-fri {
    color: #161A1A;
    border-color: #BFE5BF !important;
    background-image: none;
    background-position: 50% 50%;
    background-color: #BFE5BF;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-grn, .k-overflow-container .k-wk-fbtn-grn {
    color: #161A1A;
    border-color: var(--bc2) !important;
    background-image: none;
    background-position: 50% 50%;
    background-color: var(--bc2);
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 28px;
}

.k-wk-fbtn-grn2, .k-overflow-container .k-wk-fbtn-grn2 {
    color: #FFFFFF;
    border-color: var(--bc5);
    background-image: none;
    background-position: 50% 50%;
    background-color: var(--bc5);
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 28px;
}

.k-wk-fbtn-zoo, .k-overflow-container .k-wk-fbtn-zoo {
    color: #161A1A;
    border-color: #96AD00;
    background-image: none;
    background-position: 50% 50%;
    background-color: #E0EB99;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 28px;
}

.k-wk-fbtn-lig, .k-overflow-container .k-wk-fbtn-lig {
    color: var(--bc7);
    border-color: var(--bc2) !important;
    background-image: none;
    background-position: 50% 50%;
    background-color: var(--bc4);
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    min-height: 28px;
    min-width: 23px !important;
}

.k-wk-fbtn-▼, .k-overflow-container .k-wk-fbtn-▼ {
    color: var(--bc7);
    border-color: var(--bc2) !important;
    background-color: var(--bc4);
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    min-height: 28px;
    width: 17px !important;
    padding: 3px 0 0 0 !important;
    margin: 0 4px 4px -3px !important;
}
.k-wk-fbtn-apn, .k-overflow-container .k-wk-fbtn-apn {
    color: #161A1A;
    border-color: var(--bc2) !important;
    background-image: none;
    background-position: 50% 50%;
    background-color: #D3DDEB;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 24px;
    line-height: 20px;
    margin-bottom: 3px;
}
.k-wk-fbtn-prim:focus, .k-wk-fbtn-prim.k-state-focused,
.k-wk-fbtn-grn:focus, .k-wk-fbtn-grn.k-state-focused,
.k-wk-fbtn-grn2:focus, .k-wk-fbtn-grn2.k-state-focused,
.k-wk-fbtn-apn:focus, .k-wk-fbtn-apn.k-state-focused,
.k-wk-fbtn-zoo:focus, .k-wk-fbtn-zoo.k-state-focused,
.k-wk-fbtn-lig:focus, .k-wk-fbtn-lig.k-state-focused,
.k-wk-fbtn-▼:focus, .k-wk-fbtn-▼.k-state-focused,
.k-wk-fbtn-fri:focus, .k-wk-fbtn-fri.k-state-focused {
    color: #fff;
    border-color: #000;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-prim:hover {
    color: #fff;
    border-color: #DF6D00;
    background-image: none;
    background-color: #DF6D00;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-fri:hover {
    color: #161A1A;
    border-color: #C3E8C3;
    background-image: none;
    background-color: #C3E8C3;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-grn:hover {
    color: #161A1A;
    border-color: var(--bc2l);
    background-image: none;
    background-color: var(--bc2l);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-grn2:hover {
    color: #161A1A;
    border-color: var(--bc2l);
    background-image: none;
    background-color: var(--bc2l);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-zoo:hover {
    color: #161A1A;
    border-color: #96AD00;
    background-image: none;
    background-color: #96AD00;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.k-wk-fbtn-apn:hover {
    color: #161A1A;
    border-color: var(--bc2l);
    background-image: none;
    background-color: var(--bc2l);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.k-wk-fbtn-prim:focus:active:not(.k-state-disabled):not([disabled]), .k-wk-fbtn-prim:focus:not(.k-state-disabled):not([disabled]),
.k-wk-fbtn-grn:focus:active:not(.k-state-disabled):not([disabled]), .k-wk-fbtn-grn:focus:not(.k-state-disabled):not([disabled]),
.k-wk-fbtn-grn2:focus:active:not(.k-state-disabled):not([disabled]), .k-wk-fbtn-grn2:focus:not(.k-state-disabled):not([disabled]),
.k-wk-fbtn-apn:focus:active:not(.k-state-disabled):not([disabled]), .k-wk-fbtn-apn:focus:not(.k-state-disabled):not([disabled]),
.k-wk-fbtn-zoo:focus:active:not(.k-state-disabled):not([disabled]), .k-wk-fbtn-zoo:focus:not(.k-state-disabled):not([disabled]),
.k-wk-fbtn-lig:focus:active:not(.k-state-disabled):not([disabled]), .k-wk-fbtn-lig:focus:not(.k-state-disabled):not([disabled]),
.k-wk-fbtn-fri:focus:active:not(.k-state-disabled):not([disabled]), .k-wk-fbtn-fri:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-prim:active {
    color: #fff;
    border-color: #D96600;
    background-image: none;
    background-color: #D96600;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-fri:active {
    color: #161A1A;
    border-color: var(--bc2);
    background-image: none;
    background-color: var(--bc2);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-grn:active {
    color: #161A1A;
    border-color: #BFE5BF;
    background-image: none;
    background-color: #BFE5BF;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-prim.k-state-disabled, .k-state-disabled .k-wk-fbtn-prim, .k-wk-fbtn-prim.k-state-disabled:hover, .k-state-disabled .k-wk-fbtn-prim:hover, .k-wk-fbtn-prim.k-state-disabled:hover, .k-state-disabled .k-wk-fbtn-prim:active, .k-wk-fbtn-prim.k-state-disabled:active {
    color: #d1dfa3;
    border-color: #D96600;
    background-color: #D96600;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-fri.k-state-disabled, .k-state-disabled .k-wk-fbtn-fri, .k-wk-fbtn-fri.k-state-disabled:hover, .k-state-disabled .k-wk-fbtn-fri:hover, .k-wk-fbtn-fri.k-state-disabled:hover, .k-state-disabled .k-wk-fbtn-fri:active, .k-wk-fbtn-fri.k-state-disabled:active {
    color: #d1dfa3;
    border-color: #BFE5BF;
    background-color: #BFE5BF;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-wk-fbtn-grn.k-state-disabled, .k-state-disabled .k-wk-fbtn-grn, .k-wk-fbtn-grn.k-state-disabled:hover, .k-state-disabled .k-wk-fbtn-grn:hover, .k-wk-fbtn-grn.k-state-disabled:hover, .k-state-disabled .k-wk-fbtn-grn:active, .k-wk-fbtn-grn.k-state-disabled:active {
    color: #d1dfa3;
    border-color: var(--bc2);
    background-color: var(--bc2);
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Buttons END */
.k-wk-mn {
    margin-top: 1px;
    align-items: flex-start;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    height: 28px;
    letter-spacing: normal;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: 100%;
    text-transform: none;
    vertical-align: middle;
    word-spacing: 0px;
    writing-mode: horizontal-tb;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-border-image: none;
}

.k-wk-mn-item {
    align-items: flex-start;
    background-color: #D96600;
    background-image: none;
    background-position-x: 50%;
    background-position-y: 50%;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    letter-spacing: normal;
    line-height: 22px;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: 100%;
    text-transform: none;
    vertical-align: middle;
    word-spacing: 0px;
    writing-mode: horizontal-tb;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-border-image: none;
    border: solid 1px #D96600 !important;
    color: #FFFFFF;
}

.k-wk-mn-subitem {
    text-align: left;
}

#mnOth .k-state-hover {
    background-color: #D96600 !important;
}

.oss-editable {
    font-size: 14px;
    padding: 4px 4px 4px 4px;
}

.visit-ani-cap {
    text-align: center;
    font-size: 18px;
    margin: 4px 0 0 0;
    padding: 3px 0 0 0;
    display: inline-block;
    width: 100%;
    background-color: var(--bc3);
}

.visit-ani-div {
    margin: 0;
    display: inline-block;
    background-color: var(--bc3);
    /*overflow-x: hidden;*/
}

.visit-ani-h {
    text-align: center;
    font-size: 18px;
    margin: 4px 0 0 0;
    padding: 3px 0 0 0;
    display: inline-block;
    width: 100%;
    background-color: #BFE5BF;
}

.comment-btn-g {
    background: var(--bc3l);
}

    .comment-btn-g:hover {
        background: var(--bc1l);
    }

.comment-btn-r {
    color: #361A00 !important;
    background: #FAECDF;
}

    .comment-btn-r:hover {
        color: #361A00 !important;
        background: #F2B888;
    }

.comment-btn-gr {
    color: #00361A !important; /* Tumši zaļš teksts */
    background: #DFFAE6; /* Gaiši zaļš fons */
}

    .comment-btn-gr:hover {
        color: #00361A !important; /* Saglabājam tumši zaļo tekstu */
        background: #88F2B8; /* Spilgtāks zaļš fons uz hover */
    }

.comment-btn, .comment-btn:active, .comment-btn:link, .comment-btn:hover, .comment-btn:visited {
    box-shadow: none;
    box-sizing: border-box;
    color: var(--bc8);
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 23px;
    line-height: 21px;
    margin: 0;
    position: relative;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    text-align: center;
    text-decoration: none;
    text-size-adjust: 100%;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.comment-btn-s, .comment-btn-s:active, .comment-btn-s:link, .comment-btn-s:hover, .comment-btn-s:visited {
    box-shadow: none;
    box-sizing: border-box;
    color: var(--bc8);
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    height: 17px;
    line-height: 15px;
    margin: 0;
    position: relative;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    text-align: center;
    text-decoration: none;
    text-size-adjust: 100%;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .comment-btn-s > img {
        height: 16px;
        width: 16px;
        margin: -1px 2px 0 -2px;
        position: relative;
        cursor: pointer;
    }

.comment-btn-place {
    position: absolute;
    right: 0;
    top: 0;
}


.journal-block, .journal-block:active, .journal-block:link, .journal-block:hover, .journal-block:visited {
    border: none;
    margin: 5px 0 10px 0;
    padding: 3px;
    background-color: #FDFEF7;
    text-decoration: none;
}

.journal-author {
    border-bottom: rgb(218, 218, 218) solid 1px;
    box-sizing: content-box;
    color: rgb(235, 242, 191);
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 27px;
    line-height: normal;
    margin: 0;
    min-height: 16px;
    padding: 4px 4px 4px 4px;
    position: relative;
    text-size-adjust: 100%;
    white-space: nowrap;
    width: 686px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.journal-caption {
    display: table-cell;
    width: 99%;
    vertical-align: middle;
    font-size: 14px;
    afont-weight: bold;
    padding-left: 4px;
}

.journal-body {
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: none;
    box-shadow: none;
    box-sizing: content-box;
    color: rgb(0, 0, 0);
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    min-height: 16px;
    line-height: normal;
    outline-color: rgb(0, 0, 0);
    outline-style: none;
    outline-width: 0px;
    padding: 4px 4px 4px 4px;
    text-size-adjust: 100%;
    word-wrap: break-word;
}

.special-body {
    background: #D3C6BF;
}

.test-profile-image {
    width: 304px;
    height: 304px;
    max-width: 304px;
    max-height: 304px;
    border-width: 1px !important;
    border: solid var(--bc7);
    margin: 0 5px 0 6px;
    float: left;
}

.test-text-addphoto {
    margin: 116px 0 0 0;
    font-size: 22px;
    text-align: center;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
}

.test-places {
    width: 960px;
    margin: 12px 0 12px 0;
    padding: 0 8px 0 7px;
    position: relative;
    background-color: var(--bc3);
    padding: 2px 0 0 24px !important;
}

.test-text-caption {
    line-height: 28px;
    font-size: 18px;
    font-weight: bold;
}

.comment-test-pl {
    display: table-cell;
    overflow: hidden;
    vertical-align: top;
    /* border: solid 1px #DADADA;*/
    font-size: 14px;
}

.comment-test-row {
    display: table;
    position: relative;
    /*margin-left: 32px;
    margin-top: 3px;
    width: 712px;
    /* background: var(--bc4);*/
}

.comment-test-image, .comment-test-image-left, .comment-test-image-right {
    position: absolute;
    top: 0;
    border-width: 1px !important;
    width: 33px;
    height: 33px;
    border: solid;
    border-color: var(--bc7);
    /**/
    border-radius: 16px;
    margin-top: 19px;
}

.comment-test-image-left {
    right: 3px;
}

.comment-test-image-right {
    left: 3px;
}

.comment-test-header {
    height: 23px;
    max-height: 23px;
    overflow: hidden;
    line-height: 22px;
    font-size: 11px;
    position: relative;
}

.comment-test-date {
    color: var(--bc1);
    margin: 0 3px 0 3px;
}

.comment-test-body {
    border-top: solid 1px #DADADA;
    aborder-bottom: solid 1px #DADADA;
    background-color: rgb(255, 255, 255);
    box-shadow: none;
    box-sizing: content-box;
    color: rgb(0, 0, 0);
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: normal;
    outline-color: rgb(0, 0, 0);
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 4.2px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4.2px;
    text-size-adjust: 100%;
    width: 100%;
    word-wrap: break-word;
}

.comment-test-sm-bt {
    height: 16px;
    width: 16px;
    margin-right: 3px;
    position: relative;
    cursor: pointer;
}

.k-insertHtml > .k-dropdown-wrap > .k-input {
    background-image: url('../../Content/Images/Emot.png') !important;
    background-position-y: 2px;
    background-repeat: no-repeat !important;
    max-width: 28px;
}

.k-insertHtml > .k-dropdown-wrap {
    max-width: 28px;
}

.k-insertHtml {
    width: 54px;
}

.emo-sel-div {
    float: left;
    margin: 3px 5px 3px 5px;
}

.emo-sel-img {
    height: 80px;
}

.emo-sel-n {
    font-size: 14px;
    font-weight: bold;
}

.emo-img {
    height: 16px;
}

.com-btn-place {
    display: table-cell;
    vertical-align: top;
    padding: 3px 0 0 0;
    min-width: 72px;
}

.com-btn {
    padding: 3px 0 0 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    width: 34px !important;
    max-width: 34px !important;
    min-width: 34px !important;
    line-height: 0;
    float: left;
    margin: 0 0 0 2px;
}

.emo-he {
    width: 100%;
    text-align: left;
    background: var(--bc4);
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
}

.com-he-btn {
    padding: 3px 0 0 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    width: 34px !important;
    max-width: 34px !important;
    min-width: 34px !important;
    line-height: 23px;
    float: left;
    margin: 0 0 0 2px;
}

.journal-body > h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 16px 0 16px 0;
    word-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-margin-after: 16px;
    -webkit-margin-before: 16px;
    -webkit-margin-end: 0px;
    -webkit-margin-start: 0px;
}

.journal-body > h2 {
    font-size: 18px;
    font-weight: bold;
    word-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-margin-after: 15px;
    -webkit-margin-before: 15px;
    -webkit-margin-end: 0px;
    -webkit-margin-start: 0px;
}

.journal-body > h3 {
    font-size: 14px;
    font-weight: bold;
    word-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-margin-after: 14px;
    -webkit-margin-before: 14px;
    -webkit-margin-end: 0px;
    -webkit-margin-start: 0px;
}

.journal-body > h4 {
    font-size: 12px;
    font-weight: bold;
    word-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-margin-after: 16px;
    -webkit-margin-before: 16px;
    -webkit-margin-end: 0px;
    -webkit-margin-start: 0px;
}

.journal-body > h5 {
    font-size: 10px;
    font-weight: bold;
    word-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-margin-after: 17px;
    -webkit-margin-before: 17px;
    -webkit-margin-end: 0px;
    -webkit-margin-start: 0px;
}

.oss-edcomment .k-editor {
    border-spacing: 0 !important;
    border: none !important;
    margin-top: 3px !important;
    max-height: 32px !important;
}

.oss-edcomment .k-content {
    height: 32px !important;
}

.comm-deleted {
    color: darkgray;
    padding-left: 5px;
    background-color: var(--bc4);
}

.pop-menu.k-menu {
    background-color: var(--bc3) !important;
}

.comm-likes-place {
    margin-right: 3px;
    position: relative;
    display: inline-block;
}

.comm-stat-place {
    margin: -5px 10px 0 0;
    float: left;
    position: relative;
}

.comm-likes {
    margin: 2px 0 0 0;
    position: relative;
    display: inline-block;
}

.te-wnd-title {
    background: var(--bc5);
    color: var(--bc4);
}

.k-enterText {
    background-image: url('../../Content/Images/Checked.png');
}

.k-insImage {
    background-image: url('../../Content/Images/Photo.png');
}

.k-insYout {
    background-image: url('../../Content/Images/youtube.png');
}

.k-insVideo {
    background-image: url('../../Content/Images/Video.png');
}

.k-insEmot {
    background-image: url('../../Content/Images/Emot.png');
}

.btn-19-r, .btn-19-g {
    box-shadow: none;
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 19px;
    line-height: 21px;
    margin: 0;
    padding: 2px 7px 2px 7px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

.btn-19-r {
    color: #361A00;
    background: #D96600;
}

.btn-19-g {
    color: var(--bc4);
    background: var(--bc0);
}

.btn-19-r:hover {
    background: #E38D40;
    text-decoration: none;
}

.btn-19-g:hover {
    background: #b8db07;
    text-decoration: none;
}

.priv-messs-pl {
    margin: 0 0 10px 0;
}

.btn-more-place {
    display: block;
    margin: 3px 0 14px 0;
    padding: 0 3px 0 3px;
    width: 100%;
    box-sizing: initial;
    text-align: center;
}

.btn-more-arr {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 100px 0 100px;
    border-color: var(--bc0) transparent transparent transparent;
    margin: 5px auto 0 auto;
}

.mess-del {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.70;
}

.mess-del-te {
    color: var(--bc8);
    font-size: x-large;
    -ms-transform: rotate(358deg); /* IE 9 */
    -moz-transform: rotate(358deg); /* Firefox */
    -webkit-transform: rotate(358deg); /* Safari and Chrome */
    -o-transform: rotate(358deg); /* Opera */
    margin: 10px 0 0 0;
    text-align: center;
    background: var(--bc3);
}

.mess-del-str {
    position: relative;
    display: block;
    background: var(--bc2);
    color: var(--bc8);
    font-size: 22px;
    line-height: 24px;
    text-align: center;
}

.mess-btn-place {
    position: absolute;
    right: 0;
    top: 9px;
}

.mess-photo-place {
    position: relative;
    margin-bottom: 3px;
}

.shr-auth-place {
    position: relative;
    display: table-cell;
    padding: -2px 0 -2px 0;
    min-width: 35px;
    vertical-align: top;
}

.shr-auth-image {
    position: absolute;
    top: -3px;
    left: -3px;
    border-width: 1px !important;
    width: 33px;
    height: 33px;
    border: solid;
    border-color: var(--bc7);
}

.shr-rec-place {
    position: relative;
    margin: 0 0 0 -4px;
}

.shr-notify {
    line-height: 25px;
    padding: 13px 13px 13px 13px;
    background: #D8DBE8;
}

.shr-notify-img {
    float: left;
    margin: 0 10px 0 0;
}

.frn-notify {
    line-height: 25px;
    padding: 13px 13px 13px 13px;
    background: #FFCCBF;
    color: #400D00;
}

.mrn-notify {
    line-height: 25px;
    padding: 13px 13px 13px 13px;
    background: #CDCDCD;
    color: #400D00;
}

.svd-notify {
    line-height: 25px;
    font-size: 16px;
    min-width: 200px;
    padding: 13px 13px 13px 13px;
    background: var(--bc2);
    color: #400D00;
}

.jrnl-menu-more {
    text-wrap: none;
    width: auto;
    white-space: nowrap;
}

.jrnl-menu-item {
    display: inline-block;
}

.comment-btn-img {
    height: 16px;
    width: 16px;
    margin: -3px 2px 0 -2px;
    position: relative;
    cursor: pointer;
}


.act-panel {
    color: var(--bc8);
    background-color: white;
    padding: 0px;
    overflow: hidden;
    max-width: 744px;
    width: 744px;
}

.act-caption {
    border-bottom: rgb(218, 218, 218) solid 1px;
    box-sizing: content-box;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 27px;
    line-height: normal;
    margin: 0;
    min-height: 16px;
    padding: 4px 4px 4px 4px;
    position: relative;
    text-size-adjust: 100%;
    white-space: nowrap;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #BF2600;
    color: #FFEBE6;
}

.act-body {
    width: 100%;
    display: inline-block;
    padding: 3px 3px 1px 3px;
}

.editor-main-imgs {
    margin: 3px 0 0 0;
    width: 100%;
    position: relative;
    border: solid 1px #DADADA;
    background: #FFFFFF;
}

.k-wk-fbtn-mrgn {
    margin: 0 4px 4px 0 !important;
}

.k-wk-fbtn-mrgn2 {
    margin: 0 0 4px 0 !important;
}

.k-wk-fbtn-sel, .k-wk-fbtn-sel:focus, .k-wk-fbtn-sel:active, .k-wk-fbtn-special, .k-wk-fbtn-special:focus, .k-wk-fbtn-special:active {
    border-color: #D96600 !important;
    background: #D96600 !important;
    color: white !important;
}

.k-wk-fbtn-grey, .k-wk-fbtn-grey:focus, .k-wk-fbtn-grey:active {
    border-color: var(--bc5) !important;
    background: var(--bc3) !important;
}
    .k-wk-fbtn-grey:hover {
        border-color: var(--bc5) !important;
        background: var(--bc5) !important;
    }
.adv-cell {
    margin: 0 0 4px 0;
}

.adv-cell-bb {
    border-bottom: var(--bc5) solid 3px;
    margin: 0 0 4px 0;
    background: var(--bc4);
}

.photo-view-group {
    zoom: 0.58; /* all browsers */
    -moz-transform: scale(0.58); /* Firefox */
    display: inline-block;
    column-span: all;
    width: 100%;
}

.k-wk-fbtn-group {
    display: inline-block;
}

.k-wk-fbtn-group2 {
    border-top: var(--bc7) solid 3px;
    padding: 4px 0 0 0;
    margin: 3px 0 -3px 0;
    background: none;
    position: relative;
}

.k-wk-fbtn-group3 {
    aborder-top: var(--bc5) solid 3px;
    aborder-bottom: var(--bc5) solid 3px;
    padding: 0 0 0 0;
    margin: 0 0 7px 0;
    background: none;
    position: relative;
}

.oss-adv-info {
    font-size: large;
    text-align: center;
}

.oss-adv-alert {
    font-size: large;
    color: red;
    text-align: center;
}

div.oss-adv-info2 {
    font-size: x-large;
    text-align: center;
    color: #d96600;
    font-style: italic;
}

img.oss-adv-info2 {
    margin: 0 10px 0 10px;
}

.oss-control {
    display: block;
    height: 1.65em;
    line-height: 1.65em;
    padding: .177em 0;
    text-indent: .33em;
    border: 0;
    margin: 0;
    padding: .25em 0;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 280px;
    box-sizing: content-box;
    /*    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.285714286;*/
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

    .oss-control:focus {
        border-color: var(--bc5);
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 173, 0, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 173, 0, 0.6);
    }

.oss-decor {
    border: 1px solid #cccccc !important;
}

    .oss-decor:focus, .oss-decor-focuss {
        border-color: var(--bc5) !important;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 173, 0, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 173, 0, 0.6);
    }

.adv-row {
    /*width: 100%; */
    padding-top: 5px;
    background-color: var(--bc4);
}

.oss-textedit-gr {
    margin: 0;
    height: 100%;
    min-height: 100%;
    width: 100%;
    max-width: 100%;
    text-align: left;
    padding: 4px 6px 4px 6px;
    overflow: hidden;
    border: 1px solid #cccccc;
}

    .oss-textedit-gr:focus {
        border-color: var(--bc5) !important;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 173, 0, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 173, 0, 0.6);
    }

.oss-col-small {
    box-sizing: border-box;
    color: rgb(89, 102, 0);
    display: block;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 16.7143px;
    min-height: 1px;
    padding: 0 0 0 15px;
    position: relative;
    text-size-adjust: 100%;
    width: 201px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.oss-col-big {
    box-sizing: border-box;
    color: rgb(89, 102, 0);
    display: block;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 16.7143px;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    text-size-adjust: 100%;
    width: 579px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.oss-l-group {
    border: solid 3px var(--bc5);
    border-radius: 15px;
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
}

.oss-l-group2 {
    border-top: solid 3px var(--bc5);
    border-radius: 15px;
    padding: 5px 0 0 0;
    margin: 0 0 0 0;
}
.oss-place-legend {
    margin: -20px 0 0 5px;
    width: unset !important;
    padding: 0 5px 0 5px;
    border: none;
    font-size: 14px;
}
.oss-l-group-text {
 /*   margin: -20px 0 0 20px;*/
 margin: 0;
     width: unset !important;
    padding: 0 5px 0 5px;
    border: none;
    font-size: 14px;
}

.oss-l-group-text-xl {
 /*   margin: -20px 0 0 20px;*/
 margin: 0;
    width: unset !important;
    padding: 0 5px 0 5px;
    border: none;
    font-size: 18px;
}

.adv-list-hover {
    background: var(--bc2) !important;
}

.adv-list-rowC {
    width: 100%;
    margin-top: 2px;
    display: block;
    height: 160px;
    vertical-align: top;
    box-sizing: border-box !important;
}

.adv-list-row0 {
    position: relative;
    margin-top: 2px;
    display: block;
    height: 75px;
    width: 100%;
    vertical-align: top;
    box-sizing: border-box !important;
    color: var(--bc8);
}

.adv-list-row {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    border-top: solid 1px var(--bc5);
    position: relative;
    color: var(--bc8);
    padding-left: 2px;
}

.adv-list-row-exp {
    background: var(--bc2) !important;
    margin-left: -3px;
    border-left: solid 3px #D96600;
}

    .adv-list-row-exp:hover {
        background: var(--bc0) !important;
    }

.adv-list-row-exp-oth {
    background: #BFDDF4 !important;
    margin-left: -3px;
    border-left: solid 3px #D96600;
}

    .adv-list-row-exp-oth:hover {
        background: #80BCEA !important;
    }
.adv-list-row-temp-oth {
    background: #BFDDF4 !important;
    margin-left: -3px;
    border-left: solid 3px #859800;
}

    .adv-list-row-temp-oth:hover {
        background: #80BCEA !important;
    }
.adv-list-temp {
    margin-left: -3px;
    border-left: solid 3px #859800; /* #C5D840;*/
}

.adv-list-temp
.adv-path, .tml-item .adv-path {
    /*  visibility: hidden;  Temp */
    /* height: 0px; /* Temp */
    box-sizing: content-box !important;
    width: 100%;
    margin: 0;
    padding: 3px 4px 0 4px;
    text-align: left;
}

.adv-im-pl {
    display: inline-block;
    width: 95px;
    height: 100%;
    margin: 0;
    padding: 0;
    float: left;
    vertical-align: middle;
}

.adv-txt {
    display: inline-block;
    width: 540px;
    height: 100%;
    margin: 0 3px 0 3px;
    padding: 0;
    float: left;
}

.adv-capt0 {
    display: inline-block;
    width: 135px;
    height: 100%;
    margin: 0 3px 0 3px;
    padding: 0 3px 0 6px;
    float: left;
    box-sizing: border-box !important;
    height: 74px;
}

.adv-group {
    font-size: x-small;
}

.adv-addr {
    font-size: small;
    margin-top: 5px;
}

.adv-txt0 {
    display: inline-block;
    width: 334px;
    height: 70px;
    box-sizing: border-box !important;
    margin: 0 3px 0 3px;
    padding: 0 3px 0 3px;
    float: left;
    overflow: hidden;
}

.adv-prop0 {
    display: inline-block;
    font-size: 16px;
    height: 74px;
    width: 170px;
    margin: 0;
    padding: 0 7px 0 6px;
    text-align: right;
    box-sizing: border-box !important;
    position: relative;
}

.adv-butn {
    display: inline-block;
    width: 162px;
    margin: -2px 0 0 0;
    padding: 0;
    text-align: right;
}

.adv-propC {
    display: inline-block;
    font-size: 22px;
    height: 100%;
    width: 170px;
    margin: 0;
    padding: 0 7px 0 6px;
    text-align: right;
    box-sizing: border-box;
    position: relative;
}

.adv-im {
    margin: auto;
    max-height: 73px;
    max-width: 95px;
}

.adv-own-row {
    display: block;
    width: 100%;
    padding: 2px 2px 2px 2px;
    height: 78px;
    vertical-align: top;
    border-top: solid 1px var(--bc5);
    position: relative;
}

.adv-ind-row {
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 2px 2px 2px 2px;
    height: 78px;
    vertical-align: top;
    border-top: solid 1px var(--bc5);
    border-bottom: solid 1px var(--bc5);
    position: relative;
}

.adv-txt-top {
    font-size: 16px;
    width: 100%;
    margin-top: 5px;
    height: 27px;
    overflow: hidden;
}

.adv-txt-prop {
    width: 100%;
    height: 48px;
    overflow: hidden;
}

.adv-txt-prop-ins {
    display: inline-block;
    max-height: 30px;
    margin-bottom: 10px;
    overflow: hidden;
}

.adv-prop-name {
    float: left;
    font-size: 13px;
    font-style: italic;
    margin-right: 3px;
}

.adv-prop-value {
    float: left;
    font-size: 13px;
    font-weight: bold;
}

.adv-prop-group {
    float: left;
    margin-right: 5px;
}

.adv-c-place-text-limit {
    max-width: 415px;
    max-height: 74px;
    overflow: hidden;
}

.adv-c-place-h-limit {
    max-width: 395px;
    overflow: hidden;
}

.adv-c-prop {
    position: absolute;
    bottom: 32px;
    left: 150px;
    width: 415px;
    height: 30px;
    overflow: hidden;
}

.adv-c-address {
    position: absolute;
    bottom: 10px;
    left: 150px;
    width: 415px;
    height: 16px;
    overflow: hidden;
    font-style: italic;
    font-weight: bold;
}

.adv-own-button {
    position: relative;
    width: 100%;
    color: var(--bc8);
    margin: 0 0 5px 0;
    padding: 5px 5px 5px 10px;
    box-sizing: border-box;
    font-size: 22px;
    background: no-repeat bottom right url("/Content/Images/Expand.png");
}

.adv-own-button0 {
    background-color: var(--bc2);
}

.adv-own-button1 {
    background-color: #D96600;
}

.adv-own-button0:hover {
    background-color: var(--bc0) !important;
}

.adv-own-button1:hover {
    background-color: #E38D40 !important;
}

.oss-align-middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.oss-align-bottom {
    position: absolute;
    bottom: 0;
}

.note-lig {
    color: var(--bc7);
    position: absolute;
    left: 5px;
    top: -4px;
    font-size: 8px;
    line-height: 8px;
    height: 9px;
    min-width: 10px;
    border: solid 1px var(--bc2);
    background-color: var(--bc2);
    border-radius: 5px;
    /*    background-color: var(--bc4);*/
}

.k-pager-wrap {
    background: none;
    border-top: solid 1px var(--bc5) !important;
}

.k-wk-fbtn-lig-sel {
    background-color: #F5D9BF;
}

.k-wk-fbtn-lig-sel2 {
    background-color: var(--bc2l);
}

.oss-bg-btn-red, .oss-bg-btn-red:active, .oss-bg-btn-red:link, .oss-bg-btn-red:visited {
    background-color: #772600;
    color: rgb(177, 203, 0);
    height: 37px;
    width: 750px;
    margin-bottom: 3px;
    padding: 0 0 0 3px;
    line-height: 37px;
    vertical-align: middle;
    text-align: center;
}

    .oss-bg-btn-red:hover {
        background-color: #B83A00;
    }

.oss-bg-img, .oss-bg-img :hover {
    height: 24px !important;
    width: 24px !important;
    margin: -1px 13px 0 3px;
    padding: 0;
}

.oss-nodecor {
    text-decoration: none !important;
}

.oss-btn-wide {
    background: #D96600;
    border: solid 1px #D96600;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    padding: 2px 7px 2px 7px;
    text-align: center;
    text-decoration-color: rgb(255, 255, 255);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-size-adjust: 100%;
    vertical-align: middle;
    width: 100%;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

    .oss-btn-wide:hover, .oss-btn-wide-x:hover {
        background: #DF6D00;
    }

.oss-btn-wide-x {
    background: #D96600;
    border: solid 1px #D96600;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: x-large;
    font-style: italic;
    margin: 0;
    padding: 2px 7px 2px 7px;
    text-align: center;
    text-decoration-color: rgb(255, 255, 255);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-size-adjust: 100%;
    vertical-align: middle;
    width: 100%;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#advList_pager {
    padding-top: 10px;
    display: inline-flex;
}

#advList {
    text-align: left;
    border-bottom: solid 1px var(--bc5) !important;
    margin-bottom: 2px;
}

#advList_pager .k-pager-info {
    position: absolute !important;
    display: none !important;
    visibility: hidden !important;
}

#advListDiv {
    text-align: center;
}

.oss-btn-gray-img {
    border: solid 1px rgb(218, 218, 218);
    box-shadow: none;
    box-sizing: border-box;
    display: inline-block;
    height: 34px;
    margin: 0 5px 0 0;
    width: 34px;
    padding: 3px 0 0 0;
    text-align: center;
    vertical-align: middle;
    width: 34px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.oss-btn-gray {
    padding: 3px 0 0 15px !important;
    height: 37px !important;
    line-height: 0;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    margin-bottom: 3px;
    vertical-align: middle;
    font-family: inherit;
    line-height: 1.72em;
    text-align: left;
    cursor: pointer;
    color: #969A80;
    overflow: hidden;
    word-break: break-all;
}

.adv-filter-itm {
    margin: 0 0 10px 0;
    display: inline-block;
    box-sizing: border-box;
}

/*

.k-draghandle, .k-draghandle:focus {
    background-color: var(--bc7);
    background-image: none;
    background-position-x: 50%;
    background-position-y: 50%;
    border: solid var(--bc7) 1px;
    box-shadow: none;
    box-sizing: content-box;
    color: var(--bc7);
    cursor: auto;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    height: 14px;
    left: 56px;
    line-height: normal;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -2px !important;
    outline-color: var(--bc7);
    outline-style: none;
    outline-width: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: absolute;
    text-align: center;
    text-decoration-color: var(--bc7);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-indent: -3333px;
    top: -9px;
    user-select: none;
    visibility: visible;
    width: 4px !important;
    z-index: 1;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.k-slider-selection {
    height: 4px !important;
    margin-top: -2px !important
}
.k-slider-track {
    height: 4px !important;
    margin-top: -3px !important;
        background-color: var(--bc2);
}

    */
.adv-act-row {
    background: var(--bc3) !important;
    padding-left: 5px;
    padding-right: 5px;
}

.adv-deco-br {
    margin: 2px 0 3px 0;
    font-size: 22px;
    display: block;
    position: relative;
}

.adv-deco-brB {
    margin: 2px 0 3px 0;
    font-size: 22px;
    display: block;
    position: relative;
    box-sizing: content-box;
}

.adv-own-statuss {
    padding: 3px 0 0 5px !important;
    min-height: 34px;
    line-height: 0;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 3px;
    vertical-align: middle;
    font-family: inherit;
    line-height: 1.72em;
    text-align: left;
    cursor: pointer;
    color: var(--bc0);
    /*border: solid var(--bc0) 1px;*/
    background: var(--bc4);
}

.list-row {
    background-color: var(--bc3);
    padding: 5px 5px 5px 5px;
}

.adv-own-btns {
    position: absolute;
    right: 5px;
    top: 0;
    max-width: 500px;
}

.adv-capt-btns {
    position: relative;
    max-width: 660px;
    min-height: 34px;
}

.adv-capt-btns-top {
    position: relative;
    text-align: left;
    max-width: 635px;
}

.adv-ordr-btns {
    position: absolute;
    right: 5px;
    bottom: 8px;
}

.k-last .k-label {
    direction: rtl;
}

.adv-fltr-btn,
.adv-fltr-btn-r {
    padding: 3px 5px 3px 5px !important;
    min-height: 18px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 3px;
    vertical-align: middle;
    font-family: inherit;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    width: 100%;
}

.adv-fltr-btn {
    color: var(--bc0);
    border: solid var(--bc0) 1px;
    background: var(--bc4);
}

.adv-fltr-btn-r {
    border: solid #D96600 1px;
    color: #361A00;
    background: #F5D9BF;
    padding: 0 19px 0 0;
    background: #F5D9BF no-repeat url('../Content/Images/Close16.png') top 3px right 3px;
}


    .adv-fltr-btn:hover,
    .adv-fltr-btn-r:hover {
        color: var(--bc8);
        text-decoration: none;
        background: var(--bc0);
    }

.adv-hr {
    margin: 3px 0 3px 0;
    width: 100%;
    display: block;
}

.mgz-hr {
    margin: 10px 0 10px 0;
}

.adv-text {
    width: 100%;
    text-align: left;
    margin-top: -8px;
    padding: 0 13px 10px 13px;
    font-size: 14px;
}

.adv-gr {
    border: solid 1px var(--bc5);
    border-radius: 15px;
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
    width: 100%;
    color: var(--bc9);
}

.adv_ph_list {
    margin: 0 0 0 3px;
}

.oss-big-split {
    width: 100%;
    height: 24px;
    background: var(--bc7);
    border-top: solid 5px var(--bc2);
    border-bottom: solid 5px var(--bc2);
    margin: 5px 0 6px 0;
}

.oss-path-btn {
    background: var(--bc4);
    /*cursor: default;*/
    box-shadow: none;
    box-sizing: border-box;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 16px;
    line-height: 15px;
    margin: 0;
    padding: 0 4px 0 4px;
    text-align: center;
    vertical-align: middle;
}

.oss-dec-red {
    color: rgb(223, 109, 0);
    border: 1px solid rgb(223, 109, 0);
}

    .oss-dec-red:hover {
        color: white;
        background: rgb(223, 109, 0);
        border: 1px solid rgb(223, 109, 0);
    }

.oss-dec-grn {
    color: #859800;
    border: 1px solid #859800;
}

.oss-dec-lght {
    color: var(--bc5);
    border: 1px solid var(--bc5);
}

    .oss-dec-lght:hover {
        background: var(--bc5);
        color: #FFFFFF;
        border: 1px solid var(--bc5);
    }


.oss-path-delim {
    width: 12px;
}

.oss-dec-grn-fl {
    color: white;
    background: #859800;
    border: 1px solid #859800;
}

.oss-dec-lght-fl {
    color: white;
    background: var(--bc5);
    border: 1px solid var(--bc5);
}

.oss-dec-red-fl {
    color: white;
    background: rgb(223, 109, 0);
    border: 1px solid rgb(223, 109, 0);
}
.oss-dec-blu-fl {
    color: white;
    background: #0078D4;
    border: 1px solid #0078D4;
}
.adv-own-statuss-cmnt {
    display: inline-block;
    vertical-align: middle;
    font-family: inherit;
    text-align: left;
    font-size: 12px;
    height: 16px;
    line-height: 15px;
    margin: 0;
    padding: 4px 4px 0 1px;
    box-sizing: content-box;
}

.btn-size-13 {
    font-size: 13px;
}

.adv-btn-shall {
    border: solid 1px var(--bc5);
    box-shadow: none;
    box-sizing: border-box;
    color: var(--bc7);
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 28px;
    line-height: 22px;
    margin: 0 4px 4px 50px;
    min-height: 28px;
    padding: 2px 7px 2px 7px;
    text-align: center;
    text-decoration-color: rgb(22, 26, 26);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-size-adjust: 100%;
    vertical-align: middle;
}

    .adv-btn-shall:hover {
        background: var(--bc2);
        color: #161A1A;
    }

.shr-loading {
    background: #D8DBE8;
    padding: 20px 0 20px 0;
    width: 100%;
    display: table;
}

.shr-loading-row {
    display: table-row;
}

.shr-loading-mess {
    color: #6D6D6D;
    font-size: 25px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px 0 20px;
    text-wrap: none;
}

.shr-loading-img {
    padding: 0 0 0 20px;
    display: table-cell;
}

.adv-map {
    margin: 0 auto 10px auto;
    text-align: center;
    display: block;
}

.adv-prop-sec {
    width: 100%;
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
}

.adv-sec-note, .adv-sec-note-fl {
    position: absolute;
    left: 5px;
    bottom: -5px;
    font-size: 8px;
    line-height: 8px;
    height: 9px;
    min-width: 30px;
    border: solid 1px var(--bc2);
    border-radius: 5px;
    background: var(--bc4);
}

.adv-sec-note-fl {
    background-color: #F5D9BF;
}

    .adv-sec-note:hover, .adv-sec-note-fl:hover {
        background-color: var(--bc5);
    }

.adv-prop-choose {
    width: 100%;
    background-color: var(--bc2);
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--bc9);
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 4px;
    margin-left: 0px;
    margin-right: 4px;
    margin-top: 0px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 1px;
    text-align: center;
    vertical-align: middle;
}

    .adv-prop-choose:hover {
        background: var(--bc0);
    }

    .adv-prop-choose.k-state-selected {
        background: #D96600 !important;
        color: white !important;
    }

.adv-act-choose {
    border: 1px solid var(--bc2) !important;
    height: 26px;
    vertical-align: top;
}

    .adv-act-choose:hover {
        border: 1px solid var(--bc5) !important;
    }

    .adv-act-choose > .k-dropdown-wrap {
        height: 100% !important;
        border: none !important;
        background-color: var(--bc2) !important;
    }

.adv-act-place {
    vertical-align: top;
    display: inline-block;
    margin-top: -7px !important;
}

.oss-br {
    white-space: pre-wrap !important;
}

.adv-vr {
    background: var(--bc7);
    display: inline-block;
    height: 28px;
    margin-bottom: 4px;
    margin-left: 0px;
    margin-right: 4px;
    margin-top: 0px;
    vertical-align: middle;
    width: 2px;
}

.member-h41 {
    background-clip: border-box;
    box-sizing: content-box;
    cursor: pointer;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    max-height: 42px;
    line-height: 20px;
    margin: 2px 5px 0 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.control-label-red {
    color: #D96600 !important;
}

.filter-form-group {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: normal;
    margin-bottom: 15px;
    height: 50px;
    margin: 10px 0 0 0;
}

.filter-form-label {
    width: 150px;
    display: inline-block;
}

.filter-form-edit {
    width: 300px;
    display: inline-block;
}

.oss-image-m {
    border: 0 none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline;
    height: 20px;
    user-select: none;
    vertical-align: middle;
    width: 20px;
}

.oss-button-m {
    /*   border: rgb(218, 218, 218) 1px solid;*/
    border: rgb(218, 218, 218) 1px solid;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(77, 89, 0);
    cursor: pointer;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: 0;
    padding: 2px 0 0 1px;
    user-select: none;
    margin: 0 2px 0 0;
}

    .oss-button-m:hover {
        border: var(--bc5) 1px solid;
    }
/* Filtru stils*/
.adv-fltr-row {
    display: block;
    width: 100%;
}

.adv-filter {
    margin: 0 0 0 8px;
    ;
    width: 180px;
}

.adv-fltr-slider {
    width: 100%;
    margin: 0 0 14px 0;
}

.adv-fltr-statuss {
    margin-top: 3px 0 0 0;
    padding-left: 3px;
    font-family: inherit;
    font-size: 12px;
    cursor: pointer;
    width: 154px;
    min-height: 24px;
    line-height: 22px;
    display: inline-flex;
}

.adv-fltr-statuss-strict {
    max-height: 24px;
    overflow: hidden;
    display: inline-flex;
}

.adv-fltr-statuss-off {
    color: var(--bc7);
}

.adv-fltr-statuss-on {
    border: solid #D96600 1px;
    color: #361A00;
    background: #F5D9BF;
    padding: 0 19px 0 3px;
    background: #F5D9BF no-repeat url('../Content/Images/Close16.png') top 3px right 3px;
}

.adv-fltr-seek {
    width: 150px;
}

.adv-fltr-canc {
    text-align: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border: solid #D96600 1px;
    margin-top: 15px;
    background: #F5D9BF no-repeat url('../Content/Images/Close16.png') top 3px right 3px;
    display: inline-block;
}

.adv-filter-caption {
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    width: 100%;
    color: var(--bc7);
}

.adv-fltr-statuss-button {
    margin: 3px 0 0 0;
    font-family: inherit;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 24px;
    line-height: 22px;
    display: inline-block;
}

.adv-root-filter-row {
    width: 70%;
    margin: auto;
}

.adv-root-filter-caption {
    width: 100%;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    width: 100%;
    color: var(--bc7);
}

.adv-root-fltr-seek {
    width: 100%;
    max-width: none;
    margin: 2px 0 0 0;
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: 1px solid #cccccc !important;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
    box-sizing: content-box;
    color: rgb(85, 85, 85);
    cursor: auto;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    height: 21.4375px;
    letter-spacing: normal;
    line-height: 21.45px;
    outline-color: rgb(85, 85, 85);
    outline-offset: 0px;
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 3.25px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3.25px;
    text-align: start;
    text-indent: 4.29px;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: 100%;
    text-transform: none;
    transition-delay: 0s, 0s;
    transition-duration: 0.15s, 0.15s;
    transition-property: border-color, box-shadow;
    transition-timing-function: ease-in-out, ease-in-out;
    user-select: text;
    vertical-align: middle;
    word-spacing: 0px;
    writing-mode: horizontal-tb;
}

    .adv-root-fltr-seek:focus {
        border-color: var(--bc5) !important;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 173, 0, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 173, 0, 0.6);
    }

.col-sm-oss {
    padding: 0 5px 0 5px;
}

.adv-root-btn {
    width: 100%;
    height: 28px;
    font-size: 13px;
    line-height: 22px;
    margin: 2px 0 0 0;
}

.bnr-v-2 {
    width: 195px;
    height: 600px;
    overflow: hidden;
    display: block;
    margin: auto;
    background: white;
    position: relative;
}

.bnr-v-1 {
    margin: auto;
    width: 195px;
    height: 400px;
    overflow: hidden;
    display: block;
    background: white;
    position: relative;
}

.bnr-prof-pos-v-2 {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 175px;
    height: 175px;
}

.bnr-prof-pos-v-1 {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 146px;
    height: 146px;
}

.bnr-prof-pos-v {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 175px;
    height: 175px;
}

.bnr-prof-image-v-2 {
    position: relative;
    height: 169px;
    width: 169px;
    border: solid 3px var(--bc7);
    box-sizing: content-box;
}

.bnr-prof-image-v-1 {
    position: relative;
    height: 142px;
    width: 142px;
    border: solid 2px var(--bc7);
    box-sizing: content-box;
}

.bnr-prof-image-v {
    position: relative;
    height: 169px;
    width: 169px;
    border: solid 3px var(--bc7);
    box-sizing: content-box;
}

.bnr-text-pos-v-2 {
    position: absolute;
    top: 188px;
    width: 100%;
    text-align: center;
}

.bnr-text-pos-v-1 {
    position: absolute;
    top: 157px;
    width: 100%;
    text-align: center;
}

.bnr-text-pos-v {
    position: absolute;
    top: 188px;
    width: 100%;
    text-align: center;
}

.bnr-avt-pos {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 37px;
    width: 37px;
    display: inline-block;
}

.bnr-text22 {
    position: relative;
    width: 100%;
    font-size: 22px;
    text-align: center;
    display: inline-block;
}

.bnr-text18 {
    position: relative;
    width: 100%;
    font-size: 18px;
    text-align: center;
    display: inline-block;
}

.bnr-ph-list {
    position: relative;
    width: 100%;
    text-align: center;
    display: inline-block;
}

.bnr-ph-item-v-2 {
    position: relative;
    display: inline-block;
    height: 60px;
    width: 60px;
    margin: 0 0 3px 0;
    font-size: 14px;
    font-weight: bold;
    background: white;
    border: none;
    vertical-align: middle;
}

.bnr-ph-item-h {
    position: relative;
    display: inline-block;
    height: 48px;
    width: 48px;
    margin: 0 0 3px 0;
    font-size: 14px;
    font-weight: bold;
    background: white;
    border: none;
    vertical-align: middle;
}

.bnr-ph-item-v {
    position: relative;
    display: inline-block;
    height: 60px;
    width: 60px;
    margin: 0 0 3px 0;
    font-size: 14px;
    font-weight: bold;
    background: white;
    border: none;
    vertical-align: middle;
}

.bnr-h-1 {
    height: 106px;
    width: 747px;
    margin-bottom: 0;
    position: relative;
    display: block;
    background-color: white;
    margin: 0 0 5px 0;
    float: none;
    overflow: hidden;
    box-sizing: border-box !important;
}

.bnr-prof-pos-h-1 {
    height: 100px;
    width: 100px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
    position: absolute;
    top: 3px;
    left: 3px;
    box-sizing: border-box !important;
}

.bnr-prof-image-h-1 {
    margin: 0;
    border-width: 0;
    max-width: 94px;
    max-height: 94px;
    border-width: 2px !important;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
    box-sizing: border-box !important;
}

.bnr-text-pos-h-1 {
    position: absolute;
    box-sizing: border-box !important;
    left: 110px;
    top: 3px;
    bottom: 3px;
    height: 100px;
    overflow: hidden !important;
    text-decoration: none;
    color: var(--bc81);
    width: 480px;
    overflow: hidden;
    display: block;
    vertical-align: middle;
}

.bnr-text-table-h-1 {
    vertical-align: middle;
    position: relative;
    display: table;
    height: 100px;
    overflow: hidden;
    width: 100%;
}

.bnr-text-cell-h {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    height: auto;
}

.bnr-address-h {
    position: relative;
    clear: both;
    margin-top: 1px;
    height: 16px;
    color: var(--bc8);
    font-style: italic;
    font-weight: bold;
}

.bnr-last-pos-h {
    position: absolute;
    left: 592px;
    top: 4px;
    height: 140px;
    text-decoration: none;
    color: var(--bc81);
    width: 152px;
    overflow: hidden;
    display: table;
    vertical-align: middle;
}

.bnr-h-2 {
    height: 158px;
    width: 747px;
    margin-bottom: 0;
    position: relative;
    display: block;
    background-color: white;
    margin: 0 0 5px 0;
    float: none;
    overflow: hidden;
    box-sizing: border-box !important;
}

.bnr-prof-pos-h-2 {
    height: 126px;
    width: 126px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
    position: absolute;
    top: 13px;
    left: 10px;
    box-sizing: border-box !important;
}

.bnr-prof-image-h-2 {
    margin: 0;
    border-width: 0;
    max-width: 120px;
    max-height: 120px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
    box-sizing: border-box !important;
}

.bnr-text-pos-h-2 {
    position: absolute;
    box-sizing: border-box !important;
    left: 140px;
    top: 10px;
    height: 138px;
    overflow: hidden !important;
    text-decoration: none;
    color: var(--bc81);
    width: 450px;
    overflow: hidden;
    display: block;
    vertical-align: middle;
}

.bnr-text-table-h-2 {
    vertical-align: middle;
    position: relative;
    display: table;
    height: 138px;
    overflow: hidden;
    width: 100%;
}

.bnr-props-v {
    position: relative;
    width: 100%;
    text-align: center;
    display: inline-block;
}

.bnr-img-div {
    background: #FFFF80;
}

.fldset-btns {
    margin: 0 0 10px 5px;
}

.oss-btn-limit, .oss-btn-limit:active, .oss-btn-limit:link, .oss-btn-limit:visited {
    padding: 3px 5px 3px 5px !important;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 3px;
    font-family: inherit;
    text-align: left;
    color: var(--bc0);
    /*border: solid var(--bc0) 1px;*/
    background: var(--bc4);
    min-height: 34px;
    line-height: 34px;
    width: 148px;
    font-size: 13px;
    vertical-align: middle;
    cursor: pointer;
}

    .oss-btn-limit:hover {
        color: var(--bc0);
        background: var(--bc2);
    }

.oss-mess-btns {
    position: relative;
    display: block;
    vertical-align: middle;
    min-height: 158px;
    height: 158px;
    width: 158px;
    min-width: 158px;
    padding-left: 8px;
    float: left;
}

.oss-mess-head {
    display: block;
    position: relative;
    min-height: 158px;
    height: 158px;
    float: left;
}

.oss-memb-list-item {
    height: 146px;
    width: 146px;
    position: relative;
    display: inline-block;
}

.oss-pop-label {
    width: 100%;
    padding-left: 15px;
}

.oss-pop-control {
    width: 100%;
    padding-left: 50px;
}

.oss-adv-fav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

.member-image-sel {
    border-color: #D96600 !important;
}

.mainp-a, .mainp-a:active, .mainp-a:link, .mainp-a:visited, .mainp-a:hover {
    text-decoration: none;
    // cursor: pointer;
    color: var(--bc4);
}

    .mainp-a:hover {
        color: var(--bc7);
    }

.mainp-btn {
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
}

.k-slider-selection {
    background-color: var(--bc7);
}

.banner-zoom-h {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transform-origin: top left;
    -ms-transform: scale(0.1, 0.1); /* IE 9 */
    -webkit-transform: scale(0.1, 0.1); /* Safari */
    transform: scale(0.1, 0.1);
    /*    zoom: 0.10; /* all browsers */
    /*    -moz-transform: scale(0.10); /* Firefox */
}

.banner-zoom-v {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transform-origin: top left;
    -ms-transform: scale(0.1, 0.1); /* IE 9 */
    -webkit-transform: scale(0.1, 0.1); /* Safari */
    transform: scale(0.1, 0.1);
    /*    zoom: 0.10; /* all browsers */
    /*    -moz-transform: scale(0.10); /* Firefox */
}

.banner-total {
    font-size: 20px;
    color: #D96600;
    font-style: italic;
    margin: 0 10px 10px 10px;
}

.banner-total-l {
    text-align: left;
    float: left;
}

.banner-total-r {
    text-align: right;
    font-weight: bold;
}

.start-initial {
    display: block;
    width: 38%;
    padding: 1px 15px 5px 15px;
    background: red;
    text-align: justify;
    margin: 0 auto 20px auto;
}

.start-initial-b {
    position: relative;
    display: block;
    width: 100%;
    padding: 1px 15px 5px 15px;
    text-align: justify;
    margin: 15px auto 20px auto;
    height: 200px;
}

.start-initial-zoo {
    background: #EBF2BF;
    color: #596600;
}

    .start-initial-zoo:hover {
        background: #C5D840;
    }

.start-initial-adverts {
    background: #DDDDE8;
    color: #555566;
}

    .start-initial-adverts:hover {
        background: #9191AD;
    }

.start-initial-a, .start-initial-a:hover, .start-initial-a:visited, .start-initial-a:active {
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
    text-decoration: none !important;
}

.layout-rp-zoo {
    background: #C5D840;
}

.layout-rp-adverts {
    background: #9191AD;
}

.k-grid-header .k-header {
    background-color: var(--bc0) !important;
    color: var(--bc7) !important;
}

.k-grid .k-alt {
    background-color: var(--bc2) !important;
}

.grid-number {
    text-align: right;
}

.grid-date {
    text-align: center;
}

.grid-ellipsis {
    display: block;
    table-layout: fixed;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prof-checkox {
    padding-top: 5px;
}

.advert-banner-row {
    display: block;
    background-color: var(--bc3) !important;
    margin: 0 0 5px 0;
    padding: 3px 0 3px 3px;
    float: none;
}

.fin-saldo {
    right: 0;
    top: 3px;
    position: absolute;
    font-size: 24px;
    color: #D96600;
}

a.adv-list-row0:visited, a.adv-list-rowC:visited {
    color: #B1B1B1;
}

a.adv-list-row0:link, a.adv-list-row0:hover, a.adv-list-row0:active {
    color: var(--bc81);
}

a.adv-list-rowC:link, a.adv-list-rowC:hover, a.adv-list-rowC:active {
    color: var(--bc81);
}

.adv-list-row:hover {
    background: var(--bc1);
}

.mess-renew-str {
    position: absolute;
    top: 64px;
    width: 100%;
    display: block;
    /*    background: var(--bc8);*/
    background: #D96600;
    color: var(--bc4);
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    z-index: 5;
}

.oss-form-group-ro {
    box-sizing: border-box;
    display: block;
    height: 23px;
    line-height: 16.7143px;
    margin: -5px -15px 10px -15px;
}

.top-titles {
    width: 730px;
}

.oss-grid-line, .oss-grid-line-odd {
    height: 60px;
}

.oss-grid-line-odd {
    background: var(--bc3);
}

.oss-table th {
    height: 30px;
    background: var(--bc1);
}

.oss-table {
    border-collapse: collapse;
    color: var(--bc9);
}

    .oss-table td, .oss-table th {
        border: 1px solid var(--bc5);
        padding: 0 5px 0 5px;
    }

    .oss-table tr:first-child th {
        border-top: 0;
    }

    .oss-table tr td:first-child, .oss-table tr th:first-child {
        border-left: 0;
    }

    .oss-table tr:last-child td, .oss-table tr:last-child th {
        border-bottom: 0;
    }

    .oss-table tr td:last-child, .oss-table tr th:last-child {
        border-right: 0;
    }

    .oss-table tr:hover {
        background: var(--bc1);
    }

.en-zoom {
    position: absolute;
    display: block;
    transform: scale(1);
    transform-origin: right bottom;
    top: 5px;
}

.en-div {
    position: relative;
    display: block;
    transform-origin: right bottom;
}

.zoo-select {
    width: 620px;
    height: 350px;
    overflow-y: scroll;
}

.k-dropdown.k-state-focused > .k-input, .k-dropdown .k-state-focused .k-input {
    color: white;
}

.zoo-statuss {
    color: var(--bc9);
    font-size: 14px;
    margin: 10px 0 10px 0;
}

.oss-readonly {
    background-color: var(--bc4);
    color: var(--bc9);
}

.oss-eye {
    position: absolute;
    right: 2px;
    top: 6px;
}

.oss-callouto {
    background-color: #444;
    abackground-image: -moz-linear-gradient(top, #444, #444);
    position: relative;
    color: #ccc;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px #999;
    margin: 25px;
    min-height: 50px;
    border: 1px solid #333;
    text-shadow: 0 0 1px #000;
    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
    min-height: 30px;
    min-width: 200px;
    float: left;
}

.oss-callout, .oss-callout-cmt {
    position: relative;
    border-radius: 3px;
    min-width: 200px;
    float: left;
    box-sizing: border-box;
    max-width: 555px;
    word-wrap: break-word !important;
    line-height: 18px;
}

    .oss-callout-cmt p {
        margin: 7px 0 7px 0;
    }

.oss-callout {
    min-height: 30px;
    padding: 10px;
}

.oss-callout-cmt {
    min-height: 24px;
    padding: 3px 5px 0 5px;
}

.oss-callout.left {
    margin-left: 10px;
    background-color: var(--bc1);
    color: var(--bc8);
    border: 1px solid var(--bc1);
}

.oss-callout.right, .oss-callout.edit {
    margin-right: 10px;
    background-color: #F5D9BF;
    color: #361A00;
    border: 1px solid #F5D9BF;
    float: right;
}

.oss-callout::before, .oss-callout-cmt::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: absolute;
}

.oss-callout.right::before, .oss-callout.edit::before {
    right: -20px;
    top: 7px;
    border-left: 10px solid #F5D9BF;
}

.oss-callout.left::before {
    left: -20px;
    top: 7px;
    border-right: 10px solid var(--bc1);
}

.oss-callout-cmt.left {
    margin-left: 10px;
}

    .oss-callout-cmt.left > div {
        color: var(--bc8);
        text-align: left;
    }

    .oss-callout-cmt.left::before {
        left: -20px;
        top: 1px;
        border-right: 10px solid;
    }

.oss-callout-cmt.right {
    margin-left: 10px;
    margin-right: 10px;
    float: right;
}

    .oss-callout-cmt.right > div {
        color: var(--bc8);
        text-align: left;
    }

    .oss-callout-cmt.right::before {
        right: -20px;
        top: 1px;
        border-left: 10px solid;
    }

.oss-callout.removed, .oss-callout-cmt.removed {
    color: #D96600;
    border: 1px solid #D96600;
}

    .oss-callout.removed::before, .oss-callout-cmt.removed::before {
        border-right: 10px solid #D96600;
    }

.message-author {
    box-sizing: border-box;
    background-color: var(--bc2);
    color: var(--bc8);
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    height: 49px;
    padding: 5px 4px 4px 14px;
    position: relative;
    text-size-adjust: 100%;
    white-space: nowrap;
    width: 686px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.message-statuss {
    height: 14px;
    font-size: 12px;
    margin: 10px 20px 0 20px;
}

.message-specnotes {
    color: #D96600;
    font-weight: bold;
    font-style: italic;
}

.message-priv-row {
    width: 100%;
    display: inline-block;
    position: relative;
}

    .message-priv-row.right {
        text-align: right;
        float: right;
    }

.oss-callout.edit {
    margin-top: 10px;
    padding: 0 1px 2px 0;
    height: 36px;
}

.oss-edprivmes .k-editor {
    border-spacing: 0 !important;
    border: none !important;
    max-height: 32px !important;
}

.oss-edprivmes .k-content {
    height: 32px !important;
}

.corresp-btn-place {
    display: block;
    padding: 3px 0 0 0;
    min-width: 72px;
    position: absolute;
    top: 5px;
    right: 8px;
}

.oss-button-checkb {
    /*   border: rgb(218, 218, 218) 1px solid;*/
    border: var(--bc7) 1px solid;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: 0;
    padding: 2px 0 0 1px;
    user-select: none;
    margin: 0 2px 0 0;
}

.no-image {
    width: 0;
}

.adv-fltr-drdl {
    width: 154px;
    float: left !important;
}

.adv-fltr-cancel {
    margin: 2px 0 0 2px;
    padding-left: 3px;
    font-family: inherit;
    font-size: 12px;
    cursor: pointer;
    width: 24px;
    min-height: 24px;
    line-height: 22px;
    display: inline-flex;
}

.message-info {
    font-size: 14px;
    font-weight: normal;
}

.oss-br2 {
    width: 100%;
    margin: 3px 0 0 0;
    height: 0px;
    color: none;
}

.fpl_form {
    width: 750px !important;
    margin: auto;
    overflow: hidden !important;
}

.st-win-alert {
    width: 450px;
    height: 100px;
    align-content: center;
    text-align: center;
    background: var(--bc3);
}

.adv-list-row.k-state-selected {
    background: var(--bc4) !important;
}

.btn-sqr-120 {
    margin: 5px 5px 5px 5px;
    height: 126px;
    width: 126px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
}

    .btn-sqr-120:hover {
        background-color: var(--bc5);
    }

.btn-xx {
    background-color: rgb(217, 102, 0);
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 54px;
    line-height: 22px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    text-align: left;
    text-decoration-color: rgb(255, 255, 255);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-size-adjust: 100%;
    vertical-align: middle;
    width: 180px;
}

.smi-empty {
    border: solid 1px;
}

.col-tree {
    width: 83.333%;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    float: right;
    background-color: #FFFFFF;
} 

.col-news {
    box-sizing: border-box;
    text-align: left;
    width: 935px;
    max-width: 935px;
    margin: 0;
    padding: 10px;
    position: relative;
    display: block;
    float: left;
    background-color: var(--bc4);
    font-size: 16px;
    line-height: 22px;
}

.col-news-rp {
    box-sizing: border-box;
    display: block;
    float: right;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: relative;
    width: 234px;
    overflow: hidden;
}

.col-news2 {
    box-sizing: border-box;
    text-align: justify;
    width: 818px;
    max-width: 818px;
    /*
    width: 935px;
    max-width: 935px;
        */
    margin: 0;
    padding: 10px;
    position: relative;
    display: block;
    float: left;
    background-color: var(--bc4);
    font-size: 16px;
    line-height: 22px;
}

.col-news2-rp {
    box-sizing: border-box;
    display: block;
    float: right;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: relative;
    width: 234px;
    /*  width: 20%;*/
}

.news-photo {
    width: 100% !important;
    margin: 0 0 15px 0;
    display: block;
}

.news-h1 {
    font-weight: bold;
    text-align: left;
    margin: 10px 0 10px 0;
}

.news-stat-row {
    position: relative;
    width: 100%;
    font-size: 16px !important;
    display: block;
}

.news-stat-text {
    float: left;
    display: inline-block;
}

.news-stat-btn {
    text-align: right;
    display: inline-block;
}

.news-body {
    font-size: 18px;
    line-height: 24px;
    text-align: left;
}

    .news-body p, .news-body ul {
        margin: 15px 0 15px 0;
        text-align: left;
    }

    .news-body li, .news-modi-btn li {
        list-style-type: square;
    }

.news-photo-capt {
    margin: 0;
    background: var(--bc7);
    color: var(--bc4);
    font-size: 14px;
    line-height: 18px;
    display: block;
    padding: 0 0 0 10px;
}

.win-btn-place {
    box-sizing: content-box;
    display: block;
    margin-bottom: 15px;
    text-align: center;
}

.news-modi {
    position: relative;
    border: solid 1px var(--bc2) !important;
    padding: 5px 10px 5px 10px;
    margin: 0 0 5px 0;
    color: var(--bc7);
}

.news-modi-capt {
    border-top: solid 1px var(--bc2);
    border-left: solid 1px var(--bc2);
    border-right: solid 1px var(--bc2); /* 4 */
    position: relative;
    text-align: right;
    margin: 0;
    color: var(--bc1);
    background: var(--bc4);
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    height: 24px;
    display: block;
    padding: 0;
}

.news-modi-bc {
    float: left;
    padding: 4px 3px 4px 3px;
    font-size: 16px;
    line-height: 16px;
    font-weight: lighter;
}

.news-modi-h3 {
    box-sizing: border-box;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    text-size-adjust: 100%;
}

ul.news-modi {
    position: relative;
    border: solid 1px var(--bc2);
    padding: 5px 10px 5px 50px !important;
    margin: 0 0 5px 0;
}

.news-modi:active, .news-modi:focus {
    outline: 0;
    border: solid 1px var(--bc9);
    -webkit-box-shadow: inset 0 5px 5px var(--bc4), 0 0 8px rgba(88, 102, 0, 0.6);
    box-shadow: inset 0 5px 5px var(--bc4), 0 0 8px rgba(88, 102, 0, 1);
}

.news-photo-modi {
    border-bottom: solid 1px var(--bc2);
    width: 913px;
    margin: 0 0 3px 0 !important;
    display: block;
    padding: 0px;
}

.news-photo-show {
    border-bottom: solid 1px var(--bc2);
    width: 913px;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

    .news-photo-show > img {
        border-bottom: solid 1px var(--bc2);
        max-width: 913px;
        max-height: 913px;
        vertical-align: middle;
        text-align: center;
    }

.article-photo-place {
    position: relative;
    width: 913px;
    display: block;
    vertical-align: middle;
    text-align: center;
    background: var(--bc3);
    margin: 0 0 5px 0;
}

.news-modi-btn {
    font-size: 16px;
    width: 204px;
    height: 74px;
    margin: 8px 15px 0 15px;
    padding: 8px 5px 5px 35px;
    background: var(--bc4);
    background-image: url('/Content/Images/ArLe.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 3px;
}

    .news-modi-btn:hover {
        background: var(--bc2l);
        background-image: url('/Content/Images/ArLe.png');
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: 3px;
    }

    .news-modi-btn img {
        text-align: center;
        margin: 5px 0 15px 60px;
    }

.news-modi-h1 {
    box-sizing: border-box;
    font-size: 32px !important;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    text-size-adjust: 100%;
}

.news-modi-text {
    text-align: left;
}

    .news-modi-text > div {
        padding-top: 8px !important;
    }

.news-photo-lh {
    display: table;
}

.news-photo-list {
    margin: 0 0 3px 0;
    text-align: left;
    width: 100%;
    display: table;
    position: relative;
}

.news-photo-tmb {
    width: 98px;
    height: 98px;
    float: left;
    margin: 0 0 1px 3px;
    display: inline-block;
}
.news-photo-tmb-s {
    width: 48px;
    height: 48px;
    float: left;
    margin: 0 2px 2px 0;
    display: inline-block;
}
.oss-hint-content {
    background: var(--bc5);
    color: #FFFFFF;
    border: none;
    font-size: 13px !important;
    padding: 4px 5px 4px 6px;
    left: 15px;
    text-wrap: none;
    white-space: nowrap;
    display: inline-block;
}

.news-btn-flds {
    float: left;
    border: 1px var(--bc5) solid;
    margin: 0 5px 2px 5px;
    padding: 2px 5px 2px 5px;
    min-height: 54px;
}

    .news-btn-flds > legend {
        color: var(--bc7);
        font-size: 12px;
    }

.news-tag, .geo-tag, .region-tag, .lang-tag, .news-tag-sel {
    margin: 0px 2px 2px 2px;
    padding: 0px 2px 0 2px;
    height: 18px;
    line-height: 18px;
    border-radius: 3px;
    float: left;
    flex: 0 1 auto;
    box-sizing: border-box;
   // max-width: 150px;
    overflow: hidden;
}

.news-tag {
    color: var(--bc7);
    border: solid 1px var(--bc7);
    background: var(--bc2l);
}
.geo-tag {
    color: var(--bc7);
    border: solid 1px #596600;
    background: #EBF2BF;
}
.region-tag {
    color: var(--bc7);
    border: solid 1px #596600;
    background: #B1CD9E;
}
.lang-tag {
    color: var(--bc7);
    border: solid 1px #304A56;
    background: #D7E4EA;
}

.news-tag-sel {
    color: rgb(223, 109, 0);
    border: solid 1px rgb(223, 109, 0);
    background: #FFFFFF;
}

    .news-tag-sel:hover {
        color: white;
        background: rgb(223, 109, 0);
        border: 1px solid rgb(223, 109, 0);
    }

.news-tag.k-input {
    margin: 0px 2px 2px 2px;
    padding: 0px 2px 0 2px;
    height: 18px;
    line-height: 18px;
    border-radius: 3px;
    float: left;
    flex: 0 1 auto;
    box-sizing: border-box;
    max-width: 150px;
    overflow: hidden;
    color: var(--bc7);
    border: solid 1px var(--bc7);
    background: var(--bc2l);
}


.news-tags {
    float: left;
    margin: -4px 2px -2px -5px;
    justify-content: flex-start;
    flex-wrap: wrap;
    display: flex;
    min-height: 40px;
    max-width: 400px;
}

.news-tag-rmv {
    height: 12px;
    margin: -3px 2px 0 0;
}

.news-add {
    margin: 2px 0 0 0;
}

.mgz-photo-btns {
    margin: -30px 4px 7px 0;
    text-align: right;
}

.news-photo-add {
    margin: 10px auto 7px auto !important;
    display: block;
}

.zoo-main-img {
    width: 162px;
    height: 162px;
    border: solid 1px var(--bc7);
    margin: 10px 0 10px 16px;
}

.oss-tool-column {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 7px 0 7px 0;
    display: block;
}

    .oss-tool-column > div {
        display: inline-block;
    }

    .oss-tool-column > .visit-ani-cap {
        margin-top: -5px;
    }

.fam-pedig {
    display: table;
    width: 720px;
    height: auto;
    box-sizing: content-box;
    border-right: var(--bc7) 2px solid;
    border-bottom: var(--bc7) 2px solid;
}

.fam-pedig-col {
    float: left;
    width: 180px;
    height: auto;
    display: block;
    border-left: var(--bc7) 2px solid;
    box-sizing: border-box;
}

.fam-pedig-1 {
    height: 240px;
    width: 100%;
    display: block;
    border-top: var(--bc7) 2px solid;
    box-sizing: border-box;
    padding: 14px 0 0 6px;
}

.fam-pedig-2 {
    height: 120px;
    width: 100%;
    display: block;
    border-top: var(--bc7) 2px solid;
    box-sizing: border-box;
    padding: 14px 0 0 6px;
}

.fam-pedig-3 {
    height: 60px;
    width: 100%;
    display: block;
    border-top: var(--bc7) 2px solid;
    box-sizing: border-box;
    padding: 4px 0 0 6px;
}

.fam-pedig-4 {
    height: 30px;
    width: 100%;
    display: block;
    border-top: var(--bc7) 2px solid;
    box-sizing: border-box;
    padding: 4px 0 0 6px;
}

.fam-pedig-img-1 {
    margin: 0 8px 0 0;
    border-width: 1px !important;
    width: 144px;
    height: 144px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
}

.fam-pedig-imgpl {
    width: 100%;
    text-align: center;
}

.fam-pedig-img-2 {
    margin: 0 8px 0 0;
    border-width: 1px !important;
    width: 48px;
    height: 48px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
}

.fam-pedig-root {
    margin: 0 0 0 25px;
    zoom: 0.9;
}

.mgz-main-place {
    margin: 10px 0 0 0;
}

.mgz-main-article {
    width: 580px;
    float: left;
    display: block;
    position: relative;
    margin: 0 0 5px 0;
}
.conf-article {
    filter: opacity(30%) !important;
}
    .conf-article:hover {
        filter: opacity(40%) !important;
    }

    .mgz-main-article > img {
        width: 580px;
        height: 325px;
        filter: brightness( 80%) ;
    }

        .mgz-main-article > img:hover {
            filter: brightness(100%);
        }

.mgz-second-article {
    width: 285px;
    float: left;
    display: block;
    margin: 0 0 5px 10px;
    position: relative;
}

    .mgz-second-article > img {
        width: 285px;
        height: 160px;
        filter: brightness(80%);
    }

        .mgz-second-article > img:hover {
            filter: brightness(100%);
        }

.mgz-main-title {
    color: #FFFFFF;
    position: absolute;
    font-size: 32px;
    bottom: 50px;
    left: 20px;
    text-decoration: none;
}

.mgz-second-title {
    color: #FFFFFF;
    position: absolute;
    font-size: 22px;
    bottom: 22px;
    left: 10px;
    text-decoration: none;
}

.mgz-main-section {
    color: #FFFFFF;
    position: absolute;
    font-size: 16px;
    bottom: 10px;
    left: 20px;
    text-decoration: none;
}

.mgz-second-section {
    color: #FFFFFF;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    left: 10px;
    text-decoration: none;
}

.mgz-news-title {
    color: #FFFFFF;
    position: absolute;
    font-size: 18px;
    bottom: 22px;
    left: 10px;
    text-decoration: none;
}

.mgz-news-section {
    color: #FFFFFF;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    left: 10px;
    text-decoration: none;
}

.mgz-news-article {
    width: 220px;
    box-sizing: border-box;
    float: left;
    display: block;
    margin: 0 0 5px 5px;
    position: relative;
}

    .mgz-news-article > img {
        width: 220px;
        height: 124px;
        filter: brightness(80%);
    }

        .mgz-news-article > img:hover {
            filter: brightness(100%);
        }

.news-v-title {
    position: relative;
    height: 124px;
    width: 45px;
    float: left;
    background: var(--bc1);
    color: #AD0000;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
}

    .news-v-title > div {
        position: absolute;
        bottom: 40px;
        left: -40px;
        word-wrap: break-word;
        line-height: 45px;
        height: 45px;
        width: 124px;
        transform: rotate(-90deg);
        text-align: center;
        /*
        width: 80px;
        height: 25px;
        transform-origin:58px 47px;
        text-align: center;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
            */
    }

.mgz-usual-place {
    margin: 10px 0 0 -10px;
    display: block;
}

.mgz-usual-article, .mgz-usual-article:active, .mgz-usual-article:hover, .mgz-usual-article:visited, .mgz-usual-article:link {
    width: 383px;
    height: 300px;
    float: left;
    display: inline-block;
    margin: 0 0 25px 10px;
    position: relative;
    text-decoration: none !important;
}

    .mgz-usual-article > img {
        width: 383px;
        height: 215px;
    }

.mgz-usual-title {
    color: var(--bc9);
    height: 44px;
    margin-bottom: 6px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    top: 6px;
    padding: 0 0 0 6px;
    overflow: hidden;
    box-sizing: border-box;
}

.mgz-usual-descr {
    color: var(--bc9);
    max-height: 37px;
    position: relative;
    font-size: 14px;
    padding: 0 0 0 6px;
    overflow: hidden;
    top: 3px;
    box-sizing: border-box;
}

.tml-indx-section, .mgz-usual-section, .mgz-usual-section:active, .mgz-usual-section:link, .mgz-usual-section:hover, .mgz-usual-section:visited {
    box-sizing: border-box;
    color: #AD0000;
    /*    color: #FFFFFF;*/
    background: var(--bc1);
    position: relative;
    font-size: 22px;
    font-weight: bold;
    line-height: 36px;
    height: 36px;
    width: 1170px;
    padding: 0 0 0 20px;
    display: inline-block;
    text-decoration: none;
}
    .mgz-usual-section, .mgz-usual-section:active, .mgz-usual-section:link, .mgz-usual-section:hover, .mgz-usual-section:visited {
        margin: 0 0 10px 10px;
    }
.tml-indx-section {
    margin: 0 0 10px 0;
}

a.mgz-usual-section:hover {
    background: var(--bc2);
}

.wk-top-author, .wk-top-author:active, .wk-top-author:link, .wk-top-author:visited {
    font-size: 20px;
    line-height: 60px;
    float: left;
    font-weight: bold;
    display: block;
    width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: none;
    white-space: nowrap;
    text-decoration: none;
    color: var(--bc7);
    min-height: 60px;
}

.wk-top-day {
    font-size: 16px;
    font-style: italic;
    margin: 10px 0 0 0;
    line-height: 20px;
    float: left;
    display: block;
    width: 99px;
    overflow: hidden;
    text-wrap: none;
    white-space: nowrap;
    text-align: center;
}

.wk-top-selvalue {
    line-height: 28px;
    font-size: 16px;
    text-align: center;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mgz-btn-flds {
    float: left;
    border: 1px var(--bc5) solid;
    margin: 0 3px 2px 3px;
    padding: 2px 5px 2px 5px;
    min-height: 54px;
}

    .mgz-btn-flds > legend {
        color: var(--bc7);
        font-size: 12px;
        width: unset !important;
        margin: 0 0 0 0;
        padding: 0 5px 0 5px;
        border: none;
        font-size: 14px;
    }

.mgz-tags {
    float: left;
    margin: -4px 2px -2px -5px;
    justify-content: flex-start;
    flex-wrap: wrap;
    display: flex;
    max-width: 257px;
}

.wk-btn-count, .wk-btn-rmv {
    position: relative;
}

    .wk-btn-count[data-count]:after {
        content: attr(data-count);
        position: absolute;
        bottom: 8px;
        right: 8px;
        font-size: .6em;
        background: #596680;
        color: white;
        min-width: 13px;
        height: 13px;
        text-align: center;
        line-height: 13px;
        border-radius: 7px;
        border: none;
        padding: 0 2px 0 2px;
        z-index: 1;
    }

    .wk-btn-rmv:before {
        content: "";
        position: absolute;
        bottom: 8px;
        left: 8px;
        background-image: url('Images/Checked.png');
        background-size: 13px;
        width: 13px;
        height: 13px;
        z-index: 1;
    }

a > fieldset {
    text-decoration: none;
    color: var(--bc7);
}

.mgz-tags-place {
    margin: 6px 10px -7px 10px;
}

.mgz-tags-close {
    float: left;
    margin: 1px 2px 0 0;
}

.mgz-intv-btns {
    float: right;
    margin: -5px 0 0 5px;
}
/*
.mgz-main-count {
    color: #2C3300;
    position: absolute;
    font-size: 22px;
    top: 10px;
    right: 20px;
    background: rgba(218, 218, 218,0.8);
    padding: 0 13px 0 0;
    height: 26px;
}
.mgz-main-count>img {
    margin: -6px 0 0 8px;
}*/
.mgz-main-count, .mgz-second-count, .mgz-usual-count, .mgz-news-count {
    color: #2C3300;
    position: absolute;
    font-size: 12px;
    top: 10px;
    right: 10px;
    background: rgba(218, 218, 218,0.8);
    padding: 0 6px 0 0;
    height: 14px;
}

    .mgz-main-count > img, .mgz-second-count > img, .mgz-usual-count > img, .mgz-news-count > img {
        margin: -3px 0 0 4px;
        height: 12px;
        width: 12px;
    }
/*
.mgz-usual-count {
    color: #2C3300;
    position: absolute;
    font-size: 22px;
    top: 10px;
    right: 20px;
    background: rgba(218, 218, 218,0.8);
    padding: 0 13px 0 0;
    height: 26px;
}

.mgz-usual-count > img {
    margin: -6px 0 0 8px;
}
    */

.news-prev:hover, .news-next:hover, .article-prev:hover, .article-next:hover, .mgz-pho-prev:hover, .mgz-pho-next:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.news-prev, .news-next, .article-prev, .article-next, .mgz-pho-prev, .mgz-pho-next {
    position: absolute;
    top: 25px;
    width: 55px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 1;
    height: 50px;
    cursor: pointer;
    display: block;
}

.news-prev {
    left: 5px;
    background: url("/Content/Images/ButtonArrowLeft.png") 50% 50% no-repeat;
}

.article-prev {
    left: 10px;
    background: url("/Content/Images/ButtonArrowLeft.png") 50% 50% no-repeat;
}

.mgz-pho-prev {
    background: url("/Content/Images/ButtonRArrowLeft.png") 50% 50% no-repeat;
    left: 10px;
}

.mgz-pho-next {
    background: url("/Content/Images/ButtonRArrowRight.png") 50% 50% no-repeat;
    right: 10px;
}

.news-next, .article-next {
    right: 0;
    background: url("/Content/Images/ButtonArrowRight.png") 50% 50% no-repeat;
}

 .mgz-list-btn, .mgz-list-btn:hover, .pin-list-btn, .pin-list-btn:hover, .mgz-list-btn-7, .mgz-list-btn-7:hover {
    position: relative;
    display: inline-block;
    height: 82px;
    text-decoration: none;
}
    .mgz-list-btn, .mgz-list-btn:hover, .pin-list-btn, .pin-list-btn:hover {
        width: 574px;
    }
        .mgz-list-btn-7, .mgz-list-btn-7:hover {
            width: 285px;
        }
.mgz-list-btn-2, .mgz-list-btn-3, .mgz-list-btn-4, .mgz-list-btn-5, .mgz-list-btn-6 {
    position: relative;
    display: inline-block;
    height: 82px;
    text-decoration: none;
}
.mgz-list-btn-6 {
    width: 744px;
}
.mgz-list-btn-2 {   
    width: 284px;
}

.mgz-list-btn-4 {
    width: 200px;
}

.mgz-list-btn-5 {
    width: 82px;
}

.mgz-list-btn-3 {
    width: 370px;
    background: var(--bc5);
    border: var(--bc7) solid 2px;
    color: #FFFFFF;
}
    .mgz-list-btn-2, .mgz-list-btn-2:hover, .mgz-list-btn-2:hover, .mgz-list-btn-2:hover, .mgz-list-btn-2:hover, .mgz-list-btn-2:hover,
    .mgz-list-btn-3, .mgz-list-btn-3:hover, .mgz-list-btn-3:hover, .mgz-list-btn-3:hover, .mgz-list-btn-3:hover, .mgz-list-btn-3:hover,
    .mgz-list-btn-4, .mgz-list-btn-4:hover, .mgz-list-btn-4:hover, .mgz-list-btn-4:hover, .mgz-list-btn-4:hover, .mgz-list-btn-4:hover,
    .mgz-list-btn-5, .mgz-list-btn-5:hover, .mgz-list-btn-5:hover, .mgz-list-btn-5:hover, .mgz-list-btn-5:hover, .mgz-list-btn-5:hover,
    .mgz-list-btn-6, .mgz-list-btn-6:hover, .mgz-list-btn-6:hover, .mgz-list-btn-6:hover, .mgz-list-btn-6:hover, .mgz-list-btn-6:hover,
    .frnd-list-btn, .frnd-list-btn:hover, .frnd-list-btn:hover, .frnd-list-btn:hover, .frnd-list-btn:hover, .frnd-list-btn:hover {
        text-decoration: none;
    }

        .mgz-list-btn-3:hover {
            background: var(--bc6);
        }

        .mgz-list-btn > img, .mgz-list-btn-2 > img, .mgz-list-btn-3 > img, .mgz-list-btn-4 > img, .mgz-list-btn-5 > img, .mgz-list-btn-6 > img, .mgz-list-btn-7 > img {
            float: left;
            height: 70px;
            margin: 5px 0 0 5px;
        }


        .pin-list-btn > img {
            float: left;
            height: 50px;
            margin: 15px 0 0 15px;
        }

.mgz-list-btn > div, .mgz-list-btn-2 > div, .mgz-list-btn-3 > div, .mgz-list-btn-4 > div, .mgz-list-btn-5 > div, .mgz-list-btn-6 > div, .mgz-list-btn-7 > div, .pin-list-btn > div {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 80px;
}

.mgz-list-btn > div, .pin-list-btn > div {
    left: 50px;
}

.mgz-list-btn-2 > div, .mgz-list-btn-3 > div, .mgz-list-btn-4 > div, .mgz-list-btn-5 > div, .mgz-list-btn-7 > div {
    left: 8px;
}
.mgz-list-btn-u, .mgz-list-btn-u:hover {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 82px;
    text-decoration: none;
}
.mgz-list-btn-u > div {
    color: #FFFFFF;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    position: relative;
}
.mgz-list-article {
    width: 574px;
    height: 158px;
    float: left;
    display: block;
    margin: 0;
    position: relative;
    background: var(--bc2);
}

    .mgz-list-article > img {
        width: 574px;
        height: 158px;
        filter: brightness(80%);
    }

        .mgz-list-article > img:hover {
            filter: brightness(100%);
        }

.mgz-btn-search > input {
    float: left !important;
    width: 250px;
}

.mgz-btn-search > img {
    padding: 6px 3px 0 7px;
    cursor: pointer
}

.mgz-btn-search {
    float: left;
    border: 1px var(--bc5) solid;
    margin: 0 3px 2px 3px;
    padding: 2px 5px 2px 5px;
    min-height: 54px;
}

    .mgz-btn-search > legend {
        color: var(--bc7);
        font-size: 12px;
        width: unset !important;
        margin: 0 0 0 0;
        padding: 0 5px 0 5px;
        border: none;
        font-size: 14px;
    }

.mgz-search-re {
    margin: 8px 0 3px 0;
    box-sizing: border-box;
    color: #D96600;
    position: relative;
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;
    width: 1170px;
    padding: 0 0 0 20px;
    cursor: pointer;
}

.k-listview > button {
    min-height: 28px;
}

.mgz-lst-descr {
    position: absolute;
    font-size: 16px;
    bottom: 32px;
    left: 150px;
    width: 585px;
    height: 40px;
    overflow: hidden;
    font-style: italic;
}

.mgz-list-btn2 {
    width: 167px !important;
    background: var(--bc5);
    border-color: var(--bc7);
}

    .mgz-list-btn2:hover {
        background: var(--bc6) !important;
    }

.mgz-list-btn-u:hover, .mgz-list-btn:hover, .mgz-list-btn-2:hover, .mgz-list-btn-6:hover, .pin-list-btn:hover {
    background: #E38D40;
}

.mgz-list-item-bck {
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    height: 158px;
    overflow: hidden;
    background-color: var(--bc4);
    overflow: hidden;
}

.adv-own-statuss-cmnt > img {
    height: 12px;
    width: 12px;
    margin: -1px 1px 2px 5px;
}

.frnd-list-btn-place {
    width: 167px;
    position: relative;
    display: inline-block;
    padding: 0;
    margin: -4px 0 0 0;
}

.frnd-list-btn, .frnd-list-btn:hover, .frnd-list-btn:hover, .frnd-list-btn:hover, .frnd-list-btn:hover, .frnd-list-btn:hover {
    position: relative;
    display: table;
    width: 167px;
    height: 39px;
    background: var(--bc5);
    border: var(--bc7) solid 2px;
    color: #FFFFFF;
    margin: 4px 0 0 0;
    text-decoration: none;
}

.frnd-list-btn-row {
    display: table-row;
}

.frnd-list-btn-img {
    display: table-cell;
    vertical-align: middle;
    width: 28px;
}

.frnd-list-btn-txt {
    display: table-cell;
    vertical-align: middle;
}

.frnd-list-btn-img > img {
    margin: 2px 2px 0 4px;
}

.frnd-list-btn > div:hover {
    background: var(--bc6);
}

.pho-album {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 158px;
    height: 158px;
    width: 574px;
    min-width: 574px;
    float: left;
    overflow: hidden;
    background: #FFFFFF;
}

.pho-album-bckgr {
    min-width: 640px;
    opacity: 0.3;
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    height: 158px;
    width: 574px;
    overflow: hidden;
}

.pho-album:hover .pho-album-bckgr {
    opacity: 0.5;
}

.pho-h4 {
    display: inline-block;
    position: relative;
    margin: 0px 5px 0 5px;
    line-height: 24px;
    white-space: nowrap;
}

.visit-border::before {
    background: var(--bc4);
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0;
    height: 45px;
    width: 960px;
    border: none;
}

.visit-border-l, .visit-border-l2, .visit-border-m, .visit-border-r {
    position: relative;
    height: 160px;
}

    .visit-border-l::before {
        position: absolute;
        background: var(--bc3);
        content: "";
        bottom: 10px;
        right: 0px;
        height: 40px;
        width: 100%;
        border-bottom: var(--bc7) 3px solid;
    }

    .visit-border-l2::before {
        position: absolute;
        background: var(--bc3);
        content: "";
        bottom: 10px;
        right: 0px;
        height: 40px;
        width: 100%;
        border-bottom: var(--bc7) 3px solid;
        border-right: var(--bc7) 3px solid;
        -webkit-border-bottom-right-radius: 30px;
        -moz-border-radius-bottomright: 30px;
        border-bottom-right-radius: 30px;
    }

    .visit-border-m::before {
        background: var(--bc4);
        position: absolute;
        content: "";
        bottom: 35px;
        left: -3px;
        right: -3px;
        height: 50px;
        width: 100%;
        border-top: var(--bc7) 3px solid;
        border-left: var(--bc7) 3px solid;
        border-right: var(--bc7) 3px solid;
        -webkit-border-top-left-radius: 30px;
        -moz-border-radius-topleft: 30px;
        border-top-left-radius: 30px;
        -webkit-border-top-right-radius: 30px;
        -moz-border-radius-topright: 30px;
        border-top-right-radius: 30px;
    }

    .visit-border-r::before {
        bottom: 10px;
        background: var(--bc3);
        left: -6px;
        height: 40px;
        width: 156px;
        border-bottom: var(--bc7) 3px solid;
        border-left: var(--bc7) 3px solid;
        position: absolute;
        content: "";
        -webkit-border-bottom-left-radius: 30px;
        -moz-border-radius-bottomleft: 30px;
        border-bottom-left-radius: 30px;
        right: 0px;
    }

.visit-wk-btns {
    position: absolute;
    bottom: 5px;
    left: 22px;
}

.visit-wk-g-2 {
    background: #80C0FF;
    padding: 0 5px 0 5px;
    color: #FFFFFF;
}

.visit-wk-g-1 {
    background: #FFC080;
    padding: 0 5px 0 5px;
    color: #D96600;
}

.art-item {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 158px;
    height: 158px;
    width: 747px;
    min-width: 747px;
    float: left;
    overflow: hidden;
    background: #FFFFFF;
}

.art-item-bckgr {
    min-width: 640px;
    opacity: 0.15;
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    height: 158px;
    width: 747px;
    overflow: hidden;
}

.art-item:hover .art-item-bckgr {
    opacity: 0.3;
}

.oss-video-place {
    position: relative;
    display: block;
    text-align: center !important;
    padding: 0 !important;
    margin: 5px 0 0 0 !important;
}

.video-lst-image {
    margin: 13px 0 0 10px;
    height: 126px;
    width: 166px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc4);
    background-color: var(--bc7);
    word-spacing: 0;
}

    .video-lst-image > iframe {
        margin: 0;
        border-width: 0;
        width: 160px;
        height: 120px;
        border-width: 3px;
        border: solid;
        border-color: var(--bc7);
        line-height: 20px;
    }

.video-lst-descr {
    position: absolute;
    font-size: 16px;
    bottom: 32px;
    left: 190px;
    width: 545px;
    height: 40px;
    overflow: hidden;
    font-style: italic;
}

.fr-menu-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: rgba(248, 250, 230, 0.8);
    text-align: left;
}

.mgz-main-article:hover > .fr-menu-bottom {
    height: 50px;
}

.mgz-second-article:hover > .fr-menu-bottom {
    height: 38px;
}

.mgz-usual-article:hover > .fr-menu-bottom {
    height: 120px;
}

.mgz-news-article:hover > .fr-menu-bottom {
    height: 39px;
}

.comment-btn-l {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--bc8);
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding-left: 7px;
    padding-right: 17px;
    text-align: center;
    text-decoration: none;
    text-size-adjust: 100%;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .comment-btn-l > img {
        margin: -4px 10px 0 2px;
        height: 24px;
        width: 24px;
        position: relative;
        cursor: pointer;
    }

.strm-pin {
    position: absolute;
    top: 4px;
    left: 4px;
    height: 34px !important;
    width: 34px !important;
    padding: 5px 5px 5px 5px;
    background-color: rgba(248, 250, 230, 0.8);
    box-sizing: border-box;
}

.strm-video-2 {
    width: 580px;
    float: left;
    display: block;
    position: relative;
    margin: 0 0 5px 10px;
}

.strm-video-3 {
    width: 383px;
    height: 215px;
    float: left;
    display: inline-block;
    margin: 0 0 10px 10px;
    position: relative;
    text-decoration: none !important;
}

.strm-video-4 {
    width: 285px;
    float: left;
    display: block;
    margin: 0 0 5px 10px;
    position: relative;
}

    .strm-video-2:hover > .fr-menu-bottom,
    .strm-video-4:hover > .fr-menu-bottom {
        height: 39px;
    }

.strm-video-3:hover > .fr-menu-bottom {
    height: 35px;
}

.start-initial-s, .start-initial-s:hover, .start-initial-s:visited, .start-initial-s:active {
    display: inline-block;
    //cursor: pointer;
    width: 100px;
    height: 38px;
    margin: auto;
    padding: 0;
    text-decoration: none !important;
    position: relative;
}

    .start-initial-s > span {
        line-height: 38px;
        margin: 0 0 0 5px;
        font-size: 12px !important;
        font-weight: bold;
        z-index: 14;
    }

    .start-initial-s > img {
        z-index: 0;
        right: 5px;
    }

.top-initial-zoo {
    background: var(--bc7);
    color: var(--bc4);
}

    .top-initial-zoo:hover, .top-initial-zoo.select {
        background: #C5D840;
        color: var(--bc8);
    }

.top-initial-dis {
    background: var(--bc2);
    color: var(--bc7);
}

.top-initial-adverts {
    background: var(--bc7);
    color: var(--bc4);
}

    .top-initial-adverts:hover, .top-initial-adverts.select {
        background: #9191AD;
        color: var(--bc8);
    }

.message-date-author {
    font-size: 12px;
    margin: 0 20px 0 20px;
}
/*/
.message-date-author {
    height: 23px;
    font-size: 12px;
    margin: 0 20px 0 20px;
    padding: 4px 0 0 0;
}
    */
.comment-me {
    display: table-cell;
    overflow: hidden;
    vertical-align: top;
    border: none;
    font-size: 14px;
}

.comment-me-image {
    position: absolute;
    top: 10px;
    right: 3px;
    border-width: 1px !important;
    width: 33px;
    height: 33px;
    border: solid;
    border-color: var(--bc7);
}

a.comment-btn-l, a.comment-btn-l:hover, a.comment-btn-l:visited, a.comment-btn-l:active {
    text-decoration: none;
    color: var(--bc8);
}

.mgz-main-help {
    margin: 0 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    color: #D96600;
    background: var(--bc4);
    font-size: 22px;
}

div.comment-inline-editor2 {
    min-height: 32px !important;
    width: 618px !important;
    border: 1px solid rgb(44, 51, 0) !important;
}

.wrksp-comm-editor {
    display: inline-block;
    vertical-align: top;
    min-height: 32px;
    width: 605px;
    border: 1px #DADADA solid !important;
    margin: 3px 0 0 0;
    /*

        oss-edcomment

    */
}

.wrksp-comm {
    display: table-cell;
    width: 99%;
}

.mgz-list-btn-sel {
    background-color: #E38D40 !important;
    border-color: #D96600 !important;
}

    .mgz-list-btn-sel:hover {
        background-color: #DF6D00 !important;
    }

.cmt-like-place {
    display: inline-block;
}

.comment-btn-place-l {
    position: absolute;
    left: 0;
    top: 0;
}

.comment-btn-place-3 {
    position: absolute;
    right: 0;
    top: 0;
}

.comment-btn-order {
    margin: 28px 0 -28px 0;
    background: none;
    position: relative;
    z-index: 10;
}

.oss-button-flex {
    align-items: flex-start;
    background-color: rgb(255, 255, 255);
    border-color: rgb(204, 204, 204);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
    box-sizing: border-box;
    color: rgb(85, 85, 85);
    cursor: pointer;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    min-height: 34px;
    letter-spacing: normal;
    line-height: 16.7143px;
    margin: 0;
    padding: 6px 12px 6px 12px;
    text-align: center;
    vertical-align: middle;
}

.mess-expand, .mess-collapse {
    border-bottom: 1px dotted var(--bc8);
    margin: 5px 50px 5px 40px;
}

.wk-sep {
    position: relative;
    content: " ";
    height: 40px;
    margin: 7px 3px 10px 3px;
    border-right: solid 4px var(--bc7);
    float: left;
}

.start-initial-b > p {
    width: 350px;
    margin-bottom: 5px;
}

.search-group {
    border: solid 3px var(--bc5);
    border-radius: 15px;
    margin: 0 -7px 10px -5px;
    padding: 3px 7px 12px 3px
}

    .search-group > legend {
        margin: -14px 0 0 20px;
        width: unset !important;
        padding: 0 5px 0 5px;
        border: none;
        font-size: 16px;
        font-weight: bold;
    }

.video-loading {
    content: " ";
    background: no-repeat url('kendo/2015.1.429/Bootstrap/loading_2x.gif') center center;
    width: 100%;
    height: 100%;
}

.btn-play {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto auto auto;
    width: 48px;
    height: 48px;
}

.yout-tmbnl {
    object-fit: cover;
}

.empty-image-edit {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 512px;
    width: 512px;
    border: dashed 1px var(--bc7);
}

    .empty-image-edit > div {
        display: block;
        font-size: 22px;
    }

.oss-light-group {
    border: solid 1px var(--bc5);
    border-radius: 5px;
    padding: 0 5px 5px 5px;
    margin: 0 0 10px 0;
    width: 100%;
}

.highlight {
    background-color: #ffde22;
}

.mgz-btn-search > img {
    margin: 2px 0 0 2px;
    height: 24px;
    width: 24px;
    padding: 0;
}

.mgz-btn-search > input {
    margin: 0 3px 0 0;
}

.mgz-main-sections, a.mgz-main-sections, a.mgz-main-sections:active, a.mgz-main-sections:link, a.mgz-main-sections:visited {
    text-decoration: none;
    color: var(--bc7);
    float: left;
    display: inline-block;
    margin-left: 15px;
}

    a.mgz-main-sections:hover {
        color: var(--bc9);
    }

.mgz-group-lb {
    margin: 0 10px 10px 10px;
    box-sizing: border-box;
    color: #AD0000;
    /*    color: #FFFFFF;*/
    background: var(--bc1);
    position: relative;
    font-size: 22px;
    font-weight: bold;
    line-height: 36px;
    height: 36px;
    width: 100%;
    padding: 0 0 0 20px;
    display: inline-block;
    text-decoration: none;
}

    .mgz-group-lb:hover {
        background: var(--bc2);
    }

.mgz-tag-search {
    max-width: 100%;
    width: 100%;
}

    .mgz-tag-search.k-input {
        height: 2.13em !important;
        text-indent: .33em !important;
        line-height: 1.6em !important;
        background-color: #fff !important;
        color: var(--bc8) !important;
        border-width: 1px !important;
        border-style: solid !important;
        border-color: rgb(218, 218, 218) !important;
    }

        .mgz-tag-search.k-input:hover {
            border-color: #969696 !important;
        }

.mgz-article-topinfo {
    font-size: 18px;
    margin: -5px -15px 10px -15px;
    line-height: 32px;
}

.mgz-author-h4 {
    margin: 5px 5px 15px 5px;
    line-height: 34px;
    font-size: 32px;
    white-space: nowrap;
}

.mgz-member-h4 {
    margin: 5px 5px 5px 5px;
    line-height: 28px;
    white-space: nowrap;
}

.oss-note-tr {
    position: absolute;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    font-style: italic;
    top: 2px;
    right: 5px;
    color: #ff6a00;
}

.mgz-top-btn {
    position: relative;
}

.oss-group-tb {
    border-style: solid solid none solid;
    padding: 1px 5px 0px 5px;
    min-height: 48px;
}

.wk-navb-btns {
    width: 44px;
    text-align: center;
}

    .wk-navb-btns:hover {
        background: var(--bc5);
    }

.mailUnRead {
    font-weight: bold;
}

.mailReply {
    color: #1f8fff;
}

.mailRow > td {
    border-top: #D96600 dotted 1px;
}

.mailList.k-widget {
    border: #D96600 dotted 1px !important;
}

.k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap {
    background-color: #fff;
    color: var(--bc8);
}

    input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input {
        background: 0;
    }

.k-block, .k-button, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-tooltip, .k-pager-wrap, .k-tabstrip-items .k-item, .k-link.k-state-hover, .k-textbox, .k-textbox:hover, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-draghandle {
    background-repeat: repeat;
    background-position: 0 center;
}

    .k-textbox:hover, .k-tiles li.k-state-hover {
        border-color: var(--bc5);
    }

    .k-button:hover, .k-button.k-state-hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover {
        background-image: url(textures/highlight.png);
        background-image: none,-webkit-linear-gradient(top,var(--bc5) 0,var(--bc5) 100%);
        background-image: none,-moz-linear-gradient(top,var(--bc5) 0,var(--bc5) 100%);
        background-image: none,-o-linear-gradient(top,var(--bc5) 0,var(--bc5) 100%);
        background-image: none,linear-gradient(to bottom,var(--bc5) 0,var(--bc5) 100%);
    }

.mgz-btn-search > input {
    margin: 0 3px 0 0;
}

.mgz-btn-search > input {
    float: left !important;
    width: 250px;
}

.login-textbox {
    height: 2.13em;
    text-indent: .33em;
    line-height: 1.6em;
    margin: 0 4px 0 4px !important;
}
.login-form-group {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: normal;
    margin: 5px 0 0 13px;
}
.login-form-button {
width: 250px;
}
.empty-image-bckgr {
    background: var(--bc6);
    border: var(--bc9) solid 1px;
    height: 160px;
}
.empty-image-light {
    background: var(--bc1);
    height: 160px;
}
.mgz-cover {
    width: 279px;
    float: left;
    display: block;
    margin: 0 0 0 0;
 /*   margin: 0 0 5px 10px;*/
    position: relative;
}

    .mgz-cover > img {
        width: 279px;
        height: 359px;
        filter: brightness(80%);
    }

        .mgz-cover > img:hover {
            filter: brightness(100%);
        }

    .mgz-cover:hover > .fr-menu-bottom {
        height: 38px;
    }
.mgz-cover-title-content {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 120px;
    /* other styles (left, top, right, and padding) */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), transparent);
}
.mgz-cover-title {
    color: #FFFFFF;
    position: absolute;
    font-size: 28px;
    line-height: 32px;
    height: 36px;
    top: 10px;
    left: 10px;
    right: 10px;
    text-decoration: none;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
}
.mgz-cover-type {
    color: #FFFFFF;
    position: absolute;
    font-size: 16px;
    top: 45px;
    left: 10px;
    text-decoration: none;
}
.mgz-cover-item-place {
    position: absolute;
    bottom: 20px;
    left:10px;
    right: 10px;
}
.mgz-cover-item {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
    margin: 10px 0 0 0;
    text-decoration: none;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
}
.tml-def-photo {
    height: 126px;
    width: 99px;
    object-fit: cover; 
    object-position: center; 
    border: 3px solid var(--bc3);
}
.tml-button {
    position: relative; /* Add 'position: relative' to the button to contain the pseudo-element */
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}

    .tml-button:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all 0.5s;
        box-shadow: 0 0 10px 15px var(--bc4);
    }

    .tml-button:active:after {
        box-shadow: 0 0 0 0 var(--bc6);
        /* Remove 'position: absolute; left: 0; top: 0;' from here */
        opacity: 1;
        transition: 0s;
    }
.pager_img {
    cursor: pointer;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    border-radius: 12px;
}
    .pager_img:active {
        border: solid 3px;
    }

.tmln-v-title {
    position: relative;
    height: 359px;
    width: 45px;
    float: left;
    background: var(--bc1);
    color: #AD0000;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
}

    .tmln-v-title > div {
        position: absolute;
        text-align: left;
        bottom: 10px;
        left: 47px;
        word-wrap: break-word;
        line-height: 45px;
        height: 45px;
        width: 359px;
        transform: rotate(-90deg);
        transform-origin: bottom left;
        text-decoration: none;
        color: #AD0000;
    }
.mgz-filt-capt {
    margin: 0 0 0 0;
    background: var(--bc7);
    color: var(--bc4);
    font-size: 16px;
    line-height: 20px;
    display: block;
    padding: 0 0 0 10px;
    height: 22px;
}
.wkw-top-btns {
    position: fixed;
    top: 0;
    min-height: 63px;
    width: 100%;
    background: var(--bc4);
    z-index: 5;
    border-bottom: solid var(--bc7) 5px;
}
.mgz-quatation {
    text-align: center;
    font-size: 32px;
    line-height: 1.15;
    font-style: italic;
    font-weight: 100;
    font-family: 'Times New Roman', 'Times, serif';
}
.oss-banner-3 {
    width: 285px;
    box-sizing: border-box;
    float: left;
    display: block;
    position: relative;
}

    .oss-banner-3 > img {
        width: 285px;
        height: 160px;
        filter: brightness(80%);
    }
.oss-banner-3-title {
    color: var(--bc9);
    width: 285px;
    position: relative;
    font-size: 16px;
    padding: 3px 0 3px 6px;
    text-decoration: none;
    box-sizing: border-box;
    font-weight: bold;
}
.oss-banner-3-descr {
    color: var(--bc9);
    width: 285px;
    position: relative;
    font-size: 14px;
    padding: 0 0 0 6px;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 17px;
}
.oss-banner-3-row {
    height: 160px;
    width: 570px;
    margin-bottom: 0;
    position: relative;
    display: block;
    margin: 0 0 0 0;
    float: none;
}

.mgz-usual-banner, .mgz-usual-banner:active, .mgz-usual-banner:hover, .mgz-usual-banner:visited, .mgz-usual-banner:link {
    width: 383px;
    height: 215px;
    float: left;
    display: inline-block;
    margin: 0 0 25px 10px;
    position: relative;
    text-decoration: none !important;
}

    .mgz-usual-banner > img {
        width: 383px;
        height: 215px;
    }
.mgz-thumb-banner, .mgz-thumb-banner:active, .mgz-thumb-banner:hover, .mgz-thumb-banner:visited, .mgz-thumb-banner:link {
    width: 175px;
    height: 98px;
    float: left;
    display: inline-block;
    margin: 0;
    /*margin: 0 0 25px 10px;*/
    position: relative;
    text-decoration: none !important;
}

    .mgz-thumb-banner > img {
        width: 175px;
        height: 98px;
    }
.del-pin {
    margin: -3px 10px 0 0;
}
.blck-del {
    background: #DF6D00;
    color: #FFF;
}
.info-highlight {
    color: #DF6D00
}
.pseuMenu {
    font-size: 24px !important;
    height: 48px;
    font: 400 36px/40px "Times New Roman", Times, serif;
    font-style: italic;
    /*font-weight: bold;*/
    text-align: left;
    text-decoration: none;
    display: block;
}
li.wb-sel-button {
    background: #DF6D00;
}
li.wb-sel-button.k-state-hover > span {
    color: #DF6D00 !important;
}
#MenuPseudo {
    display: block;
    font-size: 36px;
    font-family: "Times New Roman", Times, serif;
    font-stretch: 100%;
    font-style: italic;
    font-weight: 400;
    line-height: 40px;
    position: absolute;
    transform: translateY(0px);
}
.del-article-pin {
    position: absolute;
    top:10px;
    left:10px;
    background: #FFFFFF90;
    height: 24px;
    width:24px;
}
.mgz-info-capt {
    margin: 0 0 0 0;
    background: var(--bc7);
    color: var(--bc4);
    font-size: 16px;
    line-height: 30px;
    display: block;
    padding: 0 0 0 10px;
    height: 30px;
}
    .mgz-info-capt > span {
        margin: 0 25px 0 0;
    }
    .mgz-info-capt > span > img {
        margin: -3px 5px 0 0;
    }
.pin-list {
    margin: 0 0 25px 0;
}
.tmln_list {
    margin: 0 0 10px 10px;
    height: 359px;
    display: block;
}
.btn-checked {
    position: absolute;
    top:-7px;
    left:48px;
}
.btn-checked-div1, .btn-checked-div2 {
    position: absolute;
    top: -2px;
    right: -3px;
    background: var(--bc4);
}
.btn-checked-div1 {
    width: 17px;
    height: 10px;
}
.btn-checked-div2 {
    width: 10px;
    height: 24px;
}
.btn-checked-img {
    position: absolute;
    top: -2px;
    right: -8px;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black overlay */
    z-index: 999; /* make sure the overlay appears on top of other elements */
}
.statuss-cont {
    position: fixed;
    width: 400px;
    height: 160px;
    padding: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #F8F8F8;
    z-index: 1000; /* make sure the div appears on top of the overlay */
}

.pseudo-vcard {
    width: 285px;
    float: left;
    display: block;
    margin: 0 0 5px 10px;
    position: relative;
}

    .pseudo-vcard > img {
        width: 160px;
        height: 160px;
        filter: brightness(80%);
    }

        .pseudo-vcard > img:hover {
            filter: brightness(100%);
        }
.mgz-timeline-descr {
    color: var(--bc9);
    width: 220px;
    position: relative;
    font-size: 14px;
    padding: 0 0 0 6px;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 17px;
}

.mgz-group {
    border: solid 3px var(--bc5);
    border-radius: 15px;
    margin: 0 10px 10px -5px;
    padding: 3px 7px 12px 3px;
    width: 1050px;
    float: left;
    min-height: 58px;
}

    .mgz-group > legend {
        margin: -14px 0 0 20px;
        width: unset !important;
        padding: 0 5px 0 5px;
        border: none;
        font-size: 16px;
        font-weight: bold;
    }

.mgz-timeline-title {
    color: var(--bc9);
    width: 220px;
    position: relative;
    font-size: 16px;
    padding: 3px 0 3px 6px;
    text-decoration: none;
    box-sizing: border-box;
    font-weight: bold;
}

.mgz-timeline-article {
    width: 220px;
    box-sizing: border-box;
    float: left;
    display: block;
    position: relative;
}

    .mgz-timeline-article > img {
        width: 220px;
        height: 124px;
        filter: brightness(80%);
    }

.mgz-timeline-row {
    height: 124px;
    width: 440px;
    margin-bottom: 0;
    position: relative;
    display: block;
    margin: 0 0 0 0;
    float: none;
}

.box {
    overflow: hidden;
    padding: 0 0 0 100px
}

    .box ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative;
        transition: all 0.5s linear;
        top: 0;
    }

        .box ul:before {
            content: "";
            display: block;
            width: 0;
            height: 100%;
            border: 1px dashed var(--bc9);
            position: absolute;
            top: 0;
            left: 30px
        }

        .box ul li {
            margin: 0 60px;
            position: relative;
        }

.timeline-item {
    border-left: solid 10px;
    padding: 10px 10px;
    background: var(--bc3);
    color: #fff;
    border-radius: 10px;
    line-height: 20px;
    width: 464px;
}

.box ul li > span {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border: 1px solid var(--bc9);
    position: absolute;
    top: 0;
    left: -30px;
}

    .box ul li > span:before /*,.box ul li > span:after*/ {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: rgb(223, 109, 0);
        border: 2px solid var(--bc9);
        position: absolute;
        top: 35px;
        left: -4.5px;
    }


.box .title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px
}

.box .info:first-letter {
    text-transform: capitalize;
    line-height: 1.7
}

.box .name {
    margin-top: 10px;
    text-transform: capitalize;
    font-style: italic;
    text-align: right;
    margin-right: 20px
}


.box .time {
    position: absolute;
    left: -150px;
    color: var(--bc9);
    // font-weight: bold;
    font-size: 18px;
    top: 32px;
    // padding-left: 6px;
    // top: -16px;
}

.mgz-timeline-tagline {
    width: 100%;
    display: inline-block;
    overflow-wrap: break-word;
}

.mgz-timeline-tag, .mgz-timeline-sec, .mgz-timeline-aut {
    margin: 0px 2px 2px 2px;
    width: 100%;
    padding: 0px 4px;
    min-height: 24px;
    line-height: 24px;
    font-size: 18px;
    border-radius: 3px;
    float: left;
    flex: 0 1 auto;
    box-sizing: border-box;
    max-width: 150px;
    overflow: hidden;
}

.mgz-timeline-aut {
    color: #FFFFFF;
    background: rgb(223, 109, 0);
    border: solid 1px rgb(223, 109, 0);
}

.mgz-timeline-tag {
    color: var(--bc7);
    background: #FFFFFF;
    // color: #FFFFFF;
    border: solid 1px var(--bc7);
}

.mgz-timeline-sec {
    color: rgb(223, 109, 0);
    background: #FFFFFF;
    // color: #FFFFFF;
    border: solid 1px rgb(223, 109, 0);
}

.mgz-timeline-tag-del {
    margin: 0 -3px 0 -4px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    border-radius: 3px 0;
    float: left;
    flex: 0 1 auto;
    box-sizing: border-box;
    width: 24px;
    overflow: hidden;
    color: #FFFFFF;
    border: none;
    background: #FFFFFF
}


.mgz-timeline-sel {
    background-color: var(--bc1) !important;
}



.mgz-rhomb {
    margin: 25px auto;
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 4px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    position: relative;
    /* non-essential styling */
    -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05);
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05);
}

.mgz-au {
    font-size: 18px;
    line-height: 22px;
    margin: 3px 3px;
    text-align: center;
}

svg path {
    will-change: auto;
    stroke-width: 4px;
    stroke-miterlimit: round;
    transition: stroke-dashoffset 850ms ease-in-out;
}

.ref-item {
    //margin-left: -33px;
    border-left: solid 33px #859800; /* #C5D840;*/
    padding: 10px 10px;
    background: var(--bc3);
    color: #fff;
    border-radius: 10px;
    line-height: 20px;
    width: 494px;
}

.ref-capt {
    position: absolute;
    line-height: 24px;
    font-size: 18px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    white-space: nowrap;
    display: block;
    bottom: 0;
    height: 20px;
    bottom: 10px;
    left: -7px;
    transform-origin: bottom left;
}

.ref-place {
    display: block;
    position: relative;
    background-color: #FFFFFF !important;
    height: 122px;
    width: 441px;
    float: left;
}

.ref-bk-place {
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    height: 122px;
    width: 441px;
    overflow: hidden;
    background-color: #FFFFFF;
    /*  background-color: var(--bc4); */
}

.ref-place-sec {
    position: absolute;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: 122px;
    width: 441px;
}

.ref-place-text {
    position: absolute;
    left: 116px;
    top: 10px;
    right: 10px;
}

.ref-prf-image {
    background-color: rgb(88, 88, 88);
    display: block;
    margin: 13px 0 0 10px;
    width: 96px;
    height: 96px;
}

.ref-member-text {
    color: var(--bc8);
    //text-shadow: 0.07em 0 black, 0 0.07em black, -0.07em 0 black, 0 -0.07em black;
}




.mgz-search-row {
    height: 124px;
    width: 240px;
    margin-bottom: 0;
    position: relative;
    display: block;
    margin: 0 0 0 0;
    float: none;
}

.mgz-search-title {
    color: #FFFFFF;
    position: absolute;
    font-size: 16px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    text-decoration: none;
}

.search-item {
    padding: 10px 10px;
    background: var(--bc3);
    color: #fff;
    border-radius: 10px;
    line-height: 20px;
    width: 247px;
}

.col-timeline {
    box-sizing: border-box;
    text-align: left;
    width: 865px;
    max-width: 865px;
    margin: 0;
    padding: 10px;
    position: relative;
    display: block;
    float: left;
    background-color: var(--bc4);
    font-size: 16px;
    line-height: 22px;
}

.tml-h4 {
    box-sizing: border-box;
    color: rgb(88, 88, 88);
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 15px;
    line-height: 15.84px;
    margin: 10px 5px 5px 0px;
}

.tml-cover {
    height: 160px;
    float: left;
    display: block;
    margin: 0 0 5px 10px;
    position: relative;
    width: 124px;
}

    .tml-cover > img {
        filter: brightness(80%);
    }

        .tml-cover > img:hover {
            filter: brightness(100%);
        }

.tml-cover-title-content {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 53px;
    /* other styles (left, top, right, and padding) */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), transparent);
}

.tml-cover-title {
    color: #FFFFFF;
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    height: 16px;
    top: 4px;
    left: 4px;
    right: 4px;
    text-decoration: none;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
}

.tml-cover-type {
    color: #FFFFFF;
    position: absolute;
    font-size: 7px;
    top: 20px;
    left: 4px;
    text-decoration: none;
}

.mgz-cover-item-place {
    position: absolute;
    bottom: 8px;
    left: 4px;
    right: 4px;
}

.mgz-cover-item {
    color: #FFFFFF;
    font-size: 7px;
    line-height: 7px;
    margin: 4px 0 0 0;
    text-decoration: none;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
}

.li-banner {
    height: 400px;
}

.oss-button-bckr {
    background: rgb(218, 218, 218);
}

.mgz-ins-article {
    width: 546px;
    display: block;
    position: relative;
    margin: 0 0 5px 0;
}

    .mgz-ins-article > img {
        width: 546px;
        height: 306px;
        filter: brightness( 80%)
    }

        .mgz-ins-article > img:hover {
            filter: brightness(100%);
        }
.article-title {
    font: italic bold 48px/48px "Times New Roman", Times, serif;
    color: var(--bc8);
    text-align: left;
    margin: 10px 0 10px 0;
    overflow-wrap: break-word;
}
.article-h {
    font: italic bold 32px/32px "Times New Roman", Times, serif;
    color: var(--bc8);
    text-align: left;
    margin-top: 10px;
}
.article-text {
    font-size: 18px;
    line-height: 24px;
    text-align: left;
}

.article-text p, .article-text ul {
    margin: 0 0 15px 0;
    text-align: left;
}

    .article-text li, .article-modi-btn li {
        list-style-type: square;
    }

.article-block {
    margin-top: 10px;
    position: relative;
    overflow-wrap: break-word;
}
.bottom-background {
    background-image: -ms-linear-gradient(top, var(--bc8) 0%, var(--bc8) 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, var(--bc8) 0%, var(--bc8) 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, var(--bc8) 0%, var(--bc8) 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--bc8)), color-stop(1, var(--bc8)));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, var(--bc8) 0%, var(--bc8) 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, var(--bc8) 0%, var(--bc8) 100%);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: white;
}
.bottom-container {
    width: 1170px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    line-height: 1.7;
}
.bottom-column {
    width: 292px; /* Each column takes up 25% of the table width */
    padding: 10px;
}
.bottom-h4 {
    margin: 25px 0 7px 0 !important;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
.bottom-column > p {
    margin: 4px 0 4px 0;
}
.bottom-column > a, .bottom-column > a:active, .bottom-column > a:link, .bottom-column > a:visited {
    margin: 4px 0 4px 0;
    color: white;
    text-decoration: none;
    width:100%;
    display: block;
} 
.bottom-hr {
    margin: 0 0 10px 0;
    color: white;
    background: none;
    border-bottom: 1px solid white;
    height: 1px;
}
.bottom-menu {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

    .bottom-menu > a, .bottom-menu > a:active, .bottom-menu > a:link, .bottom-menu > a:visited {
        margin: 0 14px 0 14px ;
        color: white;
        text-decoration: none;
    } 
.pager-all {
    color: #FFF;
    font-size: 16px;
    line-height: 16px;
    float: left;
    margin-left: 30px;
}
.oss-h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    text-align: center;
}
.oss-sect-btn {
    margin: 0 0 0 5px;
}
.oss-gr-sect {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
}
.oss-gr-sect:focus, .oss-gr-sect.k-state-focused {
    border-color: #dadada;
}

.oss-gr-sect:hover, .oss-gr-sect.k-state-hover {
    color: #fff;
    border-color: var(--bc5);
    background-color: var(--bc5);
}

.oss-gr-sect:active, .oss-gr-sect.k-state-active {
    color: #fff;
    background-color: var(--bc5);
    border-color: var(--bc5);
}

    .oss-gr-sect:active:hover, .oss-gr-sect.k-state-active:hover {
        color: #fff;
        border-color: var(--bc5);
        background-color: var(--bc5);
    }

.oss-gr-sect[disabled], .oss-gr-sect.k-state-disabled, .k-state-disabled .oss-gr-sect, .k-state-disabled .oss-gr-sect:hover, .oss-gr-sect.k-state-disabled:hover, .k-state-disabled .oss-gr-sect:active, .oss-gr-sect.k-state-disabled:active {
    color: #ccc;
    border-color: #e5e5e5;
    background-color: #fff;
    background-image: none;
}

.oss-gr-sect:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 0 1px var(--bc5);
    box-shadow: inset 0 0 0 1px var(--bc5);
}
.user-row {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.flex-between {
    display: flex;
    justify-content: space-between;
}
.flex-row {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.user-avatar .avatar-img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.user-btns {
    flex: 1 1 0px;
    width: 0;
    padding: 0 3px;
}

.user-name {
    flex: 1 1 0px;
    width: 0;
    padding: 5px 10px;
}

.user-other {
    flex: 1 1 0px;
    width: 0;
    padding: 18px 10px;
}
.user-caption {
    flex: 1 1 0px;
    width: 0;
    padding: 17px 10px 0 10px;
}
.avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #0078D4;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
}
.red-center-button {
    background-color: rgb(217, 102, 0);
    border-bottom-color: rgb(217, 102, 0);
    color: rgb(255, 255, 255);
    cursor pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
    font-size: 13px ;
    height: 22px;
    line-height: 22px;
    margin: 0 4px 4px 0; 
    padding: 2px 7px 2px 7px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.banner-title {
    background: rgba(1,1,1,0.5);
    color: white;
    font-size: 22px;
    line-height: 22px;
}
.banner-descr {
    background: rgba(1,1,1,0.5);
    color: white;
    font-size: 16px;
    line-height: 22px;
}
@media print {
    .hide-on-print,
    a::after {
        display: none !important;
    }
 }
.highlight {
    background-color: yellow; /* Background color for highlighting */
    color: black; /* Text color for highlighted text */
    font-weight: bold; /* Optionally, make the highlighted text bold */
}
.article-block-w-banner {
    display: flex;
    justify-content: space-between;
}
.counter-round {
     min-width: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: #0078D4;
    color: white;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 12px 12px;
}

.adv-wiz-col {
    box-sizing: border-box;
    text-align: left;
    width: 585px;
    max-width: 585px;
    margin: 0;
    padding: 10px;
    position: relative;
    display: block;
    float: left;
    background-color: var(--bc4);
    font-size: 16px;
    line-height: 22px;
}

.adv-wiz-pho {
    border-bottom: solid 1px var(--bc2);
    width: 562px;
    margin: 0 0 3px 0 !important;
    display: block;
    padding: 0px;
}
.sel-fieldset {
    border: solid 3px #E38D40 !important;

}
.wizard-modi-capt {
    margin-top: 15px;
    color: var(--bc8);
}
.image-left-button, .image-left-button:active, .image-left-button:link, .image-left-button:visited {
    height: 48px !important;
    display: table-cell !important;
    vertical-align: middle !important;
    line-height: 48px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid var(--bc5);
    padding-right: 8px;
}
    .image-left-button > img {
        float: left;
        margin: 12px 6px 12px 8px;
    }
.image-right-button, .image-right-button:active, .image-right-button:link, .image-right-button:visited {
    height: 48px !important;
    display: table-cell !important;
    vertical-align: middle !important;
    line-height: 48px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid var(--bc5);
    padding-left: 8px;
}

    .image-right-button > img {
        float: right;
        margin: 12px 8px 12px 6px;
    }
.fill-manag-button, .fill-manag-button:active, .fill-manag-button:link, .fill-manag-button:visited {
    background-color: #DF6D00;
    color: white;
}
.sqwr-list-item {
    width: 285px;
    height: 160px;
    float: left;
    display: block;
    margin: 0 0 5px 10px;
    position: relative;
}

    .sqwr-list-item > .profile-img {
        width: 160px;
        height: 160px;
        filter: brightness(80%);
    }

        .sqwr-list-item > .profile-img:hover {
            filter: brightness(100%);
        }
    .sqwr-list-item:hover > .fr-menu-bottom {
        height: 38px;
    }
.sqwr-list-item > .cnt-user {
    position: absolute;
    right: 60px;
    top: 5px;
    height:70px;
    width: 70px;        
}
    .sqwr-list-item > .cnt-art {
        position: absolute;
        right: 70px;
        bottom: 25px;
        height: 50px;
        width: 50px;
    }
    .sqwr-list-item > .cnt-user-n {
        position: absolute;
        left: 218px;
        top: 12px;
        background-color: #859800;
    }
    .sqwr-list-item > .cnt-art-n {
        position: absolute;
        left: 218px;
        bottom: 23px;
        background-color: #DF6D00;
    }
.sqwr-list-item-title {
    color: #FFFFFF;
    width: 140px;
    position: absolute;
    font-size: 18px;
    bottom: 22px;
    left: 10px;
    text-decoration: none;
}
.help-banner-text {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
}
.region-tree {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    width:100%;
    margin: 0;
}
.flex-row-label {
    width: 100%;
    display: flex;
    margin-top: 5px;
}
    .flex-row-label > label {
        flex: 1 1 0px;
        text-align: left;
        padding-top: 7px;
    }
.monospace {
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}
.wizard-hd {
    max-height: 36px;
    overflow: hidden;
    /* Add expand symbol */
}

.wizard-hd > h3 {
    background-image: url('/Content/Images/Expand.png') !important;
}
    .wizard-ex > h3 {
        background-image: url('/Content/Images/Collapse.png') !important;
    }
.wizard-cont {
    width: 400px;
    text-align: center;
    background: var(--bc3);
    padding: 8px 10px 8px 10px;
    margin-top: 10px;
}
.wizard-cont > h3 {
    padding-left: 25px;
    margin-left: 0 !important;
    background-repeat: no-repeat;
    background-position: left top;
}
.visit-button-txt, .visit-button-txt:active, .visit-button-txt:link, .visit-button-txt:visited {
    text-decoration: none;
    display: inline-block;
    height: 48px;
    width: 48px;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    margin: 3px;
    border: 1px solid var(--bc5);
    overflow: hidden;
}

    .visit-button-txt:hover {
        background-color: var(--bc5);
        text-decoration: none;
    }
    .large-select-button
{
        width: 100%;
        height: 35px; line-height: 35px;
        padding: 0 25px 0 25px;
        margin: 5px 0 5px 0;
}
.report-col-sum {
    flex: 0 1 150px;
    padding: 0 10px;
    text-align: right;
}
.report-col-date {
    flex: 0 1 150px;
    padding: 0 10px;
    text-align: left;
}
.report-col {
    flex: 1 1 10px;
    padding: 0 10px;
    text-align: left;
}
.link-h:hover {
    color: #D96600;
}

.quote-grid-container {
    content: none;
    margin: 10px 0 0 0;
    width: 1170px;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
    gap: 10px; /* Space between grid items */
}

.mgz-quote-article {
    box-sizing: border-box;
    width: 383px;
    height: 215px;
    margin: 0;
    position: relative;
    text-decoration: none !important;
    overflow: hidden; /* Ensures that overflow content is clipped */
}

.mgz-quote-text {
    position: absolute;
    top: 15px; /* Margin from top */
    bottom: 15px; /* Margin from bottom */
    left: 15px; /* Margin from left */
    right: 15px; /* Margin from right */
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Justify text horizontally */
    color: white; /* Text color */
    text-align: center; /* Center text horizontally */
    overflow-wrap: break-word; /* Handle long words */
    font-size: 26px;
    text-decoration: none;
}

.mgz-quote-img {
    width: 383px;
    height: 215px;
    object-fit: cover;
    object-position: center;
    background: var(--bc0);
}


.write-button, .write-button:active, .write-button:link, .write-button:visited {
    height: 48px !important;
    display: table-cell !important;
    vertical-align: middle !important;
    border: none;
    padding-right: 8px;
    position: relative;
}

    .write-button > img {
        float: left;
        margin: 0 6px 0 8px;
    }

    .write-button > div {
        line-height: 24px;
        margin-top: 14px;
        font-size: 28px;
        float: right;
    }
.mgz-third-title {
    color: #FFFFFF;
    position: absolute;
    font-size: 20px;
    line-height: 22px;
    bottom: 22px;
    left: 10px;
    text-decoration: none;
}
.docs-list {
    display: inline-block;
    margin: 0;
    font-size: 16px;
}
.code-mono {
    font-family: 'Courier New', monospace;
    font-size:18px;
    font-weight: bold;
    width: 150px;
    margin: 0 15px 0 0;
}

.tml-image-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
    user-select: none;
}

    .tml-image-container img {
        vertical-align: middle;
        height: 1em; /* matches text height */
        width: auto;
    }

    .tml-image-container::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all 0.5s;
        box-shadow: 0 0 10px 15px var(--bc4);
        pointer-events: none;
    }

    .tml-image-container:active::after {
        box-shadow: 0 0 0 0 var(--bc6);
        opacity: 1;
        transition: 0s;
    }
 .div-h4-center {
     font-size: 18px;
     text-align: center;
 }
.tmln-image {
    width: 279px;
    height: 359px;
    object-fit: cover;
    object-position: center;
}
.flex-container {
    display: flex;
    width: 1220px;
    gap: 0;
    margin: 0 auto 20px auto; /* Added spacing between container rows */
}

.flex-column {
    padding: 0;
}

.column-1 {
    width: 25%;
}

.column-2 {
    width: 50%;
}

.featured-article {
    position: relative;
    width: 582px;
    height: 630px;
    display: block;
    text-decoration: none;
    color: #000000;
    margin: 0 auto;
}

.featured-image {
    position: relative;
    width: 580px;
    height: 325px;
    margin-left: 2px;
    overflow: hidden;
}

    .featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.featured-content {
    position: relative;
    width: 548px;
    height: 288px;
    margin: 17px 18px;
    color: #000000;
    text-decoration: none;
    overflow: hidden;
}

.featured-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 12px;
    overflow: hidden;
}

.featured-description {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    overflow: hidden;
}

.mgz-article-card {
    box-sizing: border-box;
    position: relative;
    width: 292px;
    height: 315px;
    border: 1px solid #FFFFFF;
    display: block;
    text-decoration: none;
    overflow: hidden;
    color: #000000;
    margin: 0 auto; /* Center in column */
    margin-bottom: 10px; /* Added spacing between cards */
}

.mgz-article-image {
    position: relative;
    width: 285px;
    height: 160px;
    margin-left: 7px;
    overflow: hidden;
}

    .mgz-article-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.mgz-article-content {
    position: relative;
    width: 285px;
    padding: 8px 16px 0 16px;
    height: 155px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.mgz-article-title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 8px;
    overflow: hidden;
}

.mgz-article-description {
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
}

.mgz-article3-card {
    box-sizing: border-box;
    position: relative;
    width: 292px;
    height: 375px;
    border: 1px solid #FFFFFF;
    display: block;
    text-decoration: none;
    overflow: hidden;
    color: #000000;
    margin: 0 auto; /* Center in column */
    margin-bottom: 10px; /* Added spacing between cards */
}

.mgz-article3-incard, .mgz-article3-sect {
    text-decoration: none;
    overflow: hidden;
    color: #000000;
}

.mgz-article3-sect {
    line-height: 24px;
    font-size: 18px;
    width: 100%;
    margin-left: 10px;
}

.other-article-list {
    display: flex;
    width: 1220px;
    gap: 0;
    margin: 0 auto 20px auto; /* Added spacing between container rows */
    flex-wrap: wrap
}

/* Remove default link styling for all article cards */
.mgz-article-card,
.featured-article,
.mgz-article3-incard,
.mgz-article3-sect {
    text-decoration: none; /* Removes underline */
    color: inherit; /* Uses parent text color instead of link color */
    outline: none; /* Removes outline on focus */
}

    /* Maintain the removal of link styling on all states */
    .mgz-article-card:hover,
    .mgz-article-card:visited,
    .mgz-article-card:active,
    .mgz-article-card:focus,
    .featured-article:hover,
    .featured-article:visited,
    .featured-article:active,
    .featured-article:focus,
    .mgz-article3-incard:hover,
    .mgz-article3-incard:visited,
    .mgz-article3-incard:active,
    .mgz-article3-incard:focus,
    .mgz-article3-sect:hover,
    .mgz-article3-sect:visited,
    .mgz-article3-sect:active,
    .mgz-article3-sect:focus {
        text-decoration: none;
        color: inherit;
    }

/* Image zoom effect for all card types */
.mgz-article-image,
.featured-image {
    overflow: hidden; /* Contains the zoomed image */
}

    .mgz-article-image img,
    .featured-image img {
        transition: transform 0.5s ease; /* Smooth zoom transition */
    }

.mgz-article-card:hover .mgz-article-image img,
.mgz-article3-incard:hover .mgz-article-image img,
.featured-article:hover .featured-image img {
    transform: scale(1.05); /* Subtle zoom on hover */
}

/* 3. Title Underline Animation */
.mgz-article-title,
.featured-title {
    position: relative;
}

    .mgz-article-title::after, .featured-title::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: -4px;
        left: 0;
        background-color: #000000;
        transition: width 0.3s ease;
    }

.mgz-article-card:hover .mgz-article-title::after,
.mgz-article3-incard:hover .mgz-article-title::after,
.featured-article:hover .featured-title::after {
    width: 100%;
}

.tag-cloud {
    width: 100%;
    background: var(--bc9);
    margin: 0 10px;
}

.tag-cloud-container {
    position: relative;
    width: 1220px;
    height: 200px;
    overflow: hidden;
    text-align: center;
    margin: 20px auto 20px auto;
}



.tag-item {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

    .tag-item:hover {
        color: #ffffff;
        transform: scale(1.15) rotate(0deg) !important;
        background-color: rgba(255, 255, 255, 0.15);
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
        z-index: 100;
    }

.btn-unav {
    color: var(--bc3) !important;
    cursor: pointer;
}

.algn-middle {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 230px;
    width: 100%;
}
.private-mark, .main-mark, .draft-mark {
    color: white;
    font-size: 22px;
    height: 206px;
    width: 55px;
    text-align: center;
    text-orientation: upright;
    writing-mode: vertical-lr;
    position: absolute;
    right: 0;
    z-index: 2;
    font-weight: bold;
    padding-left: 12px ;
}

.private-mark {
    top: 0;
    background: #dc3545;
}
.main-mark {
    top: 0;
    background: var( --bc7);
}
.draft-mark {
    bottom: 0;
    background: #859800;
}
.accept-mark, .ntcept-mark {
     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #28a745;
    color: #fff;
    padding: 5px 10px;
    font-size: 22px;
    font-weight: bold;
    opacity: 0; 
    z-index: 3;
    width: 100%;
    text-align: center;
    transition: opacity 0.3s ease; /* Fade in/out */
}
.accept-mark, .ntcept-mark {
    background: #28a745;
}
.ntcept-mark {
    background: #dc3545;
}
    .accept-mark.visible, .ntcept-mark.visible {
        opacity: 1; /* Shown when active */
    }
.profile-image-square {
    margin: 0;
    border-width: 0;
    max-width: 180px;
    max-height: 180px;
    border-width: 3px;
    border: solid;
    border-color: var(--bc7);
    line-height: 20px;
}
.author-card {
    display: flex; /* Align photo and name side by side */
    align-items: center; /* Vertically center content */
    height: 50px; /* Total height */
    padding: 5px; /* Small padding */
    background: #ffffff; /* White background */
    border: 1px solid #e0e0e0; /* Subtle border */
    border-radius: 8px; /* Rounded card edges */
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Light shadow for depth */
    margin: 0 10px 10px 0;
}

.author-photo {
    width: 40px; /* Square size for round photo */
    height: 40px;
    overflow: hidden;
    border-radius: 50%; /* Circular shape */
    margin-right: 10px; /* Space between photo and name */
    background: #f5f5f5; /* Fallback for small images */
}

    .author-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Crops image to fill circle */
        object-position: center; /* Centers the image */
    }

.author-name {
    font-size: 14px; /* Readable size */
    font-weight: 500; /* Medium weight */
    color: #333; /* Dark gray text */
    white-space: nowrap; /* No wrapping */
    margin-right: 10px;
}

.oss-hl-bckgr {
    color: white;
    background: rgb(223, 109, 0);
}

.list-item {
    position: relative;
}