
/********************************************************************************
  *
  *     Filename:        base.css
  *     Description:     Oxwall Showcase Theme Base CSS File
  *     Version:         1.0.0
  *
  *     -- FILE STRUCTURE: --
  *
  *     [ 1] CSS Defaults Reset          __reset
  *     [ 2] Base Elements               __base
  *     [ 3] Masterpage & Page Layout    __layout
  *     [ 4] Forms                       __forms
  *     [ 5] Common Blocks               __blocks
  *     [ 6] Standard Listings           __listings
  *     [ 7] Tables                      __tables
  *     [ 8] Messages & Notifications    __messages
  *     [ 9] Thumbnails & Icons          __icons
  *     [10] Menus                       __menus
  *     [11] Pagination                  __pagination
  *     [12] Typography                  __typography
  *     [13] Misc                        __misc
  *     [14] Clearfix                    __clearfix
  *     [15] Plugin Styles               __plugins
  *     [16] Admin Styles                __admin
  *
  *
 ********************************************************************************/

/*========================================================
        [1] CSS Defaults Reset      __reset
  ========================================================*/

/** 
@font-face {
    font-family: "GenSenRounded";
    src: url("fonts/GenSenRounded-R.woff2?v=1") format("woff2");
}
  
@font-face {
    font-family: "GenSenRounded";
    src: url("fonts/GenSenRounded-R.woff2?v=1") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GenSenRounded";
    src: url("fonts/GenSenRounded-H.woff2?v=1") format("woff2");
    font-weight: 800;
    font-style: normal;
}
  
@font-face {
    font-family: "GenSenRounded";
    src: url("fonts/GenSenRounded-B.woff2?v=1") format("woff2");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "GenSenRounded";
    src: url("fonts/GenSenRounded-M.woff2?v=1") format("woff2");
    font-weight: 500;
    font-style: normal;
}
  
@font-face {
    font-family: "GenSenRounded";
    src: url("fonts/GenSenRounded-L.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}
**/

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
  
 :root{
    --bodyBackgroundColor: #fcf9ee;
    --contentBackgroundColor: #F1F2E1;
    --blackTextColor: rgb(10, 11, 13);
    --blackButtonColor: #23242a;
    --primaryButtonColor: #3B7864;
    --primaryButtonHoverColor: #46957d;
    --contentTextColor:#232527;
    --secondaryTextColor: #737373;
    --contentTextColorLight: #53565a;
    --themeTextColor: #3B7864;
    --themeBorderColor: #BBCEBC;
    --menuHoverColor: #f2f4f5;
    --highlightColor: #F6E66E;
    --highlightHoverColor: #c1a52e;
    --hoverOpacity: .7;
    --hoverScale: 1.15;
    --hoverScaleLess: 0.895;
    --urlColor: #3B7864;
    --boxBorderColor: #c6d2dc;
    --boxShadow: 0 0px 4px rgba(0, 0, 0, 0.3);
    --p-font-family: "Noto Sans TC", Inter, sans-serif, Roboto, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", "Helvetica Neue";
    --p-font-size-275: 0.6875rem;
    --p-font-size-300: 0.75rem;
    --p-font-size-325: 0.8125rem;
    --p-font-size-350: 0.875rem;
    --p-font-size-400: 1rem;
    --p-font-size-500: 1.25rem;
    --p-font-size-600: 1.5rem;
    --p-font-size-750: 1.875rem;
    --p-font-size-900: 2.25rem;
    --p-font-size-1000: 2.5rem;
    --p-font-weight-regular: 450;
    --p-font-weight-medium: 550;
    --p-font-weight-semibold: 650;
    --p-font-weight-bold: 700;
    --p-font-letter-spacing-densest: -0.03375rem;
    --p-font-letter-spacing-denser: -0.01875rem;
    --p-font-letter-spacing-dense: -0.0125rem;
    --p-font-letter-spacing-normal: 0rem;
    --p-font-line-height-300: 0.75rem;
    --p-font-line-height-400: 1rem;
    --p-font-line-height-500: 1.25rem;
    --p-font-line-height-600: 1.5rem;
    --p-font-line-height-700: 1.75rem;
    --p-font-line-height-800: 2rem;
    --p-font-line-height-1000: 2.5rem;
    --p-font-line-height-1200: 3rem;
    --p-height-0: 0rem;
    --p-height-025: 0.0625rem;
    --p-height-050: 0.125rem;
    --p-height-100: 0.25rem;
    --p-height-150: 0.375rem;
    --p-height-200: 0.5rem;
    --p-height-300: 0.75rem;
    --p-height-400: 1rem;
    --p-height-500: 1.25rem;
    --p-height-600: 1.5rem;
    --p-height-700: 1.75rem;
    --p-height-800: 2rem;
    --p-height-900: 2.25rem;
    --p-height-1000: 2.5rem;
    --p-height-1200: 3rem;
    --p-height-1600: 4rem;
    --p-height-2000: 5rem;
    --p-height-2400: 6rem;
    --p-height-2800: 7rem;
    --p-height-3200: 8rem;
    --p-space-0: 0rem;
    --p-space-025: 0.0625rem;
    --p-space-050: 0.125rem;
    --p-space-100: 0.25rem;
    --p-space-150: 0.375rem;
    --p-space-200: 0.5rem;
    --p-space-300: 0.75rem;
    --p-space-400: 1rem;
    --p-space-500: 1.25rem;
    --p-space-600: 1.5rem;
    --p-space-800: 2rem;
    --p-space-1000: 2.5rem;
    --p-space-1200: 3rem;
    --p-space-1600: 4rem;
    --p-space-2000: 5rem;
    --p-space-2400: 6rem;
    --p-space-2800: 7rem;
    --p-space-3200: 8rem;
    --p-space-button-group-gap: var(--p-space-200);
    --p-space-card-gap: var(--p-space-400);
    --p-space-card-padding: var(--p-space-400);
    --p-space-table-cell-padding: var(--p-space-150);
    --p-text-heading-3xl-font-family: var(--p-font-family-sans);
    --p-text-heading-3xl-font-size: var(--p-font-size-900);
    --p-text-heading-3xl-font-weight: var(--p-font-weight-bold);
    --p-text-heading-3xl-font-letter-spacing: var(--p-font-letter-spacing-densest);
    --p-text-heading-3xl-font-line-height: var(--p-font-line-height-1200);
    --p-text-heading-2xl-font-family: var(--p-font-family-sans);
    --p-text-heading-2xl-font-size: var(--p-font-size-750);
    --p-text-heading-2xl-font-weight: var(--p-font-weight-bold);
    --p-text-heading-2xl-font-letter-spacing: var(--p-font-letter-spacing-denser);
    --p-text-heading-2xl-font-line-height: var(--p-font-line-height-1000);
    --p-text-heading-xl-font-family: var(--p-font-family-sans);
    --p-text-heading-xl-font-size: var(--p-font-size-600);
    --p-text-heading-xl-font-weight: var(--p-font-weight-bold);
    --p-text-heading-xl-font-letter-spacing: var(--p-font-letter-spacing-dense);
    --p-text-heading-xl-font-line-height: var(--p-font-line-height-800);
    --p-text-heading-lg-font-family: var(--p-font-family-sans);
    --p-text-heading-lg-font-size: var(--p-font-size-500);
    --p-text-heading-lg-font-weight: var(--p-font-weight-semibold);
    --p-text-heading-lg-font-letter-spacing: var(--p-font-letter-spacing-dense);
    --p-text-heading-lg-font-line-height: var(--p-font-line-height-600);
    --p-text-heading-md-font-family: var(--p-font-family-sans);
    --p-text-heading-md-font-size: var(--p-font-size-350);
    --p-text-heading-md-font-weight: var(--p-font-weight-semibold);
    --p-text-heading-md-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-heading-md-font-line-height: var(--p-font-line-height-500);
    --p-text-heading-sm-font-family: var(--p-font-family-sans);
    --p-text-heading-sm-font-size: var(--p-font-size-325);
    --p-text-heading-sm-font-weight: var(--p-font-weight-semibold);
    --p-text-heading-sm-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-heading-sm-font-line-height: var(--p-font-line-height-500);
    --p-text-body-lg-font-family: var(--p-font-family-sans);
    --p-text-body-lg-font-size: var(--p-font-size-350);
    --p-text-body-lg-font-weight: var(--p-font-weight-regular);
    --p-text-body-lg-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-body-lg-font-line-height: var(--p-font-line-height-500);
    --p-text-body-md-font-family: var(--p-font-family-sans);
    --p-text-body-md-font-size: var(--p-font-size-325);
    --p-text-body-md-font-weight: var(--p-font-weight-regular);
    --p-text-body-md-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-body-md-font-line-height: var(--p-font-line-height-500);
    --p-text-body-sm-font-family: var(--p-font-family-sans);
    --p-text-body-sm-font-size: var(--p-font-size-300);
    --p-text-body-sm-font-weight: var(--p-font-weight-regular);
    --p-text-body-sm-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-body-sm-font-line-height: var(--p-font-line-height-400);
    --p-text-body-xs-font-family: var(--p-font-family-sans);
    --p-text-body-xs-font-size: var(--p-font-size-275);
    --p-text-body-xs-font-weight: var(--p-font-weight-regular);
    --p-text-body-xs-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-body-xs-font-line-height: var(--p-font-line-height-300);
    --pet-theme-color-0: #fff1e6;
    --pet-theme-color-0-highlight: rgb(255 229 160);
    --pet-theme-color-0-highlight-x: rgb(255 193 27);
    --pet-theme-color-1: #e6ffee;
    --pet-theme-color-1-highlight: rgb(160 255 190);
    --pet-theme-color-1-highlight-x: rgb(52 208 101);
    --pet-theme-color-2: #e6f6ff;
    --pet-theme-color-2-highlight: rgb(160 223 255);
    --pet-theme-color-2-highlight-x: rgb(59 189 255);
    --pet-theme-color-3: #ffe6e6;
    --pet-theme-color-3-highlight: rgb(248 160 255);
    --pet-theme-color-3-highlight-x: rgb(245 118 255);
    --pet-theme-color-menu-label: #3B7864;
}

  
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/** body{
    font-feature-settings: "calt" 0;
    font-family: var(--p-font-family);
    font-size: var(--p-font-size-325);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: normal;
    line-height: var(--p-font-line-height-500);
    color: var(--contentTextColor);
} **/

body{    
    font-feature-settings: "calt" 0;
    font-family: var(--p-font-family);
    font-size: var(--p-font-size-350);
    letter-spacing: normal;
    line-height: var(--p-font-line-height-500);
    color: #232527;
}


ol, ul{
    list-style: none; 
    margin-bottom: 4px;
}


body#tinymce.mce-content-body{
    background-color: transparent;
    padding: 14px;
    box-sizing: border-box;
    cursor: text;
    
}

.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{
    margin-top: 0;
    width: 90%;
    padding-left: 14px;
    padding-top: 3px;
    box-sizing: border-box;
    height: calc(100% - 24px);
    color: #999999;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .15em;
}

.mce-content-body ol{
    list-style-type: decimal;
}

.mce-content-body ul{
    list-style-type: initial;
}

.mce-content-body ol, .mce-content-body ul{
    list-style-position: inside;
    font-size: 1em;
    line-height: 36px;
    letter-spacing: 0.15em;
}


.mce-content-body p{
    line-height: 36px;
    font-size: 1.285em;
    letter-spacing: 0.15em;
}

.mce-content-body p:empty{
    
}

.mce-content-body p br{
    line-height: 1;
}

.mce-content-body img{
    max-width: 80%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 0.3em;
}

blockquote, q{
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after{
    content: '';
    content: none;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}

/* remember to define focus styles! */
:focus{
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins{
    text-decoration: none;
}

del{
    text-decoration: line-through;
}

/*========================================================
        [2] Base Elements       __base
  ========================================================*/
body {
    background-color: #f0f0f0; /** OW_Control type:color, section:1. General Settings, key:bodyColor, label:1. Page background color **/    
}

body, html {
    height: 100%;
    min-width: auto;
}

a {
    color: var(--urlColor);
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

a:hover img{
    text-decoration: none;
}

a.button, .ow_content a.button{
    display: inline-block;
    background-color: white;
    background-repeat: no-repeat;
    padding: 7px 20px;
    width: auto;
    color: white;
    border-radius: 50px;
    background-position: calc(100% - 10px) center;
    color: var(--blackTextColor);
    text-decoration: none;
    border: 1px solid var(--boxBorderColor);
    transition: .3s;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 1.14em;
}

a.button.smaller{
    padding: 4px 10px;
}

a.button.taller{
    padding: 16px 36px;
}

a.button:hover, .ow_content a.button:hover{
    background-color: var(--menuHoverColor);
}

a.button.secondary.hover_flip span{
    display: block;
    transition: .3s;
}

a.button.hover_flip:hover, .ow_content a.button.hover_flip:hover{
    opacity: var(--hoverOpacity);
    background-color: var(--primaryButtonColor);
    border: 2px solid var(--primaryButtonColor);
}

a.button.secondary.hover_flip:hover span, .ow_content a.button.secondary.hover_flip:hover span{
    scale: var(--hoverScaleLess);
    color: white;
}

a.button.primary{
    background-color: var(--primaryButtonColor);
    border: 1px solid var(--primaryButtonColor);
    color: white;
}

a.button.primary:hover{
    background-color: var(--primaryButtonHoverColor);
}

a.button.with_icon{
    padding-right: 34px;
}

a.button.with_icon_left{
    padding-left: 44px;
    background-position: 10px center;
}

a.button.float{
    padding: 0;
    width: 56px;
    height: 56px;
    background-position: center;
    background-size: 26px;
}

a.button.secondary{
    border: 2px solid var(--primaryButtonColor);
    color: var(--primaryButtonColor);
    background-color: transparent;
}

a.button.secondary.fill_white{
    background-color: white;
}

a.button.secondary.active, a.button.secondary.fill_white.active,
a.button.secondary:hover, a.button.secondary.fill_white:hover{
    background-color: var(--highlightColor);
}

a.button.secondary.arrow_left{
    background-image: url(images/icon/ic_arrow_left_green_line.svg);
}

a.button.secondary.arrow_left:hover{
    scale: var(--hoverScale);
}

a.button.secondary.arrow_right{
    background-image: url(images/icon/ic_arrow_right_green_line.svg);
}

a.button.secondary.arrow_right:hover{
    scale: var(--hoverScale);
}

a.button.circle{
    height: 50px;
    width: 50px;
    box-sizing: border-box;
    padding: 0;
    background-position: center;
}

a.button.with_icon_left.transform{
    background-position: 9px center;
    padding: 0;
    height: 42px;
    width: 42px;
    color: var(--themeTextColor);
    overflow: hidden;
}

a.button.with_icon_left.transform span{
    padding-left: 56px;
    display: block;
    height: 100%;
    line-height: 42px;
    width: max-content;
    transition: .2s;
}

a.button.with_icon_left.transform.with_label{
    margin-right: 96px;
    overflow: visible;
}
    

a.button.with_icon_left.transform:hover{
    background-position: 16px center;
    width: 138px;
    margin-right: 0;
    color: white;
}

a.button.with_icon_left.transform:hover span{
    padding-left: 48px;
}

p{
    text-indent: 0;
    margin-bottom: 4px;
    word-break: break-word;
}

h1, h2, h3, h4, h5{
    color: #000; 
    margin: 0;
    padding: 0;
    font-weight: var(--p-font-weight-bold);
    line-height: 1.2;
}

h1, .heading{
    font-size: 1.6em;
    padding-left: 0px;
    color: var(--blackTextColor);
    margin-left: 0px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    font-weight: var(--p-font-weight-bold);
}

.stylish_h3, .ow_dnd_widget .ow_box_cap_body{
    width: fit-content;
    background-color: var(--themeTextColor);
    border-radius: 50px;
    padding: 4px;
    display: inline-block;
}

.stylish_h3 h3, .ow_dnd_widget .ow_box_cap_body h3{
    color: white;
    display: inline-block;
    padding-bottom: 0;
    padding: 8px 22px;
    border: 1px solid white;
    border-radius: 50px;
    border-style: dashed;
    font-size: 1.1em;
    letter-spacing: 4px;
}

.backable_heading_block a.back_button.button{
    padding: 0;
    width: 40px;
    height: 40px;
    rotate: 180deg;
    background-size: 28px;
    background-position: center;
    margin-right: 7px;
}

.backable_heading_block h2{
    max-width: calc(100% - 53px);
    font-size: 1.6em;
    padding-bottom: 0;
}

.heading_block_el{
    margin-bottom: 20px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}

.heading_block_el .heading{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.heading_block_el .heading.ic_arrow_right_black{
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
}

.heading_block_el.icon_button{
    margin-right: 8px;
}

.backable_bottom_block{
    position: relative;
    text-align: center;
}

.backable_bottom_block .backable_bottom_block_el{
    display: inline-block;
    vertical-align: middle;
}

.backable_bottom_block .backable_bottom_block_el.text_button{
    margin-left: 10px;
    color: var(--blackButtonColor);
    font-size: 2.1em;
    font-family: Merriweather;
    letter-spacing: 4px;
    line-height: 1;
    text-decoration: none;
    font-weight: 600;
}


.content_body_container{
    margin-top: 60px;
}

.content_body_part_left, .content_body_part_right{
    display: inline-block;
    vertical-align: top;
}

.content_body_part_leading{
    margin-bottom: 50px;
}

.content_body_part_left{
    position: sticky;
    top: 140px;
    z-index: 2;
    width: 230px;
    min-height: 100px;
    background-color: #F1F2E2;
    border-radius: 30px;
    margin-top: -60px;
}

.content_body_part_right{
    position: relative;
    box-sizing: border-box;
    margin-top: 100px;
    
}

.content_body_container, .content_heading_container .heading_content_wrap{
    position: relative;
    box-sizing: border-box;
}



.content_heading_container .heading_content_el{
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.content_heading_container .heading_content_el.heading_text_wrap{
    width: 400px;
}

.content_heading_container .heading_content_el.heading_cover_wrap{
    width: calc(100% - 400px);
    padding-left: 60px;
    margin-top: -60px;
}

.content_heading_container .breadcrum_wrap{
    display: none;
}

.content_heading_container .breadcrum_wrap .ow_breadcrumb{
    margin-bottom: 40px;
}

.content_heading_container .heading_text{
    width: fit-content;
    margin-top: -10px;
}

.content_heading_container .heading_text .sh1,
.content_heading_container .heading_text h1{
    display: block;
    margin-bottom: 20px;
    font-weight: var(--p-font-weight-bold);
    line-height: 1.53;
    margin-bottom: 0;
    font-size: 3.3em;
    letter-spacing: 10px;
}

.content_heading_container .heading_text .heading_description{
    letter-spacing: 3px;
    color: var(--secondaryTextColor);
    font-weight: var(--p-font-weight-regular);
    font-size: 1.2em;
    line-height: 1.6;
    margin-top: 24px;
}

.content_heading_container .heading_svg_wrap{
    margin-left: -50px;
    width: calc(100% + 100px);
    box-sizing: border-box;
}

.content_heading_container .heading_svg_wrap .heading_svg_text{
    font-size: 9.4em;
    width: max-content;
    display: block;
    line-height: 1;
    font-weight: 900;
    font-family: Merriweather;
    word-spacing: 0.4em;
    color: var(--contentBackgroundColor);
}

.content_heading_container .heading_svg_wrap svg{
    width: 100%;
    height: auto;
}

.content_heading_container .heading_svg_wrap svg.version_mobile{
    display: none;
}

.content_heading_container .heading_text_wrap.full_width{
    width: 100%;
}

.content_heading_container .heading_text_wrap .heading_img_wrap{
    position: relative;
    width: 408px;
    height: 230px;
    margin-left: -120px;
}

.content_heading_container .heading_text_wrap .heading_img_wrap.to_right{
    position: absolute;
    right: 10px;
    top: -68px;
}

.content_heading_container .heading_text_wrap .heading_img_wrap img{
    width: 100%;
    height: 100%;
}

.content_heading_container .heading_cover_wrap{
    
}

.maintenance_cont h1 {
    padding-left: 23px;
    background-position: left center; 
}
h2 {
    font-size: 2.125em;
    padding: 12px 0;
    letter-spacing: 0.15em;
}

h3 {
    font-size: 1.375em;
    padding: 7px 0;
    letter-spacing: 0.15em;
}

h4 {
    font-size: 1.125em;
    /* margin-bottom: 10px; */
    text-transform: none;
    padding: 9px 0;
    letter-spacing: 0.15em;
}

table {
    border: none;
}

img {
    border: 0;
    vertical-align: middle;
}

th, td {
    padding: 2px 5px;
    vertical-align: top;
}

th {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 10px;
    vertical-align: middle;
}

th {
    background-color: #fafafa;
}

hr {
    background-color: #dcdcdc;
    border: none;
    height: 1px;
    margin: 5px 5px 15px 5px;
}


.ow_markdown ol, .ow_markdown ul{
    list-style-position: inside;
    list-style-type: auto;
}

.ow_markdown p{
    margin-bottom: 6px;
}

.tox .tox-dialog .tox-dialog__body,
.tox .tox-dialog .tox-dialog__body-content,
.tox .tox-dialog .tox-dialog__body-nav{
    display: block;
    max-width: 100%;
    box-sizing: border-box;
}

.tox .tox-dialog .tox-tab{
    cursor: pointer;
    margin: 4px;
    color: var(--urlColor);
    font-size: 1.05em;
    font-weight: var(--p-font-weight-regular);
}

.tox .tox-dialog .tox-dialog__body-nav{
    padding-bottom: 0;
}

.tox .tox-statusbar__branding{
    display: none;
}

body.ow .tox button.ow_inprogress {
    background-image: none;
}

/*========================================================
        [3] Masterpage & Page Layout        __layout
  ========================================================*/

/* ---- Page Layout styles ---- */
/*Opera Fix*/
    body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;
}

.ow_bg_color{

}

.ow_page_wrap { 
    position: relative;
    background-image: none; /** OW_Control type:image, key:backgroundImage, section: 1. General Settings, label:2. Page background image **/
    background-repeat: repeat;
    min-height: 100%;
    box-sizing: border-box;
    padding-bottom: 20px;
}
.with_webapp_install_banner .ow_page_wrap {
    min-height: calc(100% - 84px);
}
.ow_page_padding {
    
} 

.ow_canvas {
    margin: 0 auto;
    word-wrap: break-word;
}

.ow_page_container {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
}

body.narrow .ow_page_container{
    max-width: 960px;
}

/**
body.full_width .ow_page_container{
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
}
**/

.ow_page {
    min-height: 400px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}
.ow_content {
    float: none;
    width: 100%;
}

.ow_content a {
    color: #2a80ae; /** OW_Control type:color, key:linkColor, section:2. Colors, label:3. Links **/
}

/*.ow_sidebar {
    margin-right: -201px;
    float: right;
    width: 168px;
}*/

.cookie_consent_bar_wrap{
    padding: 14px;
    background-color: #444444;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 14px;
    z-index: 100;
    width: calc(100% - 20px);
}

.cookie_consent_bar_wrap .cookie_bar_content{
     max-width: 960px;
     margin: auto;
}

.cookie_consent_bar_wrap .cookie_consentbar_item{
    display: inline-block;
    vertical-align: top;
}

.cookie_consent_bar_wrap .cookie_consentbar_item.text_content{
    width: calc(100% - 106px);
    text-align: left;
}


.cookie_consent_bar_wrap span.ow_button{
    margin-left: 16px;
}


h1.page_title{
    background: url(images/ic_file.png) no-repeat left 50%;
    margin-bottom: 20px;
    padding-left: 22px;
}

.ow_column {
    width: 49%;
    overflow: hidden;    
}

.ow_narrow {
    width: 39%;
    overflow: hidden;
}

.ow_wide {
    width: 59%;
    overflow: hidden;    
}

.ow_superwide {
    width: 100%;
    overflow: hidden;   
}

.ow_supernarrow {
    width: 23%;
    font-size: 11px;
    overflow: hidden;
}

.ow_left {
    float: left;
}

td.ow_left {
    float: none;
}

.ow_right {
    float: right;
}

.ow_center {
    text-align: center;
}

.ow_vertical_middle {
    vertical-align: middle;
}

.ow_txtleft,
table td.ow_txtleft {
    text-align: left;
}

.ow_txtcenter {
    text-align: center;
}

.ow_txtright {
    text-align: right;
}

html body .ow_hidden{
    display: none;
}

.ow_visible {
    display: block;
}

.ow_nocontent {
    padding: 20px 0px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
}

table.ow_nomargin,
div.ow_nomargin {
    margin-bottom:0px;
}

.ow_nowrap {
    white-space: nowrap;
}

ul.ow_regular {
    margin-bottom: 12px;
}

ul.ow_regular li {
    line-height: 17px;
    margin: 0 0 3px 0px;
    padding: 0px 0px 0px 16px;
    background-repeat: no-repeat;
    background-image: url(images/miniic_li.png);
    background-position: left 5px;
}

.ow_preloader{
    background: url(images/ajax_preloader_button.gif) no-repeat center center;
}

.ow_preloader_content{
    background: url(images/ajax_preloader_content.gif) no-repeat center center;
}

.ow_page_layout_scheme {
    width: 580px;
}

.ow_page_layout_scheme a {
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #FFFFFF;
    display: block;
    float: left;
    height: 103px;
    margin: 2px;
    padding: 5px;
    width: 100px;
}

.ow_page_layout_scheme a.active,
.ow_page_layout_scheme a:hover {
    background-color: #CCFFCC;
    border: 1px solid #CCCCCC;
}

.ow_item_set2{ width: 49%; }
.ow_item_set3{ width: 33%; }
.ow_item_set4{ width: 25%; }
.ow_item_set5{ width: 20%; }
/* ---- End of Page Layout styles ---- */

/* ---- Header styles ---- */
.ow_header {
    width: auto;
    padding: 0px 0px 0px 0px;
    margin: 58px auto 0px;
}
.ow_top {
    position: relative;
    height: auto;
    min-height: 105px;
    padding-top: 50px;
}



.ow_logo{
    height: 100%;
    min-height: 90px;
    background-image: url(images/pet_theme/logo_2.svg); 
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
 }


.ow_header .ow_search{
    float: right;
    padding: 5px;
}


/* ---- End of the Header styles ---- */

/* ---- Sidebar styles ---- *
.ow_sidebar .ow_box_cap_empty {
    border-color: #d8d8d8;
}
.ow_sidebar .ow_box_cap {
    border-color: #d8d8d8;
    border-bottom: 0px;
}
.ow_sidebar .ow_box {
    border-color: #d8d8d8;
}
html body .ow_sidebar h3 {
    font-size: 13px;
}
/* ---- End of Sidebar styles ---- */


/* ---- Console styles ---- */
.ow_site_panel {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 10;
    border-bottom: 2px solid var(--pet-theme-color-menu-label);
    background-color: #fcf9ee;
}

.ow_site_panel a{
    color: var(--pet-theme-color-menu-label);
    text-decoration: none;
}

.ow_site_panel a span{
    display: block;
}

.ow_site_panel a span.label{
    font-weight: var(--p-font-weight-medium);
    letter-spacing: 5px;
    padding-bottom: 4px;
    padding-bottom: 0;
}
.ow_site_panel a span.sub_label{
    font-size: 0.8em;
    letter-spacing: 3px;
    display: none;
}

.ow_site_panel .ow_logo_wrap{
    display: inline-block;
    width: 300px;
    vertical-align: middle;
}

.ow_site_panel .ow_logo{
    background-size: 85%;
    background-position: 30px;
}

.ow_site_panel .ow_main_menu_wrap{
    overflow: hidden;
    overflow-x: auto;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 510px);
}

.ow_site_panel .ow_console.clearfix{
    display: inline-block;
    vertical-align: middle;
}

.ow_site_panel .ow_console_body .ow_console_items_wrap .vadmin_console_item{
    display: none;
}

.ow_console .wackwall_link{
    background: url(images/console-w.png) no-repeat 50% 50%;
    display: block;
    height: 30px;
    width: 35px;
}

.ow_console .wackwall_link:hover{
    text-decoration:none;
}
.ow_console .common_shortcuts a{
    background-position:50% 50%;
    background-repeat: no-repeat;
    display:inline-block;
    height:30px;
    width:25px;
}
.ow_console .common_shortcuts a:hover{
    text-decoration:none;
}
.ow_console .notification_shortcut{
    padding:0 7px;
}
.ow_console .notification_shortcut a{
    background-position:0 50%;
    background-repeat:no-repeat;
    display:block;
    padding: 5px 0 5px 20px;
    text-decoration:none;
}
.ow_console {
    position: relative;
    font-size: 11px;
    color: #9b9b9b;
}
.ow_console_body {
    
}
.ow_console_block {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.ow_console_item {
    display: inline-block;
    position:relative;
    line-height: 21px;
    height:100%;
    margin:0 4px 0 0px;
    vertical-align: top;
    text-align: left;
}

.ow_console_item a:hover {
    text-decoration: none;
}

.ow_console_item>a {
    line-height: 60px;
}

.ow_console_more {
    background: url("images/console_arr.png") no-repeat scroll right 9px transparent;
    display: inline-block;
    height: 100%;
    min-width: 8px;
    padding: 0 0px 0 3px;
    vertical-align: top;
    background-position: center;
}

/*Console select language styles*/
.ow_console_lang_item {
    text-transform: uppercase;
}
li.ow_console_lang_item {
    padding: 3px 8px;
    border: 1px solid transparent;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-bottom: 1px;
}
li.ow_console_lang_item:hover {
    border: 1px solid #363636;
    background: #90c105; /*url(images/console_item_bg.png) repeat-x center 0px;*/
}
.ow_console_lang_item span {
    display: inline-block;
    padding-left: 23px;
}
/*End Console select language styles*/
.ow_console .ow_tooltip_top_right {
    top: 10px;
}
.ow_console .ow_tooltip_top_right .ow_tooltip_tail span {
    background-position: 1px -6px;
}


html body .ow_console .ow_tooltip_tail span{
    background-image: url(images/console_tooltip_tail.png);
} 
 .ow_console_list_wrapper {
    overflow-y: auto;
    word-wrap: break-word;
    min-height: 60px;
}
.ow_console_list {
    cursor: default;
}
.ow_console_list li {
    padding: 10px;
    height: auto;
    overflow: hidden;
    border-radius: 2px;
    margin: 10px;
    padding-left: 12px;
    border-radius: 15px;
    transition: .3s;
}
.ow_console_list li:hover,
.ow_console_list li.ow_console_new_message:hover {
    background-color: var(--bodyBackgroundColor);
}



.ow_console_list li:hover a.ow_lbutton,
.ow_console_list li.ow_console_new_message a.ow_lbutton,
.ow_console_list li.ow_console_new_message:hover a.ow_lbutton {
    color:#666;
}
.ow_console_list li:hover a.ow_lbutton:hover,
.ow_console_list li.ow_console_new_message a.ow_lbutton:hover,
.ow_console_list li.ow_console_new_message:hover a.ow_lbutton:hover {
    color: #fff;
    background: #90c105;
    border: 1px solid #fff;
}
.ow_console_list li:last-child {
    margin-bottom: 0px;
}
.ow_console .ow_avatar {
    padding: 0px;
    background-image: none;
}

.ow_console_list .ow_avatar{
    vertical-align: middle;
}

.ow_console_ntf_txt, .ow_console_invt_txt {
    display: block;
    line-height: 1.5;
    letter-spacing: 1px;
}

.ow_console_view_all_btn_wrap {
    padding-top: 4px;
    background: #000;
}
.ow_console_view_all_btn {
    text-decoration: none;
    display: block;
    line-height: 11px;
    padding: 8px 0px;
    text-align: center;
    border: 1px solid #363636;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #f4f4f4 url(images/console_view_all_btn_bg.png) repeat-x;
}
.ow_console_view_all_btn:hover {
     background: #90c105;
     color: #fff;
}
ul.ow_console_dropdown {
    min-width: 110px;
    text-align: left;
    overflow-x: auto;
    cursor: default;
}

ul.ow_console_dropdown .ow_dropdown_menu_item:not(.sub_list_last){
    border-bottom: 1px solid var(--themeBorderColor);
}

ul.ow_console_dropdown .ow_dropdown_menu_item:not(:last-child){
    background-image: url(images/pet_theme/ic_circle_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    transition: .3s;
}

ul.ow_console_dropdown .ow_dropdown_menu_item:hover{
    background-color: var(--bodyBackgroundColor);
}

ul.ow_console_dropdown .ow_console_dropdown_cont {
    white-space: nowrap;
}

ul.ow_console_dropdown .ow_console_dropdown_cont a {
    padding: 17px 14px;
    padding-left: 20px;
    display: inline-block;
    color: var(--themeTextColor);
    font-weight: var(--p-font-weight-medium);
    font-size: 1.1em;
    letter-spacing: 2px;
}

ul.ow_console_dropdown .ow_console_dropdown_cont a:hover {

}

ul.ow_console_dropdown li:last-child .ow_console_dropdown_cont {
    margin-bottom: 0px;
}

ul.ow_console_dropdown.ow-myprofile-console .ow_console_item_link{
    padding: 12px 20px;
    display: block;
}

.ow_console_ntf_cont, .ow_console_invt_cont {
    line-height: 16px;
    color: var(--contentTextColor);
    display: inline-block;
    width: calc(100% - 44px);
    padding-left: 6px;
    box-sizing: border-box;
    vertical-align: middle;
}

.ow_console_invt_txt {
    width: 211px;
    word-wrap: break-word;
}

.ow_console_invt_txt a:first-child{
    font-weight: var(--p-font-weight-bold);
    letter-spacing: 2px;
}

.ow_console_invt_cont .ow_lbutton:hover {
    text-decoration: none;
}
.ow_console_invt_img {
    float: right;
    margin-left: -54px;
    width: 54px;
    height: 54px;
    text-align: right;
}
.ow_console_invt_img img {
    max-height: 100%;
    max-width: 100%;
}
.ow_console_invt_no_img .ow_console_invt_txt {
	width: 100%;
}

.ow_console_invt_no_img .ow_console_invt_txt .ic_react_{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.ow_console_invt_no_img {
    margin-right: 0px;
}
.ow_console_divider {
    line-height: 2px;
    height: 2px;
    background: var(--themeTextColor);
}
.ow_context_action_value_block .ow_console_divider {
    background: #ccc;
}
.ow_cursor_pointer {
    cursor: pointer;
}
.ow_cursor_default {
    cursor: default;
}
/* Messages notifications */
.ow_console_mailbox_txt {
	font-size: 12px;
}
.ow_console_mailbox_title {
	font-size: 12px;
	font-weight: bold;
	padding-right: 52px;
}
.ow_console_mailbox_title .ow_mailbox_convers_info_date {
	font-size: 10px;
	font-weight: normal;
	margin-right: -49px;
}
.ow_chat_request_item .console_list_ipc_item {
	padding-left: 16px;
	background: url(images/miniic_buble.png) 2px 12px no-repeat;
}
.ow_mailbox_request_item .console_list_ipc_item {
	padding-left: 16px;
	background: url(images/miniic_envelope.png) 2px 12px no-repeat;
}
.ow_chat_request_item .ow_console_mailbox_txt {
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
}
.ow_console_messages_btns,
.ow_console_messages_btn {
	margin-top: 4px;
}
.ow_console_messages_viewall,
.ow_console_messages_send {
	width: 50%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-wenkit-box-sizing: border-box;   
}
.ow_console_messages_btn .ow_console_messages_send {
	display: none;
}
.ow_console_messages_btn .ow_console_messages_viewall {
	width: 100%;
	padding-right: 0;
}
.ow_console_messages_viewall {
	padding-right: 2px;
}
.ow_console_messages_send {
	padding-left: 2px;
}
.ow_console_messages_viewall a,
.ow_console_messages_send a {
	display: inline-block;
	width: 100%;
	line-height: 25px;
	text-align: center;
	border: 1px solid #363636;;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-wenkit-box-sizing: border-box;
	font-size: 11px;
	 background: #f4f4f4 url(images/console_view_all_btn_bg.png) repeat-x;;
}
.ow_console_messages_viewall a:hover,
.ow_console_messages_send a:hover {
     background: #90c105;
     color: #fff;
}
.ow_console li.ow_chat_request_item .ow_avatar,
.ow_console li.ow_mailbox_request_item .ow_avatar {
	width: 32px;
	height: 32px;
	margin-right: -32px;
}
.ow_console li.ow_chat_request_item .ow_avatar img,
.ow_console li.ow_mailbox_request_item .ow_avatar img {
	height: 32px;
	width: 32px;
}
.ow_console li.ow_chat_request_item .ow_console_invt_cont,
.ow_console li.ow_mailbox_request_item .ow_console_invt_cont {
	margin-left: 38px;
}




/**** Console bar ****/

.ow_console_items_wrap {

}


.ow_console_body .ow_console_items_wrap .ow_console_item{
    display: inline-block;
    cursor: pointer;
    width: 46px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    height: 46px;
    box-sizing: border-box;
    margin: 0;
    border-radius: 50%;
    border: 2px solid var(--themeTextColor);
    margin-right: 16px;
    transition: .3s;
}

.ow_console_body .ow_console_items_wrap .ow_console_item:not(.ow_console_dropdown_pressed):hover{
    opacity: var(--hoverOpacity);
}

.ow_console_body .ow_console_items_wrap .ow_console_item.ow_console_signup,
.ow_console_body .ow_console_items_wrap .ow_console_item.ow_console_signin{
    border: none;
    text-align: center;
}

.ow_console_body .ow_console_items_wrap .ow_console_item.ow_console_signup>a,
.ow_console_body .ow_console_items_wrap .ow_console_item.ow_console_signin>a{
    line-height: 46px;
    font-size: 1.125em;
    font-weight: var(--p-font-weight-bold);
    letter-spacing: 4px;
}

.ow_console_body .ow_console_items_wrap .ow_console_item.ow_console_signin{
    margin-left: 40px;
    margin-right: 10px;
}

.ow_console_body .ow_console_items_wrap .ow_console_item.ow_console_signup{
    border: none;
    text-align: center;
    background-color: var(--themeBorderColor);
    border-radius: 8px;
    padding: 0px 18px;
    width: fit-content;
    transition: .3s;
}

.ow_console_body .ow_console_items_wrap .ow_console_item.ow_console_signup:hover{
    background-color: var(--themeTextColor)
}

.ow_console_body .ow_console_items_wrap .ow_console_item.ow_console_signup:hover>a{
    color: white;
}

.ow_console_items_wrap .ow_notification_list{
    background-image: url(images/pet_theme/ic_console_bell.svg?v2);
    background-size: 22px !important;
}

.ow_console_items_wrap .ow_message_items_list{
    background-image: url(images/pet_theme/ic_console_chat.svg?v2);
    background-size: 26px !important;
}

.ow_console_items_wrap .ow_mailbox_items_list{
    background-image: url(images/pet_theme/ic_console_mail.svg);
}

.ow_console_items_wrap .ow_realgifts_items_list{
    background-image: url(images/pet_theme/ic_console_realgift.svg);
}

.ow_console_items_wrap .ow_intromail_items_list{
    background-image: url(images/pet_theme/ic_console_intromail.svg);
}

.ow_console_items_wrap .meusugar_console_profile_item{
    background-image: url(images/pet_theme/ic_console_user.svg?v2);
    background-size: 22px !important;
}

.ow_console_items_wrap .ow_notification_list .ow_console_item_link, 
.ow_console_items_wrap .ow_message_items_list .ow_console_item_link,
.ow_console_items_wrap .ow_mailbox_items_list .ow_console_item_link,
.ow_console_items_wrap .ow_friend_request_list .ow_console_item_link,
.ow_console_items_wrap .ow_memberx_console_side_menu .ow_console_item_link,
.ow_console_items_wrap .ow_realgifts_items_list .ow_console_item_link,
.ow_console_items_wrap .ow_intromail_items_list .ow_console_item_link,
.ow_console_items_wrap .meusugar_console_profile_item .ow_console_item_link
{
    display: none;
}

.my_profile_console_item .ow_console_dropdown_pressed{
    background: none;
}


.ow_console span.ow_count_wrap{
    line-height: 1;
    display: inline-block;
    position: absolute;
    right: -6px;
    top: -10px;
}


.ow_console span.ow_count_wrap .ow_count_active{
    background: none repeat scroll 0 0 red;
    padding: 4px 6px;
    border-radius: 20px;
    width: fit-content !important;
}

.ow_console span.ow_count_bg {
    text-align: center;
}
.ow_console span.ow_count {
    font-size: 0.9em;
    font-weight: var(--p-font-weight-bold);
    line-height: 1;
    display: inline-block;
}


@media screen and (max-width: 700px) {
  .ow_console .ow_console_items_wrap .ow_invitation_list {
    display: none !important;
  }

}

@media screen and (max-width: 480px) {
  
  .ow_console_body .ow_console_items_wrap .ow_console_admin_item, 
  .ow_console_body .ow_console_items_wrap .vadmin_console_item{
    display: none;
  }

  

  .ow_tooltip .ow_tooltip_body{
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
  }

}




/*End of Messages notifications*/
/* ---- End of Console styles ---- */


/*========================================================
        [4] Forms        __forms
  ========================================================*/

/* ---- Form Elements styles ---- */

input[type=text],
input[type=password],
textarea,
select,
div.jhtmlarea,
body .ow_photo_upload_description,
.ow_photo_preview_edit .CodeMirror{
    font-family: var(--p-font-family);
    box-shadow: none;
    border: 1px solid var(--boxBorderColor);
    border-radius: 4px;
    padding: 0 10px;
    background-color: white;
    box-sizing: border-box;
    width: 100%;
    font-size: 1.2em;
}

select,
input[type=text],
input[type=password]{
    height: 42px;
}

input[type=text]:focus, 
input[type=password]:focus, 
select:focus, 
textarea:focus{
    box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
}

textarea{
    padding: 10px;
}

.select_field_wrap{
    position: relative;
    display: inline-block;
}

.select_field_wrap select{
    border-radius: 50px;
    width: 170px;
    color: var(--themeTextColor);
    border: 1px solid var(--themeTextColor);
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px;
}

.select_field_wrap a.button{
    position: absolute;
    right: -2px;
    top: -4px;
    scale: 0.6 !important;
    pointer-events: none;
    transform: rotate(90deg);
}

body form div.jhtmlarea {
    padding: 0px;
    background: #fff;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body .toolbar {
    padding: 2px 2px 0px;
    height: 24px;
    background: #fafafa;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}
body .toolbar ul li a {
    background-image: url(images/wysiwyg.png);
}
body .jhtmlarea .toolbar ul {
    height: 24px;
}

.jhtmlarea .input_ws_cont {
    padding: 8px;
}

body.htmlarea_styles {
    margin: 0px;
}

html body .ow_sidebar *,
html body .ow_console *{
    font-size: 14px;
}



/*.ow_supernarrow input[type=text],
.ow_supernarrow input[type=password]{
    width: 95%;
}*/

input[type=submit], input[type=button]{
    background-color: transparent;
    background-position: calc(100% - 6px) 50%;
    background-repeat: no-repeat;
    height: 36px;
    cursor: pointer;
    background-color: var(--pet-theme-color-0-highlight);
    border: none;
    border-radius: 6px;
    color: var(--blackButtonColor);
    padding: 0 26px;
    box-shadow: 3px 3px 0 var(--pet-theme-color-0);
    font-weight: 600;
    transition: 0.3s;
    font-size: var(--p-font-size-400);
}

input[type=submit]:hover,
input[type=button]:hover{
    background-color: var(--pet-theme-color-0-highlight-x);
}

input[type=submit].pet_category_1,
input[type=button].pet_category_1{
    box-shadow: 3px 3px 0 var(--pet-theme-color-1);
    background-color: var(--pet-theme-color-1-highlight);
}

input[type=submit].pet_category_2,
input[type=button].pet_category_2{
    box-shadow: 3px 3px 0 var(--pet-theme-color-2);
    background-color: var(--pet-theme-color-2-highlight);
}

input[type=submit].pet_category_3,
input[type=button].pet_category_3{
    box-shadow: 3px 3px 0 var(--pet-theme-color-3);
    background-color: var(--pet-theme-color-3-highlight);
}

input[type=submit].pet_category_1:hover,
input[type=button].pet_category_1:hover{
    background-color: var(--pet-theme-color-1-highlight-x);
}

input[type=submit].pet_category_2:hover,
input[type=button].pet_category_2:hover{
    background-color: var(--pet-theme-color-2-highlight-x);
}

input[type=submit].pet_category_3:hover,
input[type=button].pet_category_3:hover{
    background-color: var(--pet-theme-color-3-highlight-x);
}

input[type=submit].icon_button,
input[type=button].icon_button{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    width: 36px;
    padding: 0;
}

input[type=submit].navi_button,
input[type=button].navi_button{
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 34px;
    padding-right: 14px;
}

input[type=submit].clear,
input[type=button].clear{
    box-shadow: none;
    background-color: transparent;
}

input[type=submit].clear:hover,
input[type=button].clear:hover{
    background-color: rgb(0 0 0 / 8%);
}

button[disabled=disabled],
input[type=submit][disabled=disabled],
input[type=button][disabled=disabled]{
    cursor: not-allowed;
    background-color: #e1e1e1;
    box-shadow: 3px 3px 0 #d4d4d4;
    color: #8b8b8b;
}

button[disabled=disabled]:hover,
input[type=submit][disabled=disabled]:hover,
input[type=button][disabled=disabled]:hover{
    background-color: #e1e1e1;
    box-shadow: 3px 3px 0 #d4d4d4;
}

.convenient_button{
    display: inline-block;
    vertical-align: middle;
    padding: 4px 10px;
    background-color: var(--contentBackgroundColor);
    border-radius: 20px;
    cursor: pointer;
    box-sizing: border-box;
    transition: .3s;
    color: var(--themeTextColor);
}

.convenient_button.active {
    background-color: var(--themeTextColor);
    color: white;
}

.convenient_button .button_el{
    display: inline-block;
    vertical-align: middle;
    transition: .3s;
}

.convenient_button .button_el.icon{
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

.heading_block .convenient_button{
    margin-bottom: 20px;
    vertical-align: middle;
    margin-left: 4px;
}

.convenient_button .react_button_list{
    position: absolute;
    bottom: 29px;
    left: -144px;
    padding: 6px;
    background-color: white;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    border-radius: 50px;
    cursor: pointer;
    width: max-content;
}

.convenient_button .react_item{
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    height: 54px;
    width: 50px;
    background-size: 40px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    transition: .2s;
}

.convenient_button .react_item:hover,
.convenient_button .react_item.active{

}

.convenient_button .react_item:hover{
    scale: 1.3;
}

.convenient_button .react_item .indicator{
    position: absolute;
    background-color: var(--pet-theme-color-0-highlight-x);
    width: 6px;
    height: 6px;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    bottom: -4px;
    left: 22px;
    opacity: 1;
    transition: .2s;
}

.convenient_button .react_item.active .indicator{
    display: block;
}

.convenient_button .react_item.active:hover .indicator{
    opacity: 0;
}

.convenient_button .react_item .reaction_count{
    width: auto;
    position: absolute;
    background-color: var(--pet-theme-color-0-highlight-x);
    line-height: 1;
    padding: 2px 3px;
    color: var(--blackTextColor);
    border-radius: 10px;
    top: 2px;
}

.convenient_button .react_item .reaction_count[data-count="0"]{
    display: none;
}

.like_users_item_list{
    
}

.like_users_item_list .avatar_item_el{
    display: inline-block;
    vertical-align: middle;
}

.like_users_item_list .avatar_item_el.avatar .ow_avatar,
.like_users_item_list .avatar_item_el.avatar .ow_avatar img{
    width: 34px;
    height: 34px;
}

.like_users_item_list .avatar_item_el.displayName.ic_react_{
    padding-right: 24px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: right;
}

/** 
span.ow_button {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0px 8px;
    border: 1px solid #009900;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    background: linear-gradient(180deg,#4dde6d,#009900);
    box-shadow: inset 0 1px 0 0 #80b400, 0 1px 0 0 rgba(22,29,37,.05), 0 0 0 0 transparent;
    box-sizing: border-box;
}
span.ow_button:hover {
    background: linear-gradient(180deg,#288c3e,#009900);
}

span.ow_button span.ow_button {
    border: none;
    background-image: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: 0;
}
span.ow_button span {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 100%;
}
.ow_btn_delimiter span.ow_button:first-child {
    margin-right: 16px;
}
.ow_btn_delimiter span.ow_button span.ow_button {
    margin: 0px;
}

.ow_grey_button span.ow_button{
    border: 1px solid #999;
    background: linear-gradient(180deg,#f1f1f1,#d6cece);
    box-shadow: inset 0 1px 0 0 #d6cece, 0 1px 0 0 rgba(22,29,37,.05), 0 0 0 0 transparent;
    
}

.ow_grey_button span.ow_button input{
    color: #444;
}

.ow_blue_button span.ow_button {
    border: 1px solid #2f69a5;
    background: linear-gradient(180deg,#1990e4,#2f69a5);
    box-shadow: inset 0 1px 0 0 #2f69a5, 0 1px 0 0 rgba(22,29,37,.05), 0 0 0 0 transparent;
}

.ow_blue_button span.ow_button:hover {
    background: linear-gradient(180deg,#2e82bd,#2f69a5);
}


.full_width_button span.ow_button{
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.full_width_button span.ow_button span{
    width: 100%;
}

.full_width_button span.ow_button input{
    width: 100%;
}
**/

.ic_config_black{
    background-image: url(images/icon/ic_config_black.svg);
}

.ic_like_outline_black{
    background-image: url(images/icon/ic_like_outline_black.svg);
}

.ic_like_outline_blue{
    background-image: url(images/icon/ic_like_outline_blue.svg);
}

.ic_like_fill_black{
    background-image: url(images/icon/ic_like_fill_black.svg);
}

.ic_like_fill_blue{
    background-image: url(images/icon/ic_like_fill_blue.svg);
}

.ic_like_pet_theme{
    background-image: url(images/pet_theme/ic_like.svg);
}

.ic_eyes_pet_theme{
    background-image: url(images/pet_theme/ic_eyes.svg);
}

.ic_quote_left_pet_theme{
    background-image: url(images/pet_theme/ic_quote_left.svg);
}

.ic_circle_arrow_right_pet_theme{
    background-image: url(images/pet_theme/ic_circle_arrow_right.svg);
}

.ic_menu_black{
    background-image: url(images/icon/ic_menu_black.svg);
}

.ic_close_black{
    background-image: url(images/icon/ic_close_green.svg?v=1);
}

.ic_back_black{
    background-image: url(images/icon/ic_back_black.svg);
}

.ic_edit_black{
    background-image: url(images/icon/ic_edit_black.svg);
}

.ic_edit_green{
    background-image: url(images/icon/ic_edit_green.svg);
}

.ic_plus_black{
    background-image: url(images/icon/ic_plus_black.svg);
}

.user_pet_item .ic_plus_black{
    background-image: url(images/icon/ic_plus_green.svg);
}

.ic_plus_white{
    background-image: url(images/icon/ic_plus_white.svg);
}

.ic_delete_black{
    background-image: url(images/icon/ic_delete_black.svg);
}
.ic_lock_outline_black{
    background-image: url(images/icon/ic_lock_outline_black.svg);
}

.ic_attachment_black{
    background-image: url(images/icon/ic_attachment_black.svg);
}

.ic_article_black{
    background-image: url(images/icon/ic_article_black.svg);
}

.ic_article_white{
    background-image: url(images/icon/ic_article_white.svg);
}

.ic_arrow_right_black{
    background-image: url(images/icon/ic_arrow_right_black.svg);
}

.ic_arrow_right_white{
    background-image: url(images/icon/ic_arrow_right_white.svg);
}

.ic_arrow_left_white_line{
    background-image: url(images/icon/ic_arrow_left_white_line.svg);
}

.ic_arrow_left_green_line{
    background-image: url(images/icon/ic_arrow_left_green_line.svg);
}

.ic_eye_open_black{
    background-image: url(images/icon/ic_eye_open_black.svg);
}

.ic_reply_all_black{
    background-image: url(images/icon/ic_reply_all_black.svg);
}

.ic_reply_black{
    background-image: url(images/icon/ic_reply_black.svg);
}

.ic_checkmark_black{
    background-image: url(images/icon/ic_checkmark_black.svg);
}

.ic_checkmark_white{
    background-image: url(images/icon/ic_checkmark_white.svg?v=1);
}

.ic_follow_user_black{
    background-image: url(images/icon/ic_follow_user_black.svg);
}

.ic_follow_user_white{
    background-image: url(images/icon/ic_follow_user_white.svg?v=1);
}

.ic_share_black{
    background-image: url(images/icon/ic_share_black.svg);
}

.ic_share_blue{
    background-image: url(images/icon/ic_share_blue.svg);
}

.ic_share_pet_theme{
    background-image: url(images/pet_theme/ic_share.svg);
}

.ic_bone_white_pet_theme{
    background-image: url(images/pet_theme/ic_bone_white.svg);
}

.ic_bookmark_black{
    background-image: url(images/icon/ic_bookmark_black.svg);
}

.ic_bookmark_fill_black{
    background-image: url(images/icon/ic_bookmark_fill_black.svg);
}

.ic_bookmark_blue{
    background-image: url(images/icon/ic_bookmark_blue.svg);
}

.ic_bookmark_fill_blue{
    background-image: url(images/icon/ic_bookmark_fill_blue.svg);
}

.ic_bookmark_pet_theme{
    background-image: url(images/pet_theme/ic_bookmark.svg);
}

.ic_react_angry{
    background-image: url(images/icon/ic_react_angry.svg?w=16);
}
.ic_react_care{
    background-image: url(images/icon/ic_react_care.svg?w=16);
}
.ic_react_haha{
    background-image: url(images/icon/ic_react_haha.svg?w=16);
}
.ic_react_like{
    background-image: url(images/icon/ic_react_like.svg?w=16);
}
.ic_react_love{
    background-image: url(images/icon/ic_react_love.svg?w=16);
}
.ic_react_sad{
    background-image: url(images/icon/ic_react_sad.svg?w=16);
}
.ic_react_wow{
    background-image: url(images/icon/ic_react_wow.svg?w=16);
}

.ic_search_black{
    background-image: url(images/icon/ic_search_black.svg?v1);
}
.ic_search_white{
    background-image: url(images/icon/ic_search_white.svg?v1);
}

.ic_send_black{
    background-image: url(images/icon/ic_send_black.svg);
}

.ic_send_white{
    background-image: url(images/icon/ic_send_white.svg);
}

.ic_chat_black{
    background-image: url(images/icon/ic_chat_black.svg);
}

.ic_chat_white{
    background-image: url(images/icon/chat-icon.svg);
}


.ic_upload_black{
    background-image: url(images/icon/ic_upload_black.svg);
}

.ic_upload_white{
    background-image: url(images/icon/ic_upload_white.svg);
}

.ic_upload_green{
    background-image: url(images/icon/ic_upload_green.svg);
}


.ic_call_full_pet_theme{
    background-image: url(images/pet_theme/ic_call_full.svg);
}

.ic_mail_full_pet_theme{
    background-image: url(images/pet_theme/ic_mail_full.svg);
}

.ic_logo_fb_pet_theme{
    background-image: url(images/pet_theme/ic_logo_fb.svg);
}

.ic_logo_ig_pet_theme{
    background-image: url(images/pet_theme/ic_logo_ig.svg);
}

.ic_logo_x_pet_theme{
    background-image: url(images/pet_theme/ic_logo_x.svg);
}


.ic_react_[data-icon="1"]{
    background-image: url(images/icon/ic_react_like.svg?w=16);
}
.ic_react_[data-icon="2"]{
    background-image: url(images/icon/ic_react_love.svg?w=16);
}
.ic_react_[data-icon="3"]{
    background-image: url(images/icon/ic_react_care.svg?w=16);
}
.ic_react_[data-icon="4"]{
    background-image: url(images/icon/ic_react_haha.svg?w=16);
}
.ic_react_[data-icon="5"]{
    background-image: url(images/icon/ic_react_wow.svg?w=16);
}
.ic_react_[data-icon="6"]{
    background-image: url(images/icon/ic_react_sad.svg?w=16);
}
.ic_react_[data-icon="7"]{
    background-image: url(images/icon/ic_react_angry.svg?w=16);
}

.button_bookmark_module[data-entity-key="follow_user"]{
    background-color: var(--themeTextColor);
    height: 44px;
    width: 44px;
    border-radius: 50px;
    box-sizing: border-box;
    padding: 0;
    transition: .3s;
}

.button_bookmark_module[data-entity-key="follow_user"] .button_wrap{
    width: max-content;
    height: 100%;
}

.button_bookmark_module[data-entity-key="follow_user"] .button_el.icon{
    background-image: url(images/icon/ic_plus_green_2.svg);
    background-size: 22px;
    height: 100%;
    width: 44px;
}

.button_bookmark_module.active[data-entity-key="follow_user"] .button_el.icon{
    background-image: url(images/icon/ic_checkmark_green.svg);
}

.button_bookmark_module[data-entity-key="follow_user"] .button_el.label{
    color: var(--themeTextColor);
    font-size: 1.1em;
    padding-left: 6px;
    font-weight: 600;
}

.button_bookmark_module[data-entity-key="follow_user"]:hover{
    background-color: var(--primaryButtonHoverColor);
    width: 100px;
}

.button_bookmark_module.active[data-entity-key="follow_user"]:hover{
    width: 113px;
}

.button_bookmark_module[data-entity-key="follow_user"]:hover .button_el.icon{
    background-position: 16px center;
}

.button_bookmark_module[data-entity-key="follow_user"]:hover .button_el.label{
    color: white;
    padding-left: 1px;
}





body.ow input.ow_inprogress,
body.ow .ow_inprogress {
    background-image: url(images/ajax_preloader_button.gif);
}



ul.ow_radio_group li, ul.ow_checkbox_group li{
    float:left;
    font-size: 14px;
    margin-top: 6px;
}

textarea.invitation,
input[type=text].invitation,
input[type=password].invitation{
    color:#585858;
}

.form_auto_click textarea.invitation{
    height:50px;
}

form .error{
    padding: 0 2px;
    margin-top: 2px;
    display: block;
    color: red;
    
}

form input[type=text].hasDatepicker{
    width: 87%;
}

form br.ow_no_height{
    line-height: 0;
}

.color_input input[type=text]{
    width:70%;
}

.ow_multiselect select{
    width: 120px;
    padding: 2px;
}

.ow_multiselect input[type=button]{
    padding-left: 20px;
}


.form_auto_click .ow_submit_auto_click{
    display:none;
}

html body div .ow_green {
    color: #089634;
}

html body div .ow_red{
    color: #ee3d32;
}

html body div .ow_mild_red,
.ow_navbox.ow_mild_red a.move{
    color: #f42217;
}

html body div .ow_mild_green,
.ow_navbox.ow_mild_green a.move{
    color: #7cbb11;
}

html body .ow_button.ow_red,
html body .ow_button.ow_mild_red,
html body .ow_button.ow_green,
html body .ow_button.ow_mild_green,
.ow_button .ow_mild_red,
.ow_button .ow_red,
.ow_button .ow_green,
.ow_button .ow_mild_green {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
}

input[type=submit].ow_green,
input[type=button].ow_green,
input[type=submit].ow_mild_green,
input[type=button].ow_mild_green,
input[type=submit].ow_red,
input[type=button].ow_red,
input[type=submit].ow_mild_red,
input[type=button].ow_mild_red  {
    background-color: transparent;
}

/* wysiwyg styles */
body.htmlarea_styles{
    color: var(--blackTextColor);
    font-size: 1.1em;
    line-height: 18px;
}
body.htmlarea_styles a{
    color: #2a80ae;
}
body.htmlarea_styles p{
    margin:0;
}
/* wysiwyg styles end */

/* tag styles */
div.tagsinput { 
    background-image: url(images/inputbg.gif);
    background-color: #fff;
}
/* tag styles end */

/* ---- End of Form Elements styles ---- */
/* ---- End of Form Table styles ---- */
/* -------Attachments styles----------*/
.ow_attachment_btn {
    float: right;
    margin: 0 0 0 4px;
    padding: 0;
}
.ow_attachments input[type="file"] {
    cursor: pointer;
    float: right;
    opacity: 0;
}
.ow_attachment_icons {
    float: right;
}
.ow_attachments a {
    background: url(images/wysiwyg.png) no-repeat scroll -175px 1px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 22px;
    overflow: hidden;
    text-decoration: none;
    width: 22px;
}
.ow_attachments a.video{
    background:url(images/wysiwyg.png) -197px 1px no-repeat;
}
.ow_attachments a.attach {
    background: url(images/wysiwyg.png) no-repeat scroll -240px 1px rgba(0, 0, 0, 0);
}
.ow_attachments a.attach.uploading {
	background: url(images/ajax_preloader_button.gif) no-repeat center center;
}
.ow_attachment_delete {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
}
.ow_ajax_oembed_attachment {
    width: 100%;
}
.ow_attachment_title {
    margin-bottom: 4px;
    line-height: 13.5px;
    font-size: 11px;
    color: #000;
    display: inline-block;
}
.ow_attachment_description {
    padding-right: 16px;
    line-height: 13.5px;
    height: 27px;
    overflow: hidden;
    font-size: 11px;
    display: inline-block;
}
.ow_video_attachment_preview .ow_attachment_description {
	 color: #000;
}
.ow_attachment_title a {
    font-weight: bold;
    font-size: 11px;
}
.ow_video_attachment_preview  .ow_attachment_title a {
	color: #000;
}
.ow_video_attachment_preview.loading_content .ow_video_attachment_pic,
.ow_video_attachment_preview.loading_content .ow_attachment_title,
.ow_video_attachment_preview.loading_content .ow_attachment_description {
	display: none;
}
.ow_video_attachment_preview.loading_content {
	background: url(images/ajax_preloader_content.gif) center center no-repeat;
}

.ow_attachment_preload {
    background-image: url(images/ajax_preloader_content.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: normal;
}
.ow_attachment_btn span.ow_button {
    background-color: #90C105;
    background-image: none;
    background-repeat: repeat-x;
    background-position: center left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-color: #90C105;
	display: inline-block;
	padding: 1px;
	text-align: center;
}

.ow_attachment_btn span.ow_button span {
	display: inline-block;
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-color: #90C105;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	border-style: 1px;
	border-width: 1px;
	border-color: #90C105;
	margin: 1px;
}
.ow_attachment_btn span.ow_button input[type=submit], 
.ow_attachment_btn span.ow_button input[type="button"] {
	padding: 1px 8px 4px;
	height: 22px;
	color: #fff;
	background: none;
    line-height: 20px;

}
/*Video, links embed*/
body .ow_oembed_attachment_preview {
    height: 60px;
    position: relative;
    padding: 6px 20px 0 88px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-width: 1px;
}
.ow_mailbox_log .ow_oembed_attachment_preview {
    border: none;
    padding: 0 0 0 88px;
    background-color: transparent;
    margin-top: 12px;
}
.ow_mailbox_log .ow_oembed_attachment_preview .ow_attachment_delete {
    display: none;
}
.ow_oembed_attachment_pic .attachment_other_images_btn {
    position: absolute;
    left: 4px;
    bottom: 4px;
    display: none;
}
.ow_oembed_attachment_pic:hover .attachment_other_images_btn {
    display: inline-block;
}
body .ow_oembed_attachment_pic {
    width: 80px;
    height: 60px;
    position: absolute;
    top: -1px;
    left: -1px;
    border-width: 0 1px 0 0;
    background-color: #C7BBA9;
}
.ow_oembed_atachment_pic_nopic {
    background-image: url(images/no-picture.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.ow_oembed_attachment_pic img {
    width: 80px;
    height: 60px;
}
.ow_oembed_attachment_url {
    position: relative;
}
.ow_oembed_attachment_url a {
    position: absolute;
    bottom: 4px;
    left: 4px;
}
.ow_attachment_title {
    margin-bottom: 4px;
    line-height: 13.5px;
    font-size: 11px;
    display: inline-block;
}
.ow_attachment_description {
    line-height: 13.5px;
    height: 27px;
    overflow: hidden;
    font-size: 11px;
    display: block;
}
.ow_attachment_title a {
    display: block;
    height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 11px;
}
.ow_oembed_attachment_preview.loading_content .ow_oembed_attachment_pic,
.ow_oembed_attachment_preview.loading_content .ow_attachment_title,
.ow_oembed_attachment_preview.loading_content .ow_attachment_description {
    display: none;
}
.ow_oembed_attachment_preview.loading_content {
    background: url(images/ajax_preloader_content.gif) center center no-repeat;
}
.attachment_image_item {
    border-width: 1px;
    cursor: pointer;
    float: left;
    height: 85px;
    margin: 2px;
    padding: 3px;
    text-align: center;
    width: 85px;
}
.attachment_image_item img {
    max-width: 100%;
    max-height: 100%;
}
/*Photo attachment*/
.ow_photo_attachment_preview {
    height: auto;
    padding: 8px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    margin-left: 0;
}
.ow_comments_mipc .ow_photo_attachment_preview,
.ow_comments_mipc .ow_oembed_attachment_preview {
    margin-left: 48px;
}
.ow_comments_ipc .ow_photo_attachment_preview,
.ow_comments_ipc .ow_oembed_attachment_preview {
    margin-left: 57px;
}
.ow_feed_comments_input_sticky .ow_photo_attachment_preview,
.ow_feed_comments_input_sticky .ow_oembed_attachment_preview,
.ow_feed_comments_input_sticky .comments_hidden_btn{
    margin: 0 12px 8px 22px;
}
.ow_photo_attachment_pic {
    display: inline-block;
    background-color: #ececec;
    width: 120px;
    height: 120px;
    border: 1px solid #e6e6e6;
    border-top-color: #dbdbdb;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
.ow_photo_attachment_pic.loading {
    background-size: auto;
    background-image: url(images/ajax_preloader_content.gif);
    background-position: center center;
}
.ow_photo_attachment_stage {
    width: 150px;
    height: 150px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
 }
/*File attachments*/
.ow_file_attachment_preview {
    width: 100%;
    height: auto;
    margin-top: -2px;
    margin-bottom: 6px;
}
.ow_file_attachment_block1, .ow_file_attachment_block2 {
    float: left;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 2px 0;
}
.ow_file_attachment_block1 {
    padding-right: 4px;
}
.ow_file_attachment_block2 {
    padding-left: 4px;
}
.ow_dialog_items_wrap .ow_file_attachment_block1,
.ow_dialog_items_wrap .ow_file_attachment_block2 {
	width: auto;
	float: none;
	padding-right: 0;
	padding-left: 0;
	padding-top: 4px;
}
.ow_dialog_items_wrap .ow_file_attachment_info,
.ow_mailbox_log .ow_file_attachment_info {
	padding-right: 4px;
}
.ow_dialog_item_mailchat .ow_mailbox_message_content_attach {
    padding-top: 0px;
}
.ow_dialog_items_wrap .ow_file_attachment_name,
.ow_mailbox_log .ow_file_attachment_name {
	font-weight: normal;
	padding-right: 4px;
}
.ow_file_attachment_info {
    border: 1px solid #DCDCDC;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding-right: 50px;
    position: relative;
    height: 22px;
    overflow: hidden;
}
.ow_file_attachment_info a {
	line-height: 22px;
	padding-left: 8px;
}
.ow_dialog_in_item.fileattach {
	padding-top: 1px;
	padding-bottom: 1px;
}
.ow_dialog_in_item.fileattach .ow_file_attachment_info {
	border: none;
}
.ow_file_attachment_name {
    width: 100%;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    padding-left: 8px;
    font-size: 11px;
    font-weight: bold;
}
.ow_file_attachment_size {
    font-weight: normal;
    display: none;
}
.ow_file_attachment_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    border-left: 1px solid #DCDCDC;
    background-image: url(images/tag_close_btn.png);
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ow_file_attachment_preload {
    position: absolute;
    top: 0;
    right: 25px;
    width: 16px;
    height: 22px;
    background: url(images/ajax_preloader_content.gif) center center no-repeat;
    display: none;
}
.ow_dialog_in_item.errormessage p,
.ow_mailbox_log_message.errormessage .ow_mailbox_message_content,
.ow_dialog_item_mailchat.errormessage .ow_dialog_item_mailchat_text {
	color: #b1b1b1;
}
.ow_errormessage_not {
	display: block; 
	padding-bottom: 4px; 
	padding-left: 4px;
}
.ow_dialog_in_item.errormessage .ow_errormessage_not {
	padding-left: 0;
}
/* -------End of attachments styles----------*/
/* ----------- Comments styles---------- */
body .ow_attachments .buttons {
	padding: 1px;
	background: #f5f5f5;
	border: 1px solid #ebebeb;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
body .ow_attachments a {
	border: 1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
body .ow_attachments a.video {
    border-radius: 0 2px 2px 0;
    margin: 0 0 0 -1px;
}
.base_cmnts_temp_cont .ow_ipc_info {
	border: none;
	padding-bottom: 1px;
}
.ow_comments_item,
.ow_feed_comments_viewall,
.ow_feed_comments_input_sticky,
.ow_photo_attachment_preview,
.ow_oembed_attachment_preview,
.ow_oembed_attachment_pic,
.ow_comments_form_wrap,
.ow_newsfeed_features .ow_tooltip .ow_tooltip_body,
.ow_newsfeed_item .ow_comments_no_form .ow_comments_msg {
	background-color: #fafafa;
	border-color: #ededed;
	border-style: solid;
}
.ow_comments_item {
    position: relative;
    padding: 0px 0px 4px;
    padding: 6px 6px 4px 6px;
    border-width: 1px 1px 0 1px;
}
.ow_comments_form_top .ow_comments_item {
    border-width: 0 1px 1px 1px;
}
.ow_comments_form_top .ow_paging {
    margin-bottom: 0;
    margin-top: 8px;
}
.ow_newsfeed_features .ow_comments_item {
    border-width: 1px 0 0 0;
}
.ow_photoview_info_wrap.sticked .ow_comments_item:last-child {
    border-width: 1px;
    margin-bottom: 12px;
}
.ow_comments_form_top .ow_comments_list .ow_comments_item:last-child {
    border-radius: 0px 0px 2px 2px;
    -moz-border-radius: 0px 0px 2px 2px;
    -webkit-border-radius: 0px 0px 2px 2px;
}
.ow_comments_list .ow_comments_item:first-child {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
}
.ow_comments_form_top .ow_comments_list .ow_comments_item:first-child {
    border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.ow_comments_no_form .ow_comments_list .ow_comments_item:last-child {
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    -webkti-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
	border-width: 0 1px 1px 1px;
}
.ow_newsfeed_item .ow_comments_no_form .ow_comments_list .ow_comments_item:last-child {
	border-width: 1px 0 0 0;
}
.ow_newsfeed_item .ow_comments_no_form .ow_comments_msg {
	border-top-width: 1px;
}
.ow_comments_form_top.ow_comments_no_form .ow_comments_list .ow_comments_item:first-child {
    border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-width: 1px;
}
.ow_newsfeed_features .ow_comments_list div .ow_context_action_block .ow_context_action {
    border-top-width: 1px;
}
.ow_comments_form_wrap {
    padding: 6px 6px 4px 6px;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-width: 1px;
    min-height: 42px;
}
.ow_comments_ipc .ow_comments_form_wrap {
    min-height: 50px;
}
.ow_newsfeed_features .ow_comments_form_wrap,
.ow_newsfeed_features .ow_feed_comments_viewall {
    border-width: 1px 0 0 0;
}
.ow_comments_form_top .ow_comments_form_wrap {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
}
.ow_feed_comments_viewall {
    text-align: right;
    padding: 8px 8px 8px 0;
    border-width: 1px 1px 0 1px;
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    min-height: 14px;
}
.ow_feed_comments_input_sticky {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.ow_feed_comments_input_sticky .ow_comments_input_wrap {
    padding: 6px 12px 4px 22px;
}
.ow_feed_comments_input_sticky .ow_comments_form_wrap {
    border-top-width: 1px;
}
.ow_comments_item_picture{
    float: left;
    margin-right: -50px;
    width: 50px;
}
.ow_comments_item_info {
    margin-left: 57px;
}
.ow_comments_item_info textarea.ow_smallmargin {
    margin-bottom: 6px;
    width: 100%;
    margin-top: 4px;
}
.ow_comments_item_info .comments_fake_autoclick {
    width: 100%;
    height: 28px;
    margin-top: 4px;    
}
.ow_comments_item_header {
    margin-bottom: 2px;
}
.ow_comments_item_header a {
    font-size: 11px;
    font-weight: bold;
}
.ow_comments_item_toolbar {
    float: left;
    font-size:10px;
    width: 100%;
}
.ow_comments_item_info .clearfix .ow_comments_item_toolbar {
    white-space: normal;
}
.ow_comments_date {
    float: right;
    font-size: 10px;
}
.ow_comments_list .ow_tooltip .ow_tooltip_body {
    padding: 4px 0px;
}
.ow_comments_list .ow_context_action_list a {
    padding: 4px 12px;
}
.ow_comments_item_info .mipc_url{
    font-weight: bold;
}
.comment_add_arr {
    float: left;
    display: block;
    position: relative;
    z-index: 1;
    left: 1px;
    width: 5px;
    height: 9px;
    margin: 14px 0px 0px -5px;
    background: url(images/comment_arr.png) no-repeat 0px 0px;
}
.ow_comments_list .comments_view_all {
    padding-bottom: 5px;
}
body .ow_comments_list .ow_attachment {
    padding-top: 4px;
}
body .ow_comments_content.ow_smallmargin {
    margin-bottom: 0px;
}
.ow_comments_content  img {
    max-width: 100%;
}
.ow_comments_btn_block {
    padding: 0 0px 0px 0;
}
.ow_comments_item .cnx_action {
    position: absolute;
    right: 4px;
    top: 4px;
}
.ow_comments_msg {
    padding-top: 4px;
    color: #666;
}
body .item_loaded {
    margin: 0px 3px 8px 57px;
}
body textarea.ow_newsfeed_status_input {
    height: 58px;
}
body textarea.ow_newsfeed_status_input.invitation {
    width: 100%;
    height: 28px;
}
.ow_comments_mipc.ow_comments_paging .ow_comments_list {
	margin-bottom: 8px;
}
.ow_comments_mipc .ow_comments_item_picture,
.ow_feed_comments_input_sticky .ow_comments_item_picture  {
	width: 42px;
	margin-right: -42px;
	float: left;
}
.ow_comments_mipc .ow_comments_item_picture .ow_avatar,
.ow_feed_comments_input_sticky .ow_comments_item_picture .ow_avatar {
	height: 32px;
    width: 32px;
    background: url(images/avatar_mini_bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ow_comments_mipc .ow_comments_item_picture .ow_avatar img,
.ow_feed_comments_input_sticky .ow_comments_item_picture .ow_avatar img {
	width: 32px;
	height: 32px;
}
.ow_comments_mipc .ow_comments_item_info,
.ow_feed_comments_input_sticky .ow_comments_item_info {
	margin-left: 48px;
}
.ow_comments_mipc .ow_comments_list {
	margin-bottom: 1px;
}
.ow_comments_item_info .ow_comments_content {
    padding: 2px 0;
    width: 100%;
    word-wrap: break-word;
}
.ow_comments_input_wrap textarea.comments_fake_autoclick {
	resize: none;
	height: 30px;
	padding-right: 28px;
}
.ow_comments_input_wrap .ow_comments_input {
	padding-top: 4px;
	position: relative;
}
.ow_comments_input_wrap .ow_comments_input .comments_fake_autoclick {
	margin-top: 0;
}
.ow_comments_input .ow_attachment_icons {
	position: absolute;
	top: 8px;
	right: 4px;
}
.ow_comments_input .ow_attachments a {
    background: url(images/wysiwyg.png) no-repeat scroll -176px 0px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 20px;
    overflow: hidden;
    text-decoration: none;
    width: 20px;
}
.ow_attachments input[type="file"] {
    cursor: pointer;
    float: right;
    opacity: 0;
}
/*End of comments styles*/
/*========================================================
        [5] Common Blocks        __blocks
  ========================================================*/
.ow_box_cap_empty {
    background: #fafafa; /* url('images/box_cap.gif') repeat-x left top;*/
    border: 1px solid #dcdcdc;
    /*border-radius: 6px 6px 0px 0px;*/
    margin-bottom: 8px;
}

.ow_box_cap_empty .ow_box_cap_right {
}

.ow_box_cap_empty .ow_box_cap_body {
    min-height: 32px;
}

.ow_box_empty{
    position: relative;
}
.ow_box .bottom_toolbar, .ow_box_mod .bottom_toolbar{
    margin-top: 10px;
    border-top: 1px solid #f0f0f0;
    font-size: 10px;
    padding: 0 5px;
    text-align: right;
}
.ow_box.ow_no_cap {
    border-top: 1px solid #dcdcdc;
    /*border-top-left-radius: 6px;
    border-top-right-radius: 6px;*/
}

.ow_sidebar .ow_box_bottom_shadow,
.ow_supernarrow .ow_box_bottom_shadow
{
    background-image: url('images/box-shadow-small.png');
    bottom: -12px;
}

/*========================================================
        [6] Standard Listings        __listings
  ========================================================*/

.ow_canvas .ow_avatar img,
.ow_canvas .ow_lp_avatars img,
.ow_canvas .ow_newsfeed_avatar img {
    width: 40px;
    height: 40px;
}
/* ---- Item Picture Content ---- */
.ow_ipc {
    margin-top: 16px;
    margin-bottom: 0px;
}
.ow_ipc:first-child {
    margin-top: 0px;
}

.ow_ipc_picture{
    float: left;
    margin-right: -50px;
    width: 50px;
    /*padding: 4px 5px 6px;*/
}
.ow_ipc_picture .ow_avatar {
    background: none; /*url(images/avatar_bg.png) no-repeat;*/
}
.ow_ipc_picture img {
    width: 40px;
    height: 40px;
}
.ow_ipc_picture img:first-child {
    margin-top: 7px;
    margin-left: 5px;
}
.ow_ipc_picture .ow_avatar img {
    margin-top: 0px;
    margin-left: 0px;    
}
.ow_ipc_info{
    margin-left: 57px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #f0f0f0;   
}

.ow_ipc_header{
    padding: 0px 0px 0px;
    margin: 0px 0px 0px;
}
.ow_ipc_header a {
    font-size: 12px;
    font-weight: bold;
}
.ow_ipc.ow_smallmargin {
    margin-bottom: 0px;
}
.ow_ipc_content{
    padding: 0px 0px 12px 0px;
    line-height: 1.25em;
}
.ow_ipc_toolbar{
    font-size: 11px;
    float: left;
    padding: 0 0px 0px 0px;
    width: 100%;
}
.ow_ipc_toolbar .ow_icon_control {
    padding: 0px;
}
html body div .ow_ipc_toolbar span {
    background: none;
}
.ow_ipc_toolbar .ow_ipc_date,
.ow_ipc_date {
    float: right;
    font-size: 10px;
    line-height: 14px;
}
.ow_table_1 .ow_ipc_info,
.ow_table_2 .ow_ipc_info {
    border: none;
}
/* ---- End of the Item Picture Content ---- */

/* ---- Mini Item Picture Content ---- */
.ow_mini_ipc_picture {
    float: left;
    margin-right: -42px;
    width: 42px;
}
.ow_mini_ipc_picture .ow_avatar {
    background: none; /*url(images/avatar_mini_bg.png) no-repeat 0px 0px;*/
}

.ow_mini_ipc_picture img,
.ow_mini_ipc_picture .ow_avatar,
.ow_mini_ipc_picture .ow_avatar img {
    width: 32px;
    height: 32px;
}

.ow_mini_ipc_info {
    margin-left: 49px;
    padding-top: 0;
}

.ow_mini_ipc_info .mipc_url {
    font-weight: bold;
}
.ow_mini_ipc_content {
    margin-top: 5px;
}
/* ---- End of the Mini Item Picture Content ---- */

/* ---- Item Content ---- */
.ow_ic_header {
    margin-bottom: 5px;
}

.ow_ic_description {
    margin-bottom: 5px;
}
.ow_ic_date {
    float: right;
    font-size: 10px;
    line-height: 14px;    
}
th,
.ow_sidebar,
.ow_table_3 td {
    border-color: #f0f0f0;
}
.ow_page td.ow_highbox,
.ow_highbox_table .ow_highbox,
.ow_page .ow_highbox {
    border-color: #ceda9d;
}
html body .ow_table_1 tr th.ow_highbox {
    border-color: #ceda9d;
    border-right: 1px solid #ceda9d
}

.ow_box_toolbar {
    margin-top: 16px;
    font-size: 11px;
    float: right;
    white-space: nowrap;
}
.ow_box_toolbar span {
    padding: 0px 2px 0px 0px;
}
.ow_box_toolbar span.ow_icon_control {padding: 0px 0 2px 13px; background-position: 0px 2px;}

.ow_box_toolbar span.ow_nowrap a {
    display: inline-block;
    border-radius: 2px;
    border: none; /* 1px solid #f0f0f0;*/
    background: none; /*url(images/btn_grad.png) repeat-x;*/
    padding: 0px 6px 0px;
    line-height: 21px;
    text-decoration: underline;
    font-size: 12px;
}
.ow_box_toolbar span.ow_nowrap a:hover {
    /*background: url(images/box_menu_active.gif) repeat-x;*/
    text-decoration: none;
}
.ow_box_empty .ow_box_toolbar {
    text-shadow: #fff 1px 1px 0;
}
.ow_box_toolbar a {
    color: #666;
}
.ow_box_toolbar a:hover {
    text-decoration: none;
}
.ow_box_toolbar .ow_delimiter,
.ow_ic_toolbar  .ow_delimiter{
    display: none;
}

.ow_avatar_list{
    text-align: center;
}

.ow_avatar_list a{
    margin-bottom: 0px;
    margin-right: 1px;
}

/* ---- Tooltip ---- */
.ow_tooltip {
    margin-top: 0;
}
.ow_tooltip_tail {
    display:inline-block;
    padding: 0px 0px;
    width: 100%;
}
.ow_tooltip_tail span {
    display:inline-block;
    background: url(images/tooltip_tail.png) no-repeat 8px -6px;
    width: 19px;
    height: 6px;
    margin-bottom: -1px;
}   
.ow_tooltip .ow_tooltip_body {
    background: var(--contentBackgroundColor);
    border-radius: 32px;
    max-width: 380px;
    border: 1px solid var(--themeTextColor);
    overflow: hidden;
}
.ow_forum_search_context_menu .ow_tooltip .ow_tooltip_body {
    padding: 4px 0;
}
.ow_forum_search_context_menu .ow_context_action_list a {
     padding: 4px 12px;
}
/* ---- Top Right Tooltip  ---- */
.ow_tooltip_top_right.ow_tooltip {
    margin-top: 0;
    position: absolute;
    min-width: 260px;
    right: 0;
    z-index: 91;
    
}

.ow_console_body .ow_tooltip_top_right.ow_tooltip{
    top: 102px !important;
    position: fixed;
    right: 58px;
}

.ow_console_body .console_avatar_container .ow_tooltip_top_right.ow_tooltip{
    right: 5px;
}
 
.ow_tooltip_top_right .ow_tooltip_tail span {
    background-position: 3px -6px;
}
.ow_tooltip_top_right .ow_tooltip_tail {
    text-align: right;
    display: none;
}
/* ---- Bottom Left Tooltip  ---- */
.ow_tooltip_bottom_left .ow_tooltip_tail span {
    background-position: 9px 0px;
    margin-top: -1px;
}
/* ---- Bottom Right Tooltip  ---- */
.ow_tooltip_bottom_right .ow_tooltip_tail span {
    background-position: 1px 0px;
    margin-top: -1px;
}
.ow_tooltip_bottom_right .ow_tooltip_tail {
    text-align: right;
}
/* ---- Left Side Tooltip  ---- */
.ow_tooltip_left .ow_tooltip_tail {
    float: left;
    margin-right: -4px;
    width: 4px;
    padding-top: 8px;
}
.ow_tooltip_left .ow_tooltip_tail span {
    margin: 0px;
    width: 5px;
    height: 11px;
    background-position: 0px -28px;
}
.ow_tooltip_left .ow_tooltip_body {
    display: block;
    margin-left: 4px;
}
/* ---- Right Side Tooltip  ---- */
.ow_tooltip_right .ow_tooltip_tail {
    float: right;
    margin-left: -4px;
    width: 5px;
    padding-top: 8px;
}
.ow_tooltip_right .ow_tooltip_tail span {
    margin: 0px;
    width: 5px;
    height: 11px;
    background-position: 0px -15px;
}
.ow_tooltip_right .ow_tooltip_body {
    display:block;
    margin-right: 4px;
}


/* ---- End of Tooltip  ---- */

/* ---- Counter  ---- */
.ow_count_wrap {

}
.ow_count_bg {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    background: none repeat scroll 0 0 #9b9b9b;
    overflow: hidden;
}
.ow_count {
    color: #fff;
}
.ow_count_active {
    background: none repeat scroll 0 0 #90c105;
}
/* ---- End of Counter  ---- */

/* ---- Item Voted Content ---- */

.ow_ivc_box{
}

.ow_ivc_voteupdown{
    background-repeat: no-repeat;
    background-position: center 5px;
    float: left;
    margin-right: -50px;
    padding: 0px 5px 5px;
    text-align: center;
}

.ow_ivc_content{
    margin-left: 75px;
}
/*
.ow_ivc_origin{
   background-repeat: no-repeat;
   margin-bottom: 8px;
   padding: 2px 0px 2px 20px;
}


.ow_ivc_toolbar .ow_comments,
.ow_ivc_toolbar .ow_tags,
.ow_ivc_toolbar .ow_voteup,
.ow_ivc_toolbar .ow_votedown{
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;
    padding: 0px 0px 2px 20px;
}
*/
/* ---- Listing Picture ---- */

.ow_lp_picture{
    float: left;
    margin: 0 1px 1px 0;
}

.ow_lp_wrapper{
    /*float: left;
    overflow: hidden;
    text-align: center;*/
}

.ow_lp_avatars{
    text-align:center;
}

.ow_lp_avatars .ow_lp_wrapper{
    display: inline-block;
    margin: 0 1px 1px 0;
    width: 40px;
}

.ow_lp_albums .ow_lp_wrapper{
    width: 77px;
    height: 77px;
    padding: 4px 0px 0px 5px;    
    float: left;
    margin-right: 4px;
    background: none; /*url(images/lp_wrapper.png) no-repeat 0px 0px;*/
}

.ow_lp_photos .ow_lp_wrapper{
    width: 77px;
    height: 77px;
    padding: 4px 0px 0px 5px;
    margin: 0 2px 2px 0;
    display: inline-block;
    float: none;
    background: none; /*url(images/lp_wrapper.png) no-repeat 0px 0px;*/
    text-align: left;
}

.ow_lp_avatars img {
    /*display: block;*/
}

.ow_lp_avatars .ow_avatar {
    margin: 1px;
    text-align: left;
}

.ow_lp_photos img,
.ow_lp_albums img{
    width: 72px;
    height: 72px;
    /*display: block;*/
}

.ow_lp_label{
    margin-left: 80px;
}

.ow_lp_avatars.ow_mini_avatar{
    text-align:left;
}
.ow_mini_avatar .ow_avatar{
    background: none; /*url(images/avatar_mini_bg.png) no-repeat 0px 0px;*/
}
.ow_mini_avatar .ow_avatar, .ow_avatar.ow_mini_avatar,
.ow_mini_avatar .ow_avatar img, .ow_avatar.ow_mini_avatar img {
    width: 32px;
    height: 32px;
}

a.avatar_list_more_icon{
    width: 25px;
    height: 32px;
    display: inline-block;
    margin: 0 1px;
    background: #eee url(images/more_icon.png) no-repeat 50% 50%;
}

/* ---- User List ---- */

.ow_user_list {
    border: 1px solid #dcdcdc;
}

.ow_user_list .ow_item_set3{
    width: 32%;
    word-wrap: break-word;
}

.ow_user_list_item{
    float: left;
    padding: 10px;
    padding-right: 0px;
    position: relative;
}

.ow_user_list_picture{
    float: left;
    margin-right: -50px;
    width: 50px;
}

.ow_user_list_picture img{
    width: 40px;
    height: 40px;
}

.ow_user_list_data{
    margin-left: 53px;
}
.ow_uli_context_menu {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}
.ow_user_list_item:hover .ow_uli_context_menu {
    display: block;
}
.ow_uli_context_menu .ow_tooltip .ow_tooltip_body {
    padding: 4px 0;
}
.ow_uli_context_menu .ow_context_action_list a {
    padding: 4px 12px;
}
/*=======================================================
        [7] Tables        __tables
  ========================================================*/
.ow_table_1,
.ow_table_2 {
    border-collapse: separate;
}
.ow_table_3 {
    border-collapse: collapse;
}
.ow_table_1,
.ow_table_2,
.ow_table_3{
    margin-bottom: 25px;
    width: 100%;
}
.ow_table_1 tr td,
.ow_table_2 tr td,
.ow_user_list .ow_alt1,
.ow_user_list .ow_alt2,
.ow_video_list .ow_alt1,
.ow_video_list .ow_alt2,
.ow_photo_list .ow_alt1,
.ow_photo_list .ow_alt2 {
    border-style: solid;
    border-color: #f0f0f0;
}
.ow_table_1 tr td,
.ow_table_2 tr td {
    border-width: 0px 1px 1px 0px;
}
.ow_table_1 .ow_empty + tr td:first-child,
.ow_table_2 .ow_empty + tr td:first-child {
    /*border-radius: 4px 0px 0px 0px;
    -moz-border-radius: 4px 0px 0px 0px;
    -webkit-border-radius: 4px 0px 0px 0px;*/
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
}
.ow_video_list div:first-child,
.ow_user_list div:first-child {
    border-left-width: 1px;
    border-top-width: 1px;
}
.ow_table_1 tr td:first-child,
.ow_table_2 tr td:first-child {
    border-left-width: 1px;
}
.ow_video_list div,
.ow_user_list div {
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}
.ow_video_list div:last-child,
.ow_user_list div:last-child {
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    /*border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
}
.ow_video_list div:first-child,
.ow_user_list div:first-child {
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
}
.ow_table_1 tr td:last-child,
.ow_table_2 tr td:last-child {
    border-bottom-width: 1px;
    border-right-width: 1px;
}
.ow_table_1 tr:first-child td,
.ow_table_2 tr:first-child td {
    border-top-width: 1px;
}
.ow_table_1 tr:first-child td:first-child,
.ow_table_1 tr:first-child th:first-child,
.ow_table_2 tr:first-child td:first-child,
.ow_table_2 tr:first-child th:first-child {
    /*border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;*/
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
}
.ow_table_1 tr:first-child td:last-child,
.ow_table_1 tr:first-child th:last-child,
.ow_table_2 tr:first-child td:last-child,
.ow_table_2 tr:first-child th:last-child {
    /*border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;*/
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
}
.ow_table_1 tr:last-child td:first-child,
.ow_table_1 tr.ow_alt1:last-child td:first-child,
.ow_table_1 tr.ow_tr_last td:first-child,
.ow_table_1 tr.ow_tr_last th:first-child,
.ow_table_2 tr:last-child td:first-child,
.ow_table_2 tr.ow_alt1:last-child td:first-child,
.ow_table_2 tr.ow_tr_last td:first-child,
.ow_table_2 tr.ow_tr_last th:first-child {
    /*border-bottom-left-radius: 4px;
    -moz-border-left-radius: 4px;
    -webkit-border-left-radius: 4px;*/
    border-bottom-width: 1px;
    border-left-width: 1px;
    /*border-bottom-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;*/
}
.ow_table_1 tr:last-child td:last-child,
.ow_table_1 tr.alt1:last-child td:last-child,
.ow_table_1 tr.ow_tr_last td:last-child,
.ow_table_1 tr.ow_tr_last th:last-child,
.ow_table_2 tr:last-child td:last-child,
.ow_table_2 tr.alt1:last-child td:last-child,
.ow_table_2 tr.ow_tr_last td:last-child,
.ow_table_2 tr.ow_tr_last th:last-child {
    /*border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;*/
    border-bottom-width: 1px;
    border-right-width: 1px;
    /*border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;*/
}
.ow_table_1 tr:last-child td,
.ow_table_1 tr:last-child th,
.ow_table_2 tr:last-child td,
.ow_table_2 tr:last-child th {
    border-top-width: 0px;
}
.ow_table_1 th,
.ow_table_2 th {
    border-style: solid;
    border-color: #f0f0f0  #f0f0f0 #dcdcdc #f0f0f0;
    border-width: 0px 1px 1px;
    _border-width: 1px;
}
.ow_table_1 tr.ow_tr_first td,
.ow_table_2 tr.ow_tr_first td{
    border-top-width: 1px;
}
.ow_table_1 tr.ow_tr_first th,
.ow_table_2 tr.ow_tr_first th {
    border-width: 1px 0px;
    border-color: #dcdcdc;
}
.ow_table_1 tr.ow_tr_first th:first-child,
.ow_table_1 tr.ow_tr_first td:first-child,
.ow_table_2 tr.ow_tr_first th:first-child,
.ow_table_2 tr.ow_tr_first td:first-child {
    border-left-width: 1px;
    /*border-top-left-radius: 4px;*/
}
.ie8 .ow_table_1 tr.ow_tr_first th,
.ie8 .ow_table_2 tr.ow_tr_first th {
    border-right-width: 1px;
}
/*@media \0screen {
    .ow_table_1 tr.ow_tr_first th,
    .ow_table_2 tr.ow_tr_first th {
    border-right-width: 1px;
}
}*/
.ow_table_1 tr.ow_tr_delimiter td,
.ow_table_2 tr.ow_tr_delimiter td  {
    border: none;
}
.ow_table_1 tr.ow_tr_first th:last-child,
.ow_table_1 tr.ow_tr_first td:last-child,
.ow_table_2 tr.ow_tr_first th:last-child,
.ow_table_2 tr.ow_tr_first td:last-child {
    /*border-right-width: 1px;
    border-top-right-radius: 4px;*/
}
.ow_table_1 tr.ow_tr_first th:last-child,
.ow_table_2 tr.ow_tr_first th:last-child {
    border-right-color: #dcdcdc;
}
.ow_table_1 td,
.ow_table_2 td{
    padding: 8px;
    vertical-align: middle;
}

.ow_table_1 td .text{
    color: #999;
}

.ow_table_2{
    border-collapse: separate;
}

.ow_table_2 td{
    text-align: center;
}

.ow_table_3{
    border-collapse: separate;
    border-spacing: 5px;
}

.ow_table_3 td{
    border-left-width: 1px;
    border-left-style: solid;
    vertical-align: top;
}

.ow_table_3 td.ow_label{
    border: none;
    color: #444;
    text-align: right;
}

.ow_table_3 td.ow_value{
    width: 50%;
    padding-left: 10px;
}

.ow_table_4{
    border-collapse: separate;
    border-spacing: 5px;
}

.ow_table_4 td{
    vertical-align: top;
}

.ow_table_4 td.ow_label{
    border: none;
    color: #666;
    text-align: right;
}

.ow_table_4 td.ow_value{
    padding-left: 10px;
}

th.ow_section{
    border: 0 none;
    padding: 15px 0;
    text-align: center;
    background: transparent;
}

th span.ow_section_icon{
    background-repeat: no-repeat;
    padding-left: 22px;
}

th.ow_section span{
    background: #f0f0f0;
    padding: 5px 10px;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    text-shadow: #fff 1px 1px 0;
    font-weight: normal;
}

table.ow_form td.ow_label{
    color: #666;
    text-align: right;
    width: 20%;
}

table.ow_form td.ow_desc{
    width: 25%;
    color: #666;
    font-size: 11px;
}

table.ow_form td.ow_submit{
    text-align: center;
}


.ow_edit_form .field_item{
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 2px);
    margin-right: 0;
}

.ow_edit_form .field_item.image_input .input{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 120px);
}

.ow_edit_form .field_item .image{
    width: 72px; 
    height: 72px; 
    border-radius: 6px; 
    overflow: hidden;
}

.ow_edit_form .field_item img{
    width: 100%; 
    height: 100%; 
    object-fit: cover;
    border-radius: 4px;
}

.ow_edit_form .field_item .label, 
.field_item .input{
    margin-bottom: 3px;
}

.ow_edit_form .field_item.image_input,
.ow_edit_form .field_item.aboutme,
.ow_edit_form .field_item.birthdate{
    width: 100%;
}

.ow_edit_form .field_item.birthdate .ow_inline{
    display: inline-block;
    width: calc(33.33% - 3px);
}

.ow_edit_form .field_item.aboutme textarea{
    height: 120px;
}


.ow_edit_form .form_part{
    margin-top: 20px;
    border-top: 1px solid var(--boxBorderColor);
    padding-top: 20px;
}

.ow_edit_form .form_part_el{
    display: inline-block;
    vertical-align: top;
}

.ow_edit_form .form_part_el.title_and_instruction{
    margin-bottom: 14px;
    padding-right: 24px;
    box-sizing: border-box;
    width: calc(40%);
}

.ow_edit_form .form_part_el.form_fields{
    width: calc(60% - 6px);
}

.ow_edit_form .form_part_el_instruction{
    
}

.ow_edit_form .submit_button_wrap{
    margin-top: 20px; 
    border-top: 1px solid var(--boxBorderColor); 
    padding-top: 24px;
}

.scrollbar_thin::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scrollbar_thin::-webkit-scrollbar-thumb,
.scrollbar_thin::-webkit-scrollbar-track {
  border-radius: 10px;
}

.scrollbar_thin::-webkit-scrollbar-thumb{
    background-color: transparent; 
}
.scrollbar_thin:hover::-webkit-scrollbar-thumb {
  background-color: var(--boxBorderColor); 
}

@media screen and (max-width: 640px){
    .ow_edit_form .form_part_el.form_fields,
    .ow_edit_form .form_part_el.title_and_instruction{
        width: 100%;
        padding-right: 0;
    }
    
    .ow_edit_form .submit_button_wrap,
    .ow_edit_form .form_part{
        border-top: none;
    }
    
    .ow_edit_form .submit_button_wrap{
        padding-top: 10px;
    }
    
}

/*========================================================
        [8] Messages & Notifications        __messages
  ========================================================*/


/*========================================================
        [9] Thumbnails & Icons        __icons
  ========================================================*/

img.thumb{
    width: 100px;
}

.action_list .ow_lbutton .ow_ic_delete{ background-image: url(images/ic_delete.png); }
.action_list .ow_lbutton .ow_ic_reply{ background-image: url(images/ic_reply.png); }
.action_list .ow_lbutton .ow_ic_add{ background-image: url(images/ic_add.png); }

/***** No icon for buttons now.
html body div .ow_ic_add{ background-image: url(images/ic_add.png); }
html body div .ow_ic_aloud{ background-image: url(images/ic_aloud.png); }
html body div .ow_ic_app{ background-image: url(images/ic_app.png); }
html body div .ow_ic_attach{ background-image: url(images/ic_attach.png); }
html body div .ow_ic_birthday{ background-image: url(images/ic_birthday.png); }
html body div .ow_ic_bookmark{ background-image: url(images/ic_bookmark.png); }
html body div .ow_ic_calendar{ background-image: url(images/ic_calendar.png); }
html body div .ow_ic_cart{ background-image: url(images/ic_cart.png); }
html body div .ow_ic_chat{ background-image: url(images/ic_chat.png); }
html body div .ow_ic_clock{ background-image: url(images/ic_clock.png); }
html body div .ow_ic_comment{ background-image: url(images/ic_comment.png); }
html body div .ow_ic_cut{ background-image: url(images/ic_cut.png); }
html body div .ow_ic_dashboard{ background-image: url(images/ic_dashboard.png); }
html body div .ow_ic_delete{ background-image: url(images/ic_delete.png); }

html body div .ow_ic_draft{ background-image: url(images/ic_draft.png); }

html body div .ow_ic_down_arrow{ background-image: url(images/ic_down_arrow.png); }
html body div .ow_ic_edit{ background-image: url(images/ic_edit.png); }
html body div .ow_ic_female{ background-image: url(images/ic_female.png); }
html body div .ow_ic_file{ background-image: url(images/ic_file.png); }
html body div .ow_ic_files{ background-image: url(images/ic_files.png); }
html body div .ow_ic_flag{ background-image: url(images/ic_flag.png); }
html body div .ow_ic_folder{ background-image: url(images/ic_folder.png); }
html body div .ow_ic_forum{ background-image: url(images/ic_forum.png); }
html body div .ow_ic_friends{ background-image: url(images/ic_friends.png); }
html body div .ow_ic_gear_wheel{ background-image: url(images/ic_gear_wheel.png); }
html body div .ow_ic_heart{ background-image: url(images/ic_heart.png); }
html body div .ow_ic_help{ background-image: url(images/ic_help.png); }
html body div .ow_ic_house{ background-image: url(images/ic_house.png); }
html body div .ow_ic_info{ background-image: url(images/ic_info.png); }
html body div .ow_ic_key{ background-image: url(images/ic_key.png); }
html body div .ow_ic_left_arrow{ background-image: url(images/ic_left_arrow.png); }
html body div .ow_ic_lens{ background-image: url(images/ic_lens.png); }
html body div .ow_ic_link{ background-image: url(images/ic_link.png); }
html body div .ow_ic_lock{ background-image: url(images/ic_lock.png); }
html body div .ow_ic_mail{ background-image: url(images/ic_mail.png); }
html body div .ow_ic_male{ background-image: url(images/ic_male.png); }
html body div .ow_ic_mobile{ background-image: url(images/ic_mobile.png); }
html body div .ow_ic_moderator{ background-image: url(images/ic_moderator.png); }
html body div .ow_ic_monitor{ background-image: url(images/ic_monitor.png); }
html body div .ow_ic_move{ background-image: url(images/ic_move.png); }
html body div .ow_ic_music{ background-image: url(images/ic_music.png); }
html body div .ow_ic_new{ background-image: url(images/ic_new.png); }
html body div .ow_ic_ok{ background-image: url(images/ic_ok.png); }
html body div .ow_ic_online{ background-image: url(images/ic_online.png); }
html body div .ow_ic_picture{ background-image: url(images/ic_picture.png); }
html body div .ow_ic_places{ background-image: url(images/ic_places.png); }
html body div .ow_ic_plugin{ background-image: url(images/ic_plugin.png); }
html body div .ow_ic_push_pin{ background-image: url(images/ic_push_pin.png); }
html body div .ow_ic_reply{ background-image: url(images/ic_reply.png); }
html body div .ow_ic_right_arrow{ background-image: url(images/ic_right_arrow.png); }
html body div .ow_ic_rss{ background-image: url(images/ic_rss.png); }
html body div .ow_ic_save{ background-image: url(images/ic_download.png); }
html body div .ow_ic_restrict{ background-image: url(images/ic_restrict.png); }
html body div .ow_ic_script{ background-image: url(images/ic_script.png); }
html body div .ow_ic_server{ background-image: url(images/ic_server.png); }
html body div .ow_ic_star{ background-image: url(images/ic_star.png); }
html body div .ow_ic_tag{ background-image: url(images/ic_tag.png); }
html body div .ow_ic_trash{ background-image: url(images/ic_trash.png); }
html body div .ow_ic_unlock{ background-image: url(images/ic_unlock.png); }
html body div .ow_ic_up_arrow{ background-image: url(images/ic_up_arrow.png); }
html body div .ow_ic_update{ background-image: url(images/ic_update.png); }
html body div .ow_ic_user{ background-image: url(images/ic_user.png); }
html body div .ow_ic_video{ background-image: url(images/ic_video.png); }
html body div .ow_ic_warning{ background-image: url(images/ic_warning.png); }
html body div .ow_ic_write{ background-image: url(images/ic_write.png); }
****/ 

html body div .ow_button span,
html body div .ow_button span.ow_negative,
html body div .ow_button span.ow_negative .ow_inprogress {
    background-image: none;
    background-repeat: no-repeat;
}

.maintenance_cont h1 {
    background-image: none;
}

.ow_icon_control{
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0px 0 2px 20px;
    line-height: 15px;
}

html body div .ow_miniic_comment{ background: url(images/miniic_set.png) no-repeat 4px 5px; }
html body div .ow_miniic_like { background: url(images/miniic_set.png) no-repeat -15px 4px; }
html body div .ow_miniic_delete{ background-image: url(images/miniic_x.png); }

html body div .ow_tinyic_delete{ background-image: url(images/tinyic_delete.png); }
html body div .ow_tinyic_tag{ background-image: url(images/tinyic_tag.png); }
html body div .ow_tinyic_write{ background-image: url(images/tinyic_write.png); }

.ow_miniicon_control{
    background-repeat: no-repeat;
    display: inline-block;
    padding: 1px 0 2px 14px;
    line-height: 9px;
}


span.ow_icon{
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.ow_marked_cell{
    background-image: url(images/ic_ok.png);
    background-repeat: no-repeat;
    background-position: center center;
}






/*========================================================
        [10] Menus        __menus
  ========================================================*/

/* ---- Main Menu styles ---- */

.ow_menu_wrap {
    height: 53px;
    display: table;
    background: #fafafa; /*url('images/menu.jpg') repeat-x;*/ 
    margin: 0px auto;
    width: 100%;
}

.ow_main_menu_wrap{
    overflow: hidden;
    overflow-x: auto;
}

.ow_main_menu{
    text-align: center;
    width: max-content;
    min-width: 100%;
}




.main_menu_item{
    display: inline-block;
    text-align: center;
    margin: 0 12px;
}

.main_menu_item .menu_item_img{
    border-radius: 50%;
    background-color: #f2f2f2;
    overflow: hidden;
    border: 2px solid transparent;
    transition: 0.4s;
}

.main_menu_item .menu_item_img .menu_icon_big{
    height: 62px;
    width: 62px;
    background-size: cover;
}

.main_menu_item.active .menu_item_img{
    border: 2px solid var(--highlightColor);
}


.main_menu_item .menu_item_label{
    font-size: 1.125em;
    transition: .3s;
}

.main_menu_item .menu_item_label:hover{
    scale: var(--hoverScale);
    opacity: var(--hoverOpacity);
}

.ow_main_menu li {
    padding: 0;
    display: inline-block;
}

.ow_main_menu li a {
    color: #444; /** OW_Control type:color, key:menuColor, section:2. Colors, label:4. Menu text color **/
    display: inline-block;
    font-size: 16px;
    padding: 2px 8px 6px 8px;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: #fff 0 1px 0;
    font-weight: normal;
}

.ow_main_menu li.active a {
}

.ow_main_menu li.active a,
.ow_main_menu li a:hover {
    color: #80b400; 
}

.main_menu_top_responsive_mode_button{
    display: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 52px;
    height: 60px;
    width: 46px;
    position: relative;
    cursor: pointer;
    transition: .3s;
    vertical-align: middle;
    background-image: url(images/pet_theme/ic_console_menu.svg);
    background-size: 24px;
}

.main_menu_top_responsive_mode_button.ic_menu_black{
    background-image: url(images/pet_theme/ic_console_menu.svg?v1);
}

.main_menu_top_responsive_mode_button.ic_close_black{
    background-image: url(images/pet_theme/ic_console_menu.svg?v1);
    display: inline-block;
}

.ow_main_menu.responsive{
    position: fixed;
    top: 72px;
    right: 0;
    z-index: 19;
    display: block;
    background-color: var(--contentBackgroundColor);
    border: 1px solid var(--themeTextColor);
    overflow: hidden;
}

.main_menu_responsive_overlay{
    position: fixed;
    z-index: 18;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.responsive .main_menu_item{
    display: block;
    z-index: 20;
    line-height: 3;
    margin: 0;
    transition: .3s
}

.responsive .main_menu_item:not(:last-child){
    border-bottom: 1px solid var(--themeBorderColor);
}

.responsive .main_menu_item:hover{
    background-color: white;
}

.responsive .main_menu_item .menu_item_label,
.responsive .main_menu_item .menu_item_img{
    display: inline-block;
    vertical-align: middle;
}

.responsive .main_menu_item .menu_icon_big{
    height: 34px;
    width: 34px;
}

.responsive .main_menu_item.active .menu_item_label{
    
}


.ow_box_menu {
    font-size: 0px;
    line-height: 21px;
    margin-bottom: 16px;
}
.ow_box .ow_box_menu {
    text-align: right;
}

.ow_box_menu a {
    background: #fafafa;
    display: inline-block;
    color: #66667a;
    font-size:11px;
    height: 22px;
    padding: 0px 6px 0 7px;
    text-shadow: #fff 1px 1px 0;
    border-style: solid;
    border-color: #dcdcdc;
    border-width: 1px 1px 1px 1px;
    margin: 0px 0px 0px -1px;
    outline: 0;

}
.ow_box_menu a:first-child {
    border-left-width: 1px;
    border-top-left-radius: 1px;
    -moz-border-top-left-radius: 1px;
    -webkit-border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    -moz-border-bottom-left-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
}
.ow_box_menu a:last-child {
    border-top-right-radius: 1px;
    -moz-border-top-right-radius: 1px;
    -webkit-border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    -moz-border-bottom-right-radius: 1px;
    -webkit-border-bottom-right-radius: 1px;
}
.ow_box_empty .ow_box_menu{
    float: right;
    padding-left: 5px;
}

.ow_box_menu a.active,
.ow_box_menu a:hover{
    color:#80b400; 
    text-decoration:none;
    background: #fff; /*transparent url('images/box_menu_active.gif') repeat-x  left top;*/
}

/* ---- End of Main Menu styles ---- */


/* ---- Content Menu styles ---- */

.ow_content_menu_wrap .ow_content_menu,
.ow_content_menu_wrap .ow_content_menu.clearfix{
    display: flex;
    gap: 10px;
}


.ow_content_menu_leading_label{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 12px;
    padding-right: 10px;
}

.ow_content_menu_wrap{
    margin-bottom:8px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.ow_content_menu li{
    display: inline-block;
    vertical-align: top;
}
.ow_content_menu li:first-child {
    border-color: transparent;
}
.ow_content_menu li a{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 10px 30px;
    border: 2px solid var(--themeTextColor);
    border-radius: 30px;
    letter-spacing: 3px;
    color: var(--themeTextColor);
    font-weight: 600;
    transition: .3s;
    text-decoration: none;
    background-color: #faf7ec;
}

.ow_content_menu li:hover a{
    opacity: var(--hoverOpacity);
}

.ow_content_menu li:hover a span{
    scale: var(--hoverScaleLess);
}

.ow_content_menu li.active a{
    color: white;
    background-color: var(--primaryButtonHoverColor);
    border: 2px solid var(--primaryButtonHoverColor);
}

.float_content_menu_wrap .ow_content_menu li.active a{
    color: var(--themeTextColor);
    background-color: var(--highlightColor);
    border: 2px solid var(--themeTextColor);
}


.ow_content_menu span{
    background-image: none;
    background-position: 5px 9px;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    font-size: 1.285em;
    transition: .3s;
}

.ow_content_menu span .red_counter{
    background-color: red;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 4px;
    height: 18px;
    min-width: 18px;
    text-align: center;
}

.ow_content_menu span .red_counter span{
    padding: 4px 6px;
    border-radius: 4px;
    line-height: 1;
    color: white;
    font-weight: 600;
    font-size: 11px;
}

.ow_content_menu li.active {
    background: none; /*url(images/content_menu_bg_left.png) no-repeat;*/
}
.ow_content_menu li.active, .ow_content_menu li.active +li {
    /*border-color: transparent;*/
}


.secondary_content_menu_wrap .ow_content_menu_wrap{
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: fit-content;
    margin-bottom: 0;
}

.secondary_content_menu_wrap .ow_content_menu_wrap .ow_content_menu li a{
    border: none !important;
    background-color: transparent;
    opacity: .7;
}

.secondary_content_menu_wrap .ow_content_menu li:hover a, .secondary_content_menu_wrap .ow_content_menu li.active a{
    background-color: transparent;
    color: var(--themeTextColor);
    opacity: 1;
}


.float_content_menu_wrap{
    position: fixed;
    top: 100%;
    left: 40px;
    transition: .5s;
    text-align: center;
    z-index: 3;
}

.scrolled_to_category .float_content_menu_wrap{
    top: 160px;
}

.float_content_menu_wrap .leading_text{
    font-size: 1.3em;
    letter-spacing: 3px;
    font-weight: 600;
}

.float_content_menu_wrap .seperator {
        margin-top: 30px;
    margin-bottom: 50px;
    border-bottom: 2px solid var(--themeTextColor);
    width: 20px;
    margin-left: auto;
    margin-right: auto;
    
}

.float_content_menu_wrap ul{
    display: block !important;
}

.float_content_menu_wrap ul li{
    display: block;
    margin-bottom: 20px;
}


/* ---- End of Content Menu styles ---- */


/* ---- Button List styles ---- */

.ow_bl{
    padding: 0;
}

.ow_bl li{
    list-style: none;
    margin-left: 4px;
}

.ow_bl a{
    display: block;
    background: #fafafa; /*url(images/btnl_bg.png) repeat-x center left;*/
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border: 1px solid #dcdcdc;
    /*color: #fff;*/
    color: #666;
    padding: 0px 8px;
    line-height: 21px;
    height: 22px;
    text-decoration: none;
    font-size: 11px;
}

.ow_bl a:hover {
    border-color: #7aac00;
    background: #7aac00;
    color: #fff;
}

span.ow_blitem {
    background: #fafafa; /*url(images/btnl_bg.png) repeat-x center left;*/
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border: 1px solid #dcdcdc;
    color: #666;
    padding: 0px 0px;
    line-height: 20px;
    height: 22px;
    text-decoration: none;
    display: inline-block;
    margin: 0px 4px 0px 0px;
}
span.ow_blitem span {
    display: inline-block;    
}
span.ow_blitem input[type="submit"],
span.ow_blitem input[type="button"] {
    border: none;
    padding: 0px;
    background: none;
    font-weight: normal;
    height: auto;
    padding: 2px 5px 0 6px;
    font-size: 11px;
    line-height: 17px;
    text-transform: none;
    color: #666;
    text-shadow: none;
}

span.ow_blitem input[type="submit"].ow_red,
span.ow_blitem input[type="button"].ow_red {
    color:#ee3d32;
}

span.ow_blitem:hover,
span.ow_blitem:hover input,
span.ow_blitem input:hover {
    border-color: #7aac00;
    background: #7aac00;
    color: #fff;
}

/* ---- Button List styles Cover Image ---- */

.ow_bg_controls span.ow_blitem{
	background: url(images/btnl_black_bg.png) repeat-x center left;
	border-radius: 3px;
	border: none;
	height: 24px;
	line-height: 22px;
} 

.ow_bg_controls span.ow_blitem:hover{
	background: url(images/btnl_black_hover_bg.png) repeat-x center left;
}

html body div .ow_bg_controls .ow_green{
	color:#ccc;
} 

.ow_bg_controls span.ow_blitem input[type="submit"],
.ow_bg_controls span.ow_blitem input[type="button"]{
	color: #ccc;
} 

.ow_bg_controls span.ow_blitem input[type="submit"]:hover,
.ow_bg_controls span.ow_blitem input[type="button"]:hover{
	color: #eee;
	background: transparent;
}

/* ---- End of Button List styles Cover Image ---- */



/* ---- End of Button List styles ---- */




/* ---- End of Footer Menu styles ---- */


/* ---- Inventory Line styles ---- */

.ow_inventory_line{
}


/*========================================================
        [11] Pagination        __pagination
  ========================================================*/
.ow_paging_wrap_center{
    text-align: center;
}

.ow_paging.clearfix {
    display: inline-block;
}
.ow_paging{
    
}

.ow_paging .pages_label{
    display: none;
}

.ow_paging a{
    display: block;
    line-height: 16px;
    text-decoration: none;
    border-radius: 30px;
    color: #666666;
    margin-bottom: 3px;
    height: 32px;
    min-width: 32px;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    transition: .3s;
}
.ow_paging a.active, .ow_paging a:hover{
    border: none;
    background-color: var(--primaryButtonColor);
    color: white;
}

.ow_paging a.active {
    font-weight: bold;
}

.ow_paging a.next_page, .ow_paging a.prev_page{
    display: none;
}

.ow_paging_plus_button{
    
}

.ow_paging_plus_button .prev_page{
    display: none;
}

.ow_paging_plus_button .next_page{
    display: none;
}

.ow_paging_plus_button .ow_paging{
    width: calc(100% - 84px);
}

.ow_paging_plus_button .ow_paging a{
    margin: 2px 0px;
}

.ow_paging_plus_button .ow_paging,
.ow_paging_plus_button input[type=button],
.ow_paging_plus_button input[type=submit],
.ow_paging_plus_button button{
    margin-bottom: 0;
    display: inline-block !important;
    vertical-align: middle 
    
}

.ow_paging_plus_button input[type=button],
.ow_paging_plus_button input[type=submit],
.ow_paging_plus_button button{
    width: 80px;
    padding: 0 8px;
}

/*========================================================
        [12] Typography        __typography
  ========================================================*/
@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('images/opensans-condbold-webfont.eot');
    src: url('images/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/opensans-condbold-webfont.woff') format('woff'),
         url('images/opensans-condbold-webfont.ttf') format('truetype'),
         url('images/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


.ow_small{
    font-size: 0.8em;
    line-height: 1.4;
}

.ow_highlight{
    background: #aaffaa;
}

.ow_std_margin{
    margin-bottom: 25px;
}

.ow_breadcrumb.ow_stdmargin{
    margin-bottom: 16px;
}

.ow_normal{
    font-size: 13px;
}

html body .ow_sidebar .ow_tiny,
html body .ow_console .ow_tiny,
.ow_tiny {
    font-size: 9px;
}

.ow_stdmargin{
    margin-bottom: 28px;
}

.ow_smallmargin{
    margin-bottom: 8px;
}

.ow_outline{
    color: #80b400;
    font-weight: bold;
}

.ow_lightweight{
    font-weight: normal;
}

.ow_txt_value {
    font-weight: bold;
    color: #80b400; /** OW_Control type:color, section:2. Colors, key:txtValue, label:5. Numeric values **/
}

.ow_remark {
    color: #999; 
}

.ow_alt1,
tr.ow_alt1 td{
    background-color: #fff; 
}

.ow_alt2,
tr.ow_alt2 td{
    background-color: #fafafa; 
}

.ow_high1{
    background-color: #fff; 
}

.ow_high2{
    background-color: #fafafa;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

.ow_add_content{
    background-color: #fafafa; 
}

.ow_add_content:hover{
    background-color: #fff;
    border-color: #ccc;
}

a.ow_lbutton,
span.ow_lbutton {
    background: #fff;
    color: #666;
    padding: 0px 3px 0px;
    line-height: 13px;
    text-transform: uppercase;
    border-radius: 2px;
    border: 1px solid #ccc;
    text-shadow: none;
    display: inline-block;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
}

html body a.ow_lbutton,
html body span.ow_lbutton {
    font-size: 8px;
}

.ow_disabled{
    background: #ccc;
}

.info{
    margin-bottom: 8px;
}
.ow_automargin{
    margin-left: auto;
    margin-right: auto;
}

.ow_autowidth,
table.ow_form td.ow_autowidth{
    width: auto;
}

.ow_anno {
    background: #ffeed7 url(images/ic_warning.png) no-repeat scroll 9px center;
    border: 1px solid #ffd399;
    padding: 6px;
    border-radius: 4px;
    padding-left: 34px;
}

.outline{
    color: #666;
    font-weight: bold;
}

input[type=text].ow_inputready,
textarea.ow_inputready {
    color: #999;
}


/*========================================================
        [13] Misc        __misc
  ========================================================*/

.clr{
    clear: both;
}

.ow_column_equal_fix{
   padding-bottom: 20001px !important;
   margin-bottom: -20000px !important;
}

/*========================================================
        [14] Clearfix        __clearfix
  ========================================================*/

.clearfix{
    zoom: 1;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

*html .clearfix {
    height: 1%;
}


/*========================================================
        [15] Plugin Styles        __plugins
  ========================================================*/

/* ---- Base plugin styles ---- */

.ow_add_content{
    background-image: url(images/ic_add.png);
    background-repeat: no-repeat;
    background-position: center 8px;
    float: left;
    margin: 0 0px 4px 3px;
    overflow:hidden;
    padding: 28px 0 6px;
    text-align:center;
    width:47%;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border: 1px solid #dcdcdc;
}

.ow_add_content:hover{
    text-decoration:none;
}
.ow_add_content:nth-child(odd) {
    margin-left: 0px;
}
/* ---- End of base plugin styles ---- */

/* ---- Forum styles ---- */

.ow_forum{
    text-align: center;
    width: 100%;
}

.ow_forum .ow_name{
    text-align: left;
    width: 563px;
}

.ow_forum .ow_topics{
    width: 55px;
}

.ow_forum .ow_replies{
    width: 55px;
}

.ow_forum .ow_action{
    white-space: nowrap;
    width: 70px;
}



blockquote{
    background: #F8F6ED;
    border-left: 3px solid #E5E6D9;
    padding: 2px 6px;
    padding-right: 4px;
    border-radius: 0px;
    margin-bottom: 6px;
    border-radius: 9px;
}

blockquote .ow_author{
    font-size: 0.8em;
    display: inline-block;
    padding: 4px 0;
    color: var(--primaryButtonColor);
}

blockquote .ow_author a{
    color: var(--primaryButtonColor);
}

.ow_forum_topic_posts .ow_post_comment{
    background-repeat: no-repeat;
    font-style: italic;
    font-size: 11px;
    margin: 10px 0;
}

.ow_forum_post_area{
    height: 240px;
}

.ow_forum_status{
    font-style: italic;
}

/* ---- Forum sortable ---- */
.forum_placeholder{
    border: 1px dashed #999;
    background-color: #e6f3b4;
    margin-bottom: 25px;
    width: 100%;
}

tr.forum_placeholder td{
    background-color: #e6f3b4;
    border: 1px dashed #999;
    height: 45px;
    width: 100%;
}

.forum_section{
    cursor: move;
}

.forum_section_tr{
    height: 41px;
}
.ow_forum_topic_posts .ow_box .ow_ipc_info {
    border: none;
    padding: 0px;
}



/* ---- End of Forum styles ---- */


/* ---- Mailbox styles ---- */
.ow_mailbox_left_loading .ow_mailbox_left_body {
    background: url(images/ajax_preloader_content.gif) center 220px no-repeat;
}
body .ow_mailbox_right.ow_mailbox_right_loading div.ow_mailbox_right_preloading {
    background: url(images/ajax_preloader_content.gif) no-repeat center center;
}
.ow_mailbox_message_content .ow_file_attachment_info,
.ow_dialog_items_wrap .ow_file_attachment_info,
.ow_mailbox_log .ow_file_attachment_info {
	padding-left: 16px;
	background: url(images/miniic_doc.png) no-repeat 8px 50%;
}
.ow_mailbox_convers_info.mails {
	background-image: url(images/miniic_envelope.png);
	background-position: 8px 27px;
	background-repeat: no-repeat;
}
.ow_mailbox_convers_info.chats {
	background-image: url(images/miniic_buble.png);
	background-position: 8px 27px;
	background-repeat: no-repeat;
}
.ow_mailbox_convers_info_attach {
    background: url(images/miniic_attach.png) center center no-repeat;
}
.ow_mailbox_conv_options_label {
    background-image: url(images/chat_tiny_arrow_down.png);
}
.ow_mailbox_convers_info,
.ow_vertical_nav_item.selected, 
.ow_vertical_nav_item.selected:hover {
	background-color: #fff;
}
.ow_mailbox_convers_info_new,
.ow_vertical_nav_item {
	background-color: #fafafa;
}
.ow_mailbox_convers_info_selected,
.ow_vertical_nav_item:hover {
	background-color: #ECECEC;
}
.ow_mailbox_convers_info:hover,
.ow_mailbox_convers_info_selected,
.ow_mailbox_convers_info_selected:hover,
.ow_vertical_nav_item.selected,
.ow_vertical_nav_item:hover {
    -webkit-box-shadow: inset 1px 0px 0px 0px rgba(172,172,172,1);
    -moz-box-shadow: inset 1px 0px 0px 0px rgba(172,172,172,1);
    box-shadow: inset 1px 0px 0px 0px rgba(172,172,172,1);
}
.ow_mailbox_convers_info .ow_mailbox_convers_info_date:hover {
	color: #999;
}
.ow_mailbox_convers_info .ow_mailbox_convers_info_string a,
a.ow_vertical_nav_item {
	color: #444;
}
.ow_mailbox_convers_info span.ic_reply {
	background-image: url(images/ic_reply_g.png);
}
.ow_mailbox_table,
.ow_mailbox_table .ow_mailbox_convers_info, 
.ow_mailbox_table .ow_mailbox_cap, 
.ow_mailbox_table .ow_mailbox_date_cap,
.ow_mailbox_table .ow_mailbox_conv_options,
.ow_mailbox_table .ow_mailbox_subject_block,
.ow_mailbox_table .ow_mailbox_log,
.ow_mailbox_table .ow_mailbox_log_date,
.ow_mailbox_table .ow_mailbox_left .ow_mailbox_cap,
.ow_mailbox_table .ow_mailbox_left .ow_mailbox_search,
.ow_mailbox_table .ow_mailbox_left .ow_mailbox_left_body,
.ow_mailbox_right .ow_chat_message_block,
.ow_vertical_nav,
.ow_vertical_nav_item {
    border-color: #DCDCDC;
}
.ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item,
.ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item {
    border: 1px solid #e8e8e8;
}
.ow_mailbox_log .ow_dialog_item.even i {
    background-image: url(images/dialog_tail.png);
    background-position: 0 -1px;
}
.ow_mailbox_log .ow_dialog_item.odd i {
    background-image: url(images/dialog_tail.png);
    background-position: 0 -6px;
}
.ow_mailbox_convers_actions .ow_miniic_control {
    margin-right: 0px;
}
.ow_mailbox_convers_actions .ow_miniic_control span {
    background: url(images/miniic_gearwheel.png) -1px -1px no-repeat;
}
.ow_mailbox_convers_actions .ow_miniic_control.active span {
    background: url(images/miniic_gearwheel.png) -1px -22px no-repeat;
}
#conversationItemListSub {
    width: 345px !important;
}
/* wysiwyg only for new message */
.htmlarea_styles.mailbox {
    color: #333;
}
.htmlarea_styles.mailbox a {
    color: #2a80ae;
}
/* end of wysiwyg only for new message */
/* ---- End of Mailbox styles ---- */
/* ---- Blogs styles ---- */

.ow_blogpost_compose textarea{
    height: 235px;
}
.ow_ws_video object,
.ow_ws_video embed {
    max-width: 100%;
}
/* ---- End of Blogs styles ---- */


/* ---- Rates Styles ---- */

.inactive_rate_list, .active_rate_list {
    background: url(images/stars.png) no-repeat 0 -13px;
    width: 65px;
    height: 13px;
    text-align: left;
    display: inline-block;
}

.active_rate_list {
    background-position: 0 0;
}

.rates_cont a.rate_item {
    background: url(images/stars.png) no-repeat 0 -13px;
    cursor: pointer;
    float: left;
    height: 13px;
    text-decoration: none;
    width: 13px;
}

.rates_cont a.active {
    background-position: 0 0;
}

.rates_cont{
    margin: 0 auto;
    width: 65px;
}

.ow_rate_score{
    font-size: 20px;
}

/* ---- End of Rates Styles ---- */


/* ---- Video styles ---- */

.ow_video_list .ow_alt1,
.ow_video_list .ow_alt2 {
    padding: 24px 0px 24px 24px;
}
.ow_video_player{
    text-align: center;
}

.ow_video_description{
    margin: 8px 0 20px;
}
.ow_video_list {
    border: 1px solid #dcdcdc;
}

.ow_video_list_item{
    float: left;
    max-height: 165px;
    padding: 5px;
    width: 120px;
    margin-right: 20px;
    background: url(images/video_bg.png) no-repeat 0px 0px;
}

.ow_other_video_item_title{
    margin-left: 88px;
    padding-left: 4px;
}

.ow_video_thumb{
    background: url(images/video-no-video.png) no-repeat center center;
    display: block;
}

.ow_video_thumb,
.ow_video_list_item img{
    height: 90px;
    width: 120px;
}

.ow_other_video_thumb{
    display: block;
    margin-right: -80px;
    background: url(images/video_thumb_bg.png) no-repeat 0 0;
    padding: 4px 4px 4px 5px;    
}
.ow_other_video_thumb a {
    display: inline-block;
    width: 80px;
    height: 60px;
    background: url(images/video-no-video.png) no-repeat center center;    
}
.video_thumb_no_title {
    margin: 0px 4px 4px 0px;
}

.ow_other_video_thumb,
.ow_other_video_thumb img,
.ow_other_video_floated img{
    height: 60px;
    width: 80px;
}

.ow_other_video_floated{
    display: inline-block;
    background: #fff url(images/video-no-video.png) no-repeat center center;
    width: 80px;
    height: 60px;
    vertical-align: middle;
}

.ow_video_item_title{
    font-weight: bold;
    padding-bottom: 3px;
}

.ow_video_item_rate{
    height: 15px;
    text-align: center;
}

.ow_video_infobar{
    padding: 10px;
    text-align: right;
}
.ow_video_player object,
.ow_video_player embed {
    max-width: 100%;
}
/* ---- End of Video styles ---- */


/* ---- Avatar styles ---- */

.ow_change_avatar .avatar_current{
    border-right: 1px solid #dcdcdc;
    padding-right: 3px;
}

.ow_change_avatar .ow_avatar_preview{
    border-left: 1px solid #dcdcdc;
}

.ow_change_avatar .avatar_crop{
    border-bottom: 1px solid #dcdcdc;
}

.ow_avatar_crop .jcrop-holder{
    margin: 0px auto;
}

.ow_avatar_preview div{
    margin: 0px auto;
}

.ow_avatar {
    position: relative;
    display: inline-block;
    padding: 4px 5px 6px 5px;
    width: 40px;
    height: 40px;
    background-image: none; /*url('images/avatar_bg.png');*/
    background-position: 0px 0px;
    background-repeat: no-repeat;
}



.ow_avatar img {
    vertical-align: bottom;
    width: 40px;
    height: 40px; 
    border-radius: 50%;
}

.ow_avatar_label {
    font-size: .8em;
    display: inline-block;
    position: absolute;
    line-height: 10px;
    text-transform: uppercase;
    bottom: 4px;
    background-color: #999;
    right: 6px;
    color: #fff;
    padding: 2px 3px;
    border-radius: 4px;
    font-weight: normal;
}

.ow_avatar.pet_user_pet .ow_avatar_label{
    color: var(--blackTextColor);
}

html body .ow_sidebar .ow_avatar_label,
html body .ow_console .ow_avatar_label  {
    font-size: 7px;
}
html body .ow_console .ow_avatar_label {
    bottom: 0px;
    right: 0px;
}
.ow_canvas .ow_newsfeed_avatar {
    width: 50px;
    height: 50px;
    margin-right: -50px;    
}
.ow_canvas .ow_newsfeed_body {
    margin-left: 50px;
    padding-left: 7px;
}
/* ---- End of the Avatar styles ---- */

/* ---- User Avatar Console styles ---- */

.ow_avatar_console{
    position: relative;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;    
}

.ow_avatar_console .ow_avatar_image {
    height: 190px;
    max-width: 170px;
}

.ow_avatar_change{
    position: absolute;
    right: 4px; 
    top: 4px;
}

.ow_avatar_console_links {
    background: #F0F0F0;
    display: block;
    padding: 5px 10px;
    border-top: 1px solid #fff;
}

body .ow_avatar_console .ow_avatar_label {
    bottom: 4px;
    right: 4px;
}

.user_online_wrap {
    padding-top: 3px;
    min-height: 12px;
    text-align: left;
}

body .ow_avatar_console .avatar_console_label {
    bottom: 7px;
}
/* ---- End of User Avatar Console styles ---- */

/* ---- Photo styles ---- */
.ow_photo_dragndrop {
    background-color: #fff9ec;
    border: 1px solid #e8e8e8;
    font-size: 15px;
}
.ow_photo_upload_wrap .ow_photo_preview_block_wrap .ow_photo_preview_edit {
    border: 1px solid #ccc;
}
.ow_photo_preview_image {
    background-color: #fafafa;
}
.ow_photo_preview_loading {
    background-image: url(images/ajax_preloader_content.gif) !important;
    background-size: auto !important;
}
.ow_photo_preview_image_filter {
    background: #000;
}
.ow_photo_preview_x {
    background: url(images/photo_upload_btn_x.png) center center no-repeat;
}
.ow_photo_preview_rotate {
    background: url(images/photo_upload_btn_rotate.png) center center no-repeat;
}
.ow_photo_prev{
    background-repeat: no-repeat;
    background-position: right center;
    text-align: left;
    width: 39%;
}
.ow_photo_next{
    background-repeat: no-repeat;
    background-position: left center;
    text-align: right;
    width: 39%;
}
.ow_photo_list_item{
    float: left;
    height: 165px;
    padding: 16px 0px;
    text-align: center;
}
.ow_photo_info_str{
    padding-top: 5px;
}
.ow_photo_infobar{
    padding: 10px;
    text-align: right;
}
.ow_photo_rate{
    height: 15px;
    text-align: center;
}
html body div.floatbox_photo_preview a.ow_ic_delete.close,
html body div.floatbox_empty a.ow_ic_delete.close {
    background-image: url('images/photo_prev_x.png');
}
.floatbox_empty .ow_box_cap_icons {
    top: -20px;
    right: -20px;
}
.ow_photo_context_action .ow_tooltip .ow_tooltip_body {
    padding: 4px 0;
}
.ow_photo_context_action .ow_context_action a {
    color: #fff;
}
.ow_photo_context_action .ow_context_action a:hover {
    text-decoration: none;
}
.ow_photo_context_action .ow_context_action_list a {
    color: #fff;
    padding: 4px 12px;
}
.ow_photo_context_action {
	border: 1px solid #808080;
}
body .ow_photo_context_action .ow_context_action_block .ow_context_action,
html body .ow_photo_context_action .ow_context_action {
	border: none;
}
.ow_photo_context_action .ow_context_action:hover {
	background: url(images/photo_context_action_bg_active.png) repeat-x 0px 0px;
}
.ow_photo_context_action .ow_tooltip .ow_tooltip_body {
    background: transparent url('images/photo_context_action_tooltip_bg.png');
    border-color: #737373;
}
.ow_photo_context_action .ow_context_action_list a:hover {
    background: transparent url('images/photo_context_action_item_hover.png');
}
.ow_photo_context_action .ow_context_action_list.ow_alt2 {
    background: transparent;
}
.ow_photo_list_item_thumb span.ow_lbutton:hover {
    cursor: default;
}
.ow_photo_list_item_thumb {
    width: 120px;
    height: 120px;
    padding: 4px 6px 6px 20px;
    background: transparent url('images/photo_list_item_thumb.png') no-repeat 15px 0px;
}
.ow_photo_list_item_thumb img {
    width: 120px;
    height: 120px;
}
body .ow_photo_list_item_thumb span.ow_lbutton {
    bottom: 6px;
    right: 6px;
}
.ow_photo_submit_wrapper.ow_mild_green {
    background-color: #7CBB11;
}
/*Photo list*/
.ow_fw_menu {
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 4px 8px;
    min-height: 24px;
    clear: both;
}
.ow_fw_btns {
    display: inline-block;
}
.ow_photo_list_wrap div.ow_photo_item {
    background-color: #ececec;
    border-color: #999999;
}
.ow_photo_list_wrap .ow_photo_item_wrap .ow_photo_item_info {
    background-color: rgba(0,0,0,0.85);
}
.ow_photo_item_info_user,
.ow_photo_item_info_album,
.ow_photo_item_info .ow_rates_wrap {
    color: #fff;
}
.ow_photo_item_wrap.ow_photo_album .ow_photo_item_info_description {
    color: #fff;
}
.ow_photo_pint_mode .ow_photo_item_wrap.ow_photo_album .ow_photo_item_info_description {
    color: #606060;
}
.ow_photo_album_info_wrap {
    border-bottom: 1px solid #e8e8e8;
}
.ow_photo_album_cover {
    border-color: #cccccc;
}
body .ow_photo_album_info_wrap .ow_photo_album_info .ow_photo_album_description_textarea,
body .ow_photo_album_info_wrap .ow_photo_album_info .ow_photo_album_description {
    color: #666;
}
a.ow_context_action_value {
    color: #666;
}
.ow_photo_item .ow_photo_context_action.ow_photo_context_action_loading .ow_tooltip_body {
    background-image: url(images/ajax_preloader_content.gif);
}
body .ow_photo_context_action .ow_context_action {
    background-image: url(images/photo_view_context.png);
    background-color: transparent;
}
body .ow_photo_context_action .ow_context_action:hover {
    background-color: rgba(144,144,144, 0.3);
    background-image: url(images/photo_view_context.png);
}
body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action,
body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action:hover {
	background-image: url(images/photo_view_context.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.ow_photoview_stage_wrap_fullscreen .ow_photoview_fullscreen {
    background-image: url(images/fullscreen_min.png);
}
.ow_photoview_fullscreen {
    background-image: url(images/fullscreen_max.png);
}
.ow_photoview_play_btn {
    background-image: url(images/fullscreen_play.png);
}
.ow_photoview_play_btn.stop {
	background-image: url(images/fullscreen_stop.png);
}
.ow_photoview_info_btn.open {
	background-image: url(images/fullscreen_info_open.png);
}
.ow_photoview_info_btn.close {
	background-image: url(images/fullscreen_info_close.png);
}
.ow_photoview_slide_settings_btn {
    background-image: url(images/fullscreen_settings.png);
}
.ow_photoview_arrow_left {
    background-image: url(images/photoview_arrow_left.png);
}
.ow_photoview_arrow_right {
    background-image: url(images/photoview_arrow_right.png);
}
body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action .ow_context_more {
	background-image: none;
}
.ow_photo_context_action .ow_tooltip .ow_tooltip_body {
    background: #464646;
}
.ow_photo_context_action .ow_context_action_list a:hover {
    background-color: #8e8e8e;
}
.ow_photo_context_action .ow_tooltip_tail span {
    background: url(images/photo_tooltip_tail.png) no-repeat 3px 0;
}
.ow_photo_context_action .ow_context_action_divider {
    background-color: rgba(160,160,160,0.7);
}
.ow_context_action_list a.ow_context_action_item_hierarchy_right span {
    background: url(images/miniic_arrow_left_bb.png) no-repeat center center;
}
.ow_context_action_list a.ow_context_action_item_hierarchy_left span {
     background: url(images/miniic_arrow_right_bb.png) no-repeat center center;
}
.ow_photo_pint_mode .ow_photo_item_wrap .ow_photo_item_info {
    background-color: #fafafa;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ow_photo_pint_mode .ow_photo_item_info_user,
.ow_photo_pint_mode .ow_photo_item_info_album,
.ow_photo_pint_mode .ow_photo_item_info_description,
.ow_photo_pint_mode .ow_photo_item_info .ow_rates_wrap {
    color: #606060;
}
.ow_photo_list.ow_photo_edit_mode .ow_photo_item .ow_photo_chekbox_area {
    background-color: rgba(255,255,255,0.4);
}
.ow_photo_list.ow_photo_edit_mode .ow_photo_item.ow_photo_item_checked .ow_photo_chekbox_area,
.ow_photo_list.ow_photo_edit_mode.ow_photo_pint_mode .ow_photo_item .ow_photo_chekbox_area {
    background-color: rgba(255,255,255,0);
}
.ow_photo_edit_mode .ow_photo_chekbox_area .ow_photo_checkbox {
    border: 1px solid rgba(255,255,255,0.6);
    background-color: rgba(87,87,87, 0.6);
}
.ow_photo_edit_mode .ow_photo_item_checked .ow_photo_chekbox_area .ow_photo_checkbox {
    background-image: url(images/checkbox_icon.png);
}
.ow_photo_list.ow_photo_pint_mode .ow_photo_item {
    background: #fafafa;
}
/*Searchbar*/
.ow_searchbar {
    display: inline-block;
}
.ow_searchbar_input {
    position: relative;
}
.ow_searchbar input[type="text"] {
    height: 24px;
    font-size: 11px;
    width: 250px;
    vertical-align: middle;
}
.ow_searchbar_input .ow_btn_close_search {
	top: 2px;
	right: 2px;
	display: none;
}
.ow_searchbar_input.active input[type="text"] {
	padding-right: 22px;
}
.ow_searchbar_input.active .ow_btn_close_search {
	display: block;
	cursor: pointer;
}
.ow_searchbar_btn {
    width: 24px;
    height: 24px;
    background-position: right 5px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.ow_searchbar_ac_wrap {
    position: relative;
    width: 100%;
}
.ow_searchbar_ac {
    position: absolute;
    top: -1px;
    left: 3px;
    right: 3px;
    z-index: 100;
    border: 1px solid #ccc;
}
.ow_searchbar_ac li {
    cursor: pointer;
    display: block;
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    padding: 4px 32px 4px 5px;
    width: 100%;
    background-color: #fefefe;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.ow_searchbar_ac li:hover {
    background-color: #f1f1f1;
}
.ow_searchbar_ac_count {
    margin-right: -24px;
    line-height: 20px;
}
.ow_search_result_tag {
    display: inline-block;
    width: 100%;
}
.ow_search_result_user {
    padding-left: 40px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.ow_search_result_user .ow_avatar {
    background: none;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    margin-left: -40px;
}
.ow_searchbar_username {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    margin-top: -2px;
}
/*Rates*/
.ow_photoview_info .ow_rates_wrap {
    padding-left: 4px; 
    margin: 6px 0 8px 0;
}
.ow_rates_wrap span {
    vertical-align: middle;
}
.ow_rates {
    width: 65px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}
.ow_rates .rates_cont {
    position: absolute;
    opacity: 0;
    transition: opacity 0.15s;
    -moz-transition: opacity 0.15s;
    -webkit-transition: opacity 0.15s;
}
.ow_rates:hover .rates_cont {
    opacity: 1;
}
/*Dropdown*/
body input.ow_dropdown_btn {
    background-image: none;
    height: 28px;
}
.ow_dropdown_arrow_down,
.ow_dropdown_arrow_up {
    height: 10px;
    position: absolute;
    right: 8px;
    top: 12px;
    width: 12px;
    cursor: pointer;
}
.ow_dropdown_arrow_down {
    background: url(images/chat_tiny_arrow_down.png) no-repeat center center;
}
.ow_dropdown_arrow_up {
    background: url(images/chat_tiny_arrow_up.png) no-repeat center center;
}
.ow_dropdown_list_wrap {
    position: relative;
    width: 100%;
}
.ow_dropdown_list {
    border: 1px solid #dedede;
    position: absolute;
    top: -1px;
    left: 0;
    width: 99%;
    margin-left: 0.5%;
    border-radius-bottom-left: 4px;
    -moz-border-radius-bottom-left: 4px;
    -webkit-border-radius-bottom-left: 4px;
    border-radius-bottom-right: 4px;
    -moz-border-radius-bottom-right: 4px;
    -webkit-border-radius-bottom-right: 4px;
    display: none;
}
.ow_dropdown_list li {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 4px;
    background-color: #fff;
    color: #666;
    cursor: pointer;
    position: relative;
}
.ow_dropdown_list li:hover {
    background-color: #fafafa;
}
.ow_add_item {
    position: absolute;
    background: url(images/miniic_plus.png) center center no-repeat;
    width: 10px;
    height: 10px;
    right: 8px;
    top: 50%;
    margin-top: -5px;
}
li.ow_dropdown_delimeter {
    padding: 0 4px;
}
.ow_dropdown_delimeter div {
    width: 100%;
    height: 1px;
    background-color: #dedede;
}
.ow_photo_upload_drop_area {
    border: 1px dashed #e8e8e8;
}
/*-----button_list narrow---------*/
ul.ow_bl_narrow{
    border-top: 1px solid #dcdcdc;
    padding: 0;
}

ul.ow_bl_narrow li{
    list-style: none;
}

ul.ow_bl_narrow li a{
    background: none;
    border-bottom: 1px solid #dcdcdc;
    display: block;
    padding: 5px 7px;
    text-decoration: none;
    color: #fff;
}

ul.ow_bl_narrow li a:hover{
    background: #7aac00;
    border-bottom-color: #7aac00;
    color: #fff;
}

/* ---- Newsfeed ---- */
body ul.ow_newsfeed {
    padding: 0px;
}

.ow_newsfeed_section {
    list-style-image: none;
    margin: 15px 0;
}

.ow_newsfeed_section span{
    background: #f0f0f0;
    padding: 5px 10px;
    text-shadow: #fff 1px 1px 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.base_cmnt_mark .ow_ipc_info {
    padding-bottom: 0px;
}
.ow_newsfeed_features .ow_tooltip .ow_tooltip_body {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 0;
    box-shadow: none;
}
.ow_newsfeed_features .ow_tooltip.ow_comments_context_tooltip .ow_tooltip_body,
.ow_tooltip.ow_newsfeed_context_tooltip .ow_tooltip_body {
	padding: 4px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.ow_newsfeed_features .ow_tooltip.ow_comments_context_tooltip .ow_tooltip_body {
	border: 1px solid #cccccc;
}
.ow_newsfeed_features .ow_tooltip .ow_tooltip_tail span {
    height: 5px;
    background: url(images/comment_block_arr.png) no-repeat 8px 0px;
    position: relative;
    z-index: 1;
}
.ow_newsfeed_comments .ow_tooltip .ow_tooltip_tail span {
    height:6px;
    background-position: 3px -6px;
    background-image: url(images/tooltip_tail.png);
}
.ow_newsfeed_features .ow_tooltip .ow_tooltip_body .ow_tooltip .ow_tooltip_body {
     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
     box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
 }
.ow_newsfeed_features .ow_context_action_list a,
.ow_newsfeed_item .ow_context_action_list a {
    padding: 4px 12px;
}
.ow_newsfeed_context_tooltip {
    margin-top: 2px;
}
.ow_newsfeed_left {
    float: left;
}
.ow_newsfeed_date {
    float: right;
    text-align: right;
    font-size: 10px;
    line-height: 24px;
}
.ow_newsfeed_context_menu {
    display: none;
    position: absolute;
    right: 0;
    top: 0px;
}
.ow_newsfeed_control {
    display: inline-block;
}
.ow_content .ow_newsfeed_date {
    color: #999;
}
.ow_newsfeed_date:hover {
    color: #2A80AE;
}
/* ---- if container ow_superwide ---- */
body .ow_newsfeed_control .ow_newsfeed_string {
    display: inline-block;
    vertical-align: middle;
    max-width: 74%;
}
.ow_newsfeed_left {
    width: 76%;
}
.ow_newsfeed_btns {
    margin-top: 14px;
}
.ow_newsfeed_btn_wrap {
    display: inline-block;
    line-height: 20px;
    background: #fafafa;
    border: 1px solid #f0f0f0;
    /*border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;*/
    padding: 1px 5px 1px 1px;
    margin-right: 4px;
    color: #666;
    vertical-align: middle;
}

.ow_newsfeed_item .ow_newsfeed_activity_content {
    padding-top: 8px;
}
.ow_newsfeed_item .ow_newsfeed_item_picture {
    margin-right: 8px;
}
.ow_miniic_control {
    display: inline-block;
    background: #fafafa; /* url(images/newsfeed_btn_bg.png) repeat-x 0px 0px;*/
    border: 1px solid #dcdcdc;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    vertical-align: top;
    margin-right: 6px;
}
.ow_miniic_control.active {
    background: #fff; /* url(images/newsfeed_btn_bg_active.png) repeat-x 0px 0px;*/
    /*border-color: #dcdcdc;*/
}
.ow_miniic_control span {
    display: inline-block;
    width: 18px;
    height: 18px;
}
.ow_miniic_like {
    background-position: -15px 4px;
}
.ow_miniic_comment {
    background-position: 4px 5px;
}
.ow_miniic_control.active .ow_miniic_like {
    background-position: -15px -15px;
}
.ow_miniic_control.active .ow_miniic_comment {
    background-position: 4px -15px;
}
body .ow_newsfeed_doublesided_stdmargin {
    margin: 16px 0px;
}
body .newsfeed-attachment-preview.item_loaded {
    width: 98.7%;
    margin-left: 0px;
    margin-right: 0px;    
}
.ow_newsfeed_item_picture {
    float: left;
    width: 100px;
    margin-right: 1%;
}
.ow_newsfeed_large_image .ow_newsfeed_item_picture {
    max-width: 400px;
    width: 100%;
    height: auto;
}

.ow_newsfeed_large_image .ow_newsfeed_item_content {
    width: 100%;
    max-width: 400px;
}
    
.ow_newsfeed_item_picture img {
    max-height: 400px;
    max-width: 100%;
    width: auto;
    height: auto;
}
.ow_newsfeed_photo_grid {
    max-width: 400px;
    width: 100%;
}
.ow_newsfeed_photo_grid_item {
    padding: 0px 4px 4px 0px; 
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    width: 50%; 
    float: left;
}
.ow_newsfeed_photo_grid_3 .ow_newsfeed_photo_grid_item {
    width: 33.3%;
}
.ow_newsfeed_photo_grid_item a {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    background-size: cover;
    width: 100%;
}
/* ---- Suggest field styles ---- */

.ac_results {
    padding: 0px;
    border: 1px solid #BBB;
    background-color: #FFF;
    overflow: hidden;
    z-index: 105;
    position: absolute;
    display: none;
    width: 100%;
    top: -1px;
}

.ac_results ul {
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

.ac_list_container{
    width: 99.6%;
    position: relative;
}

.ac_results li {
    margin: 0px;
    padding: 4px 5px;
    cursor: pointer;
    display: block;
    width: 98%;
    font: menu;
    font-size: 12px;
    overflow: hidden;
}
.ac_loading {
    background : url(images/ajax_preloader_button.gif) right center no-repeat;
}

.ac_over {
    background-color: #F0F0F0;
}

.ac_match{
    font-weight: bold;
}

.ow_suggest_field {
    position: relative;
}

.ow_suggest_invitation {
    position: absolute;
    right: 9px;
    top: 9px;
    width: 12px;
    height: 12px;
    background: url(images/miniic_corner.png) no-repeat center center;
}

/* ow custom tips */
.ow_tip{
    display:inline-block;
    position:absolute;
    z-index: 10005;
    color:#fff;
}

.ow_tip_arrow{
    display:inline-block;
    position:absolute;
}

.ow_tip_arrow span{
    display:block;
    border:5px dashed transparent;
}

.ow_tip_right .ow_tip_arrow span{
    border-right-color:#505050;
    border-right-style:solid;
    border-right-width:5px;
    border-left-width:0;
}

.ow_tip_right .ow_tip_arrow{
    top:50%;
    margin-top:-5px;
    left:0;
}

.ow_tip_right .ow_tip_box{
    margin-left:5px;
}

.ow_tip_left .ow_tip_arrow span{
    border-left-color:#505050;
    border-left-style:solid;
    border-left-width:5px;
    border-right-width:0;
}

.ow_tip_left .ow_tip_arrow{
    top:50%;
    margin-top:-5px;
    right:0;
}

.ow_tip_left .ow_tip_box{
    margin-right:5px;
}

.ow_tip_bot .ow_tip_arrow span{
    border-bottom-color:#505050;
    border-bottom-style:solid;
    border-bottom-width:5px;
    border-top-width:0;
}

.ow_tip_bot .ow_tip_arrow{
    left:50%;
    margin-left:-5px;
    top:0;
}

.ow_tip_bot .ow_tip_box{
    margin-top:5px;
}

.ow_tip_top{
    position:absolute;
}

.ow_tip_top .ow_tip_arrow span{
    border-top-color:#505050;
    border-top-style:solid;
    border-top-width:5px;
    border-bottom-width:0;
}

.ow_tip_top .ow_tip_arrow{
    left:50%;
    margin-left:-5px;
    bottom:0;
}

.ow_tip_top .ow_tip_box{
    margin-bottom:5px;
}

.ow_tip_box{
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:2px 9px 4px;
    background-color:#505050;
    color:#fff;
    font-size: 11px;
    font-weight: bold;
}

/* ---- Group styles ---- */
body .ow_group_brief_info .details {
    padding-left: 8px;
}
/* ---- End of the Group styles ---- */

/* ---- Membership Subscribe styles ---- */
.ow_subscribe_table .ow_highbox {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
body .ow_table_1 tr td.ow_plans_td_empty + td {
    border-top-left-radius: 4px;
}
body .ow_table_1 tr td.ow_gateways_td_empty + td {
    border-bottom-left-radius: 4px;    
}
/* ---- End of the Membership Subscribe styles ---- */


/*--------------------------------------------------------------------
        [?] Custom pages declarations TODO remove
---------------------------------------------------------------------*/


/* !!!admin pages styles */

.ow_admin_content{
    width: 815px;
}

html body .selected_theme_info {
    float: right;
    width: 336px;
}


/*  pages and menus */
.ow_navbox{
    background:url(images/btnl_bg.png) repeat-x center left;
    float:left;
    font-size:11px;
    height:18px;
    margin-right:5px;
    margin-bottom:5px;
    padding:4px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.ow_navbox a.move{
    color:#666;
    font-weight:bold;
}

.ow_navbox a.move:hover{
    cursor:move;
    text-decoration:none;
}

.ow_navbox a.edit{
    background:url(images/arrow-up-down.png) no-repeat 10px 10px;
    cursor:pointer;
}

.ow_navbox a.edit:hover{
    text-decoration:none;
}

.guest_item{
    background-color:#aaffaa;
}

.member_item{
    background-color:#ffaaaa;
}

.ow_main_menu_scheme,
.ow_bottom_menu_scheme{
    float: left;
    height: 134px;
    margin-right: 10px;
    width: 155px;
}

.ow_main_menu_scheme{
    background: url(images/admin-pages-menu-main.jpg) no-repeat;
}

.ow_bottom_menu_scheme{
    background: url(images/admin-pages-menu-bottom.jpg) no-repeat;
}

.ow_dash_help_box{
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 31%;
    height: 105px;
}

.ow_dash_help_box h3{
    padding: 4px 0 4px 20px;
    background: transparent no-repeat left center;
}

.ow_dash_help_box a{
    display: block;
}


/* user dashboard settings */

.ow_dragndrop_panel {
    background: #fff;
    /*padding: 0px 10px 10px;*/
    margin-top: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.ow_dashboard_box{
    background: #FFFFFF;
    padding: 5px 10px 10px 10px;
    margin-top: 5px;
}

.ow_dnd_schem_item{
    background:#F0F0F0 url(images/ic_file.png) no-repeat 10px 50%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:1px solid #ccc;
    cursor:move;
    /*float:left;*/
    height:30px;
    margin:2px 4px 2px 0;
    padding:0 5px 0 33px;
    /*width:157px;*/
    position: relative;
    font-size: 11px;
}

.ow_dnd_schem_item span.ow_label{
    float:left;
    overflow:hidden;
    padding-top:5px;
    /*white-space:nowrap;*/
    /*width:80px;*/
    height: 20px;
}

.ow_dnd_schem_item span.action{
    /*float:right;*/
    line-height:15px;
    overflow:hidden;
    width:70px;
    position: absolute;
    right: 4px;
    top: 2px;
}
.ow_dnd_schem_item span.action .ow_lbutton {
    vertical-align: top;
}

.ow_dnd_helper {
    border: 1px dashed #000;
}

.ow_dnd_freezed .ow_dnd_schem_item {
    background-color: #FFAAAA;
}

.ow_dragndrop_sections .ow_highbox{
    margin-top: 6px;
}

.ow_dnd_placeholder {
    height: 10px;
    border: 1px dashed #999999;
    background-color: #FFF;
}

.ow_dnd_preloader {
    height: 30px;
}

.ow_dnd_configurable_component .control {
    display: inline-block;
    width: 18px;
    height: 16px;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
}

.ow_dnd_configurable_component .ow_box_icons
{
    float: right;
    padding: 8px 2px 0 0;
}

.ow_dnd_configurable_component h3 {
    float: left;
}

.ow_dnd_content_components{
   padding: 10px 0;
   width: 74%;
}

.ow_dnd_clonable_components {
   border-left: 1px solid #ccc;
   padding: 10px 0 10px 10px;
   width: 24%;
}

/* Dnd Slider */
.ow_dnd_slider {
    /*background:url(images/h2bg.png) repeat-x center;*/
    height: 6px;
    background-color: #ddd;
    position: relative;
    margin: 10px 3px 0;
    cursor: pointer;
}

.ow_dnd_slider_pusher {
    float: left;
    height: 1px;
}

.ow_dnd_slider_marker {
   width: 10px;
   height: 1px;
   float: left;
}

.ow_dnd_slider_marker_point {
    position: absolute;
    width: 0px;
    height: 6px;
    border-left: 1px solid #999;
    border-right: 1px solid #FFF;
    top: 0;
}

.ow_dnd_slider_handle {
    position: absolute;
    top: -5px;
    width: 22px;
    height: 16px;
    cursor: move;
    z-index: 50;
    background: transparent url(images/ic_move_horizontal.png) no-repeat center;
}

.ow_dnd_slider_helper {
}

.ow_dnd_slider_in_move {
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.ow_dragndrop_sections .top_section,
.ow_dragndrop_sections .left_section,
.ow_dragndrop_sections .right_section,
.ow_dragndrop_sections .bottom_section,
.ow_dragndrop_sections .sidebar_section{
    background-position: center 7px;
    background-repeat: no-repeat;
}

.ow_dragndrop_sections .top_section { background-image: url(images/dnd-label-top.png) }
.ow_dragndrop_sections .left_section { background-image: url(images/dnd-label-column1.png) }
.ow_dragndrop_sections .right_section { background-image: url(images/dnd-label-column2.png) }
.ow_dragndrop_sections .bottom_section { background-image: url(images/dnd-label-bottom.png) }
.ow_dragndrop_sections .sidebar_section { background-image: url(images/dnd-label-sidebar.png) }

body .ow_dragndrop_panel .ow_dnd_schem_item{
   width: 134px;
}

.ow_dragndrop_sections .ow_highbox{
   margin-top: 6px;
}



.ow_highbox_table .ow_highbox,
.ow_highbox
{
    background-color: #e6f3b4;
}

.ow_highbox {
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    padding: 4px;
}

.ow_dragndrop_sections .ow_highbox {
    padding: 0;
}
.ow_dragndrop_sections .ow_highbox.join_now_widget {
    padding: 10px;
}
.join_now_widget
{
    background-image: url('images/ic_warning.png');
    padding: 10px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}
.ow_highbox .ow_highbox.join_now_widget {
    background-image: none;
    border: none;
}
.ow_highbox,
.ow_highbox_table .ow_highbox
{
    border:1px solid #eee;
    border-top: none;
    border-left: none;
}

.ow_highbox_table .ow_highbox
{
    height:50px;
    padding:10px;
}

.ow_highbox_table .ow_highbox .ow_dnd_schem_item{
    float:none;
    margin-bottom:4px;
    margin-right:0;
    width:auto;
}

input[type=text].ow_settings_input{
    width: 40px;
}

/* color picker */
.special_block_top {
    width: 252px;
    height: 7px;
}

.special_block_mid {
    width: 238px;
    padding: 0 7px 5px;
        margin: 0 auto;
}

.special_block_bot {
    width: 252px;
    height: 19px;
}

.colorCode {
    width: 68px;
}

table.colorPicker {
    border-collapse: separate !important;
    border-spacing: 3px !important;
}

table.colorPicker td {
    width: 20px;
    height: 20px;
    padding: 0;
}

/* FloatBox implementation */
#floatbox_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.floatbox_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.floatbox_overlayBG {
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

*html #floatbox_overlay { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#floatbox_HideSelect {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

*html #floatbox_HideSelect { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
body .floatbox_canvas .floatbox_container {
    margin-top: 30px;
}

body .floatbox_canvas .floatbox_container .ow_bg_color{
    background-color: white;
}

.floatbox_container {
    position: fixed;
    z-index: 102;
    width: 300px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
    border: 8px solid rgba(0, 0, 0, 0.5);
}

.floatbox_header {
    padding: 4px;
    text-align: left;
}

.floatbox_header .floatbox_title {
    font-weight: var(--p-font-weight-medium);
    width: calc(100% - 70px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 0;
    font-size: 1em;
}

.fullscreen_view_on_mobile .floatbox_container .floatbox_header{
    height: auto;
    box-shadow: 0 5px 30px 5px rgba(66,71,76,0.1);
}

.fullscreen_view_on_mobile .floatbox_header .floatbox_title{
    padding: 0;
    text-transform: none;
    padding-left: 10px;
}

.floatbox_header .ow_box_cap_icons{
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 66px;
}

/** Override the clearfix from block to inline-block for the icon wrap **/
.floatbox_header .ow_box_cap_icons.clearfix{
    display: inline-block;
}

.floatbox_header .ow_box_cap_icons a{
    background-size: 12px;
    height: 32px;
    width: 32px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.floatbox_header .ow_box_cap_icons a.close{
    background-image: url(images/ic_close.svg);
}

.floatbox_body {
    padding: 8px 16px;
    text-align: left;
}
.floatbox_bottom {
    padding: 0px 16px 16px;
    text-align: center;
}
.floatbox_container .ow_bg_color {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* End FloatBox implementation */

/* ----  Message (Feedback) styles ---- */
.ow_message_cont{
    left: 50%;
    margin-left: -278px;
    position: fixed;
    top:0;
    width: 556px;
    z-index: 1000;
    margin-top: 25px;
}
.ow_message_node{
    font-size:14px;
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-align:center;
    text-shadow: 0px 1px 0 rgba(0,0,0,0.4);
    line-height: 24px;
    margin:15px;
    padding:7px 12px;
    overflow: auto;
    position:relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 21px 16px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 21px 16px rgba(0,0,0,0.2);
    box-shadow:0 21px 16px rgba(0,0,0,0.2);
}
.ow_message_node div div{
    padding-right:24px;
}
.ow_message_node a.close_button {
    display:block;
    width:12px;
    height:13px;
    float:right;
    position:absolute;
    top:14px; right:14px;
    background:url(images/message_btn_close.png) no-repeat 50% 50%;
}
/*info*/
.ow_message_cont .ow_message_node.info {
    background: #90c105;
    border-top:1px solid #90c105;
    border-right:1px solid #90c105;
    border-bottom:1px solid #519200;
    border-left:1px solid #90c105;
}
/*warning*/
.ow_message_cont .ow_message_node.warning {
    background: #ffbf22;
    border-top:1px solid #ffbf22;
    border-right:1px solid #ffbf22;
    border-bottom:1px solid #ff8f05;
    border-left:1px solid #ffbf22;
}
/*error*/
.ow_message_cont .ow_message_node.error {
    background: #ea400b;
    border-top:1px solid #ea400b;
    border-right:1px solid #ea400b;
    border-bottom:1px solid #d71000;
    border-left:1px solid #ea400b;
}

.ow_message_cont .ow_message_node.error a{
    text-decoration: underline;
    color: white;
}

/*error*/
.ow_message_cont .ow_message_node.preloader_msg {
    background: #454644;
    border-top: 1px solid #454644;
    border-right: 1px solid #454644;
    border-bottom: 1px solid #181918;
    border-left: 1px solid #454644;
}

.ow_message_cont .ow_message_node .ow_preloader{
    padding-left: 24px;
    background-position: left center;
}
/* ---- End of the Message (Feedback) styles ---- */

/* thickbox 8aa */
.ow_preloader_content_cont{
    width: 30px;
    height: 30px;
}
/* ~thickbox 8aa */

/* ---- Captcha styles ---- */
span.ic_refresh{
    background: url(images/ic_refresh.png) no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}
/* ---- End of Captcha styles ---- */

.alignleft{
    float: left;
}

.alignright{
    float: right;
}
.aligncenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*----------------------------------------------------------------------BASE_ADD--------------------------------------------------------------------------------*/

.index_customize_box {
    /*width: 985px;*/
}

.fullsize-photo{display: none;}

.ow_ajax_floatbox_preloader {
    width: 100%;
    height: 50px;
}

.ow_border {
    border-style: solid;
    border-color: #f0f0f0;
}

.ow_cursor_pointer {
    cursor: pointer;
}

.ow_break_word{
    word-wrap:break-word;
}
/* ---- Sort styles ---- */
.ow_sort_control {
    padding: 4px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #f0f0f0;
    background: #fafafa;
    text-align: center;
}
.ow_sort_control a {
    background: #fafafa;
    display: inline-block;
    color: #666;
    font-size:11px;
    height: 22px;
    padding: 0px 6px 0 7px;
    text-shadow: #fff 1px 1px 0;
    border-style: solid;
    border-color: #dcdcdc;
    border-width: 1px 1px 1px 1px;
    margin: 0px 0px 0px -1px;
    outline: 0;
    border-left-width: 1px;
    border-top-left-radius: 1px;
    -moz-border-top-left-radius: 1px;
    -webkit-border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    -moz-border-bottom-left-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    min-width: 48px;
}
.ow_sort_control a span {
    display: inline-block;
    line-height: 21px;
}
.ow_sort_control a:first-child {
    border-left-width: 1px;
    border-top-left-radius: 1px;
    -moz-border-top-left-radius: 1px;
    -webkit-border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    -moz-border-bottom-left-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    text-align: center;
}
.ow_sort_control a:last-child {
    border-top-right-radius: 1px;
    -moz-border-top-right-radius: 1px;
    -webkit-border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    -moz-border-bottom-right-radius: 1px;
    -webkit-border-bottom-right-radius: 1px;
}
.ow_sort_control a.active,
.ow_sort_control a:hover{
    color:#80b400;
    text-decoration:none;
    background: #fff; /*transparent url('images/box_menu_active.gif') repeat-x  left top;*/
}
.ow_sort_control_label {
    padding: 0px 8px 0px 6px;
    display: none;
}

/*td.sort_link{
    width:100%;
}
td.sort_link li{
   display:inline;
   padding: 0 15px 0 0;
}
td.sort_link li.active a {
    font-weight:bold;
    color:#333;
}
td.sort_link li.active a:hover{
    text-decoration:none;
}*/

/* ---- End of Sort styles ---- */

/* ---- Context Action styles ---- */
.ow_context_action_block {
    float: right;
    text-align: right;
    font-size: 0px;
    line-height: 17px;
}
.ow_context_action {
    display: inline-block;
    position: relative;
    z-index: 3;
    font-size: 11px;
    height: 18px;
    padding: 0px 0px 0px 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    background-color: #fafafa;
    background-image: none; /*url('images/console_item_bg.png');*/
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
.ow_context_action_value {
    display: inline-block;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
    color: #666;
    /*color: #3366CC;
    font-weight: bold;
    text-shadow: 1px 1px 0 #F6F6F6;*/
}
.ow_context_more {
    display: inline-block;
    min-width: 10px;
    height: 18px;
    padding: 0px 5px 0px 0px;
    background: url(images/context_action_arrow.png) no-repeat 1px 8px;
    vertical-align: top;
}
.ow_context_action_block .ow_context_action:first-child {
    border-left: 1px solid #ccc;
    border-radius: 2px 0px 0px 2px;
}
.ow_context_action_block .ow_context_action:last-child {
    border-top-right-radius:2px;
    border-bottom-right-radius: 2px;
}
.ow_context_action:hover,
.ow_context_action.active {
    cursor: pointer;
    background: #fff; /*url('images/console_active_item_bg.png') repeat-x 0px 0px;*/
}
.ow_context_action:hover .ow_context_action_wrap {
    display: block;
}
.ow_context_action:hover .ow_context_action_value,
.ow_context_action.active .ow_context_action_value {
    text-decoration: none;
}
.ow_context_action:hover .ow_context_more,
.ow_context_action.active .ow_context_more {
    background: url(images/context_action_arrow_active.png) no-repeat 1px 8px;
}
.ow_context_action_wrap {
    /*position: absolute;
    right: -1px;
    top: 23px;
    padding-top: 1px;
    max-width: 250px;
    display: none;*/
}
.ow_context_action_list {
    min-width: 100px;
    text-align: left;
    overflow-x: auto;
}
.ow_context_action_list li {
    white-space: nowrap;
}
.ow_context_action_list a {
    font-size: 14px;
    font-weight: normal;
    display: block;
    padding: 8px 16px;
    color: #666;
}
.ow_bl .ow_context_action_list a {
    background-color: transparent;
}
.ow_context_action_list a:hover {
    text-decoration: none;
    background: #90c105;
    color: #fff;
}
.ow_context_action .ow_tooltip {
    display: none;
}
.ow_context_action_divider {
    line-height: 1px;
    height: 1px;
    background: #dcdcdc;
    border-bottom: 1px solid #fff;
    margin: 1px 0px 0px;
}
.ow_bl .ow_context_action > a:hover {
    background-color: transparent;
    color: #666;
}
/* ---- End of Context Action styles ---- */

/* ---- Cover Context Action styles ---- */
.uh-cover-add-btn-wrap .ow_context_action {
    padding-left: 7px;
}
.uh-cover-add-btn-wrap .ow_tooltip_body {
    padding: 4px 0px;
}
.uh-cover-add-btn-wrap .ow_context_action_list a {
    padding: 4px 12px;
}
.uh-cover-add-btn-wrap .ow_context_action_value {
    color: #666;
}
/* ---- End of Cover Context Action styles ---- */

/* ---- SignIn Form styles ---- */
.ow_sign_in_cont {
}
.ow_sign_in_wrap {
    width:702px;
}
.ow_sign_in_wrap  h2 {
    font-size: 28px;
    line-height: 36px;
    margin:0 8px 10px 8px;
    padding:0 40px;
    color: #000;
}
.ow_sign_in_wrap form{
    margin:8px;
    padding:40px 40px 22px 40px;
    background:#fff;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);
    border:1px solid #e7e7e7;
}
.ow_sign_in_wrap form .ow_sign_in{float:left; width:312px;}
.ow_sign_in_wrap form .ow_sign_up {margin:0px 0 0 342px; color: #585858; padding-top: 7px;}
.ow_sign_in_wrap form .ow_sign_up hr{margin:5px 0 15px;}

.ow_sign_in_wrap form .ow_box_cap{
    margin-bottom:0;
    position:relative;
    z-index:99;
}
.ow_sign_in_wrap form .ow_box{
    padding:16px 16px 6px 16px;
    margin-bottom:16px;
    position:relative;
    z-index:98;
}
.ow_sign_in_wrap form .ow_user_name input[type="text"]{margin-bottom:8px;}
.ow_sign_in_wrap form .ow_password input[type="password"] {margin-bottom:16px;}

.ow_sign_in_wrap form .ow_form_options {margin-bottom:6px;}
.ow_sign_in_wrap form .ow_form_options p.ow_remember_me,
.ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass {font-size:11px; padding:0 0 0 20px; line-height: 13px;}
.ow_sign_in_wrap form .ow_form_options p.ow_remember_me {padding-bottom:5px;}
.ow_sign_in_wrap form .ow_form_options p.ow_remember_me input[type="checkbox"]{float:left; margin:0px 0 0 -20px; padding:0px;}


.ow_sign_in_wrap form .ow_connect_buttons {padding: 0 0 0 20px;}
.ow_sign_in_wrap form .ow_connect_buttons .ow_fb_button {float:left;}

.ow_connect_text {
    background: url('images/miniic_li.png') no-repeat left center;
    padding: 0px 0 0 16px;
    margin-right: 16px;
    float: left;
    line-height: 22px;
}
.ow_sign_in .connect_button_list {
    padding: 0px;
    float: left;
}
.floatbox_container .ow_sign_in_wrap form {
    margin: 0px;
    box-shadow: none;
    border: none;
    border-radius: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 10px 40px 0;    
}
.floatbox_container .ow_sign_in_wrap h2 {
    display: none;
}

.ow_signin_label {
    display: inline-block;
    line-height: 60px;
    vertical-align: top;
}
.ow_signin_delimiter {
    border-right: 1px solid #CCCCCC;
    padding: 0 7px 0 0;
}
.ow_console_item .ow_ico_signin {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin: 4px 0 0 4px;
    vertical-align: top;
    width: 14px;
}
.ow_ico_signin:last-child {
    margin-right: -4px;
}
/* ---- End SignIn Form styles ---- */

/* ---- My Avatar Widget styles ---- */
.ow_my_avatar_img {

}
.ow_my_avatar_username {
    display: table-cell;
    vertical-align: middle;
}
.ow_my_avatar_cont {
    height: 47px;
    display: table;
    padding-left: 5px;
}
.ow_my_avatar_cont span {
    display: inline-block;
    width: 90px;
    word-wrap: break-word;
}
/* ---- End of My Avatar Widget styles ---- */
/* ---- Live Member Icon ---- */
.ow_miniic_live .ow_live_on {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: url(images/miniic_live.png) center center no-repeat;
    margin-right: 4px;
}
.ow_miniic_live .ow_lbutton {
     display: inline-block;
     vertical-align: middle;
     margin-right: 4px;
     line-height: 12px;
     height: 12px;
}
.ow_miniic_live .ow_preloader_content{
     height: 16px;
     width: 16px;
     display: inline-block;
     vertical-align: middle;
     background-position:center center;
}
.ow_miniic_live .ow_preloader_content.ow_hidden {
    display: none;
}
.ow_miniic_live .ow_lbutton.ow_green {
    color: #666;
}
/* ---- End Live Member Icon ---- */

.ow_field_eye {
    padding-left: 14px;
    background:url(images/miniic_field_eye.png) 0 7px no-repeat; 
    display: inline-block;
}

/* --- Splash screen --- */
.splash_screen_cont {
    text-align: center;
}
/* --- End Splash screen --- */



@media screen and (max-width: 480px) {
    
    .floatbox_container{
        max-width: calc(100% - 22px);
    }
    
    span.ow_button{
        width: 100%;
    }
}



/***** Simple Sign up / in form ******/

.join .ow_site_panel, .base_sign_in .ow_site_panel{
    display: none;
}

.join .ow_header, .base_sign_in .ow_header{
    display: none;
}

.index_master_page .ow_register_wrap, .base_sign_in .ow_register_wrap{
    background-image: url(images/index_banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: border-box;
    margin-top: 56px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
}

.base_sign_in .ow_register_wrap{
	margin-top: 0;
}

.index_master_page .ow_register_wrap .ow_register_box, .base_sign_in .ow_register_wrap .ow_register_box{
    height: 100%;
    width: 100%;
    max-width: 960px;
    margin: auto;
    position: relative;
}

.index_master_page .ow_register_wrap .ow_box, .base_sign_in .ow_login_box {
    background: rgb(255, 255, 255);
    width: 310px;
    padding: 25px;
    border-radius: 0;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.33);
}

.index_master_page .ow_register_wrap .index_qs{
    margin: 0;
    float: right;
    margin-top: 76px;
    margin-right: 6px;
}


.ow_register_wrap .ow_register_box .ow_login_button, .base_sign_in .ow_register_box .ow_login_button{
    margin-top: 76px;
    float: left;
    padding: 16px;
    background: white;
    margin-left: 6px;
    border-radius: 4px;
    width: 64px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.33);
    text-align: center;
    cursor: pointer;
    color: #004d7e;
    font-size: 14px;
    font-weight: bold;
}

.base_sign_in .ow_register_box .ow_login_button{
	margin-top: 50px;
}

.base_sign_in .ow_login_form_wrap{
    max-width: 960px;
    margin: auto;
    position: relative;
}

.signin_buttons{
    width: 100%;
    max-width: 960px;
    margin: auto;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}

.simple_signup_form_wrap{
    position: relative;
}

.simple_signup_form_wrap .ow_remember_me{
    text-align: right;
    position: absolute;
    right: 0;
    top: 0px;
    display: none;
}

.simple_signup_form_wrap .ow_forgot_pass{
    margin-top: 4px;
}

.signin_button_wrap{
    padding: 20px;
    background-color: white;
}

.signin_button_wrap .join_title{
    margin-bottom: 14px;
}

.signin_button_wrap .join_button{
    text-align: center;
    margin-top: 14px;
    margin-bottom: 26px;
    padding: 14px;
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    color: white;
    font-size: 18px;
}
.signin_button_wrap .sign_up{
    background-color: #33cc33;
}

.signin_button_wrap .sign_in{
    background-color: #3482e7;
}

.ow_site_bref{
    left: 6px;
    bottom: 68px;
    position: absolute;
    text-align: left;
    width: calc(100% - 380px);
}

.ow_console_signed_in, .ow_console_notsigned_in{
        background-repeat: no-repeat;
        background-size: auto 44px;
        background-position: 48px 50%;
}

.ow_simple_signup_from_header .title{
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.ow_simle_form_signup_page .ow_simple_signup_from_header{
    background-image: url(images/index_banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: border-box;
    margin-top: 56px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}

.ow_simple_signup_form_wrap{
    margin: auto;
    max-width: 360px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 3px 0px;
    border-radius: 10px;
}

.floatbox_body .ow_simple_signup_form_wrap{
    box-shadow: none;
    padding: 10px;
    margin-top: -18px;
}

.signup_header_bottom_description{
    max-width: 420px;
    margin: auto;
    text-align: center;
    font-size: 1.2em;
    padding-top: 20px;
}

.bookmark_page_content{
    padding: 40px;
    padding-top: 30px;
    background-color: var(--contentBackgroundColor);
    border-radius: 60px;
    margin-top: 60px;
}

.secondary_content_menu_wrap .ow_content_menu_wrap{
    margin-bottom: 30px;
}

.bookmark_page_content .avatar_item_wrap{
    display: inline-block;
    position: relative;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 4px;
    margin-right: 4px;
    padding-bottom: 6px;
}

.bookmark_page_content .page_cmp_wrap{
    margin-top: 20px;
    text-align: center;
}

.bookmark_page_content .avatar_item_el{
    margin-left: auto;
    margin-right: auto;
    width: 160px;
    max-width: 100%;
}


.bookmark_page_content .avatar_item_el.avatar{
    padding: 10px;
    box-sizing: border-box;
    height: auto;
}

.bookmark_page_content .avatar_item_wrap .ow_avatar{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.bookmark_page_content .avatar_item_wrap .ow_avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 3px solid white;
}

.bookmark_page_content .button_bookmark_module{
    padding: 10px;
    border-radius: 50%;
}

.bookmark_page_content .bookmark_empty_view{
    padding: 20px;
    border: 1px solid var(--boxBorderColor);
    border-radius: 10px;
}

.bookmark_page_content .bookmark_item_list{
    background-color: #F1F2E2;
    padding: 20px;
    text-align: center;
    border-radius: 40px;
}

.bookmark_page_content .bookmark_item_list[data-entity-type="pet_adopt_bookmark"] .ow_avatar_label{
    display: none
}

.bookmark_page_content .avatar_item_el.displayName a{
    color: var(--primaryButtonHoverColor);
    font-weight: var(--p-font-weight-medium);
}

.page_footer_wrap{
    position: relative;
}

.page_footer_wrap .footer_content_wrap{
    width: fit-content;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 72px 50px;
    padding-bottom: 80px;
    box-sizing: border-box;
}

.page_footer_wrap .footer_text_wrap{
    font-size: 6em;
    font-weight: var(--p-font-weight-medium);
    letter-spacing: 4px;
    color: var(--contentBackgroundColor);
    line-height: 1;
}

.page_footer_wrap .footer_contact_button_wrap{
    margin-top: -2em;
}

.page_footer_wrap .footer_contact_button_wrap a.button{
    font-size: 1.8em;
    color: var(--contentTextColor);
    letter-spacing: 3px;
    margin: 0px 10px;
    padding-left: 80px;
    border-radius: 90px;
}

.page_footer_wrap .footer_contact_button_wrap a.button span{
    display: inline-block;
    vertical-align: middle;
}

.page_footer_wrap .footer_contact_button_wrap a.button span.label{
    padding: 41px;
    padding-right: 100px;
    line-height: 1;
}

.page_footer_wrap .footer_contact_button_wrap a.button:hover {
    background-color: transparent;
}


.page_footer_wrap .footer_menu_wrap{
    margin-top: 66px;
    color: #3b786454;
}

.page_footer_wrap .footer_menu_wrap a{
    padding-left: 30px;
    padding-right: 30px;
    letter-spacing: 4px;
    color: var(--themeTextColor);
    font-weight: var(--p-font-weight-bold);
    font-size: 18px;
    display: inline-block;
}

.page_footer_wrap .footer_address_wrap{
    width: fit-content;
    text-align: left;
    margin-left: auto;
    margin-top: 80px;
    margin-right: -70px;
}

.page_footer_wrap .office_address_wrap h3{
    color: var(--themeTextColor);
    letter-spacing: 3px;
}

.page_footer_wrap .office_address_wrap .el_label, .page_footer_wrap .office_address_wrap .el_data{
    display: inline-block;
    line-height: 2.3em;
    font-size: 18px;
    font-weight: 500;
    color: #666666;
    letter-spacing: 4px;
}

.page_footer_wrap .office_address_wrap .el_label{
    width: 135px;
}

.page_footer_wrap .office_address_wrap .social_info{
    margin-top: 30px;
}

.page_footer_wrap .office_address_wrap .social_info img{
    margin-right: 20px;
}

.page_footer_wrap .office_address_wrap .rights_info{
    color: var(--themeTextColor);
    letter-spacing: 2px;
    font-size: 1.1em;
    margin-top: 20px;
}

.page_footer_wrap .footer_location_wrap{
    position: absolute;
    bottom: -80px;
    left: 0;
    max-width: calc(100% - 400px);
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}
@media screen and (min-width: 1100px){
    
    .ow_site_panel .ow_console_notsigned_in{
        margin-left: 140px;
    }
    
    .ow_site_panel .ow_main_menu_wrap{
        width: calc(100% - 650px);
    }
    
    .ow_console_body .ow_console_items_wrap .ow_console_item.ow_notification_list,
    .ow_console_body .ow_console_items_wrap .ow_console_item.ow_mailbox_single_mode{
        margin-right: 52px;
    }
    
    .ow_console_body .ow_console_items_wrap .ow_console_item.meusugar_console_profile_item{
        margin-right: 76px;
    }
    
    .ow_console_body .ow_console_items_wrap .ow_console_item.meusugar_console_profile_item a.ow_console_item_link,
    .ow_console_body .ow_console_items_wrap .ow_console_item.ow_notification_list a.ow_console_item_link,
    .ow_console_body .ow_console_items_wrap .ow_console_item.ow_mailbox_single_mode a.ow_console_item_link{
        position: absolute;
        display: block;
        margin-left: 52px;
        width: max-content;
        line-height: 44px;
        font-weight: var(--p-font-weight-bold);
    }
}



@media screen and (min-width: 960px){
    .content_body_container, .content_heading_container .heading_content_wrap{
        max-width: 100%;
        margin-left: 200px;
        margin-right: 160px;
    }
    
    .content_heading_container .heading_content_wrap{
        width: calc(100% - 260px);
        max-width: 1360px;
    }
    
    
}

@media screen and (max-width: 1200px) {
    .page_footer_wrap .footer_contact_button_wrap a.button.mail_button .left_icon svg{
        height: 25px;
    }
    
    .page_footer_wrap .footer_contact_button_wrap a.button.call_button .left_icon svg{
        height: 30px;
    }

    .page_footer_wrap .footer_contact_button_wrap a.button .right_icon svg{
        height: 40px;
    }

    .page_footer_wrap .office_address_wrap .el_label, .page_footer_wrap .office_address_wrap .el_data{
        font-size: 1em;
        font-weight: bold;
        letter-spacing: 3px;
    }
}


@media screen and (max-width: 960px){
    
    .content_body_part_right{
        margin-top: 50px;
    }
    
    .content_body_part_leading{
        margin-bottom: 30px;
    }
    
    .content_body_part_left{
        position: relative;
        margin-top: 0;
        display: block;
        width: 100%;
        margin-bottom: 40px;
    }
    
    body.narrow .ow_page_container{
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .content_heading_container .heading_svg_wrap .heading_svg_text{
        font-size: 3.4em;
    }
    
    .content_heading_container .heading_text .sh1,
    .content_heading_container .heading_text h1{
        font-size: 2.4em;
        letter-spacing: 6px;
        margin-bottom: 10px;
    }
    
    .content_heading_container .heading_text .heading_description{
        font-size: 1em;
        margin-top: 10px;
    }
    
    .content_heading_container .heading_text_wrap .heading_img_wrap.to_right,
    .content_heading_container .heading_text_wrap .heading_img_wrap{
        position: relative;
        width: 248px;
        height: 140px;
        margin-left: -60px;
        margin-top: -30px;
        top: unset;
        right: unset;
    }
    
    .content_heading_container .heading_content_el.heading_cover_wrap{
        display: block;
        margin-top: 0;
        padding-left: 0;
        width: 100%;
    }
    
    .scrolled_to_category .float_content_menu_wrap{
        display: none;
    }
    
    
    .page_footer_wrap .footer_content_wrap{
        padding: 30px;
        width: 100%;
    }
    
    .page_footer_wrap .footer_text_wrap{
        font-size: 4em;
    }
    
    .page_footer_wrap .footer_menu_wrap{
        margin-top: 30px;
    }
    
    .page_footer_wrap .footer_menu_wrap a{
        line-height: 3;
    }
    
    .page_footer_wrap .footer_contact_button_wrap a.button span.label{
        padding: 0px;
        padding-right: 40px;
    }
    

    
    .page_footer_wrap .footer_address_wrap{
        margin-left: 0;
        margin-top: 40px;
    }
    
    .page_footer_wrap .office_address_wrap .social_info{
        margin-top: 40px;
    }
    
    .page_footer_wrap .footer_location_wrap{
        bottom: 0;
        max-width: 100%;
        width: 100%;
    }
    
    .page_footer_wrap .footer_location_wrap img{
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 960px){
    
    .ow_site_panel .ow_logo_wrap{
        width: 200px;
    }
    
    .ow_site_panel .ow_logo{
        background-size: 180px;
        min-height: 70px;
    }
    
    .ow_site_bref{
        display: none;
    }
    
    .ow_site_panel .ow_main_menu_wrap{
        width: calc(100% - 460px);
    }
    
    .ow_site_panel .ow_logo{
        background-position: 20px;
    }
    
    .main_menu_top_responsive_mode_button{
        display: inline-block;
    }
    
    .ow_console_items_wrap{
        padding-right: 0;
    }
    
    .main_menu_item{
        display: none;
        margin: 0 6px;
    }
}


@media screen and (max-width: 640px){
    
    body::-webkit-scrollbar {display: none;-webkit-appearance: none; width:0px; }
    body{-ms-overflow-style: none; scrollbar-width: none;}
    
    select,
    input[type=text],
    input[type=password]{
        height: 36px;
    }
    
    .mce-content-body p{
        font-size: 1.125em;
        line-height: 36px;
    }
    
    .stylish_h3 h3, .ow_dnd_widget .ow_box_cap_body h3{
        padding: 6px 20px;
        font-size: 1em;
    }
    
    .select_field_wrap a.button{
        right: -6px;
        top: -7px;
        scale: 0.55 !important;
    }
    
    .ow_main_menu .menu_item_img{
        display: none
    }
    
    .ow_content_menu_wrap{overflow-x: auto;}
    .ow_content_menu_wrap{-ms-overflow-style: none; scrollbar-width: none;}
    .ow_content_menu_wrap::-webkit-scrollbar{display: none;}
    .ow_content_menu_wrap .ow_content_menu{min-width: 100%; /*width: max-content;*/ }
    .ow_content_menu span{line-height: 24px;}
    .ow_menu_wrap{-ms-overflow-style: none; scrollbar-width: none;}
    .ow_menu_wrap::-webkit-scrollbar{display: none;}
    .ow_menu_wrap .ow_main_menu{min-width: 100%; width: max-content;}
    .ow_main_menu li{line-height: 27px; padding-top: 14px;}
    .ow_main_menu li.active a{border-bottom: 4px #80b400 solid;}
    .ow_header .ow_menu_wrap .ow_main_menu.clearfix{display:block;padding:0}
    .ow_header .ow_menu_wrap{position: fixed; z-index: 10; overflow-x:auto; overflow-y:hidden; display:block; width:100%; height: 56px}
    
    .ow_content_menu li a{
        padding: 4px 16px;
    }
    
    .ow_content_menu li a span{
        font-size: 1em;
    }
    
    
    .bookmark_page_body_container.content_body_container{
        margin-top: 0;
    }
    
    .secondary_content_menu_wrap .ow_content_menu li a{
        padding: 4px 4px;
    }
    
    .ow_message_cont{
        left: 0;
    	margin-left: 5%;
    	position: fixed;
    	top: 0;
    	width: 90%;
    	z-index: 1000;
    	margin-top: 25px;
    }
    
    .content_body_container{
        margin-top: 54px;
    }
    
    .content_heading_container .breadcrum_wrap{
        display: block;
    }
    
    .content_heading_container .breadcrum_wrap .ow_breadcrumb{
        margin-bottom: 20px;
        padding-left: 20px;
    }
    
    .content_heading_container .heading_text{
        margin-left: 0;
        padding-right: 0;
        margin-top: -20px;
    }

    a.button.taller{
        padding: 12px 28px;
    }
    
    .backable_bottom_block a.button.circle{
        height: 40px;
        width: 40px;
        background-size: 64%;
    }
    
    .backable_bottom_block .backable_bottom_block_el.text_button{
        font-size: 1.6em;
    }
    
    .page_footer_wrap .office_address_wrap .address_info_el{
        margin-bottom: 16px;
    }

    .page_footer_wrap .office_address_wrap .el_label {
        width: 100%;
    }
}

@media screen and (max-width: 480px){
    
    .content_heading_container .heading_svg_wrap{
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }
    
    .content_heading_container .heading_svg_wrap svg.version_desktop{
        display: none;
    }
    
    .content_heading_container .heading_svg_wrap svg.version_mobile{
        display: block;
        margin-left: auto;
    }
    
    
    .index_master_page .ow_menu_wrap{
        background: transparent;
        border-bottom: none;
    }
    .index_master_page .ow_menu_wrap .ow_main_menu{
        display: none !important;
    }

    .index_master_page .ow_register_wrap .ow_register_box{
        display: none;
    }
    .index_master_page .ow_register_wrap, .base_sign_in .ow_register_wrap{
        height: 140px;
    }
    
    .signup_header_bottom_description{
        margin-top: 0;
    }
    
    .ow_simple_signup_form_wrap{
        padding: 24px;
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        border-radius: 0;
        box-sizing: border-box;
    }
    
    
    .ow_simple_signup_from_header{
        height: 140px;
    }
    
    .ow_simple_signup_from_header .title{
        font: bold 16px helvetica,Arial,sans-serif;
    }
    
    .base_sign_in .ow_login_box {
        width: auto;
    }
    
    .base_sign_in .ow_register_box .ow_login_button{
        display: none;
    }
    
    body:not(.narrow) .ow_page_container, body.narrow .ow_page_container{
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        border-radius: 0;
        padding: 20px;
    }
    
    .ow_page_wrap{
        padding-bottom: 0;
    }
    
    .ow_console_body .ow_tooltip_top_right.ow_tooltip,
    .ow_console_body .console_avatar_container .ow_tooltip_top_right.ow_tooltip{
        left: 0;
        right: 0;
        top: 72px !important;
    }
    
    .ow_tooltip .ow_tooltip_body{
        border-radius: 0;
        max-width: 100%;
    }
    
    
    .convenient_button{
        padding: 3px 6px;
    }
    
    .bookmark_page_content .avatar_item_wrap{
        width: calc(50% - 10px);
    }
    
    .bookmark_page_content .bookmark_item_list{
        border-radius: 14px;
    }
    
    .ow_site_panel .ow_main_menu_wrap{
        width: calc(100% - 360px);
    }
    
    .ow_console_body .ow_console_items_wrap .ow_console_item{
        margin-right: 0;
    }
    
    .ow_console_body .ow_console_items_wrap .ow_console_item.ow_console_signin{
        margin-left: 0;
    }
    
    
}

@media screen and (min-width: 481px){
    .signin_buttons{
        display: none;
    }
    
    .index_master_page .ow_register_wrap{
        height: 620px;
    }
    
    
    .index_signup_box .floatbox_container .ow_bg_color{
        padding-left: 10px;
        padding-right: 10px;
    }

    .base_sign_in .ow_register_wrap{
        height: 550px;
    }
    
    .base_sign_in .ow_login_box {

    }
    
    .base_sign_in .ow_simple_signup_from_header{
        display: none;
    }
    
    .ow_simple_signup_form_wrap{
        padding: 30px;
    }
    
    .ow_simle_form_signup_page .ow_simple_signup_from_header{
        height: 240px;
    }
    
    .ow_simple_signup_from_header .title{
        font: bold 22px helvetica,Arial,sans-serif;
    }
}



.profile_filling_form_profile_section div.birthdate{
    display: table;
}

.profile_filling_form_profile_section div.birthdate div{
    display: table-cell;
    width: 3%;
}

.profile_filling_form_profile_section div.birthdate div select{
    width: 100%;
}

.profile_filling_form_profile_section div.birthdate div select[name=month_birthdate]{
    width: calc(100% - 8px);
    margin-left: 4px;
    margin-right: 4px;
}


.switch-wrap input[type=checkbox]{
    height: 0px;
    width: 0px;
    visibility: hidden;
    margin:0;
    padding:0;
}
.switch-wrap label{
    display: inline-block;
    width: 52px;
    height: 32px;
    border: 1px solid #DFDFDF;
    outline: none;
    border-radius: 16px;
    box-sizing: border-box;
    background: #FFFFFF;
    cursor: pointer;
    transition: border-color .3s,background-color .3s;
    vertical-align: middle;
    position: relative;
}
.switch-wrap label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.3s;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    background-color: #fff;
}
.switch-wrap input:checked + label {
    background: #33DB70;
}
.switch-wrap input:checked + label:before {
    transform: translateX(20px);
}

.ow_video_id_verify_example_wrap{
    background-image: url(images/id_video_verification_example.jpg);
    width: 179px;
    height: 137px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.id_verified_mark{
    padding-left: 4px;
    padding-right: 14px;
    position: relative;
    
}

.id_verified_mark svg{
    fill: #2b80ae;
    height: 14px;
    width: 14px;
    max-height: 100%;
    position: absolute;
    top: calc(50% - 7px);
}

.profilex_wrap.profile_header_1 .id_verified_mark svg{
    fill: white;
}

div.eac-input-wrap .custom-classname{
    display: block;
    box-sizing: content-box;
    font-family: Inter, -apple-system, "system-ui", "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    position: absolute;
    bottom: 32px;
    left: 98px;
    cursor: pointer;
    background-color: white;
    border: 1px solid #c6d2dc;
    padding: 8px;
    border-radius: 6px;
}



.simple_signup_form_wrap .question_label{
    display: none;
    color: var(--blackTextColor);
    font-weight: var(--p-font-weight-regular);
}

.simple_signup_form_wrap .birthdate .question_label{
    display: block;
} 

.ow_simple_signup_form_wrap .simple_signup_form_wrap .element_field{
    margin-bottom: 16px;
}

.ow_simple_signup_form_wrap .signup_identity_wrap{
    position: relative;
}

.ow_simple_signup_form_wrap .signup_identity_wrap .element_field.countr_code{
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 120px;
}

.ow_simple_signup_form_wrap .signup_identity_wrap .element_field.countr_code select{
    border-bottom: 0;
    height: 32px;
    margin-top: 5px;
}

.formatted_order_form_title{
    display:none;
}

.base_profile_page .ow_chat_invite_template_wrap{
    bottom: 136px;
    z-index: 30;
}

.base_profile_page .ow_chat_invite_btn{
    bottom: 68px;
    z-index: 30;
}

body .primeiropay_order_form_page .primeiro_pay_form_wrap .expand_button{
    font-size: 14px;
}

body .primeiropay_order_form_page .primeiro_pay_form_wrap .paygate_form_field .form_label{
    font-size: 14px;
}

body .primeiropay_order_form_page .primeiro_pay_form_wrap .card-type-checkbox{
    font-size: 14px;
}

body .primeiropay_order_form_page  .boleto_form_wrap{
    display: none;
}

.floatbox_canvas.image_float_box{justify-content: center; align-content: center; align-items: center; display: inline-flex;}
.floatbox_canvas.image_float_box .floatbox_container{margin:auto; width: max-content !important; height: max-content !important; max-width:100%}
.floatbox_canvas.image_float_box .floatbox_container .ow_bg_color{background-color:transparent}
.floatbox_canvas.image_float_box .floatbox_container .floatbox_body img{max-width: 100%; width: auto !important}
.floatbox_canvas.image_float_box .ow_box_cap_icons{position: fixed; right:0; top:0; background-color: #fff; border-radius: 50%;}
.floatbox_canvas.image_float_box .ow_floatbox_preloader{width:auto; margin:0}
.floatbox_canvas.image_float_box .floatbox_preloader_container{width:100%; margin: auto}

