/* 8.4.7.1 */
/* 
   Reset 
------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {
    margin: 0;
    padding: 0;
    /* border: 0; */
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

table, td, th {
    vertical-align: middle;
}

q:before, q:after {
    content: "";
}

q {
    quotes: "" "";
}

a img {
    border: none;
}

:focus {
    outline: 0;
}


/* 
   font 
   http://www.justbenicestudio.com/studio/websymbols/
   http://www.fontsquirrel.com/widgets/font_image/glyph_map/a0602257b32df73be81fe2dcbf33473f
------------------------------------------------------------------- */
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../lib/fonts/websymbols-regular-webfont.eot');
    src: url('../lib/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../lib/fonts/websymbols-regular-webfont.woff') format('woff'), url('../lib/fonts/websymbols-regular-webfont.ttf') format('truetype'), url('../lib/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}

/* 
   General 
------------------------------------------------------------------- */
html {
    height: 100%;
    padding-bottom: 1px;
    /* force scrollbars */
    line-height: 2em;
}

body {
    background: #FFF;
    color: #334;
    font: normal 12px sans-serif;
    line-height: 1.5;
}

/* 
   Typography 
------------------------------------------------------------------- */
/* Headings */
h1,h2,h3,h4,h5,h6 {
    color: #444;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 0.1em;
}

h4,h5,h6 {
    font-weight: bold;
}

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 2.1em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1em;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}

h1.summary {
    color: #808080;
    float: left;
    font-size: 16px;
    line-height: 40px;
    margin: 0 0 12px;
}

h1.summary em {
    color: #000000;
    font-style: normal;
}

/* Links */
a:focus,a:hover, .likea:hover {
    color: #357;
    color : #18658B;
    text-decoration: underline;
}

a, .likea {
    color: #357;
    color : #0192B5;
    color : #18658B;
    text-decoration: none;
}

a#loginlink {
    /* text-decoration: underline; */
}

.likea {
    cursor : pointer;
}

#dashboard a.icon {
    background: url("../img/sprite_dormunt_2colors.png") no-repeat;
    padding-left: 24px;
}

#dashboard a.feed {
    background-position: 0 -1220px;
}

#dashboard a.email {
    background-position: -20px -80px;
}

#dashboard a.twitt {
    background-position: -20px -1200px;
}

#dashboard a.faceb {
    background-position: 0px -1260px;
}

#dashboard a.gplus {
    background-position: -20px -1420px;
}

#dashboard a.feedback {
    background-position: -20px -420px;
}

#dashboard a.contactme {
    background-position: -20px -40px;
}

#dashboard a.help {
    background-position: -20px -260px;
}

#dashboard a.demo {
    background-position: -20px -1450px;
}

#dashboard a.learnmore {
    background-position: -20px -540px;
}

.icon-b-13em {
    color: black;
    font-size: 1.2em;
}

/* More links */
a.more {
    color: #579;
    font-weight: bold;
}

a.more:hover {
    color: #234;
}

/* Text elements */
abbr, acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin-bottom: 1.5em;
}

del {
    color: #666;
}

em, dfn, address {
    font-style: italic;
}

strong, dfn {
    font-weight: bold;
}

sup, sub {
    line-height: 0;
}

pre {
    margin: 1.5em 0;
    white-space: pre;
}

pre,code,tt {
    font: 1em monospace;
    line-height: 1.5;
}

/* Lists */
li ul, li ol {
    margin-left: 1.5em;
}

ul, ol {
    /* margin: 0 0 1em 1em; */
    em; */
    }

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5em 0;
}

dl dt {
    font-weight: bold;
}

dd {
    margin-left: 1.5em;
}

/* Special lists */
ul.plain-list li, ul.nice-list li, ul.tabbed li {
    list-style: none;
}

ul.tabbed {
    display: inline;
    margin: 0;
}

#sub-nav ul.tabbed, #loc-nav ul.tabbed {
    display : inline-block;
    width: 100%;
}

ul.tabbed li {
    float: left;
}

ul.plain-list {
    margin: 0;
}

ul.nice-list {
    margin-left: 0;
}

ul.nice-list li {
    list-style: none;
    border-top: 0px solid #EEE;
    padding: 2px 0;
    /* overflow: hidden; */
}

ul.nice-list li:first-child {
    border-top: none;
}

ul.nice-list li .right {
    color: #999;
}

/*  --- subnav in form menu ---*/
#settings_nav_menu li {
    float : none;
    padding : 5px;
    margin : 1px 2px ;
    background-color : #E1E1E1 ;
    color : white ;
    display : inline-block;
}

#settings_nav_menu li a:hover {
    text-decoration: none;
}

#settings_nav_menu li:hover, #settings_nav_menu li.active {
    background-color: #333;
}

#settings_nav_menu li span, #settings_nav_menu li i {
    color : black ;
}

#settings_nav_menu li:hover span, #settings_nav_menu li:hover i, #settings_nav_menu li.active span, #settings_nav_menu li.active i {
    color : white ;
}

#settings_nav_menu li i {
    margin-right : 4px;
    font-size : 1.1em;
}

/*settings special css*/
/*settings special css*/
.settings_special_wrapper {
    margin: 0 0 1em 1em;
}

.settings-special .option span {
    margin : 0 4px 0 10px;
    font-size : 0.8em;
}

.settings-special .option span.label.label-info {
    margin : 0;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 10px;
}

.settings-special .option .labelform span {
    font-size : 1.0em;
}

.settings-special .option .elem span.span-fullwidth {
}

.settings-special .option.islabel {
    background-color: #F1F1F1;
}

.settings-special .option .elem.radio-elem {
    padding : 10px 0px;
}

.settings-special .option-subsection .first {
    width : 70px;
    display: inline-block;
}

.settings-special input {
    text-align: right;
}

.settings-special .option-subsection {
    border-left: 1px solid #CCC;
    margin: 0px 0px 0px 200px;
}

.settings-special .option-subsection-actions {
   padding : 4px 10px;
   background-color: #eee;
}

.settings-special .option-subsection-actions .btn {
   margin-right : 10px; 
}


.step-by-step-settings .option-subsection {
    margin-bottom : 10px; 
    padding : 10px; 
}

.step-by-step-settings .option-subsection-header-title {
    font-size : 1.2em;
    background-color :#eeeeee; 
    padding : 0px 10px; 
}

#formsettings {
    padding : 10px;
}

#formsettings ul {
    /* margin : 0px; */
}

#formsettings h1 {
    /*margin : 4px 0;*/
}

#formsettings p {
    margin-bottom : 20px ;
}

/* -- inline caroussel list  --*/
#userrelads .section-content {
    overflow : hidden;
    border : 1px solid #EEE;
    position: relative;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#topgallery {
    width : 100%!important;
    height : 60px;
    margin-bottom: 2px;
}

.is-home-page #topgallery {
    display : none; 
}

#topgallery #bannertitle {
    display: block;
    float : left;
    height : 60px;
    width : 40px;
    /* background-color: #18648B;*/
    background-color: #E1E1E1;
}

#topgallery .section-content {
    overflow : hidden;
    position: relative;
    margin-bottom: 2px;
}

#topgallery .section-content IMG {
    border: 0px solid #DDD;
    padding: 0px;
    height : 55px;
    width : 73px;
}

#topgallery .section-content .listcol-b {
    display : none;
}

.widget.blog{
    position : relative; 
}

.patcarousel-wrapper {
    overflow : hidden;
    margin : 2px 26px;
}

.patcarousel-wrapper.panel-inner {
    margin :0px; 
    padding :2px; 
}

.patcarousel-prev, .patcarousel-next {
    z-index: 20;
    color: #000000;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    height: 30%;
    width: 20px;
    top: 35%;
    height: 3rem;
    width: 3rem;
    background-color: #00000075;
    border-radius: 50%;
    text-align: center;
}


.patcarousel-next {
    right: 0px;   
}

.patcarousel-prev {
    left: 0px;
}


.patcarousel-prev > i, .patcarousel-next  > i {
    position:relative;
    top: calc(50% - 09px); /* 50% - 3/4 of icon height */
    color: white;
    font-size : 18px; 
}

ul.nice-list2 {
    margin: 0 0px;
    width : 4000px;
    position: relative;
}

ul.nice-list2 li {
    float : left;
    /* margin : 0 10px;*/
    border-left: solid 1px #EEE;
    padding-left: 2px;
}

/*special case for plain list display */
.widget.list .patcarousel-wrapper {
    /*height : 5em; */
}

.widget.list ul.nice-list2 {
    width : 100%;
}

.widget.list ul.nice-list2 li {
    float : none;
}

.widget.list ul.nice-list2 li:hover {
    color: #000!important;
    background-color: #E1E1E1!important;
}

.widget.list ul.nice-list2 li div.inl {
    display : inline-block;
}

.widget.list ul.nice-list2 li div.inl.post-date {
    width : 24%;
}

.widget.list ul.nice-list2 li div.inl.post-title {
    width : 60%;
    font-weight : bold;
}

.bandecoration {
    display: block;
    float: left;
    height: 6em;
    width: 40px;
    background-color: #F5F5F5;
}

.bandecoration .ribbon-widget-left-inner {
    font-size : 20px;
    margin-top : 1em;
    margin-left : 0.5em;
}

/*end special case*/
ul.nice-list2 li:first-child {
    border-top: none;
    border-left: none;
}

ul.nice-list2 li .right {
    color: #999;
}

/* Tables */
table {
    margin-bottom: 1.4em;
    width: 100%;
}

th {
    font-weight: bold;
}

thead th {
    /* background: #C3D9FF; */
}

th,td,caption {
    padding: 4px 10px 4px 5px;
}

tr.even td {
    background: #F2F6FA;
}

tfoot {
    font-style: italic;
}

caption {
    background: #EEE;
}

table.data-table {
    border: 1px solid #CCB;
    margin-bottom: 2em;
    width: 100%;
}

table.data-table th {
    background: #F0F0F0;
    border: 1px solid #DDD;
    color: #555;
    text-align: left;
}

table.data-table tr {
    border-bottom: 1px solid #DDD;
}

table.data-table td, table th {
    padding: 10px;
}

table.data-table td {
    background: #F6F6F6;
    border: 1px solid #DDD;
}

table.data-table tr.even td {
    background: #FCFCFC;
}

/* Misc classes */
.small {
    font-size: 0.9em;
}

.smaller {
    font-size: 0.8em;
}

.smallest {
    font-size: 0.7em;
}

.large {
    font-size: 1.15em;
}

.larger {
    font-size: 1.25em;
}

.largest {
    font-size: 1.35em;
}

.hidden {
    display: none;
}

.quiet {
    color: #999;
}

.loud {
    color: #000;
}

.highlight {
    background: #FFEB3B;
    /* color : white; */
}

.text-left {
    text-align: left;
}

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

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

.text-separator {
    padding: 0 5px;
}

.error, .notice, .success, .working, .working2, .info, .warning, .primary, .danger {
    border: 1px solid #DDD;
    /*margin-bottom: 1em;*/
    margin: 1px;
    /*padding: 0.6em 0.8em;*/
}

.error {
    background: #d9534f;
    color: white;
}

.error a {
    color: #8A1F11;
}

.notice {
    background: #f0ad4e;
    color: white
}

.notice a {
    color: #514721;
}

.working {
    background: #C1C1C1;
    color: #FFF;
    border-color: #E1E1E1;
}

.working a {
    color: #FFF;
}

.working2 {
    background: white;
    color: black;
    border-color: #E1E1E1;
    border-width: 0px;
    text-align: center;
}

.working2 a {
    color: black;
}

/*.success {background: green;  color: white ;}*/
.success a {
    /* color: #FFF; */
}

.primary {
    background-color: #337ab7;
    color: white;
}

.info {
    background-color: #5bc0de;
    color: white;
}

.warning {
    background-color: #f0ad4e;
    color: white;
}

.danger {
    background-color: #d9534f;
    color: white;
}

.default a, .primary a, .info a, .warning a, .danger a {
    /* color: #FFF; */
}

.notice.bg-green {
    background: #68af28;
}

.success SPAN, .notice SPAN , .working SPAN {
}

.geo-help{
    color :#015978;
    font-size : 0.9em; 
}

.msg-close {
    background-image: url("../img/sprite_dormunt_2colors.png");
    background-position: 0px -960px;
    height: 16px;
    /*margin:3px 5px 0 5px;*/
    /*text-indent:-9999em; */
    /* indent does not work in IE6 */
    width: 16px;
    float : right;
    zoom : 1; }

#inner {
    zoom : 1; }

/* 
   Forms 
------------------------------------------------------------------- */
/* default value */
input[type="text"] {
    background: #FCFCFC;
    /* border: 1px inset #AAA; */
    margin: 0;
    /* padding: 1px 5px; */
}

.input-mini {
    width: 60px;
}

.input-small {
    width: 90px;
}

.input-medium {
    width: 150px;
}

.input-large {
    width: 210px;
}

.input-xlarge {
    width: 270px;
}

.input-xxlarge {
    width: 530px;
}

label {
    font-weight: bold;
    cursor: pointer;
}

label.control-label{
    height : 25px; 
}

fieldset {
    padding: 1.4em;
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc;
}

legend {
    font-weight: bold;
    font-size: 1.2em;
}

textarea {
    overflow: auto;
}

input.text, textarea, select {
    background: #FFF;
    border: 1px solid #AAA;
    margin: 0;
    padding: 4px 5px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

input.checkboxx {
    background: #FFF;
    /*border: 1px solid #AAA;*/
    margin: 0;
    padding: 4px 5px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

select .level1 {
    background-color: #dcdcc3;
}

input.text:focus, textarea:focus, select:focus {
    background: #FFFFF5;
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    -khtml-border-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    border-color: rgba(82, 168, 236, 0.75) !important;
}

input.button {
    background: #DDD;
    border: 1px outset #AAA;
    padding: 4px 5px;
}

input.button:active {
    border-style: inset;
}

a.button, a.button:visited {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    background: -moz-linear-gradient(center top , #999999, #888888) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(136,136,136,1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,1)), color-stop(100%,rgba(136,136,136,1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(136,136,136,1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(136,136,136,1) 100%);
    /* Opera11.10+ */
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block !important;
    font-size: 1em !important;
    font-weight: bold !important;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: none !important;
    width: auto !important;
    padding: 2px 10px !important;
}

a.button:hover {
    background: -moz-linear-gradient(center top , #888888, #777777) repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    cursor: pointer;
    text-decoration: none !important;
}

input.radiox, input.checkboxx {
    /* margin : 4px 4px 4px 4px; */
}

#previewbton {
    /* border-bottom : dotted 1px grey; */
    background-color: white;
    padding: 15px;
    margin-bottom : 10px;
}

.input-with-icon-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.input-with-icon-wrapper input {
    text-indent: 20px;
}

.input-with-icon-wrapper i {
    position: absolute;
    top: 10px;
    /* bottom: 50%; */
    left: 5px;
    font-size: 14px;
    color: black;
}

.form-error {
    border-color: #F00;
}

#forminput {
    position : relative;
}


#forminput .adinput_vfields .error {
    display :block;
    padding : 0px 10px 10px 10px;
}


#forminput .error, #previewbton .error {
    border : none;
    background: none;
    color : red;
    padding-right : 10px;
}

.labelform {
    float: left;
    padding: 4px 10px 0px;
    padding-top: 4px;
    text-align: right;
    margin-bottom : 6px;
}

.adinput {
    float: left;
    padding: 4px 0px 4px 10px;
    margin-bottom : 6px;
    position: relative;
}


.adinput2 {
    display: inline-block;
    background-color : #F5F6F1;
    padding: 0px 0px 0px 10px;
    width: 280px;
}

.labelform2 {
    /* float: left; */
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    padding: 4px 0px 0px;
    padding-top: 4px;
    padding-top: 4px;
    text-align: right;
    width: 100px;
    /* border-top : 1px dotted #C1C1C1; */
}

.adinput_label {
    padding: 4px 0px 4px 10px;
    margin-bottom : 6px;
}

.labelform_label {
    float: left;
    padding: 4px 0px 4px 0px;
    font-weight: bold;
    margin-bottom : 6px;
}

.form-group.is-group-label{border-bottom: 1px solid #ddd;}

.admin-page .labelform_label, .admin-page .labelform {
    
}

.adhelp {
    margin-left : 5px;
    color : #666666;
    font-style: italic;
    color : #777;
    font-size : 12px;
}

.adpostlabel {
    margin-left : 5px;
    color : #777;
    font-size: 0.8em;
}


/* case of labels which are on 12 col - fill width */

.label-inline .labelform{
    float : none;
    text-align: left;
    padding-left: 0px;
    margin-bottom: 0px;
}

.label-inline .adinput{
    padding-left: 0px;
}

.label-inline .adinput_label{
    display : none; 
}


.adactions {
    margin : 10px;
    /* padding: 10px; */
    margin-top: 10px;
    text-align: center;
    /* border-top: 1px solid #dddddd; */
}


#map_box_overlay .adactions {
    margin : 0px;
    padding: 4px;
}
#map_box_overlay #innertext{
    padding : 4px; 
}


.adactions.fixed {
    position: sticky;
    position: -webkit-sticky; /* Safari */
    position: fixed; /* for IE*/
    position: sticky;
    bottom: 0px;
    left : 0;
    right: 0;
    width : 100%;
    background-color: #FFF;
    z-index: 7001;
    margin: 0px;
    background-color: #f5f5f5d6;
}

#forminput select option.selected {
    background-color: #5F5F5F;
    color : white;
}



.orange_text, .orange {
    color: #D35701!important;
}

.txt_red {
    color: red;
}

.txt_green {
    color: green;
}

.txt_grey {
    color: grey;
}

/*on-off switch*/
/*http://proto.io/freebies/onoff/*/
.onoffswitch-wrapper {
    display : inline-block;
    position : relative;
}

.onoffswitch {
    position: relative;
    width: 69px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #666;
    /*border-radius: 5px;*/
}


.is-disabled .onoffswitch-label {
    cursor:not-allowed ;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 21px;
    padding: 0;
    line-height: 21px;
    font-size: 13px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #2CB020;
    color: #FFFFFF;
}

.is-disabled .onoffswitch-inner:before {
    background-color: #333;

}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #FFFFFF;
    color: #666666;
    text-align: right;
}

.onoffswitch-switch {
    width: 27px;
    margin: 0px;
    background: #FFFFFF;
    border: 1px solid #666666;
    /* border-radius: 5px; */
    position: absolute;
    top: 0;
    bottom: 0;
    right: 38px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.multi-inputs-block div {
    margin : 4px 0;
}

.multi-inputs-block {
    border-left: 2px solid #C1C1C1;
    padding-left: 10px;
}

.sub-input .btn {
    height : 33px; 
}

.sub-input .chosen-container {
    min-width: 300px;
}

.sub-input .chosen-container a {
     height : 33px; 
     line-height : 33px; 
}



.multi-inputs-block .error{
    padding : 0; 
}

.multi-inputs-block .sub-input span {
    display : inline-block;
    width : 10%;
}

.multi-inputs-block .sub-input .chosen-single span {
    width : 100%;
}

.multi_inputs_list_wrapper {
    font-size : 14px;
    margin-top : 10px;
}

.multi_inputs_list_wrapper li {
    margin : 2px 10px 2px 0;
    display : inline-block;
    background-color : #E1E1E1;
}

.multi_inputs_list_wrapper li.over {
  border-right : 3px dotted #d35701; 
}

.multi_inputs_list_wrapper li.draggable {
  cursor : move;
}

.multi_inputs_list_wrapper li span {
    margin-right : 6px;
}

.multi_inputs_list_wrapper li span.title2 {
    font-weight: bold;
}

.multi_inputs_list_wrapper li span.url2 {
    font-size : 9px;
}

/* 
   file upload CSS
------------------------------------------------------------------- */
br {
    clear: left;
}

.opt-title {
    background-color: #dcdcc3;
}

#fileupload_area {
    display : inline-block;
    position: relative;
}

#fileupload_area .uploadbtn {
    margin-right : 2px;
    margin-bottom: 2px;
    display : inline-block;
    border: 1px solid #C1C1C1;
    margin-right: 3px;
    height: 55px;
    width: 73px;
}

#fileupload_area a {
    text-decoration: none;
}

.fileupload_preview {
    float: left;
    display : inline-block;
    /*changed for zads 5.0*/
    position : relative;
    margin-right: 3px;
    height: 55px;
    width: 73px;
    border: 1px solid #C1C1C1;
}

#fileupload_area .uploadbtn.inlineuploadbtn {
    height: auto;
    /* margin-left: 10px; */
    width: auto;
    /* padding: 0px!important; */
    overflow: initial;
    margin: 0px!important;
}

div.fileupload_preview.loading {
    background: url('../img/loading.gif') no-repeat;
    background-position: center;
    border: 1px solid #C1C1C1;
}

.fileupload_preview IMG {
    height: 100%;
    width: 100%;
    /* border:1px solid #DDDDDD; */
    /* margin : 5px 0 0 5px; */
    /* padding : 3px; */
    background-color : white;
}

div.test {
    display : inline-block;
}

.fileupload_preview_delete {
    /*
  background:url("../img/icon-close-image-uploader.png") no-repeat scroll 0 0 transparent;
  */
    /* background-image:url("../img/sprite_dormunt_2colors.png"); */
    /* background-position:-20px -1660px; */
    background-color: #C1C1C1;
    text-indent: +2px;
    height: 16px;
    width: 16px;
    position : absolute;
    top : 0;
    left : 0;
    color: red;
}

.addetails .item-pics-thumbs .selected .fileupload_preview_delete {
    display : none;
}

#sub-nav div.loading, #loc-nav div.loading {
    background: url('../img/loading2x16.gif') no-repeat;
    padding : 3px 0 5px 30px;
    color : #000;
}

#sub-nav .loading-opacity, #loc-nav .loading-opacity {
    /*background-color: #5F5F5F;*/
    opacity: 0.2;
    filter: alpha(opacity = 20);
    /* IE7 & 8 */
}

div.fileupload_preview.loading img {
    display: none;
}

div.pic_photo_upload {
    color: #f4f4f4;
    font-size: 30px;
    background-color: #C1C1C1;
    padding: 0px 10px;
    height: 55px;
    /* width: 54px; */
    vertical-align: middle;
    text-align: center;
}

.tn_upload IMG {
    height: 100%;
    width: 100%;
    background-color: white;
}

/* Floats */
.left,.alignleft {
    float: left;
}

.right,.alignright {
    float: right;
    /* width: 60%; */
}

.clear,.clearer {
    clear: both;
}

.clearer {
    display: block;
    font-size: 0;
    line-height: 0;
    height: 0;
}

/* 
   details of an ad
------------------------------------------------------------------- */
.addetails {
    margin: 10px 0px 0 0;
}

.admin-page .addetails {
    margin : 10px 10px ;
}

#inner-left {
    /* display: inline; */
    /* float: left; */
    margin-top: 4px;
    /* width: 531px; */
}

.addetails .item-desc_part1, .addetails .item-desc_part2 {
    padding-left : 10px;
    padding-bottom : 4px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#inner-right {
    /* display: inline; */
    /* float: right; */
    margin-top: 4px;
    /* width: 280px; */
}

#inner-right .panel {
    border : 0px;
}

.addetails H1 {
    color: black;
    font-size : 1.5em;
    font-weight: bold;
}

/*
.addetails H2 {
  color:#D35701;
  font-size : 15px; 
  font-style : bold; 
  margin-top : 10px ;
  font-weight: bold;
}
*/
.addetails h2 {
    font-size : 15px;
    font-style : bold;
    /* margin-top : 2px; */
    /* font-weight: bold; */
    /* border-bottom: 1px solid #E6E6E6; */
    text-transform: uppercase;
    padding-bottom: 2px;
}

.addetails .item-pics-main {
    display: block;
    float: left;
    margin-bottom: 15px;
    width: 430px;
    position : relative;
}

.addetails .zetvu .item-pics-main {
    width: auto;
}

.full-image-link1 div.loading {
    /* background: url('../img/loading.gif') no-repeat; */
    /* width: 50px; */
    /* height: 50px; */
    position: absolute;
    top : 0;
    left: 50%; 
    top : calc(50% - 25px);
    left: calc(50% - 25px); 
    opacity: 0.4;
    font-size: 50px;
}

.item-pics-main .full-image-link1 IMG {
    width : 420px;
}

.addetails .zetvu .item-pics-main .full-image-link1 IMG {
    width : 200px;
}

.addetails .item-pics-main IMG {
    border: 1px solid #EAEAEA;
}

.addetails .item-pics-thumbs {
    display: block;
    margin-bottom : 5px;
    float: right;
    width: 90px;
    /*special settings for thumbs below imapge de*/
    width: auto;
    float : left;
}

.addetails .item-pics-thumbs.hideit {
    display : none!important; 
}

.addetails .item-pics-thumbs a {
    position : relative;
    display : inline-block;
}

.addetails .item-pics-thumbs IMG {
    border: 1px solid #EAEAEA;
    /* cursor: pointer; */
    width: 75px;
    height: 56px;
    margin : 4px 4px 9px 4px;
}

.addetails .item-pics-thumbs .selected IMG {
    border: 5px solid #04a8df;
}

IMG.item-zoom {
    float : right;
}

.addetails .item-videoembed {
}

.addetails .item-desc {
    margin-bottom : 20px;
    word-wrap: break-word;
}

.addetails #item-price {
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin: 0px 0px 10px 0px;
    color : #D35701;
}

/* patch when USER details */
.userdetails#inner-left {
}

.userdetails#inner-right {
    width: 300px;
}

.addetails .userdetails .item-pics-main {
    width: 330px;
}

.userdetails .item-pics-main .full-image-link1 IMG {
    width : 320px;
}

.full-image-link1 IMG[src*="loading"] {
    width : 30px;
    height 30px; margin: 0 0 0 0;
}

/* 
   tests boutons
------------------------------------------------------------------- */
.button-medium {
    background: url("../img/buttons-master.png") no-repeat 0 -104px;
    color: #FFF;
    height: 26px;
    line-height: 26px;
    padding-left: 12px;
    margin-bottom: 8px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    outline: none;
    cursor: pointer
}

.button-medium span {
    background: url("../img/buttons-master.png") no-repeat right -78px;
    display: inline-block;
    padding-right: 12px;
    height: 100%
}

.button-medium:hover {
    background-position: 0 -156px;
    text-decoration: none
}

.button-medium:hover span {
    background-position: right -130px;
    color: #FFF;
}

.button-medium:active {
    background-position: 0 -208px;
    text-decoration: none
}

.button-medium:active span {
    background-position: right -182px
}

.button-medium-grey {
    background: url("../img/buttons-master.png") no-repeat 0 -260px;
    color: #FFF;
    height: 26px;
    line-height: 26px;
    padding-left: 12px;
    margin-bottom: 8px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    outline: none;
    cursor: pointer
}

.button-medium-grey span {
    background: url("../img/buttons-master.png") no-repeat right -234px;
    display: inline-block;
    padding-right: 12px;
    height: 100%
}

.button-medium-grey:hover {
    background-position: 0 -312px;
    text-decoration: none
}

.button-medium-grey:hover span {
    background-position: right -286px;
    color: #FFF;
}

.button-medium-grey:active {
    background-position: 0 -364px;
    text-decoration: none
}

.button-medium-grey:active span {
    background-position: right -338px
}

.button-medium-grey img {
    display: inline-block;
    float: left;
    padding-top : 4px;
}

.button-medium-grey span div.text {
    float: left;
    margin-left : 4px;
    margin-right : 4px;
}

.button-large {
    background: url("../img/buttons-master.png") no-repeat 0 -714px;
    color: #FFF;
    height: 34px;
    line-height: 32px;
    padding-left: 8px;
    margin-bottom: 8px;
    /*width:auto;*/
    width : 90%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    outline: none;
    cursor: pointer
}

.button-large img {
    display: inline-block;
    float: left;
    padding-top : 4px;
}

.button-large span {
    background: url("../img/buttons-master.png") no-repeat right -678px;
    display: inline-block;
    padding-right: 8px;
    height: 100%;
    text-align : center;
    vertical-align : middle;
    width : 100%;
}

.button-large span div.text, .button-large span div.text:hover {
    float: left;
    margin-left : 4px;
    margin-right : 4px;
    text-decoration : none !important;
    width : 100%;
}

.button-large:hover {
    background-position: 0 -786px;
    text-decoration: none;
}

.button-large a:hover {
    text-decoration: none;
}

.button-large:hover span {
    background-position: right -750px;
    color: #FFF;
}

.button-large:active {
    background-position: 0 -858px;
    text-decoration: none;
}

.button-large:active span {
    background-position: right -822px;
}

.button-large-grey {
    background: url("../img/buttons-master.png") no-repeat 0 -260px;
    color: #FFF;
    height: 26px;
    line-height: 24px;
    padding-left: 8px;
    margin-bottom: 8px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    width : 90%;
}

.button-large-grey img {
    display: inline-block;
    float: left;
    padding-top : 4px;
}

.button-large-grey span {
    background: url("../img/buttons-master.png") no-repeat right -234px;
    display: inline-block;
    padding-right: 8px;
    height: 100%;
    text-align : center;
    vertical-align : middle;
    width : 100%;
}

.button-large-grey span div.text, .button-large-grey span div.text:hover {
    float: left;
    margin-left : 14px;
    margin-right : 4px;
    text-decoration : none !important;
    width : 100%;
}

.button-large-grey:hover {
    background-position: 0 -312px;
    text-decoration: none;
}

.button-large-grey a:hover {
    text-decoration: none;
}

.button-large-grey:hover span {
    background-position: right -286px;
    color: #FFF;
}

.button-large-grey:active {
    background-position: 0 -364px;
    text-decoration: none
}

.button-large-grey:active span {
    background-position: right -338px
}

.button-bis:hover {
    background-color: #666;
}

.button-bis {
    color: #ECECEC !important;
    background-color: #C1C1C1;
    height : 23px;
    display : block;
    text-decoration: none;
    text-align: center;
}

.button-bis-span {
    background-image: url(../img/spriteToolbarIcons.gif);
    background-position: 0px -61px;
    background-repeat: no-repeat;
    padding-left: 21px;
    padding-top: 2px;
}

.button-bis-span-v2 {
    background-image: url(../img/upload.png);
    background-repeat: no-repeat;
    padding-left: 31px;
    padding-top: 2px;
}

/* button from plantronics */
.buttonLink {
    background: url("../img/button_right.gif") no-repeat scroll right top transparent;
    display: inline;
    float: left;
    line-height: 28px;
    margin: 0 5px 10px 0;
    padding: 0 4px 0 0;
}

.buttonLink a {
    float: none;
}

.buttonLink > a {
    width: auto;
}

.buttonLink a {
    background: url("../img/button_left.gif") no-repeat scroll left top transparent;
    color: #666666;
    display: block;
    float: left;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 28px;
    padding: 0 10px 0 15px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: 0.1em;
}

/* 
   breadcrumbs 
------------------------------------------------------------------- */
#breadcrumbs {
    /* background-color: #E1E1E1; */
    width: 100%;
    font-size: 14px;
}

#breadcrumbsul {
    float : left;
    margin : 0 0 0 0;
    padding-left: 4px;
    display: flex;
    align-items: center;
}

#breadcrumbsul li {
    overflow : hidden;
}

#breadcrumbsul a {
    color: #5C5C5C;
}

#breadcrumbsul a:hover {
    color: #333333;
    text-decoration: underline;
}

#breadcrumbsul .home {
    margin: 0px 5px;
}

#breadcrumbs .nav, #breadcrumbs .navmob {
    float : right!important;
    padding: 0px 5px 0px 0px;
    font-weight: normal;
    height: 40px;
}

#breadcrumbs .nav:after {
    height:100%;
    content:'bb';
    font-size: 0px;
    vertical-align:middle;
    display:inline-block;
    box-sizing: border-box;
}

#breadcrumbs .navmob {
    display : none;
}

#breadcrumbs .nav .navtxt {
    margin-right : 2px;
    margin-left : 2px;
}

/* 
   Alignment 
------------------------------------------------------------------- */
/* General */
.center,.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align : center;
}

/* Images */
img.bordered,img.alignleft,img.alignright,img.aligncenter {
    background-color: #FFF;
    border: 1px solid #DDD;
    padding: 3px;
}

img.alignleft, img.left {
    margin: 0 1.5em 1em 0;
}

img.alignright, img.right {
    margin: 0 0 1em 1.5em;
}

img.pop {
    width : 80px;
    height : 60px;
    margin : 0 2px 2px 0;
}

/* 
   Separators 
------------------------------------------------------------------- */
.content-separator, .archive-separator {
    background: #D5D5D5;
    clear: both;
    color: #FFE;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
}

.content-separator {
    margin: 20px 0;
}

.archive-separator {
    margin: 10px 0;
}

/* 
   Posts 
------------------------------------------------------------------- */
.content-separator-small {
    border-bottom: 1px solid #ECECEC;
    width : 740px;
}

/*
.post a {text-decoration: underline;}
.post a:hover {text-decoration: underline;}
*/
.post-date a {
    text-decoration: none;
}

.post-location a {
    text-decoration: none;
}

.post-location a:before {
    display : none; 
    content: "\f041";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:4px; 
}

.post-username a {
    text-decoration: none;
}

div.post-username , div.post-relads {
    margin : 4px 0px;
}

.post {
    width : 100%;
    border: 1px solid #ECECEC;
    background-color : #FFF;
    padding : 2px 0;
    position : relative;
    z-index : 2;
    display: flex;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    margin: 4px 0px 6px 0;
    padding: 0px;
}

.post:hover{
	background-color: rgba(156, 223, 242, 0.16);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2);
}


.post.as-widget {
    display: block;
    padding-bottom: 5px;
}

.postunder {
    width : 100%;
    position : absolute;
    top : 0;
    left : 100%;
    z-index : 1;
    background-color: #F5F5F1;
    margin : 4px 0;
}

.post p {
    margin : 0px;
    overflow: hidden;
    /* white-space: pre-wrap; */
    overflow-wrap: break-word;
}

.post H3 a {
    font-weight: bold;
}

.post H3 a:visited {
    font-weight: normal;
    color : #5F5F5F;
}


.post img.left, .post img.right {
    margin-bottom: 0;
}

.post-date {
    color : #ccc;
    font-size :10px; 
}

.post-rss-origin{
    /* color: #A4A4A4; */
    font-size :10px;
    border: 1px solid #ececec;
    padding : 0 3px;
}

.item-rss-origin{
    font-size : 0.8em;
    /* border: 1px solid #c1c1c1; */
    padding: 3px 3px;
    color:  white;
    background-color: #666666;
}

.item-rss-author{
    color: #A4A4A4;
    font-size : 0.8em;
}

.post .post-username {
    color: #A4A4A4;
}

.post .username {
    font-weight: bold;
}

.nice-list .post-date {
}

.post-date a {
    color: #444;
}

.post-title h1, .post-title h2, .post-title h3 {
    margin-bottom: 0;
}

.post .post-title {
    overflow: hidden;
    /* white-space: nowrap; */
    word-break: break-word;
    text-overflow: ellipsis;
    line-height: 1.2em;
    max-height: 2.4em;
}

.post.as-widget .post-title{
    white-space: nowrap;
    word-break: break-word;
    text-overflow: ellipsis;
    line-height: 1.2em;
    max-height: 1.2em;
}

.post-meta {
    background: #F6F6F6;
    border: 1px solid #DDD;
    color: #777;
    padding: 6px 10px;
}

.post-meta a {
    color: #345;
}

.post-meta a:hover {
    color: #001;
}

.post-body {
    font-size: 1.1em;
}

.post-body a {
    color: #039;
}

.post-body a:hover {
    color: #039;
}

.post-body img.left, .post-body img.right {
    margin-bottom: 1em;
}

.post-price {
    font-size : 14px;
    color : #78C042;
    /* color : #FF5400;  */
    color : orange;
    font-weight: bold;
}

/* zetvu settings */
.zetvu .post-price {
    display : none;
}

.zetvu .category-title {
    display : none;
}

/*.zetvu .pcol-a  IMG {
width : 80px;
height : 40px; 
}*/
.zetvu-title {
    font-size : 12px;
    margin-right : 5px;
}

UL.post-list {
    margin : 0;
    width : 100%;
    overflow : hidden;
}

.post-list li {
    list-style: none;
    float : left;
    overflow : hidden;
    position : relative;
    width: 100%;
}

.post-list li.can-click > div.post:hover{
    /* background-color : #e08e4b36; */
    cursor : pointer;
}

.post-list li.paidhighlight div.post 
{
    border: 2px solid orange;
}


.post-list .postunder LI {
    width : 48%;
}

.post-list li.hasinfofocus {
    background-color : #C1C1C1;
}

.post-list LI.hasfocus {
    background-color : #E1E1E1;
}

.pcol-a, .pcol-b, .pcol-c,.pcol-d,.pcol-e {
    padding: 10px;
    /* display: table-cell; */
    /* vertical-align: top; */
    /* flex: 1; */
    position: relative;
}

.pcol-c-d-wrap {
    overflow : hidden;
    display: table-cell;
}

.post.as-widget .pcol-a, 
.post.as-widget .pcol-b,
.post.as-widget .pcol-c,
.post.as-widget .pcol-d,
.post.as-widget .pcol-e {
    float : left;
}

.post.as-widget .pcol-a-b-wrapper{
    display: table;
    width : 100%;
    table-layout : fixed;
}

.post.as-widget .pcol-a, 
.post.as-widget .pcol-b {
    display: table-cell;
    float: none;
    vertical-align: top;
}

.post.as-widget .pcol-a{
    width : 200px; 
}



UL.cat .pcol-c-d-wrap {
    height : auto;
}

.pcol-e {
    height : auto;
    padding : 0 10px;
}

.pcol-c-d-wrap div.inner {
    position : relative;
    z-index : 3;
    float : left;
}

UL.cat .pcol-c .adlist_status {
    width : 50%;
}

UL.cat .pcol-a IMG {
    width : 50px;
    height : 37px;
}

/* special case for AVATAR IMG */
.pcol-a IMG.user {
    /* height : 100px!important; */
    width: 80px;
    height: 80px;
}

ul.thumb-view .pcol-a IMG.user {
    height: 100px!important;
    width : auto!important;
    width: 100px!important;
}

h5.recommendedProduct {
    background: url("../img/ban_new.png") no-repeat scroll 0 0 transparent;
    height: 0;
    left: 0;
    overflow: hidden!important;
    /* specify the text not to be discplayed when Bow is smaller */
    padding-top: 57px;
    /* move the text to let appears the background image */
    position: absolute;
    top: 0;
    width: 57px;
    z-index : 2;
}

h5.featuredProduct {
    background: url("../img/ban_top.png") no-repeat scroll 0 0 transparent;
    height: 0;
    left: 0;
    overflow: hidden!important;
    /* specify the text not to be discplayed when Bow is smaller */
    padding-top: 57px;
    /* move the text to let appears the background image */
    position: absolute;
    top: 0;
    width: 57px;
    z-index : 2;
}


h5.recentProduct {
    background: url("../img/ban_recent.png") no-repeat scroll 0 0 transparent;
    height: 0;
    left: 0;
    overflow: hidden!important;
    /* specify the text not to be discplayed when Bow is smaller */
    padding-top: 57px;
    /* move the text to let appears the background image */
    position: absolute;
    top: 0;
    width: 57px;
    z-index : 2;
}

.aimg {
    position : relative;
}

span.nbimg {
    position: absolute;
    background-color : #C1C1C1;
    color : white;
    padding: 2px;
    top : -54px;
    left : 75px;
    text-decoration : none;
}

.pcol-b {
    width : 300px;
}

.pcol-c {
    min-width: 180px;
    flex: 1;
}

.pcol-d {
    width : 110px;
}

ul.thumb-view .postunder, ul.maplist-view .postunder {
    display : none;
}

/* overwrite the css when in thumb view*/
UL.thumb-view LI {
    width: 200px;
    display: inline-block;
    height:  auto;
    margin: 0px 4px 4px 0px;
}

UL.thumb-view LI.hidden-thumb-view{
    display : none!important;
}

UL.thumb-view LI DIV.post-price {
    font-size : 12px;
    color : #78C042;
    font-weight: bold;
}

ul.thumb-view li div.post {
    border: 2px solid #eee; /* for the higllighted*/
    padding : 0;
    display: block;
    position: relative;
}

ul.thumb-view li div.post .pcol-a {
    display : block;
    max-width: 100%;
    padding: 2px;
    /* text-align: center; */
}

ul.thumb-view li .post .pcol-b , 
ul.thumb-view li .post .pcol-d
{
    display : block;
    width: 100%!important;
    padding: 4px 10px;
}

ul  li .post .pcol-d .panel-inner2 {
    text-align : center;
    font-size : 0.9em;
}


ul.thumb-view li .post .pcol-d {
    border-top: 1px solid #eee;
    border-left: 0px;
}


.no-tags ul.thumb-view li .post .pcol-d {
    display : none;
}

.no-user ul.thumb-view li .post .pcol-x {
    display : none; 
}

ul.thumb-view li .post .pcol-d .panel-inner2 .hits-counters {
   display : inline-block; 
}

ul.thumb-view li .post .vtag_badges, 
ul.thumb-view li .post .spacer-vtags {
    text-align: center;height: 30px;
}

ul.thumb-view li .post .vtag_badges.display li{
width: auto;
}

ul.thumb-view li .post  .vtag_badges.display li div.below{
    display : none; 
}



.hd {
    filter: alpha(opacity = 0);
    opacity: 0;
    width: 100%;
    height: 100%;
    display : none;
    position: absolute;
    top: 0;
    background: rgba(0,0,0,0.7);
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}

.hd a, .hd a:hover, .hd a:visited {
    color: #fff;
    display : block;
    height : 100%;
}

/*just display it in thumb view*/
ul.thumb-view li div.post .hd {
    z-index: 9998;
    display: none;
}

ul.thumb-view li div.post:hover .hd {
    filter: alpha(opacity = 80);
    opacity: 0.8;
}

.rebloger {
    margin-top: 15%;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);
    Z-index: 9999;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}

ul.thumb-view li div.post:hover .rebloger {
    margin-left: 5%;
    opacity: 1;
}

.rebloger span {
    overflow: hidden;
}

.rebloger p {
    overflow: hidden;
    font-size: 0.8em;
    height : 200px;
}

.rebloger span.title {
    font-weight: bold;
}

.noteee span {
    overflow: hidden;
    border-bottom: 1px dotted;
}

ul.thumb-view li div.pcol-a IMG {
    width: 100%;
    height : auto;
    border: 0px solid #DDD;
    height: auto;
}

ul.thumb-view li div.pcol-a a {
    display: block;
}


ul.thumb-view li div.pcol-b H3 {
    font-size : 1em;
    height: 1.2em; 
}

ul.thumb-view .post-location {font-size :0.9em;/* overflow: hidden; */white-space: nowrap;text-overflow: ellipsis;}

ul.thumb-view .pcol-c-d-wrap {
    height : auto!important;
}

ul.thumb-view li div.pcol-c {
    display : none; 
}

ul.thumb-view li  P, 
ul.thumb-view li  #skills, 
ul.thumb-view li .post-price,  
ul.thumb-view li .post-prowebsite,  
ul.thumb-view li .post-username, 
ul.thumb-view li .adlist_status, 
ul.thumb-view li div#item-hits,
ul.thumb-view li  .post-category {
    display: none;
}

ul.thumb-view li .post-locdist{
    font-size : 0.8em;
    height : 1.2em;  
}

/* when in list view */
ul.simplelist-view li div.pcol-a {
    display: none;
}

ul.simplelist-view li div.pcol-b {
    width : 380px
}


ul.thumb-view li div.pcol-d div#item-hits, 
ul.thumb-view li div.pcol-d div#post-nbads, 
ul.thumb-view li div.pcol-d div#item-likes, 
ul.thumb-view li div.pcol-d div#item-vcounters {
    display : inline-block;
}

ul.thumb-view .user-nbads-clearfix {
    display : none; 
}

/* when in Map view */
#map_canvas, #map_canvas2 {
    height : 600px;
    width: 100%;
    float : left;
    margin-right : 2px;
}

#map_box_overlay {
    position : absolute;
    top : 100px;
    left : 100px;
    width : 0px;
    /* init to 0 to hide it */
    background-color : #FFF;
    z-index: 99999;
    padding : 5px;
    border : 8px solid #C1C1C1;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#map_box_overlay #inner {
}


#map_box_overlay div.loading, 
#logs div.loading {
    text-align: center;
    font-size: 1.8em;
}

#map_box_overlay #cancel_btn {
    text-decoration: underline;
    color: #18658B;
}

.post div.map_markers {
    width : 20px;
    height : 20px;
    float : left;
}

.post div.map_markers IMG {
    cursor : pointer;
}

ul.maplist-view li div.pcol-a {
    display: none;
}


ul.maplist-view li div.pcol-c #post-location, ul.maplist-view li div.pcol-c .post-date {
    display: none;
}

.category-title, .category-title a {
    background-color : #F5F5F1;
    padding : 2px;
    margin : 0px 0px 4px 0px;
    color : #808080;
    font-weight : bold;
    text-align : center;
    text-decoration : none;
    font-size : 10px;
}

/* Archives */
.archive-pagination {
    margin-bottom: 16px;
}

.archive-post-date {
    background: #F5F5F5;
    border-bottom: 1px solid #C5C5C5;
    border-right: 1px solid #CFCFCF;
    float: left;
    margin-right: 12px;
    padding: 2px 0 5px;
    text-align: center;
    width: 46px;
}

.archive-post-title .post-date {
    margin: 0;
}

.archive-post-title {
    padding-top: 4px;
}

.archive-post-day {
    font: normal 1.6em Georgia,serif;
}


/* --- style for zetvu 8.0 as news --- */
.post-list.is-zetvu .pcol-c{
 display : none ; 
}

.post-list.is-zetvu .item-email{
 text-align : left;  
}

.post-list.is-zetvu .flag-plus-location
{
 font-size : 10px;  
 line-height :12px; 
}

.post-list.is-zetvu .adlist-flag span{
    height  : 8px; 
}


/*take all remining width for description*/
.post-list.is-zetvu .pcol-b{
 flex: auto;
}

@media screen and (min-width: 978px) {
    .post-list.is-zetvu .pcol-a{
     width  : 250px!important ; 
     max-width  : 250px!important ; 
    }

    .post-list:not(.user) .pcol-a a.imgWrapper {
        /* width  : 250px!important; */
        max-width  : 250px!important;
        /* height : 168px!important; */
    }

    .post-list.is-zetvu .pcol-a a img, 
    .post-list.is-zetvu .pcol-a a img.broken-img {
     width : 225px;
     height : 168px;
    }

    .post-list.is-zetvu .pcol-a a video {
     width : 225px;
     height: auto;
    }
}




/* 
   Layout 
------------------------------------------------------------------- */
/* General */
.center-wrapper {
    margin: 0 auto;
    width: 980px;
}


#network .center-wrapper {
}

#network-wrapper-left #site-name {
    color : white;
    margin-right : 10px;
    font-size : 18px;
}

/* Network */
#network {
    background: #333;
    color : #FFFFFF;
    position: fixed;
    top: 0px;
    height: 55px;
    z-index: 70005;
    width : 100%;
}


#network #hdr-logo-tagline img{
    height: 100%;
}


.hdr-tagline .hdr-btn {
   height: inherit;
}


.hdr-tagline .hdr-btn > a:not(.logo-text-anchor-no-logo) {
    height : inherit;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
}

.hdr-tagline .hdr-btn > a:hover {
    text-decoration : none; 
}

.hdr-tagline .hdr-btn .hdr-title-w-logo{
    font-size : 1.5em; 
    font-weight : bold; 
    color : #e08e4b;
}

.hdr-tagline .hdr-btn .hdr-motto-w-logo {
    padding-left : 10px;
    color : inherit;  
}


#body-clickeable-background {
    background: transparent;
    position: fixed;
    width : 100%;
    height : 100%;
    cursor : pointer;
}

.banner.background {
    z-index: -1;
    background: black;
    position: fixed;
    top: 70px;
}

.banner.background.w300h100 {
    width: 300px;
    height: 100px;
    margin: 0 60%;
}

.banner.background.w728h90 {
    width: 728px;
    height: 90px;
    margin: 0 40%;
}

.banner.background.w600h120 {
    width: 600px;
    height: 120px;
    margin: 0 40%;
}


.static-banner img{
    width : 100%; 
} 

.displaynone {
    display : none;
}

.MobileHeader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    z-index: 5;
    cursor: pointer;
    -webkit-animation: .3s ease-in-out OverlayAppear;
    animation: .3s ease-in-out OverlayAppear;
}

#network-wrapper-left DIV {
    float : left;
}

#network-wrapper-left UL {
    list-style: none outside none;
    line-height : 20px;
}

#network-wrapper-left UL LI {
    float : left ;
    padding : 2px 2px 0 0;
}

#cnx-label{
    position : relative; 
}

#network-wrapper-right {
    margin-bottom : 6px;
}

#network-wrapper-flags {
    /* margin-left : 10px; */
    position : relative;
}

#network-wrapper-help {
    margin-left : 10px;
}


#network ul.tabbed li a {
    color : white;
}

#network ul.tabbed li {
    margin : 0 5px 2px 5px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#network ul.tabbed li.tab-orange {
    background-color : orange;
    line-height: 30px;
}

#network ul.tabbed li.tab-green {
    background-color : #18648B;
    line-height: 30px;
}

#network ul.tabbed li.tab-yellow {
    background-color : #18648B;
    line-height: 30px;
}

#network .tabbed a {
    display: block;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    color: #999;
}

#network .tabbed li a:hover {
    background: #F6F6F6;
    color: #000;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#network .text-separator, #network span {
    /* color: #999; */
}

#network .login-menu .tw-button div.down-arrow, div.down-arrow, span.down-arrow {
    background: url("../img/sprite_dormunt_2colors.png") no-repeat;
    background-position: 0 -1170px;
    width: 9px;
    height: 5px;
    margin: 10px 5px 0 2px;
    display: inline-block;
}

/* Toolbar */
#toolbar {
    padding: 12px 0 8px;
    font-size: 1.1em;
    color: #999;
    margin-right : 10px;
}

#toolbar img {
    vertical-align: middle;
}

/* Header */
#header {
    margin: 4px 0px 10px 0px ;
}

/* Site title */
#site-title {
    font: normal 1.6em sans-serif;
    border-bottom: 1px solid #CCC;
    /* padding-bottom: 5px;*/
    position : relative;
    background-color: #dddddd;
}

#site-title span {
    /*color: #999;*/
    color : orange;
}

#site-title span span {
    /*color: #999;*/
    color : #999;
}

#site-title a {
    color: #000;
    text-decoration: none;
}

#site-title #logo {
    float : left;
    margin-top : 2px;
}

#site-title #logopartner {
    float : left;
    margin-top : 16px;
    margin-left : 10px;
}

#site-title #motto {
    float: left;
    */ position: absolute;
    top: 20px;
    left: 240px;
}

/* Navigation */

.navigation-wrapper {
    background-color: #323232;
}

.is-home-page .navigation-wrapper {
    background-color: rgba(0,0,0,0.6);
    z-index: 1000;
    position: absolute;
    top: 425px;
    left: 0;
    right: 0;
}

.is-home-page .navigation-wrapper.has-nav-bar {
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10;
    position: absolute;
    top: 330px;
    left: 0;
    right: 0;
}

/* postion static by default */
.is-home-page .navigation-wrapper,
.is-home-page .navigation-wrapper.has-nav-bar {
    position: static;
    transition: background-color 0.6s;
    opacity : 1;
}


.is-home-page .navigation-wrapper.no-header-widget:not(.stuck){
    padding-top : 55px;
    background-color: #323232;
    opacity : 1;
}

.is-home-page .navigation-wrapper.stuck {
    position: fixed!important;
    top: 55px!important;
    z-index: 90;
    background-color: #323232;
    opacity : 1;
    transition: background-color 0.6s;
}


#navigation {
    margin-bottom: 1px;
    /* border-bottom: 1px solid #CCC; */
}

#navigation a {
    display: block;
    text-decoration: none;
}

/* Main navigation */
#main-nav {
    padding: 5px 0 5px 0;
    display : block;
    background-color: #5A5A5A;
    /* margin-bottom : 5px; */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#main-nav.is-closed{
    /* display : none; */
}

#main-nav-links li:hover a, .dropcontent h3 {
    color : #2276B5;
}

.dropcontent h3 span.counter {
    color : #2276B5;
    margin : 3px;
    line-height: 24px;
}

.dropcontent h3 ul {
    /* color :#2276B5; */
    /* margin : 3px ; */
    margin: 0px 14px 2px 0px;
}

#main-nav-links li span.drop, #sidebar a.more {
    background-image: url("../img/sprite_dormunt_2colors.png");
    background-position: -0px -1020px;
    display : inline-block;
    height : 12px;
    width : 12px;
    margin-left : 3px;
}

#sidebar a.more {
    margin-top : 6px;
    text-indent: -9999em;
}

#main-nav-links li span.active {
    background-position: -0px -1032px;
}

span.icon32 {
    background-image: url("../img/sprite_dormunt_2colors.png");
    height : 32px;
    width : 32px;
    display : inline-block;
    vertical-align: middle;
}

span.icon32.cat {
    background-position: 0 -1750px;
}

#main-nav-links .dropcontent {
    position : absolute;
    background-color: #fff;
    color : black;
    padding : 10px;
    left : 0;
    z-index: 10000;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    /* -webkit-border-radius: 3px; */
    text-align: left;
    /* border: 1px solid #ccc; */
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.dropcontent {}

#main-nav-links .dropcontent .button-options {

}

#main-nav-links .dropcontent .button-options a {
    color: white;
    }

#main-nav-links .dropcontent .button-options span {
    margin : 3px 3px 0px 0px!important;
    padding : 0px!important;
    width : 16px!important;
}

#main-nav-links .dropcontent .dropinner {
    display : inline;
    margin : 4px;
    float : left;
}

#main-nav-links .dropcontent .dropinner li a {
    background : none!important;
}

.col_8 {
    width : 588px;
}

#admin .col_8 {
    width : 460px;
}

#main-nav-links {float: left;}

#main-nav-links UL {
    display : block;
    /* padding-left : 2px; */
}

#main-nav-links li {
    padding : 5px 10px 5px 5px;
    margin : 0 5px 0 5px;
    position : relative;
    min-width : 20px;
    text-align : center;
}

#main-nav-links li:first-child {
   
}


#main-nav-links li:hover {
    background-color: #fff;
}

#main-nav ul.tabbed li {
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}


#main-nav-links .tabbed.uldl li {
    text-align : left;
}

#main-nav ul.tabbed li.current-tab {
    background-color : #E1E1E1;
    background-color : #FFF;
}

#main-nav ul.tabbed > li:first-child:not(:last-child) {
    margin: 0px;
    padding-left: 10px;
}

#main-nav-links .mainmenu > a {
    color: #FFF;
    font-size: 1.5em;
}

#main-nav-links li.current-tab a:not(btn), #main-nav-links li.current-tab a:not(btn):hover {
    color : #2276B5;
    /* background-color: #FFF; */
}

/* --- search bar --*/
#main-nav-search {
    float : right;
    margin-right : 5px;
    width: 200px;
    height: 40px;
}

.nav-no-bar #main-nav-search {
    width : 100%; 
    float : none; 
}

.nav-no-bar #main-nav-search .input-group {
    display : block; /* to get full width */
    position: inherit;
}

 #main-nav-search .input-group  .dm_container.autocomplete{
     width : 80%; 
 }


.borderred {
    border : 1px solid red;
}


#main-nav-search #search-bar {/* float : right; */height: inherit;}

#main-nav-search .input-group {
    background-color: white;
    padding: 0 4px 0 4px;
    margin : 2px 0 0 2px;
    border : 1px solid #e5e5e5 ; 
    height : inherit; 
}

#search-bar .input-group input {
    border : 0px;
    width : 100%;
    position : relative;
    height: 100%;
    background: none;
    outline : none;
    padding-right: 20px;
}

#search-bar .input-group #adv-search-open-bton  {
    right: 14px;
    top: 14px;
    position : absolute;
}

#search-bar .input-group span i {
    font-size :20px; 
}


#search-bar .input-group input.text:focus {
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    -khtml-border-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    border-color: rgba(82, 168, 236, 0.75) !important;
}

#search-bar input.submitbutton {
    -moz-border-radius-bottomright: 3px;
    -khtml-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -khtml-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    background-color: #D4D4D4;
    /* background-color: #3784CC; */
    background-repeat: repeat-x;
    border: 2px solid white;
    color: #333333;
    cursor: pointer;
    float: left;
    font-family: "Lucida Grande",arial;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 20px !important;
    margin: 0;
    padding: 0 12px;
    /*text-shadow:0 1px 1px #FFFFFF;*/
    width: 100px;
}



#search-bar input.submitbutton:hover {
    background-color: #CACACA;
}

/* search forme (advanced) */
#advsearch_area {
    border-top: 1px solid white;
    padding: 4px 4px;
    position: relative;
}

.advs-title {
    color: white;
    /* margin-left: 6px; */
    display: inline-block;
}

.advsearch-main {
    /* padding: 2px 6px; */
    position : relative;
}

.advsearch-main .autocomplete {
    top : 33px!important;
    width : 230px ;
}

.advsearch-main .advs-in:first-child  {
   padding-left :0px; 
}

.advs-in {
    height: 30px;
    padding: 0 5px;
    margin-right : 5px!important;
    float: left;
    border: 0px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    margin-bottom: 5px;
}

.advs-forcedvfields{
    height : 30px;
    width: 100px;
}

.advs-forcedvfields > div {
    height: inherit;
}

.advs-in  .gen-select, 
.advs-in  .gen-select a{
    height: inherit;
}

.advsearch-main-cityzip {
    position : relative;
}

.advsearch-main-cityzip input {
    width: 140px;
}

/* around me */
.advs-in.advsearch-main-aroundme {
    border-bottom: 1px solid white !important;
}

.advs-in.advsearch-main-select-location .gen-select,
.advs-in.advsearch-main-select-country .gen-select {
    min-width : 200px;
}

.advs-in .checkbox{
 display : inline-block;
 margin: 0px 0 0 0px;
 /* color: white; */
}

.advs-in .checkbox, 
.advs-in .checkbox label{
 color : white;
}

.has-action{
    /* color : red; */
    cursor: pointer;
}

.advsearch-main-cityzip .dropdown-menu {
    font-size  : inherit;
    margin-left: 5px;
    max-width: 600px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vfield_in_div input[type=text] , .advs-in input[type=text] {
    height: 30px;
    padding: 0 5px;
    margin-right : 5px!important;
    border: 0px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.vfield_in_div input[type=text]{
    width : 200px; 
}

.advs-in.advsearch-main-select-cat {
    /* width  : 250px; */
}

.advs-in.advsearch-main-select-type {
    width: 120px;
}

.advs-in.gen-radio {
    color : white;
}

.advs-in.gen-radio .check, .advs-in.gen-radio input[type=radio]:checked ~ .check {
    border: 2px solid #fff;
}

.advs-in.gen-radio input[type=radio]:checked ~ .check::before {
    background: #fff;
}

.advs-in select {
    height : inherit;
    width: 150px;
}

.advs-in.dm_button2 {
    height: 30px;
    line-height: 30px;
    width : 100px;
}

.advsearch-actions i {
    font-size: 1.3em;
    color: white;
    float: right;
    cursor: pointer;
}

i.action-close {
    font-size: 1.3em;
    color: white;
    float: right;
    cursor: pointer;
    margin : 2px;
    /* position: absolute; */
}

.dm_button2 i {
    margin-right: 4px;
    /* font-size: 1.4em; */
}



/* Subnav */
#sub-nav ul li, #loc-nav ul li {
    margin : 2px 0px 2px 0px;
    display : block;
    width : 100%;
    white-space: nowrap;
}

.cat_list ul li {
    display : inline;
    width : 32%;
    padding : 0 !important;
    margin : 0 !important;
    -moz-border-radius: 0px!important;
    -khtml-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    border : none !important;
    white-space: nowrap;
}

.cat_list dl {
    float : left;
    width : 32%;
    margin : 0 2px;
}

.cat_list dl dd {
    padding : 0 !important;
    margin : 0 !important;
    -moz-border-radius: 0px!important;
    -khtml-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    border : none !important;
    white-space: nowrap;
    text-align: left;
}

.cat_list dl dd.morecat {
    display : none;
}

.cat_list dl dd.morelink {
    text-align: right;
}

.cat_list dl dd.morelink a {
    font-style : italic;
    font-size : 10px!important;
}

.cat_list dl dd a {
    background-color: none;
}

.cat_list dl dd.disabled a {
    cursor: default;
}

#main-nav-links .dropcontent .dropinner dl dd:not(.nohover):hover {
    background-color: #E1E1E1!important;
}

#main-nav-links .dropcontent .dropinner dl dd a {
    background: none!important;
    text-decoration: none!important;
    /* text-align: left; */
}

#main-nav-links .dropcontent .dropinner dl dd a:hover {
    background: none!important;
    text-decoration: underline!important;
}

#main-nav-links .dropcontent .dropinner dl dd.disabled a:hover {
    text-decoration: none!important;
}

/* level 1 links and counters  */
.cat_list dl dd.level_1 {
    background-color: #F5F5F5;
    /* text-align: left; */
    margin-top: 8px!important;
}

.cat_list dl dd.level_1.utype_pub {
    background-color: #5A5A5A!important;
}

#main-nav-links .dropcontent .dropinner dl dd.level_1:hover {
    background-color: #5A5A5A!important;
}

.cat_list dl dd.level_1 .cnt {
    margin-left : 8px!important;
    /*color : #fff !important;*/
}

.cat_list dl dd.level_1 a {
    /*color: #FFF !important;*/
}

.cat_list dl dd.level_1 a:hover {
    color: #FFF !important;
}

.cat_list dl dd.level_1 a:hover .cnt {
    color : #fff !important;
}

.cat_list dl dd.level_2 a {
    margin-left : 4px ;
}

.cat_list ul li.chapter {
    width : 100%;
    border-bottom : 1px solid #ccc!important;
    margin-bottom : 5px!important;
    margin-top : 5px!important;
    background-color: #CCC;
    color : white;
}

.cat_list ul li.chapter:hover {
    background-color: #CCC!important;
}

.cat_list ul li.chapter2 {
    width : 100%;
    padding: 2px 5px !important;
    color : #CCC;
}

#sub-nav ul li.title, #loc-nav ul li.title {
    color : white;
    width : 100px;
    padding : 3px 1px;
}

#sub-nav ul li div.title1inner, #loc-nav ul li div.title1inner {
    display: block;
    /* background-color : #5A5A5A; */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding : 2px 0 4px 4px;
}

#sub-nav ul li div.title1inner span.title1, #loc-nav ul li div.title1inner span.title1 {
    font-size : 12px;
    font-weight: bold;
    padding-left : 2px;
    color : white;
}

#sub-nav span.icon, .cat_list span.icon, #loc-nav span.icon {
    background-image: url("../img/sprite_dormunt_2colors.png");
    height: 16px;
    width: 16px;
    /*vertical-align: middle;*/
    display : inline-block;
    float : none;
    margin : 0px;
    position : relative;
    top : 2px;
}

#sub-nav span.icon.tag, .cat_list span.icon.tag {
    background-position: -0px -1700px;
}

#loc-nav span.icon.tag {
    background-position: -20px -340px;
}

#sub-nav span.icon.admin, .cat_list span.icon.admin {
    background-position: -20px -440px;
}

#sub-nav span.icon.contact, .cat_list span.icon.contact {
    background-position: -20px -40px;
}

#sub-nav a, #loc-nav a, .cat_list a {
    color : #000 !important;
    font-size: 13px !important;
    padding: 2px 5px !important;
    text-decoration: underline !important;
    display : inline-block !important;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    /* for firefox and opera bad display*/
}

#sub-nav li .cnt, #loc-nav li .cnt {
    display : inline-block;
    /*  -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;*/
    border-left : #C1C1C1 1px solid;
    color : #000;
    /*color : white;*/
    font-size : 10px;
    font-weight: bold;
    padding: 0 5px;
    margin-left : 4px
}

#sub-nav li span.cnt.greenx {
    border-left : none!important;
    color : white!important;
    background-color : #AAA!important;
}

.cat_list li .cnt, .cat_list dd .cnt {
    display : inline-block;
    border-left : #C1C1C1 1px solid;
    color : #000;
    font-size : 10px;
    font-weight: bold;
    padding: 0 5px;
    margin-left : 4px;
}

.cat_list li .cnt.orangex, .cat_list dd .cnt.orangex {
    color : white;
    background-color: orange;
    border-left : none!important;
}

.blue {
    background-color : blue!important;
}

#sub-nav-title {
    position : relative;
    height : 20px;
}

#sub-nav-title .inner {
    background-color : #5A5A5A;
    position : absolute;
    left : -20px;
    top : 0px;
    width : 100%;
    display : inline-block;
}

#sub-nav-title .inner .headline {
    padding : 2px 0 2px 10px;
    color : #FFF;
}

#sub-nav li.current-tab, #sub-nav li.current-tab a, #sub-nav a:hover, #sub-nav li.link:hover, .cat_list li.current-tab, .cat_list a:hover, .cat_list li.link:hover, .cat_list dd.current-tab {
    color : #000!important;
    background-color : #E1E1E1!important;
    -moz-border-radius: 3px!important;
    -khtml-border-radius: 3px!important;
    /* -webkit-border-radius: 3px!important; */
}

#sub-nav li.current-tab a, .cat_list li.current-tab a, .cat_list dd.current-tab a {
    font-weight: bold;
}

/* Main */
.main {
    background-color: white;
}

.main#main-three-columns {
    background: url('../img/main-three-columns.gif') repeat-y right top;
}

.main#main-three-columns .sidebar {
    width: 193px;
}

.main#main-three-columns #main-left {
    width: 520px;
}

.main#main-two-columns .sidebar {
    position : relative;
}

.main#main-two-columns #main-left {
    position : relative;
}

.is-home-page .hide-on-home-page {
    display : none!important;
}

.is-home-page .hide-advs-on-home-page {
    display : none!important;
}

.is-home-page .forced-full-width-on-home-page, 
.is-home-sub .forced-full-width-on-home-page
{
    width : 100%;
}

.sidebar a {
    text-decoration: none;
    /* height: inherit; */
}

.sidebar a:hover {
    text-decoration: underline;
}

#sidebar-1 {
    margin-left: 37px;
}

/* Columns */
.col3 {
    width: 32%;
}

.col3-mid {
    margin-left: 2%;
}

/* Sidebar */
#sidebar-wrapper {
}

#sidebar {
    /* border-left : solid 1px #D5D5D5; */
    /* padding-left : 10px; */
    position: static;
    /* overflow-y: scroll; */
    /* height: 100%; */
    /* top: 60px; */
    /* bottom: 0; */
}

/* Sidebar sections */
.section {
    margin-bottom: 10px;
    /* -moz-border-radius:5px 5px 5px 5px;*/
    /* border: 1px solid #ABC;*/
    border : 1px solid #C1C1C1;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: white;
}

.home-widget .section {
    border : 0px;
    margin: 0px;
    background-color: var(--widget-bg-color);
}

#sidebar-buttons {
    margin-bottom: 1px;
}

#sidebar-buttons-lev2 a {
    margin-bottom: 3px;
}

#sidebar-pub {
    margin-bottom: 5px;
    margin-left : 10px;
}

.section-title {
    /*border-top: 4px solid #CCC;*/
    margin-bottom: 5px;
    min-height: 0;
    /*border-top: 1px solid white;*/
    display: block;
    background-color : #5A5A5A;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding : 2px 0 4px 4px;
}

/*
.mod3ColSidebar .account .title{
background:#ebebeb url(../img/backgrounds/sidebar_accordion_sprite.gif) 7px 0 no-repeat
}
*/
.section-title div.title {
    /*font-family : verdana; */
    font-size : 12px;
    color : white;
    font-weight: bold;
    margin : 5px 0 0 0;
}

.section-title-spacer {
    border-top: 2px solid #ABC;
    margin: 5px 0 10px 0;
}

.section-title .title-img {
    background-image: url("../img/sprite_dormunt_2colors.png");
    height: 16px;
    margin: 5px 5px 0 0;
    text-indent: -9999em;
    width: 16px;
}

#latestzetevu-title-img {
    background-position: 0 -1180px;
}

#mostviewed-title-img {
    background-position: -20px -100px;
}

#top-title-img {
    background-position: -20px -160px;
}

#section3-title-img {
    background-position: -20px -1200px;
}

#section4-title-img {
    background-position: -0px -1260px;
}

.section .section-content {
    margin : 2px;
}

.section .post-date {
    font-size : 11px;
    color: #999999 !important;
}

.listcol-a IMG {
    width: 100px;
    height: 75px;
    float : left;
    margin-right : 4px;
}

.listcol-a .item-title{
    font-size : 1em; 
}

.listcol-a .item-snipet{
    font-size : 0.8em;
    font-weight : normal; 
    color : black;  
}


.panel-inner-top, .panel-inner {
    /* margin-bottom: 10px; */
    padding: 15px;
}

.panel-inner-top.vtags{
    border-top : 1px solid #CCC;
    margin-bottom: 0px;
    padding: 6px;
}

.panel-inner-top.vtags > div {
    text-align : center;
}

.panel-inner-top.vtags > div > ul{
    margin: 0px;
}



.panel-inner#banner, .panel-inner#banner .section {
    margin-bottom: 0px!important
}

.panel-title {
    /* background-color: #F2F6FA; */
    font: bold 1.1em sans-serif;
    padding: 5px 8px 6px;
}

.panel-inner .level1, .panel-inner-top .level1 {
    margin: 4px 4px;
}

.panel-inner .level1 li {
    margin-bottom : 4px;
    position : relative;
}

.panel-inner .level1 .cola, .panel-inner-top .level1 .cola {
    width: 120px;
}

.userdetails .panel-inner .level1 .cola, .userdetails .panel-inner-top .level1 .cola {
    width : 100px;
}

.network-section .section-title {
    background-color: #F6F6F6;
    border-color: #D6D6D6;
}

/* Dashboard */
#dashboard {
    border-bottom: 10px solid #E7E7E7;
    /* margin-top: 10px; */
}

#dashboard-content {
    position: relative;
    width: 980px;
    margin: 0 auto;
    background-color: white;
}

#dashboard .column {
    width: 240px;
    border-right: 1px solid #E7E7E7;
    display: table-cell;
}

#dashboard #column-4 {
    border-right: none;
}

#dashboard .column-content {
    padding: 14px 16px;
}

#dashboard .column-title {
    color: #666;
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 5px;
}

#dashboard a {
    color: #456;
}

#dashboard a:hover {
    color: #000;
}

.dashboard-banners .sectbanner{
    background-color: inherit;  
    border: 0px;
}

/* Footer */
#footer {
    padding: 10px 10px;
    background-color : #5A5A5A;
    text-align: center;
}

#footer-content {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: relative;
}

#footer a {
    color : #FFF;
    text-decoration: underline;
}

#footer .right, #footer .right a {
    color: #999;
    text-decoration: none;
}

#footer .text-separator {
    padding: 0 3px;
    color: #BBB;
}

#footer a:hover {
    color: #C1C1C1;
    text-decoration: underline;
}

#footer #copyright {
    color : #FFF;
}

/* 
   Listing Nav 
------------------------------------------------------------------- */
#listings-nav {
    margin : 0 0 3px 0;
    background-color : #F5F5F1;
    width : 100%;

}

#listings-nav UL#navpage {
    list-style: none outside none;
    text-align: center;
    margin : 0px auto;
    float : right;
}

#listings-nav UL#navpage li#navtxt {
    position : relative;
    top : 4px;
}

#listings-nav #navpage LI {
    float : left ;
    margin : 4px;
}


#listings-nav #navpage li.selected a {
    color : white;
}


.text-nav {
    float : left;
    font-size: 14px;
    padding: 0 10px;
    line-height: 30px;
    /* display: inline-block; */
}

/* 
   Listing Header 
------------------------------------------------------------------- */
#listings-header, #listings-header-filters {
    background-color: #f6f6f6;
    display : inline-block;
    margin: 0;
    display : inline-block;
    width : 100%;
    display: table;
}

ul.view-options {
    list-style: none outside none;
    float: right;
    margin : 0;
    display : block;
    text-align: center;
}


ul.filter-loc span.locval {
    font-weight: bold;
}

ul.button-options {
    list-style: none outside none;
    float: right;
}

ul.view-options li {
    /* float: left; */
    height: 30px;
    width: 30px;
    padding: 0px;
    background-color: inherit;
    border: 1px solid #ccc;
}

ul.view-options li.active {
    background-color: #FFF;
}

ul.view-options li a {
    display: block;
    height: inherit;
    width:  inherit;
}

ul.view-options li span {
    display: none;
}

ul.sort-options, 
ul.filter-status-options {
    float: left;
}

ul.filter-status-options .selectWrapper {
    min-width :120px
}

ul.sort-options li.label, 
ul.filter-status-options li.label
 {
    border: medium none;
    color: #808080;
    font-weight: bold;
    margin-right: 5px;
    padding: 0;
}

ul.sort-options li,
ul.filter-status-options  li {
    color: #000000;
    display: inline-block;
    float: left;
    border-right: 1px solid #D4D4D1;
    padding: 0 10px;
}

ul.sort-options li.last
ul.filter-status-options  li.last {
    border-right: 0px solid #D4D4D1;
}

ul.sort-options li a.selected,
ul.filter-status-options  li a.selected {
    color: #000000;
}

ul.sort-options li a,
ul.filter-status-options li a {
    font-weight: normal;
}

ul.sort-options select,
ul.filter-status-options select {
    padding : 2px;
}

ul.sort-options select .selected
ul.filter-status-options select .selected {
    background-color : #C1C1C1;
}

.sort-option-inline input {
    vertical-align: middle;
}

.sort-option-inline span {

}

.sort-option-inline span#mylocation {
    margin-left: 4px;
    font-weight: bold;
}

.sort-option-inline {
    display : inline-block;
    margin-left : 20px;
}

.sort-option-inline .checkbox{
      vertical-align : inherit;
}


.icon.icon-loc {
    background-position: -20px -340px;
}

.icon.icon-locdist {
    background-position: -20px -1300px;
}

.icon.icon-del {
    background-position: -20px -960px;
}

/* ******** new sort options  **********/
ul.sort-options li {
    float: left;
    height: 23px;
    margin-right: 2px;
    position: relative;
    width: 23px;
    border-right: 0px solid #D4D4D1;
    padding: 0;
}

ul.sort-options li.label {
    width : auto;
}

ul.sort-options li a {
    background: url("../img/sort-sprite.png") no-repeat scroll 0 0 #D0D0D0;
    display: inline-block;
    height: 23px;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 23px;
}

ul.sort-options li span {
    display: none;
}

.sort-options li.price_asc a {
    background-position: 0 0;
}

.sort-options .price_asc a.selected {
    background-position: -69px 0;
}

.sort-options .price_asc a:active {
    background-position: -46px 0;
}

.sort-options .price_asc a:hover {
    background-position: -23px 0;
}

.sort-options li.price_desc a {
    background-position: 0 -46px;
}

.sort-options .price_desc a.selected {
    background-position: -69px -46px;
}

.sort-options .price_desc a:active {
    background-position: -46px -46px;
}

.sort-options .price_desc a:hover {
    background-position: -23px -46px;
}

.sort-options li.hits_desc a {
    background-position: 0 -69px;
}

.sort-options .hits_desc a.selected {
    background-position: -69px -69px;
}

.sort-options .hits_desc a:active {
    background-position: -46px -69px;
}

.sort-options .hits_desc a:hover {
    background-position: -23px -69px;
}

.sort-options li.date_desc a {
    background-position: 0 -23px;
}

.sort-options .date_desc a.selected {
    background-position: -69px -23px;
}

.sort-options li.date_desc a:active {
    background-position: -46px -23px;
}

.sort-options li.date_desc a:hover {
    background-position: -23px -23px;
}

/* ******** end new sort options  **********/
.handpicked-items h2 {
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.handpicked-items .more {
    float: left;
    margin-left: 16px;
}

.handpicked-items p.attribution {
    clear: none;
    float: right;
    font-size: 12px;
}

.listings {
    list-style: none outside none;
    margin : 0px;
    margin-top : 5px;
}

ul.listings {
    clear: left;
    float: left;
    list-style-type: none;
    margin-right: -10px;
}

ul.listings li.listing-card {
    border: 1px solid #ECECEC;
    height: 170px;
    margin-right: 8px;
    padding: 6px;
    position: relative;
    width: 170px;
}

.listings li {
    border: 1px solid #EAEAEA;
    display: inline;
    float: left;
    height: 159px;
    margin-bottom: 14px;
    margin-right: 7px;
    padding: 6px;
    width: 155px;
}

ul.listings li.listing-card .listing-detail {
    bottom: 6px;
    left: 6px;
    position: absolute;
}

ul.listings li.listing-card .listing-title {
    color: #666666;
    line-height: 15px;
}

.listings .listing-title {
    color: #666666;
    height: 15px;
    line-height: 15px;
    margin-top: 5px;
    overflow: hidden;
}

ul.listings li.listing-card a {
    float: none;
}

.listings .listing-title a {
    color: #666666;
}

ul.listings li.listing-card .listing-maker {
    color: #B6B6B6;
    height: 14px;
}

.listings .listing-maker {
    line-height: 14px;
}

.listings .listing-maker a {
    color: #B2B2B2;
}

ul.listings li.listing-card .listing-price {
    bottom: 6px;
    color: #78C042;
    position: absolute;
    right: 6px;
}

.listings .listing-price {
    color: #78C042;
    float: right;
    line-height: 14px;
    margin-top: -14px;
}

ul.listings li.listing-card .listing-thumb, ul.listings li.listing-card img {
    height: 135px;
    width: 170px;
}

ul.listings li.listing-card a {
    float: none;
}

.listings .listing-thumb {
    display: block;
    height: 125px;
    width: 155px;
}

ul.listings li.listing-card .listing-thumb, ul.listings li.listing-card img {
    height: 135px;
    width: 170px;
}

.listings .listing-thumb img {
    border: medium none;
    display: block;
    height: 125px;
    width: 155px;
}

ul.pages {
    list-style: none outside none;
    font-size: 1.2em;
    margin : 0px;
}

.pager {
    clear: both;
    color: #666666;
    display: table;
    height: 80px;
    padding: 30px 0 0;
    margin: 0 auto;
}

.pager p, .pager .pages, .pager .pages li, .pager form {
    float: left;
}

.pages li {
    font-weight: bold;
    margin: 0 5px;
}

.pager .controls {
    text-align: center;
    width: 74px;
}

.pager .controls a {
    display: inline;
    float: left;
    height: 41px;
    margin: 0.5px;
    overflow: hidden;
    text-indent: -999em;
    width: 40px;
}

.pager .controls {
    clear: both;
    display: block;
    float: none;
    margin: 0 auto;
    padding: 10px 0 0;
    width: 88px;
}

.pager .controls a {
    background: url("../img/main-sprite.png") no-repeat scroll 0 -765px transparent;
    display: block;
    float: left;
    height: 29px;
    margin: 0 4px;
    width: 27px;
}

.pager .controls a.next {
    background-position: 0 -795px;
}

#infowin a.next, #infowin a.prev {
    margin : 1px 5px 1px 0 ;
    padding : 0px 10px;
    border : 1px solid #C1C1C1;
    text-decoration: none;
}

.sidebar li span.icon {
    background-image: url("../img/shop-icons-16x16.gif");
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 16px;
    margin: -2px 5px 0 0;
    width: 16px;
}

.addetails .panel span.icon, .post span.icon, .tw-button span.icon, 
.section span.icon, .msg_banner span.icon, .userdetails span.icon, #logs span.icon, #banners span.icon {
    display: inline;
    float: left;
    height: 16px;
    /*margin:-2px 5px 0 0;*/
    margin: 0 5px 0 0;
    width: 16px;
    background: url("../img/sprite_dormunt_2colors.png") no-repeat;
}

.icon-menu span.icon {
    background-image: url("../img/sprite_dormunt_2colors.png");
    height: 16px;
    width: 16px;
    display : inline-block;
    margin: 0 2px 3px 0;
    /*text-indent:-9999em;*/
    vertical-align: middle;
    /* simply align the background to right location */
}

.tw-button div.down-arrow {
    background: url("../img/sprite_dormunt_2colors.png") no-repeat;
    background-position: 0 -1160px;
    width: 9px;
    height: 5px;
    margin: 10px 5px 0 2px;
    display: inline-block;
    font-size: 1px;
    *display: inline;
    zoom: 1; }

.tw-button div.right-arrow {
    background: url("../img/sprite_dormunt_2colors.png") no-repeat;
    background-position: -25px -984px;
    width: 8px;
    height: 9px;
    margin: 5px 5px 0 2px;
    display: inline-block;
    font-size: 1px;
    *display: inline;
    zoom: 1; }

#user-menu span.icon {
    background-image: url("../img/sprite_dormunt_2colors.png");
    height: 16px;
    width: 16px;
    display : inline-block;
    margin: 0 4px 0px 0;
    float : left;
}

#user-menu #plus .icon {
    background-position: -20px -1060px;
}

#user-menu #tag .icon {
    background-position: -20px -1700px;
}

#user-menu #fav .icon {
    background-position: -20px -1180px;
}

#user-menu #logout .icon {
    background-position: -0px -1660px;
}

#user-menu #profile .icon {
    background-position: -0px -1280px;
}

#server-error .icon {
    background-position: -20px -520px;
}

#nodata .icon {
    background-position: -20px -520px;
}

#loc .icon {
    background-position: 0 -1300px;
}

#post-locdist .icon {
    background-position: -20px -1300px;
}

span#help {
    margin-left : 4px;
}

.help_icon_form {
    font-size : 1.2em;
    color: #d9d9d9;
}

.form-help, .form-icon-right{
    font-size : 1.2em;
    position: absolute;
    top: 10px;
    right : 20px;
}



#item-moddate .colb,#item-registerdate .colb,#item-lastvisitdate .colb,#item-lastemaildate .colb {
    font-size: 10px;
}

#item-email {
    /* font-size: 10px; */
}

#item-email .icon {
    background-position: -20px -80px;
}

#item-phone .icon {
    background-position: -20px -60px;
}

#item-userid .icon, #item-username .icon, #item-firstname .icon, #item-lastname .icon, #item-compositename .icon {
    background-position: -20px -40px;
}

#item-procpny .icon {
    background-position: -20px -300px;
}

#item-gender .icon {
    background-position: 0px -1720px;
}

#item-prosiret .icon {
    background-position: -20px -240px;
}

#item-location .icon, #post-location .icon {
    background-position: -20px -340px;
}

#item-locale .icon {
    background-position: -20px -120px;
}

#item-prowebsite .icon, #post-prowebsite .icon {
    background-position: -20px -120px;
}

#post-date .icon {
    background-position: -20px -220px;
}

#post-datelastvisit .icon {
    background-position: -20px -220px;
}

#post-dateregister .icon {
    background-position: -20px -700px;
}

#post-nbads .icon {
    /*  background-position: -20px -100px;*/
    background-position: -20px -1700px;
}

.icon.icon-subfolder {
    background-position: -20px -1320px!important;
}

#post-username .icon {
    background-position: -20px -40px;
}

#item-flagit .icon {
    background-position: -20px -200px;
}

#item-savefav .icon {
    background-position: -20px -480px;
}

#item-twitter .icon {
    background-position: -20px -1200px;
}

#item-facebook .icon {
    background-position: 0 -1260px;
}

#item-evernote .icon {
    background-position: -20px -1380px;
}

#item-delicious .icon {
    background-position: 0 -1420px;
}

#item-googleplus .icon {
    background-position: -20px -1420px;
}

#item-linkedin .icon {
    background-position: 0 -1400px;
}

#item-savefav.del .icon {
    background-position: -20px -1360px;
}

#item-print .icon {
    background-position: -20px -360px;
}

#item-printleaflet .icon {
    background-position: -20px -760px;
}

#item-emailad .icon {
    background-position: -20px -80px;
}

#item-up .icon {
    background-position: 0px -1092px;
}

#item-down .icon {
    background-position: 0px -1061px;
}

#item-resethits .icon, .icon.icon-resethits, .icon.icon-reset {
    background-position: -20px -400px!important;
}

#item-edit .icon, .icon.icon-edit {
    background-position: -20px -280px!important;
}

#item-tool .icon {
    background-position: -20px -440px;
}

#item-delete .icon, .icon.icon-delete {
    background-position: -20px -140px!important;
}

.icon.icon-remove {
    background-position: -0px -960px!important;
    cursor : pointer;
}

#item-hits .icon {
    background-position: 0px -100px;
}

#item-hits .icon {
    background-position: -20px -1340px;
}

.post-username .icon {
    background-position: -20px -40px!important;
}

.post-relads .icon {
    background-position: -20px -1700px!important;
}

#addtofav .icon {
    background-position: -96px 0;
}

#contact_it .icon {
    background-position: -16px 0;
}

#add_ad .icon {
    background: url("../img/plus.png") no-repeat;
    height : 26px;
    width : 26px;
    float : left;
}

/* 
  tool tips messagebox
------------------------------------------------------------------- */
.messageBox {
    float: left;
}

.messageBox .body {
    background: url(../img/messageHeader.gif) no-repeat 0 0;
    width: 550px;
    min-height: 40px;
    font-size: 12px;
    padding: 5px 0 0 25px;
}

.messageBox .footer {
    background: url(../img/messageFooter.gif) no-repeat 0 0;
    height: 8px;
    width: 575px
}

/* 
  Modal box
------------------------------------------------------------------- */
/* Z-index of #mask must lower than #boxes .window */
#mask, #mask2 {
    position: absolute;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .mbox-window {
    position: absolute;
    /*
  width:440px;
  height:200px;
  */
    display: none;
    z-index: 9999;
    padding: 10px;
}

/* Customize your modal window here, you can add background image too */
#boxes #dialog {
    max-width: 800px;
    min-width: 500px;
    background-color : white;
    border : 8px solid #C1C1C1;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#boxes #dialog #mbox-close {
    position : absolute;
    top : 16px;
    right : 16px;
    height : 16px;
    width : 16px;
    z-index : 10;
}

#mbox-close a {
}

#mbox-close a:hover {
    background-position: -20px -780px;
}

#boxes #dialog #mbox-body {
    padding: 10px 20px;
}

#boxes #dialog #mbox-body H2 {
    padding: 10px 20px;
}


#mbox-body H1,#mbox-body H2, #mbox-body H3 {
    background-color : #F5F5F5;
    text-align: center;
    display : flex;
    align-items: center;
    min-height: 50px;
}

.box-header-h3-with-big-icon{
    line-height : 52px;
    min-height: 52px;
    background-color: #e08e4b38;
    font-size: 16px;
}

.box-header-h3-with-big-icon i {
    margin-left : 10px;
    margin-right: 6px;
}

#mbox-body H3 span.tt {
    padding : 0 10px;
    font-size: 0.8em;
    line-height: 1em;
}

.orbar {
    border-top: 1px solid #DDDDDD;
    margin: 20px 0px;
    position : relative;
}

 .orbar div {
    left : 45%;
    top : -10px;
    position : absolute;
    background-color : #FFF;
    padding : 0 10px;
    font-size: 1.2em;
    color: #dddddd;
    text-transform : uppercase;
}

/* facebook login area */
#facebook .icon {
    background-position: 0 -1260px;
}

#facebook {
    background: #5F78AB;
    border: solid 1px #879AC0;
    display: inline-block;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#facebook a {
    color : white;
}

#boxes #dialog #fb-login-area {
    margin : 2px 0px;
}

#boxes #dialog #fb-login-area #fb-login-a {
    padding : 2px 10px;
    font-size: 1.2 em;
    color : #FFF;
}

#boxes #dialog #fb-login-area #fb-login-a:hover {
    text-decoration: none;
}

#boxes #dialog #fb-login-area p {
    font-style: italic;
    color : #A5A5A5;
}

#boxes #dialog #fb-login-area h4 {
}

#boxes #dialog #fb-login-area a {
    text-align: center;
}

/* Google login area */
#google .icon {
    background-position: -20px -1260px;
}

#google {
    /*background: #E5E5E5; */
    border : 1px solid #AAAAAA;
    color: black;
    display: inline-block;
    padding : 2px;
    background: #F5F5F5;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#boxes #dialog #google-login-area {
    margin : 2px 0px;
}

#boxes #dialog #google-login-area #google-login-a {
    padding : 2px 10px;
    font-size: 1.2 em;
    color : #333333;
}

#boxes #dialog #google-login-area #google-login-a:hover {
    text-decoration: none;
}

#boxes #dialog #google-login-area p {
    font-style: italic;
    color : #A5A5A5;
}

#boxes #dialog #google-login-area a {
    text-align: center;
}

#boxes #dialog #mbox-footer {
    /* border-top: 1px solid #DDDDDD;*/
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
}

#boxes #dialog #mbox-header{
    min-height: 50px;
    line-height: 1.8em;
    font-size: 1.4em;
    background: #F7F7F7;
    padding: 4px;
    position : relative;
    text-align: center;
    /* border-radius : 5px 5px 0 0; */
}

#boxes #dialog #mbox-header,
#boxes #dialog #mbox-header.header-info{
    background-color : #04a8df;
    color : white;
    /* overflow-wrap: break-word; */
}

#boxes #dialog #mbox-header.header-errorm,
#boxes #dialog #mbox-header.header-error{
    background-color : red
}

#boxes #dialog #mbox-header.warning{
    background-color : orange
}

#boxes #dialog #mbox-header.header-checkmarkm{
    background-color : green;
}

#boxes #dialog #mbox-header .text {
    color : white;
    display: inline-block;
}

#boxes #dialog #mbox-header .text .mbox_btons {
    position : absolute;
    top : 5px;
    /* this is done to remove the effect of the .text class */
}

#boxes #dialog #mbox-header .text #nav_button {
    display : inline-block;
    margin-left : 20px;
}

#boxes #dialog #mbox-header .icon {
    /*background: url(../img/sprite-modbox-icons-color.png) no-repeat;*/
    background: url(../img/sprite_dormunt_2colors.png) no-repeat;
    width: 32px;
    height: 32px;
    float : left;
}


#boxes #dialog #mbox-header .attentionm {
    background-position: 0 -1500;
    width: 32px;
    height: 32px;
}

#boxes #dialog #mbox-header .info, span.icon32.info {
    background-position: 0 -1540px;
    width: 32px;
    height: 32px;
}

#boxes #dialog #mbox-header .checkmarkm {
    background-position: 0 -1580px;
    width: 32px;
    height: 32px;
}

#boxes #dialog #mbox-header .errorm {
    background-position: 0 -1620px;
    width: 32px;
    height: 32px;
}



/* 
   Misc overriding classes
------------------------------------------------------------------- */
.hideit {
    display: none;
}

.forcedhideit {
    display : none!important;
}

/* Border */
.noborder {
    border: 0;
}

.notborder {
    border-top: 0;
}

.norborder {
    border-right: 0;
}

.nobborder {
    border-bottom: 0;
}

.nolborder {
    border-left: 0;
}

/* Margin */
.nomargin {
    margin: 0;
}

.notmargin {
    margin-top: 0;
}

.normargin {
    margin-right: 0;
}

.nobmargin {
    margin-bottom: 0;
}

.nolmargin {
    margin-left: 0;
}

/* Padding */
.nopadding {
    padding: 0;
}

.notpadding {
    padding-top: 0;
}

.norpadding {
    padding-right: 0;
}

.nobpadding {
    padding-bottom: 0;
}

.nolpadding {
    padding-left: 0;
}

/* Single line IE fix */
* html #sub-nav, * html .section-title, * html .main {
    height: 0.01%;
    min-height: 0.01%;
}

/*
.lcUploaderImageDelete{
  background:url("../img/icon-close-image-uploader.png") no-repeat scroll 0 0 transparent;
  left:0;
  top:0;
  margin:-7px 0 0 -7px;
  position:absolute;
  text-indent:-9999px;
  height:23px;
  width:23px;
}

div.lcUploaderImage.portrait img.lcUploaderImage {
  height:120px;
  position:relative;
}

div.lcUploaderImage.portrait  {
  background:url("../img/bg-images-uploader-portrait.png") no-repeat scroll 0 0 transparent;
  height:138px;
  width:94px;
}

div.lcUploaderImage {
  float:left;
  margin-top:-7px;
  padding:7px;
  position:relative;
}
*/
#intelligence_events_nav_item {
    margin : 1px;
}

#intelligence_events_nav_item div.icon {
    background: url("../img/icon-plus.gif") no-repeat scroll transparent;
    height: 20px;
    margin: 1px 0 0;
    width: 20px;
    float: left;
    margin-right : 10px;
    position : relative ;
    top : -5px;
}

#intelligence_events_nav_item div.content {
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    /* line-height:20px;*/
    margin-left: 40px;
    /* padding:0 6px 0 0;*/
    margin : 0px;
}

.beta_label {
    color: red;
    font-weight: normal;
    text-decoration: none;
    margin : 0px;
}

/* 
   tooltips
------------------------------------------------------------------- */
.tooltip {
    position: absolute;
    z-index: 999;
    left: -9999px;
    background-color: #dedede;
    padding: 5px;
    border: 1px solid #fff;
    /*width:250px;*/
    width: 150px;
    text-align: center;
}

.tooltip p {
    margin: 0;
    padding: 0;
    color: #fff;
    background-color: #222;
    padding: 2px 7px;
}

.ttip-arrow{
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  right: px;
  bottom: 0;
  /* margin-bottom: -5px; */
  border-width: 5px 5px 0;
  border-top-color: black;
}

.tooltip_tweet {
    position: absolute;
    z-index: 99999;
    left: -9999px;
    padding: 5px;
    width: 200px;
    text-align: center;
    opacity: 0.9;
}

/* .tooltip_tweet.atleft {
  background-position: 10% 100%;
}

.tooltip_tweet.atright{
  background-position: 80% 100%;
} */

.tooltip_tweet_inner {
    background-color: black;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0.9;
    color: white;
    font: normal normal normal 11px/normal 'Lucida Grande', sans-serif;
    font-weight: bold;
    max-width: 200px;
    padding: 10px;
    text-align: left;
}

.icon-list li {
    padding-left: 22px;
    position: relative;
    list-style-type: none;
}

.icon-list li span.icon-sprite {
    left: 0;
    position: absolute;
    top: 1px;
    background-image: url("../img/icon-plus.gif");
    height: 16px;
    margin: -1px 4px 0 0;
    width: 17px;
}

.icon-notify {
    background-position: 0px 0px;
}

.loadingbar {
    background: url("../img/loading-bar2.gif") no-repeat;
    width: 200px ;
    padding-left : 160px;
    margin-left: auto ;
    margin-right: auto ;
}


.rot-loading  {
    white-space: nowrap;
    color : #888888;
    padding : 10px; 
}

.fieldicon {
    display: inline-block;
}

.fieldicon SPAN {
    height : 20px;
    width : 20px;
    margin-left : 4px;
    display: inline-block;
}

.fieldicon.rot-loading2 SPAN {
    background: url("../img/loading2x16.gif") no-repeat;
}

.fieldicon.check-ok SPAN {
    background-image: url("../img/sprite_dormunt_2colors.png");
    background-position: 0 -1800px;
}

.fieldicon.check-ko SPAN {
    background-image: url("../img/sprite_dormunt_2colors.png");
    background-position: -20px -1800px;
}

.adlist_status, 
.adlist_priority, 
.adlist_protype, 
.adlist_plan, 
.adlist_urgent, 
.label-cat2 {
    text-align : center;
    color : #fff;
    border-radius: 0px;
}

h3 .adlist_protype, h3 .adlist_plan {
    position : relative;
    bottom : 3px;
    margin-left : 4px;
}

.cattype_ {
    background-color : gray;
}

.cattype_ad {
    background-color : lightgray;
}

.cattype_user {
    background-color : darkblue;
}

.PUBLISHED {
    background-color : limegreen;
}

.DRAFT, .NOT CREATED {
    background-color : gray;
}

.DRAFT.PAYMENT.OK {
    background-color : lightgreen;
}

.DELETED, .REJECTED, .UNPUBLISHED {
    background-color : red;
}

.UNDER {
    background-color : orange;
}

.WILLEXPIRE {
    background-color : orange;
}

.yes-badge, .oui-badge {
    background-color : limegreen;
    color : white;
    text-align: center;
    margin: 0 0 4px 0;
    color: #fff;
    font-size: 10px;
    padding: 1px 5px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.pty_normal {
    background-color : #18648B;
}

.pty_top {
    background-color : #18648B;
}

.pty_permanent {
    background-color : black;
}

.protype_pri {
    background-color : gray;
}

.protype_pub {
    background-color : #18648B;
}

.protype_pro {
    background-color : black;
}

.protype_par {
    background-color : #18648B;
}

.msgOverlay {
    position : absolute;
    top : 45px;
    margin : 0px 5px;
    width : 80px;
    opacity: 0.6;
    font-size : 0.8em;
}

a.imgWrapper {
    position : relative;
}

.priceOverlay {
    position : absolute;
    bottom: 7px;
    right: 5px;
    margin-right: 0;
    margin-top: 0;
    background-color: #000000;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    opacity: 0.75;
    padding: 0 4px;
    vertical-align: top;
}

.priceOverlay2 {
    position : absolute;
    top : 0px;
    left: 0px;
    margin-right: 0;
    margin-top: 0;
    background-color: #000000;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    opacity: 0.75;
    padding: 0 4px;
    vertical-align: top;
}

.adinput.paidoptions {
    background-color: #FFFFEB;
    /* line-height: 10px; */
}

.paidoptions .price {
    background-color: orange;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 1px 4px;
    color : white;
    font-weight: bold;
}

.paidoptions .price.freeprice ,
.mods-paidoption-wrapper .price.freeprice {
    background-color: green;
}

#bton_tools {
    margin-top : 10px;
}

#bton_tools li {
    background-position: right top;
    background-repeat: no-repeat;
    display: inline;
    /* float:left;*/
    height: 100%;
    margin-right: 8px;
    vertical-align: middle;
}

li {
    list-style: none outside none;
}

#addetails #vfields li {
    border-bottom: 1px solid #E6E6E6;
    padding: 4px;
}

#bton_tools li .favorite {
    background-position: left -200px;
}

#bton_tools li a:hover .favorite {
    background-position: left -216px;
}

/* new set of buttons */
#bton_tools2,#bton_tools2b {
    /* margin-top : 10px; */
}

#bton_tools2 li a {
    /* height :40px; */
    margin-top : 4px;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    /* width: 200px; */
    display: inline-flex;
}

#bton_tools2 li .btn img {
    height: 30px;
    vertical-align: middle;
}

#bton_tools2 li .btn span{
    vertical-align: middle;
    margin: 0 4px;
}

#bton_tools2 li, #bton_tools2b li {
    background-position: right top;
    background-repeat: no-repeat;
    display: inline;
    /* float:left;*/
    height: 100%;
    margin-right: 8px;
    vertical-align: middle;
    margin-top: 5px;
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: nowrap; */
}

.dm_button2:not(.btn), .dm_button2b:not(.btn), .dm_button_nopad:not(.btn) {
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-image: -moz-linear-gradient(top,#ffffff,#efefef);
    /* background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef)); */
    /*
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef);
  */
    background-color: #F6F6F6;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #AAA;
    color: black;
    cursor: pointer;
    display: inline-block;
    /* font-size: 12px; */
    /* height: 22px; */
    line-height: 1.4em;*
    overflow:hidden;*/
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: wrap;
}

.dm_button2, .dm_button2b {
    padding: 4px 10px !important;
}




.dm_button2.btn-lg,
.dm_button2.btn-group-lg > .btn {
  padding: 06px 10px!important;
  font-size: 18px;
  line-height: 1.3333333;
}

.simple-view .dm_button2.btn-lg{
    font-size : 1em; 
    padding : 0px!important; 
}
.simple-view .dm_button2.btn-lg i{
    font-size : 1em; 
}

.btn-with-icon{
    display : flex; 
}
.btn-with-icon > div{
    text-align : center;
    flex-grow : 1; 
}

.buttons-in-panel .dm_button2.btn-lg {
  padding: 4px 10px!important;
  text-transform: uppercase;
}

.buttons-in-panel .dm_button2.btn-lg {
  min-height: 2.5em;
  text-align: center;
}
.buttons-in-panel .dm_button2.btn-lg a {
  color : inherit;
}

.buttons-in-panel .dm_button2.btn-lg.btn-flex {
  display : flex;
  align-items: center;
}

.btn.btn-2lines.btn-flex i {
    padding-top: 0px;
}
    
/* special for Obvy*/
.btn-buy.btn-obvy  {
    background-color : #4CAF50 !important; 
    border-color : #4CAF50;
}

.btn-buy.btn-obvy:hover  {
    background-color : #4caf50db !important; 
     border-color : #4caf50db!important; 
}

/* special for Whatsapp*/
.btn.btn-whatsapp  {
    background-color : #25d366 !important; 
    border-color : #dcf8c6 !important; 
}

.btn.btn-whatsapp:hover  {
    background-color : #128c7e !important; 
}


.btn-buy.btn-obvy i {
  background-image: url("../img/obvy-logo.svg");
  background-size: 80px 40px;
  width : 80px;
  height : 40px;
  display : block;
  margin-right: 0px;
}
.btn-buy.btn-obvy .icon-fa-shopping-cart:before {
    display : none; 
}

a.disabled, a.disabled {
    color: #999999!important;
    background-color: transparent!important;
    cursor: default!important;
}

.dm_button2b {
    width : 90%;
    text-align: left;
}

.sidebar .dm_button2b:hover, a.dm_button2:hover, a.dm_button2b:hover {
    text-decoration: none;
}

li.selected .dm_button2 {
    color: black;
    font-weight: bold;
    background: #DDD;
    -moz-boz-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

.dm_button2:not(.btn):hover, .dm_button2b:not(.btn):hover {
    /* border-color: #666666; */
    /* -webkit-box-shadow: 0 0 1px 1px #999999; */
    -moz-box-shadow: 0 0 1px 1px #999999;
    /* box-shadow: 0 0 1px 1px #999999; */
    background-color: #F5F5F5;
}

.dm_button2.disabled:hover,.dm_button2b.disabled:hover {
    border-color: #AAA;
    -webkit-box-shadow: 0 0 0px 0px #999999;
    -moz-box-shadow: 0 0 0px 0px #999999;
    box-shadow: 0 0 0px 0px #999999;
    background-color: #F6F6F6;
}

.dm_button2 span, .dm_button2b span, .dm_button_nopad span {
    float: left;
    display : inline-block;
    background-image: url("../img/sprite_dormunt_2colors.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px!important;
    font-weight: bold;
    margin-top: 3px!important;
    /*padding-right:6px!important;*/
    margin-right : 4px!important;
}

.dm_button2b .feed-email {
    background-position: 0 -1240px;
}

.dm_button2b .feed-reader {
    background-position: 0 -1220px;
}

.dm_button2b .feed-twitter {
    background-position: -20px -1200px;
}

/* plus button */
.dm_button2 .item-plus {
    background-position: 0px -180px;
}

.dm_button2:hover .item-plus {
    background-position: -20px -180px;
}

/* navigation */
.dm_button2 .prev {
    float: none!important;
    background-position: -24px -1000px;
    width : 9px!important;
    margin-right : 0px!important;
}

.dm_button2 .next, .dm_button_nopad .next {
    float: none!important;
    background-position: -24px -980px;
    width : 9px!important;
    margin-right : 0px!important;
}

.dm_button2.disabled .prev {
    float: none!important;
    background-position: -24px -1040px;
    width : 9px!important;
    margin-right : 0px!important;
}

.dm_button2.disabled .next, .dm_button_nopad.disabled .next {
    float: none!important;
    background-position: -24px -1020px;
    width : 9px!important;
    margin-right : 0px!important;
}

.dm_button2 .back {
    float: none!important;
    background-position: -20px -300px;
}

#bton_tools2 li .login {
    background-position: 0 -700px;
}

#bton_tools2 li a:hover .login {
    background-position: -20px -700px;
}

#bton_tools2 li .ok {
    background-position: 0 -380px;
}

#bton_tools2 li a:hover .ok {
    background-position: -20px -380px;
}

#bton_tools2 li .edit {
    background-position: -20px -280px;
}

#bton_tools2 li .preview {
    background-position: -20px -380px;
}

/* save draft */
#bton_tools2 li .save-10 {
    background-position: 0 -620px;
}

#bton_tools2 li a:hover .save-10 {
    background-position: -20px -620px;
}

#bton_tools2 li .save-15 {
    background-position: 0 -460px;
}

#bton_tools2 li a:hover .save-15 {
    background-position: -20px -460px;
}

/* submit to publishing   */
#bton_tools2 li .save-20 {
    background-position: 0 -660px;
}

#bton_tools2 li a:hover .save-20 {
    background-position: -20px -660px;
}

/* publish  */
#bton_tools2 li .save-40 {
    background-position: 0 -380px;
}

#bton_tools2 li a:hover .save-40 {
    background-position: -20px -380px;
}

/* remove from publishing  */
#bton_tools2 li .save-60 {
    background-position: 0 -680px;
}

#bton_tools2 li a:hover .save-60 {
    background-position: -20px -680px;
}

/* suppress */
#bton_tools2 li .save-80 {
    background-position: 0 -140px;
}

#bton_tools2 li a:hover .save-80 {
    background-position: -20px -140px;
}

/* reject */
#bton_tools2 li .save-90 {
    background-position: 0 -140px;
}

#bton_tools2 li a:hover .save-90 {
    background-position: -20px -140px;
}

/* cancel */
#bton_tools2 li .cancel {
    background-position: 0 -780px;
}

#bton_tools2 li a:hover .cancel {
    background-position: -20px -780px;
}

/* email it   */
#bton_tools2 li .email {
    background-position: 0 -80px;
}

#bton_tools2 li a:hover .email {
    background-position: -20px -80px;
}

.social:not(.field) {
    display: inline-block;
    height: 48px;
    width: 48px;
}

.social:not(.field) span {
    background-image: url("../img/social2.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 48px;
    width: 48px;
    display: inline-block;
}

.social .f-rss {
    background-position: 0 -100px;
}

.social .f-twitter {
    background-position: 0 -50px;
}

.social .f-facebook {
    background-position: 0 0;
}

.social .f-email {
    background-position: 0 -150px;
}

.allwhitespan, .allwhitespan a {
    color : white;
    text-decoration: none;
}

.allwhite:hover, .allwhite , .allwhite:visited, .allwhite:focus {
    color : white;
    text-decoration: underline;
}

#errorlogin, #erroremail {
    border : none;
    background: none;
    color : red;
}

.inline {
    display : inline;
}

.input-error, input.input-error {
    border-right: 4px solid red!important;
}

/* ---- simple button menu ----*/
.drop-down-container {
    position: relative;
    /*--Removed to ensure IE6 bug Important--*/
    /* display : inline-block;*/
    /* important to overcome IE bug */
}

#network .login-menu {
    display: inline-block;
}

#network .login-menu a {
    vertical-align : middle;
    padding : 0 0;
}

#network .login-menu IMG {
    padding : 0 2px 0 2px;
    border : none;
    height: 30px;
    width: auto;
}

.drop-down-box {
    /*  -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #666666;
    /*left: 0px;*/
    top: 30px;
    list-style-type: none;
    margin: 0 !important;
    padding: 3px 0 !important;
    position: absolute;
    z-index: 9;
    text-align: left;
}

.login-menu .drop-down-box {
    -moz-box-shadow: rgba(0, 0, 0, 0.597656) 0px 2px 2p;
    -webkit-box-shadow: rgba(0, 0, 0, 0.597656) 0px 2px 2p;
    background-color: #333;
    border: 1px solid #333;
    color: #FFFF;
}

.lang-menu .drop-down-box {
    -moz-box-shadow: rgba(0, 0, 0, 0.597656) 0px 2px 2p;
    -webkit-box-shadow: rgba(0, 0, 0, 0.597656) 0px 2px 2p;
    background-color: #000;
    border: 1px solid #000;
    color: #FFFF;
    right : 0!important;
}

.drop-down-box li {
    cursor: pointer;
    margin: 0 !important;
    padding : 2px 8px !important;
    clear : left;
    min-width: 200px;
    /* -width : 140px; for IE6 */
    width: auto !important;
    /* hack for IE */
    /*width:130px;   hack for ie */
}

.drop-down-box li.spacer:hover {
    background-color: none;
}

.drop-down-box li a, .drop-down-box li a:hover, .drop-down-box li a:visited {
    color : #000;
    text-decoration : none;
}

#network .login-menu .drop-down-box li a, #network.login-menu .drop-down-box li a:hover, #network .login-menu .drop-down-box li a:visited {
    color : #FFF;
}

#network .lang-menu .drop-down-box li a, #network.lang-menu .drop-down-box li a:hover, #network .lang-menu .drop-down-box li a:visited {
    color : #FFF;
}

#network .lang-menu .drop-down-box li.active {
    background-color: #999;
}

.drop-down-box li:hover {
    background-color: #999999;
    text-shadow: none;
}

/* IE6 hack  as IE6 does not support hover on other tha a items */
.drop-down-box a:hover {
    -background-color: #999999;
}

/* ---------- Navigation Menu  -----------*/
ul#topnav {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    list-style: none;
    font-size: 1.1em;
}

ul#topnav li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    /*--Important--*/
}

ul#topnav li a {
    float: left;
    /* text-indent: -9999px; */
    /*--Push text off of page--*/
    height: 44px;
}

ul#topnav li:hover a, ul#topnav li a:hover {
    background-position: left bottom;
}

/*--Hover State--*/
ul#topnav a.home {
    background: url(nav_home.png) no-repeat;
    width: 78px;
}

ul#topnav a.products {
    background: url(nav_products.png) no-repeat;
    width: 117px;
}

ul#topnav a.sale {
    background: url(nav_sale.png) no-repeat;
    width: 124px;
}

ul#topnav a.community {
    background: url(nav_community.png) no-repeat;
    width: 124px;
}

ul#topnav a.store {
    background: url(nav_store.png) no-repeat;
    width: 141px;
}

ul#topnav li .sub {
    position: absolute;
    /*--Important--*/
    top: 44px;
    left: 0;
    z-index: 99999;
    /*background: #344c00 url(sub_bg.png) repeat-x; */
    /*--Background gradient--*/
    background : white;
    border : black 1px solid;
    padding: 10px 10px 10px;
    /*float: left;*/
    /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    display: none;
    /*--Hidden for those with js turned off--*/
}

ul#topnav li .sub ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 150px;
    float: left;
}

ul#topnav .sub ul li {
    width: 100%;
    /*--Override parent list item--*/
    color: #fff;
}

ul#topnav .sub ul li h2 {
    /*--Sub nav heading style--*/
    padding: 0;
    margin: 0;
    font-size: 1.3em;
    font-weight: normal;
}

ul#topnav .sub ul li h2 a {
    /*--Sub nav heading link style--*/
    padding: 5px 0;
    background-image: none;
    /*color: #e8e000;*/
}

ul#topnav .sub ul li a {
    float: none;
    text-indent: 0;
    /*--Override text-indent from parent list item--*/
    height: auto;
    /*--Override height from parent list item--*/
    background: url(navlist_arrow.png) no-repeat 5px 12px;
    padding: 7px 5px 7px 15px;
    display: block;
    text-decoration: none;
}

ul#topnav .sub ul li a:hover {
    color: #ddd;
    background-position: 5px 12px ;
    /*--Override background position--*/
}

.tc-maintext {
    /* margin : 20px auto; */
    width: 100%;
    padding: 10px 30px;
}

.tc-maintext H1 {
    font-size : 20px;
    font-weight: bold;
}

.tc-maintext UL {
    list-style-type : circle;
    margin : 10px 10px 10px 20px;
}

.tc-maintext UL LI {
    list-style-type : circle;
    margin : 10px 0 10px 0;
}

.tc-footer {
    border-top: 1px solid #CCCCCC;
}

.tc-maintext .level1 span.icon {
    display: inline;
    height: 16px;
    margin: -2px 5px 0 0;
    width: 16px;
    float : left;
    background: url("../img/icon-toolbar-sprite_dormunt.png") no-repeat;
}

.tc-maintext .level1 div {
    float : left;
}

.navnotsup-alert {
    font-size : 20px;
    Color : red;
    margin : 10px auto 10px auto;
}

.tc-maintext .navnotsup-ul LI {
    list-style-type : none;
}

.navnotsup-ul LI SPAN {
    position : relative;
    bottom : 5px;
    left : 1px;
}

.msgbox-center {
    text-align : center;
}

.faq-title1 {
    /*
  font-size : 18px; 
  font-weight: bold;
  color : orange; 
  padding : 4px, 4px,4px, 0px; 
  border-bottom : solid 1px; 
  */
    font-size : 14px;
    font-weight: bold;
    padding : 2px 4px 2px 10px;
    background-color : #C1C1C1;
    margin : 10px 0 2px 0;
    background: none repeat scroll 0 0 #666666;
    color : #FFFFFF;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* styles for home page */
div#header {
    /* height:56px;*/
    margin: 0 auto 1px;
    position: relative;
    z-index : 20;
    /* IE hack for Z-index positionning = parent must be higher*/
    /* top: -55px; */
    /* opacity: 1.9; */
}

#home-network {
    /* background: #EEE;*/
    background: #193D5E;
    color : #FFFFFF;
    height : 10px;
}

#faq-network {
    background: #2DAEBF;
    color : #FFFFFF;
    height : 10px;
}

#services-network {
    background: #A9014B;
    color : #FFFFFF;
    height : 10px;
}

#header .motto {
    color : orange;
}

ul.tabs {
    float: right;
    margin: 0;
    display : inline-block;
}

ul {
    list-style: none outside none;
    /* margin: 0px; */
}

ul.tabs li {
    display: inline-block;
    float: left;
}

ul.tabs li.current a {
    background: none repeat scroll 0 0 #193D5E;
    color: #FFFFFF;
}

ul.tabs li a:hover, ul.tabs li.current a {
    -moz-border-radius: 0 0 3px 3px;
    -khtml-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    background: none repeat scroll 0 0 #193D5E;
    border: 0 none;
    color: #FFFFFF;
    margin: 0;
    padding-top: 6px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

ul.tabs li.current a.faq {
    background: none repeat scroll 0 0 #2DAEBF;
}

ul.tabs li.current a.services, ul.tabs li.current a.tour {
    background: none repeat scroll 0 0 #A9014B;
}

ul.tabs li a {
    border-left: 1px solid #EEEEEE;
    color: #333333;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 4px 0 0 -1px;
    padding: 2px 5px 11px 15px;
    text-decoration: none;
    width: 70px;
    font-size: 14px;
}

ul.tabs li span {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

ul.tabs li a.services:hover {
    background : none repeat scroll 0 0 #A9014B;
}

ul.tabs li a.tour:hover {
    background : none repeat scroll 0 0 #A9014B;
}

ul.tabs li a.faq:hover {
    background : none repeat scroll 0 0 #2DAEBF;
}

ul.tabs li a.feedback:hover {
    background : none repeat scroll 0 0 #FC9200;
}

ul.tabs li a.contact:hover {
    background : none repeat scroll 0 0 #FF6908;
}

ul.tabs li a.blog:hover {
    background : none repeat scroll 0 0 #B8D30B;
}

.home div.page-header {
    background: url("./home_img/secret4.jpg") no-repeat scroll 98% top transparent;
}

.home div.header-services {
    background: url("./home_img/services4.jpg") no-repeat scroll 98% top transparent;
}

.home div.header-tour {
    background: url("./home_img/tour3.png") no-repeat scroll 98% top transparent;
}

.home div.page-header {
    background-position: right bottom;
    background-repeat: no-repeat;
    border-bottom: 2px solid #EEEEEE;
    clear: both;
    margin: 0 0 20px;
    padding: 35px 0 27px;
    position: relative;
    width: 100%;
}

.home div.page-header h1 {
    color: #222222;
    display: block;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 1;
    margin: 0;
}

.home div.page-header h2 {
    color: #777777;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 6px 0 0;
}

.home .column-row {
    display: block;
}

.home .column-row {
    margin: 0 0 18px -20px;
}

.home .one-third {
    width: 300px;
}

.home .one-half {
    width: 450px;
}

.home .column, .columns {
    display: inline;
    float: left;
    margin: 0 0 0 20px;
}

.home hr {
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 17px 0 18px;
}

.home .alt-hr {
    margin: 2px 0 2px;
}

.home h3 {
    font-size: 24px;
    line-height: 1;
    margin: 3px 0 9px;
}

.home a, .home a:hover {
    color : #2DAEBF;
}

.home h1, .home h2, .home h3 {
    letter-spacing: -1px;
}

.home h1, .home h2,.home h3, .home h4, .home h5, .home h6 {
    color: #333333;
    font-weight: bold;
}

.home .alt-h4 {
    color : #2DAEBF;
    font-size : 1.5em;
    padding-left : 0px;
    margin-bottom : 4px;
}

.home #worlds-greatest {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.home #worlds-greatest li {
    height: 36px;
    line-height: 1;
    padding: 0 0 18px;
}

.home #worlds-greatest li img {
    float: left;
    margin-top: 7px;
}

.home #worlds-greatest li p {
    color: #777777;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 130px;
    width: 150px;
}

.home p {
    line-height: 18px;
    margin: 0 0 18px;
}

.home #our-services ol {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.home ol {
    list-style: decimal outside none;
    margin-left: 30px;
}

.home #our-services li {
    margin-bottom : 10px;
}

.home #our-services li IMG {
    float : left;
    margin : 1px 8px 0 2px;
}

.home #our-services li H5 {
    color : #2DAEBF;
}

.home blockquote {
    background: url("./home_img/quote.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #444444;
    font-size: 15px;
    font-style: italic;
    padding: 9px 20px 0 35px;
}

.home blockquote {
    margin: 0 0 18px;
}

.home blockquote, .home blockquote p {
    color: #555555;
    font-size: 18px;
    line-height: 24px;
}

.home blockquote cite {
    margin-top: 10px;
}

.home blockquote cite {
    color: #999999;
    display: block;
    font-size: 13px;
    padding: 0 0 9px;
}

.home div.simple-sub-nav ul {
    border-top: 2px solid #EEEEEE;
    float: left;
    margin-top: -33px;
    padding-bottom: 30px;
    width: 100%;
}

.home div.simple-sub-nav li.current {
    border-top: 5px solid #A9014B;
}

.home div.simple-sub-nav li {
    border-top: 5px solid #FFFFFF;
    float: left;
    font-size: 17px;
    font-weight: bold;
    margin-right: 5px;
    padding: 5px 18px 5px 2px;
}

.home div.simple-sub-nav li.current a {
    color: #3B3B3B;
}

.home div.simple-sub-nav li a {
    color: #868686;
    text-decoration: none;
}

.home #pic {
    float : left;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    border: 1px solid #DDD;
    padding: 3px;
    margin : 0 10px 0 0;
}

#pic .zoom {
    background: url("home_img/ico_zoom.gif") no-repeat scroll 0 0 white;
    bottom: 0;
    height: 15px;
    margin-bottom: 1px;
    margin-right: 3px;
    position: absolute;
    right: 0;
    width: 15px;
}

.home #our-services #pic IMG {
    margin : 0 0 ;
}

/*
#tc-toolbar{
padding: 10px; 
border : 1px solid black;
}
*/
/* for news banners */
#banner-news {
    color: #00000;
}

#banner-news-label {
    float: left;
    width: 100px;
}

#banner-news strong {
    color: #000000;
}

#banner-news ol {
    float: left;
    height : 18px margin:0;
    overflow: hidden;
    padding: 0;
}

#banner-news ol li {
    display: list-item;
    height : 18px list-style-type:none;
    margin-left: 0;
}

/* for news scroller */
#slide .slide-visible-area {
    float: left;
}

#slide .slide-visible-area {
    background: url("/img/global/gradient/h300.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    height: 120px;
    position: relative;
    width: 680px;
    /*overflow : hidden;*/
}

#slide .slide-inner {
    clear: both;
    width: 20000em;
    position : relative;
}

#slide .item {
    float: left;
    width: 800px;
    position : relative;
}

#slide .item .title {
    position: absolute;
    top : 20px;
    left : 0;
}

#slide .item .desc {
}

#slide .item .img {
    float : left;
}

.xslide-item {
    width: 800px;
    position : relative;
}

.xslide-item .xslide-item-img {
    float : left;
}

.xslide-item .xslide-item-title {
    position: absolute;
    top : 20px;
    left : 0;
}

.slide-item .slide-item-desc {
}

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 660px;
    height: 90px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accommodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
.items div {
    float: left;
}

/* position and dimensions of the navigator */
.navi {
    margin-left: 328px;
    width: 200px;
    height: 20px;
}

/* items inside navigator */
.navi a {
    width: 8px;
    height: 8px;
    float: left;
    margin: 3px;
    background: url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
    display: block;
    font-size: 1px;
}

/* mouseover state */
.navi a:hover {
    background-position: 0 -8px;
}

/* active state (current page state) */
.navi a.active {
    background-position: 0 -16px;
}

ul.slideshow {
    list-style: none;
    width: 600px;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}

ul.slideshow li {
    position: absolute;
    left: 0;
    right: 0;
}

ul.slideshow li.show {
    z-index: 500;
}

ul img {
    border: none;
}

ul.slideshow li span {
    display: none;
}

#slideshow-caption {
    width: 600px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background: #000;
    z-index: 500;
}

#slideshow-caption .slideshow-caption-container {
    padding: 5px 10px;
    z-index: 1000;
}

#slideshow-caption h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

#slideshow-caption p {
    margin: 5px 0 0 0;
    padding: 0;
    white-space: normal;
}

/* ------------
* twitter 
------------ */
/* Form & timeline styles */
#twitter-container #twitter-header {
    height : 30px;
    padding : 0 10px ;
    background-color : #000000;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#twitter-container #twitter-header div {
    background: url(../img/twitter_logo_right.png) no-repeat left center ;
    height : 20px;
    float : left;
    width : 108px;
    margin-top : 5px;
}

#twitter-container #twitter-header span {
    color : white;
    position : relative;
    left : 10px;
    top : 7px;
    font-weight: bold;
}

#twitter-container {
    -moz-border-radius: 12px;
    -khtml-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 6px solid #f5f5f5;
    padding: 10px;
    width: 600px;
    font-size: 11px;
    font-family: 'Lucida Grande',sans-serif;
    color: #333333;
    margin : 0 0 10px 40px;
}

#twitter-container label {
    font-size: 20px;
    display: block;
    color: #999999;
}

#twitter-container .counter {
    color: #CCCCCC;
    float: right;
    font-family: Georgia,serif;
    font-size: 30px;
    font-weight: bold;
    height: 40px;
    overflow: hidden;
}

#twitter-container textarea {
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px #FFF;
    -webkit-box-shadow: 0 1px #FFF;
    box-shadow: 0 1px #FFF;
    border: 1px solid #CCCCCC;
    width: 594px;
    height: 38px;
    margin: 5px 0 10px 0;
    padding: 4px 2px;
    font-family: 'Lucida Grande',sans-serif;
    overflow: auto;
    font-size: 14px;
}

#twitter-container textarea:focus {
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    -khtml-border-radius: 0 0 8px rgba(82, 168, 236, 0.5);
    border-color: rgba(82, 168, 236, 0.75) !important;
}

.clear {
    clear: both;
}

#twitter-container .submitButton {
    color: #666666;
    font-size: 14px;
    height: 32px;
    width: 115px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #cccccc;
    background: url(../img/button_bg.gif) repeat-x #f5f5f5;
    cursor: pointer;
    float: right;
}

#twitter-container .submitButton:hover {
    background-position: bottom;
    border-color: #dddddd;
    color: #333333;
}

#twitter-container .inact,.inact:hover {
    background: #f5f5f5;
    border: 1px solid #eeeeee;
    color: #aaaaaa;
    cursor: auto;
}

#twitter-container .latest {
    color: #666666;
}

#twitter-container ul.statuses {
    margin: 10px 0;
}

#twitter-container ul.statuses li {
    position: relative;
    border-bottom: 1px dashed #D2DADA;
    padding: 15px 15px 15px 10px;
    list-style: none;
    font-size: 12px;
}

#twitter-container ul.statuses li:first-child {
    border-top: 1px dashed #D2DADA;
}

#twitter-container ul.statuses li:hover {
    background-color: #F7F7F7;
}

#twitter-container h3.timeline {
    margin-top: 2px;
    color: #999999;
    font-size: 20px;
    font-weight: normal;
}

#twitter-container div.tweetTxt {
    float: left;
    width: 498px;
    overflow: hidden;
    line-height: 15px;
}

#twitter-container .tweet-full-name {
    color: #999999;
    font-size: 12px;
}

#twitter-container .tweet-text {
    font-family: Arial,"Helvetica Neue",sans-serif;
    line-height: 19px;
}

#twitter-container .tweet-screen-name {
    color: #333333 !important;
    font-weight: bold;
}

#twitter-container ul.statuses a img.avatar {
    float: left;
    margin-right: 10px;
    border: 1px solid #446600;
}

#twitter-container ul.statuses img.tw-loading {
    float: left;
    margin-right: 10px;
}

#twitter-container div.date {
    line-height: 15px;
    font-size: 11px;
    color: #999999;
}

#twitter-container li a, #twitter-container li a:visited {
    color: #007bc4;
    text-decoration: none;
    outline: none;
}

#twitter-container li a:hover {
    text-decoration: underline;
}

.pager .controls a.next {
    background-position: 0 -795px;
}

/*NEw HEADER WIDGET */
.headerwidget {
    float : right;
    margin : 20px;
}

.logo {
    float: left ;
    margin: 15px 10px;
}

.mr6 {
    margin-right : 6px!important
    ;
}
.pl6 {
    padding-left : 6px; 
}

.pr6 {
    padding-right : 6px; 
}

.fs13em {
    font-size: 1.3em;
}

.forcedwhite {
    color: white!important;
}

.fb-width {
    width: 220px!important;
}

.vamiddle {
    vertical-align: middle ;
}

#site {
    padding-top : 60px;
}

#site .center-wrapper {
    background-color : white;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border : 1px solid #CCCCCC;
}

#site .center-wrapper-inner {
    margin : 5px;
}

.admin-page #site .center-wrapper-inner {
    margin : 0px;
}

#noresults {
    height : 200px;
}

.noimg {
    background: none !important;
    height : auto !important;
}

#noresults p , #okcheckmark p, .homemessage p, #userrelads P {
    padding-left : 20px;
    font-size: 16px;
}

.homemessage .thumbnail  p{
    margin : 10px 0px; 
    padding-left : 0px; 
} 

#noresults p big, #okcheckmark p big, .homemessage p big {
    font-size: 40px;
    font-weight: bold;
}

/* new indicator (orange) */
span.new {
    -moz-border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 1px 0 0 #F5ECB8;
    background: none repeat scroll 0 0 #FFF6C3;
    color: #525252;
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 2px 5px;
    position: relative;
    text-transform: uppercase;
    top: -2px;
}

.loadarea {
    /* padding-left  : 160px; */
    position: relative;
    float: none;
}

.loadarea .loading-img {
    width: 100%;
}

.loadarea .loading-content {
    width : 100%;
    position : absolute;
    top : 0;
    display: table;
}

.loadarea .loading-content .loading-text {
    position : relative;
    vertical-align: middle;
    display: table-cell;
    font-size: 3em;
    text-align: center;
    top: 1em;
    color: white;
}

.loadspan {
    font-size : 16px;
    font-weight: bold;
    margin-left : 10px;
    float : left;
}

.loadbox {
    height: 18px;
    width: 8px;
    float : left;
    border: 1px solid #000;
    margin: 0 5px 0 0;
    background: #CCC;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.bulleNew {
    background: url("../img/sprite_dormunt_2colors.png") no-repeat scroll -0px -1480px transparent;
    display: block;
    height: 14px;
    position: absolute;
    right: 1px;
    text-indent: -5000px;
    top: -12px;
    width: 21px;
}

.oe_wrap {
    display : block;
    position : absolute;
    /* padding: 5px 10px; */
    width: auto;
    max-width: 400px;
    height: 40px;
    line-height: 40px;
    background: #666666;
    opacity: 0.8;
    z-index: 1000;
    overflow: hidden;
    /* center */
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    text-align: center;
}

.oe_wrap div {
    color: white;
    opacity : 1;
    display: inline-block;
}

.oe_wrap div.content {
    font-weight: bold;
}

.mapinfowin_marker {
    float : left;
    margin-right : 5px;
}

/* special styles for leaflet */
#site.leaflet {
    padding-top : 2px;
}

.leaflet .center-wrapper, .leaflet #main-left {
    width: 780px!important;
}

#site.leaflet .center-wrapper {
    border : 2px dashed #AAAAAA;
}

.leaflet .addetails H1 {
    font-size: 30px;
}

.leaflet .panel #actions, .leaflet .panel #item-hits, .leaflet #inner-left .full-image-linkzoom, .leaflet #inner-left .item-desc {
    display : none;
}

.leaflet .addetails .item-pics-main {
    width: 340px;
    width: 100%;
}

.leaflet .item-pics-main .full-image-link1 IMG {
    width: 440px;
}

.leaflet .addetails .item-pics-thumbs {
    width: 100%;
}

.leaflet #item-qrcode {
    display : inline-block;
}

.leaflet #item-qrcode canvas {
    margin: 4px 4px 9px;
}

.leaflet .addetails .item-pics-thumbs IMG {
    width: 100px;
    height : 74px;
}

.leaflet #inner-left {
    width: 460px;
}

.leaflet #inner-right {
    width: 300px;
    margin-right : 10px;
}

#global_message #inner {
    /*
  text-align : center; 
  font-size  : 1.2em; 
  */
    /*margin-left : 20px; */
    /*display : block; */
}

#global_message i {
    float : left;
}

#global_message #inner a {
    color : #18658B;
    text-decoration: underline;
}

.leaflet #dashboard {
    border-width: 5px 1px;
    position : relative;
}

.leaflet #dashboard span {
    font-size : 14px;
    position : absolute;
    top : 10px;
    margin-left : 10px;
}

.leaflet #dashboard p {
    font-size : 14px;
}

/* ----------  stats & Logs  ------------*/
#dash .wrapper {
    clear : both;
    margin : 6px 0;
    display : inline-block;
    width: 100%;
}

#logs {
    clear : both;
}

#logs .wrapper {
    clear : both;
    margin : 6px 0 ;
    display : block;
}

#dash .wrapper .title, #logs .wrapper .title {
    /* border-bottom: 2px solid #666; */
    /* margin : 4px 0; */
    padding: 4px 15px;
}

#dash .wrapper .title span, #logs .wrapper .title span {
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
    /* background-color: #666; */
    /* color : white; */
    /* border : 1px solid #666; */
    -moz-border-radius-topright: 3px;
    -khtml-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -khtml-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
}

.dashnodata {
    padding: 3px 10px;
}

#logs a.dm_button2 {
    display : block;
    /* width : 200px; */
    margin-left : auto;
    margin-right : auto;
    text-align: center;
}

#dash .wrapper .inner.one-col {
    /* width : 750px; */
    float : left;
}

#dash .wrapper .inner.col1 {
    /* width : 400px; */
    /* float : left; */
}

#dash .wrapper .inner.col2 {
    /* float : left; */
    /* margin : 10px 0 4px 20px; */
    /* width : 300px; */
    px; */
}

#dash .wrapper .inner.graph {
    height : 200px;
}

#dash #top_dashboard.wrapper .inner.graph {
    height : 140px;
}

#dash #title {
    margin : 10px 0 5px 0;
    font-size: 1.5em;
    font-weight: bold;
    padding : 5px 5px 5px 5px;
    background-color : #EEE;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    float : clear;
}

#dash #section1, #dash #section2 {
    float : left;
}

#dash #section1 {
    width : 300px;
    margin-left : 10px;
}

#dash .figure {
    font-size: 2em;
    margin-left : 20px;
}

#dash .figure a {
    font-size: 0.7em;
    margin-left : 10px;
    font-weight: normal;
}

#dash .pie_chart {
    width : 350px;
    height : 200px;
    float : right;
}

#dash table {
    font-size : 95%;
}

#dash table th {
    border-bottom: 1px solid #BBB;
    /* background: #E5E5E5; */
    white-space: nowrap;
}

#dash table th.text {
    /* width: 30%; */
    text-align: left;
}

#dash table td.text {
    text-align: left;
}

#dash table td a {
    color: #058DC7;
    /*overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display : block;*/
}

#dash table th {
    padding: .5em .75em;
    text-align: right;
}

#dash table td {
    border-top: 1px solid #BBB;
    /* background: #F9F9F9;*/
    padding: .5em .75em;
    text-align: right;
}

/*@ file manager mode  -- */
/*
#main-nav-links a {
font-size: 1.2em!important;
}


.pcol-c-d-wrap{
height : 100%!important; 
}
*/
.file-link a {
    text-align : center;
    margin-right : 10px;
    color : #fff;
    font-size : 10px;
    padding : 1px 5px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.file-link .link-catl1 {
    background-color : #5A5A5A;
}

.file-link .link-catl2 {
    background-color : #F5F5F1;
    color : black;
}


/* ribbon style */
.ribbon-wrapper {
    position: absolute;
    bottom : 50px;
    padding: 4px;
    background-color: #E21B25;
    opacity : 0.8; 
}

.ribbon-wrapper.greenrib {
    background-color: #7BAD3A;
}

.ribbon-wrapper.orangerib {
    background-color: #F3B021;
}

.ribbon-wrapper.bluerib {
    background-color: #18648B;
}

.ribbon-front {
    color : white;
    font: 10px/10px 'WebSymbolsRegular', sans-serif;
    margin : 1px 8px;
}

.ribbon-front2 {
    color : black;
    font: 14px/40px 'WebSymbolsRegular', sans-serif;
    margin : 1px 8px;
}

/* style for drop down menu  */
.drop-down-box li.bbtom {
    border-bottom: 1px solid #999999 !important;
}

.drop-down-box li.btop {
    border-top: 1px solid #999999 !important;
}

/* more buttons */
.button_more, .button_more_2 {
    background-color: #F6F6F6;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*border:1px solid #AAA;*/
    color: black!important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width : 95%;
}

.button_more_2 {
    width : 100%;
    background-color: #ECECEC;
}

#listing-nav-infinite div.loading {
    background: url('../img/loading.gif') no-repeat;
    height : 40px;
    width : 40px;
    margin : 0 auto;
}


/* admin sub nav menu */
#sub-nav ul li div.title2inner {
    display: block;
    border-bottom : 1px solid #C1C1C1;
    color : #C1C1C1;
}

/* sidebar modules  */
#latestzetevu-title-img {
    background-position: 0 -1180px;
}

#mostviewed-title-img {
    background-position: -20px -100px;
}

#top-title-img {
    background-position: -20px -160px;
}

#latest-title-img {
    background-position: -20px -220px;
}

#urgent-title-img {
    background-position: -20px -160px;
}

/* updated dashboard styles */

#dash, #logs, #coms_wrapper {
    /* background-color :white; */
}

#dash table tr:first-child th, #logs table tr:first-child th {
    /* border-bottom: 1px solid gray; */
    /* color: black; */*
    font-weight: bold; */
    padding: 12px 8px 3px;
    /* background: white; */
    !important
    }

#dash table th.text {
    /*width: 30%;*/
    text-align: left;
}

#dash .settings {
    padding: 5px 5px 5px 5px;
    background-color: #EEE;
    /* margin: 5px; */
    margin-bottom: 5px;
}

#dash .wrapper .inner.col2 {
    /* margin : 2px 0 4px 20px; */
}

#dash table tr:hover td {
    background-color: #FFC;
    cursor: pointer;
}

#dash table td.perc {
    white-space: nowrap;
    text-align: left;
}

#dash table td .bar {
    background-color: #058DC7;
    display: inline;
    float: left;
    height: 1.17em;
    margin: 0 4px 0 0;
    min-width: 1px;
}

#logs table td img.mini {
    width : 16px;
    height : 16px;
}

#logs table {
    font-size : 95%;
}

#logs table th {
    /* border-bottom: 1px solid #BBB; */
    /* background: #E5E5E5; */
    white-space: nowrap;
}

#logs table th.text {
    /* text-align: left; */
}

#logs table td.text {
    text-align: left;
    /* word-break: break-word; */
}

#logs table th {
    /* padding: .5em .75em; */
    /* text-align: right; */
}

#logs table td {
    border-top: 1px solid #BBB;
    /* background: #F9F9F9;*/
    /* padding: .5em .75em; */
    text-align: right;
}

/* severity styles */
.severity_0 {
    background: white;
}

.severity_1 {
    background: orange;
}

.severity_2 {
    background: red;
}

.category-title, .category-title a {
    font-size: 10px!important ;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-view .category-title, .category-title a, .maplist-view .category-title {
    width: 85px;
}

.thumb-view .category-title, .category-title a {
    width: 153px;
}

.adinput2 {
    background-color : white;
    te; */
    border-top : none;
}

.labelform2 {
    font-weight: normal;*
    border-top : none; */
}

.noresults {
    background: url(../img/noresults_bg.png) no-repeat right center ;
    height : 100px;
    padding : 10px 0 0 20px;
    font-weight: bold;
    font-size : 1.5em;
}

#log-batch-actions-wrapper {
    margin: 5px 5px 5px 10px;
}

#log-batch-actions-wrapper a {
    margin: 0px 10px 0px 0px;
    text-decoration: underline;
}

/* for password checker */
.adpostlabel.good {
    color : green;
}

.adpostlabel.bad {
    color : red;
}

/* display for infinite scroll */
a.dm_button2#loadmore {
    display: block;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

/* bug correction */
UL.post-list LI.hasinfofocus .post , UL.post-list LI.hasinfofocus .post .pcol-c-d-wrap div.inner {
    background-color : #C1C1C1!important;
}

UL.post-list LI.hasfocus .post, UL.post-list LI.hasfocus .post .pcol-c-d-wrap div.inner {
    background-color : #E1E1E1!important;
}

.actions-ul {
    margin : 0 0 0 0 !important;
}

.actions-ul span.order {
    width: 10px;
    display: inline-block;
    text-align: center;
    /*background-color: green;
  margin: 0 2px;
  color: white;
   -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;*/
}

/* news and top menu */
.pty_news {
    background-color : black;
}

.zads_adsense_area {
    margin : 0 0 3px 0;
    background-color : #F5F5F1;
    width : 100%;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.zads_adsense_wrapper {
    padding : 10px;
}

/* scroll top button used for infinite scroll */
#ScrollTop {
    right: 15px;
    bottom: -10px;
    width: 50px;
    padding: 20px 10px 30px;
    -moz-transition: bottom 250ms ease-in-out;
    -webkit-transition: bottom 250ms ease-in-out;
    -o-transition: bottom 250ms ease-in-out;
    height : 60px;
    position: fixed;
    z-index: 4;
    display: block;
    text-align: center;
    font-size: 15px;
    /*border-width: 0; */
    box-shadow: 0 0 #fff;
    -moz-box-shadow: 0 0 #fff;
    -webkit-box-shadow: 0 0 #fff;
}

#ScrollTop.Off {
    bottom: -100px;
    -moz-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
}

.bton.ScrollTop span {
    border-width: 0;
    box-shadow: 0 1px 3px rgba(34,25,25,0.5);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.5);
}

/* Generic BOX Model  */
.dm_container {
    -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); */
    -webkit-transition: opacity .218s;
    -moz-transition: opacity .218s;
    -ms-transition: opacity .218s;
    -o-transition: opacity .218s;
    transition: opacity .218s;
    background: white;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, .2);
    cursor: default;
    font-size: 13px;
    margin: 0;
    outline: none;
    padding: 0 0 6px;
    position: absolute;
    text-align : left;
    z-index : 1000;
}

.dm_container ul {
    margin : 0px!important;
}

.dm_container .header {
    padding : 2px 8px;
    color: #333;
}

.dm_container .separator {
    border-top: 1px solid #EBEBEB;
    margin-top: 5px;
    margin-bottom: 6px;
}

.dm_container .check, .dm_container .select-one, .dm_container .text {
    padding-right: 44px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    color: #333;
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 2px 7em 2px 30px;
    white-space: nowrap;
}

.dm_container .check {
    background-image: url(../img/tristate-unchecked.png);
}

.dm_container .check.checked {
    background-image: url(../img/tristate-checked.png);
}

.dm_container .loading {
    margin : 2px 0 0 2px;
    background-image: url(../img/anim_loading.gif);
    cursor: inherit;
}

.dm_container .search {
    overflow: hidden;
    border: 1px solid;
    padding: 1px;
    margin: 6px 8px;
    border-color: #888 #CCC #CCC #CCC;
    position: relative;
}

.dm_container .select-one.checked {
    background-image: url(../img/checkmark.png);
}

.dm_container .enhover:hover {
    background-color: #EEE;
}

/* autocomplete variant */
.autocomplete div {
    display : inline-block;
    font-size : 10px;
    margin-right : 2px;
}

.autocomplete div.cnt, .autocomplete div.anv {
    font-size : 08px;
}

.autocomplete {
    /* top : 40px!important; */
    z-index : 10;
}

/* ------------ search bar -----------*/
#search-bar #search-type {
    float : left ;
    padding : 3px;
    margin-left : 10px;
}

#search-bar .down-arrow-black {
    background: url("../img/sprite_dormunt_2colors.png") no-repeat;
    background-position: -3px -983px;
    width: 10px;
    height: 8px;
    margin: 10px 5px 0 2px;
    display: inline-block;
    float : left;
}

/* zads 4.0 new types of images */
.fileupload_preview.avatarimg IMG {
    width : 40px;
    height : 50px;
}

.fileupload_preview.probannerimg IMG {
    width : 300px;
    height : 37px;
}

.fileupload_preview.probannerimg {
    width : 300px;
}

/* ZADS 4.0 theme for Pick list  */
.picklist .scroll {
    height : 12em;
    width : 80%;
    overflow-y: auto;
    border : 1px solid #aaa;
    padding : 4px 4px;
    margin-top : 10px;
}

.picklist .level_2 {
    margin-left : 10px!important;
}

.picklist .level_1 {
    background-color : #EEE;
    font-weight : bold;
    padding: 0 10px;
}

.scroll div {
    margin : 1px 4px 1px 4px;
}

.scroll div.title1 {
    font-weight: bold;
}

.scroll div.item:hover {
    background-color: #E1E1E1;
}

.scroll .aaction {
    margin-left : 10px;
    text-decoration: underline;
}

::-webkit-scrollbar {
    width: 12px;
    height : 12px;
}


::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
}

::-webkit-scrollbar-track-piece {
    background-color: #dadada;
}

::-webkit-scrollbar-thumb:vertical {
    height: 25px;
    background-color: #5A5A5A;
    border : 1px solid white;
}


/* star rating system */
/* ---------- Lists ---------- */
#pick_skills_selected ul, .userdetails #skills ul, .post-list #skills ul {
    display : inline-block;
    margin : 2px 5px;
}

.post-list #skills ul li {
    float : none;
}

.post-list #skills div {
    display : inline-block;
    /* float : left; */
    margin-right: 0 2px;
    margin-right: 2px;
    border-radius: 0px;
}

.post-list #skills.mastercat div {
    display : block;
    float : none ;
    margin : 0 0 ;
}

.post-list #skills .title2 {
    /* background-color : #F5F5F1; */
}

.post-list #skills .current .title2 {
    background-color : #5F5F5F;
    color : white;
}

#pick_skills_selected ul li.text {
    margin : 0 5px;
}

/* main title for pick list */
#pick_skills .title1 {
    font-weight: bold;
    /*border-bottom: 1px solid #DDD;*/
}

#pick_skills_list .title1 {
    color : #FFF;
    background : #5F5F5F;
    padding: 0 10px;
}

#pick_skills_selected .item .title2, .userdetails #skills .title2 {
    min-width : 30%;
    display : inline-block;
    /*font-size : 16px; */
    margin-left : 5px;
}

#pick_skills_selected .item .title2:first-letter,
.userdetails #skills .title2:first-letter {
    text-transform: uppercase;
}

#pick_skills_selected .item .rating-w-fonts {
    display : inline-block;
}

#pick_skills_selected .item .help_rating {
    display : inline-block;
    min-width : 20%;
}

#pick_skills_selected .item .aaction {
    min-width : 10%;
    display : inline-block;
    margin-left : 5px;
}

.rating-w-fonts li {
    display: inline;
}

.rating-w-fonts li.star {
    font: 16px/20px 'WebSymbolsRegular', sans-serif;
    color: #eee;
    /*text-shadow: 1px 1px 0px #323439;*/
    cursor: pointer;
}

.rating-w-fonts li.star.rated, .rating-w-fonts li.star:hover {
    color: #18658B;
}

/* patch for Userdetails display */
.userdetails .rating-w-fonts li.star {
    cursor: default;
}

.userdetails .rating-w-fonts li.star:hover {
    color: #eee;
}

/* patch for image formats */
.userdetails.premium #avatar .item-pics-main {
    margin-bottom: 1px;
    width: 100px;
}


.addetails .userdetails.premium #avatar .item-pics-main .full-image-link1 IMG {
    width : 90px;
    border: 1px solid #FFF;
}

.userdetails.premium #probanner .item-pics-main {
    margin-bottom: 1px;
    width: 100%;
}

.addetails .userdetails.premium #probanner .item-pics-main .full-image-link1 IMG {
    width : 728px;
    height : 90px;
}

.addetails .userdetails.premium #probanner .item-pics-main .full-image-link1 IMG {
    width: inherit;
    /* min-width : 728px; */
    max-width : 100%;
    height : 90px;
}

.userdetails.premium #portfolio .item-pics-main {
    margin-bottom: 1px;
    width: 240px;
}

.addetails .userdetails.premium #portfolio .item-pics-main .full-image-link1 IMG {
    width : 240px;
}

.addetails .userdetails.premium H1, .addetails .userdetails.premium H2 {
    text-transform: uppercase;
}

.addetails .userdetails.premium H2 {
    color : black!important;
    border-bottom: 1px solid #E6E6E6;
    /* margin-top: 20px; */
}

.userdetails.premium .panel-inner {
    border: 0px solid #E6E6E6!important;
    padding-top: 0px;
}

/* paypal paiment details */
TABLE.payment-details {
}

.payment-details tr {
    border-bottom : 1px solid #EEE;
}

.payment-details td {
    padding : 0 0;
}

.payment_totamount {
    margin : 4px;
    font-size : 1.3em;
}

/* ----------- STyle for the Pricing plans  ------------------*/
#plans {
    margin: 20px 0px;
}

#plans .plans_all {
    /* margin : 10px 10px; */
}

#plans .plans_all .col {
   padding-right : 2px;
   padding-left : 2px;
   text-align: center;
   position: relative;
}

#plans  .panel-the-price {
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 10px;
    margin: 0;
}

#plans  .panel-the-price  .h1 {
    line-height: em;
    padding: 0;
    margin: 0;
}

#plans  .panel-the-price  .small {
}

#plans .plan-sub-title{
    background-color: #0a96bc3d;
       text-transform: uppercase;
}
#plans .pld .limit{
    padding :0px 2px; 
    font-weight : bold; 
    background-color : #fff; 
}


#plans  .panel-body {
padding: 4px; 
}


#plans  .panel-body  li {
   padding : 4px 10px;
   font-size : 0.8em;
   text-align: left;

}

#plans  .panel-body  li:not(:last-child) {
    border-bottom : 1px solid #f2f2f2;
}

#plans  .panel-body  li i {
    margin-right : 4px; 
    width : 16px; 
}




#plans .plans_header {
    margin-left: 20px;
}

#plans .plan_item {
    float : left;
    border : 1px solid #EEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width : 29%;
    margin : 0 4px;
}

#plans .plan_item .pl_header {
    background-color: #5A5A5A;
    padding : 4px 24px 4px 24px;
    color : white;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


#plans  .recommended-plan-ribbon {
    box-sizing: content-box;
    background-color: #e96b10;
    color: #FFF;
    position: absolute;
    padding: 3px 6px;
    font-size: 11px!important;
    font-weight: 500;
    left: -6px;
    top: -12px;
    z-index: 1;
    width: 100%;
    -webkit-box-shadow: 0 -1px #c2284c inset;
    box-shadow: 0 -1px #e96b10 inset;
    text-shadow: 0 -1px #e96b10;
}

#plans .recommended-plan-ribbon:before {
    border: solid;
    border-color: #e96b10 transparent;
    border-width: 6px 0 0 6px;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    z-index: 90;
}

#plans  .recommended-plan-ribbon:after {
    border: solid;
    border-color: #e96b10 transparent;
    border-width: 6px 6px 0 0;
    bottom: -5px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 90;
}

/*default color for button*/
#plans .plan_item .buttons_area_top {
    background-color: #5A5A5A;
}

#plans .plan_item .buttons_area_top .btn {
    text-transform  : uppercase; 
    font-weight  : bold; 
}

/* special colors */
#plans .plan_item.plan_0 .pl_header, #plans .plan_item.plan_0 .buttons_area_top, .adinput.plan_option.plan_0, .adlist_plan.plan_0 {
    background-color: #507484;
}

/* special colors */
#plans .plan_item.plan_1 .pl_header, #plans .plan_item.plan_1 .buttons_area_top, .adinput.plan_option.plan_1, .adlist_plan.plan_1 {
    background-color: #507484;
    background-color: #0080c0;
}

#plans .plan_item.plan_2 .pl_header, #plans .plan_item.plan_2 .buttons_area_top, .adinput.plan_option.plan_2, .adlist_plan.plan_2 {
    background-color: #344C56;
    background-color: rgb(255, 128, 0);
}

#plans .plan_item.plan_3 .pl_header, #plans .plan_item.plan_3 .buttons_area_top, .adinput.plan_option.plan_3, .adlist_plan.plan_3 {
    background-color: #020202;
    background-color: #800040;
}

.adinput.plan_option {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.adinput.plan_option .adpostlabel {
    color : #FFF !important;
}

.adinput.plan_option .adpostlabel .plan_name {
    font-weight: bold;
    text-transform: uppercase;
}

#plans .plan_item .pl_header .pl_name {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

#plans .plan_item .pl_header .pl_desc {
    font-size: 12px;
    text-align: center;
}

#plans .plan_item .pl_header .pl_price {
    font-size: 16px;
    text-align: center;
    color : #CDDAE0;
}

#plans .plan_item ul {
    margin: 0 24px 0 8px;
    list-style: none;
}

#plans .plan_item li {
    padding: 0 0 0 16px;
    font-size: 11px;
    color: #808080;
}

#plans .plan_item li span.pld {
    display: block;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
    border-bottom: dotted 1px #ddd;
}

#plans .plan_item .limit {
    font-weight: bold;
    color: #222;
    margin-right : 4px;
    margin-left : 6px;
}

#plans .plan_item .name {
    color: #222;
}

#plans .plan_item .plan-icon {
    color: black;
    font-size : 12px;
}

#plans .plan_item.plan_1 .plan-icon {
    color: #0080c0;
}

#plans .plan_item.plan_2 .plan-icon {
    color: rgb(255, 128, 0);
}

#plans .plan_item.plan_3 .plan-icon {
    color: #800040;
}

#plans .plan_item li.noval, #plans .plan_item li.noval .limit {
    color: #ccc;
}

#plans .plan_item .buttons_area_top, #plans .plan_item .buttons_area_bottom {
    text-align: center;
    margin: 10px 0;
}

#plans .plan_item .buttons_area_top {
    margin : 0 0;
    padding : 10px 0;
}

#plans .plan_item .buttons_area_top .dm_button2 {
    width: 70%;
}

#plans .plan_item .buttons_area_bottom .dm_button2 {
    width: 70%;
}

#plans .plans_faq dl {
    float: left;
    width: 49%;
}

#plans .plans_faq dt {
    margin-top: 32px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    background: url(../img/icon_question.jpg) 8px 0 no-repeat transparent;
}

#plans .plans_faq dd {
    width: 288px;
    padding-left: 32px;
    margin-left: 0px;
}

#plans .plans_faq dd p {
    margin-bottom: 0;
    font-size: 11px;
    line-height: 16px;
    color: #808080;
}

.picsCounterOverlay {
    position: absolute;
    bottom: 7px;
    left: 4px;
    margin-right: 0;
    margin-top: 0;
    background-color: #CCC;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    font-size: 11px;
    color : #FFF!important;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    opacity: 0.75;
    padding: 0 4px;
    vertical-align: top;
}

/* extra theme */
.icon-fa-us_skills:before {
    content: "\f0e8";
}

.icon-fa-us_longdesc:before {
    content: "\f0a1";
}

.icon-fa-us_bio:before {
    content: "\f0a1";
}

.icon-fa-us_phone:before, .icon-fa-ad_enphone:before {
    content: "\f098";
}

.icon-fa-us_dispemail:before , .icon-fa-ad_enemail:before {
    content: "\f0e0";
}

.icon-fa-ad_nb:before {
    content: "\f02c";
}

.icon-fa-us_videoembed:before {
    content: "\f008";
}

.icon-fa-ad_nbpics:before {
    content: "\f030";
}

.icon-fa-us_avatarimg:before {
    content: "\f007";
}

.icon-fa-us_folioimg:before {
    content: "\f03e";
}

.icon-fa-ad_nbvideos:before, .icon-fa-ad_videoembed:before {
    content: "\F03D";
}

.icon-fa-us_subscription:before {
    content: "\F017";
}

/*new in zads 6.8.1*/
.icon-fa-us_prowebsite:before {
    content: "\F0ac";
}

.icon-fa-us_links:before, .icon-fa-ad_links:before {
    content: "\F0c1 ";
}

/* map zads 4.9.7  */
.map_area {
    /* margin : 10px; */
}

.map_first_p {
    /*border-top : 1px solid #E1E1E1;*/
    /* padding-top : 10px; */
    /* font-size : 1.2em; */
}

.country_map {
    width : 70%;
    margin : 0 auto;
}

.map_last_p {
}

#loc-nav ul li.active {
    background-color : orange;
}



/* Social Media Brand Colors

twitter:     #00aced     rgb(0, 172, 237)
facebook:    #3b5998     rgb(59, 89, 152)
googleplus:  #dd4b39     rgb(221, 75, 57)
pinterest:   #cb2027     rgb(203, 32, 39)
linkedin:    #007bb6     rgb(0, 123, 182)
youtube:     #bb0000     rgb(187, 0, 0)
vimeo:       #1ab7ea     rgb(26, 183, 234)
tumblr:      #32506d     rgb(50, 80, 109)
instagram:   #bc2a8d     rgb(188, 42, 141)
flickr:      #ff0084     rgb(255, 0, 132)
dribbble:    #ea4c89     rgb(234, 76, 137)
quora:       #a82400     rgb(168, 36, 0)
foursquare:  #0072b1     rgb(0, 114, 177)
forrst:      #5B9A68     rgb(91, 154, 104)
vk:          #45668e     rgb(69, 102, 142)
wordpress:   #21759b     rgb(33, 117, 155)
stumbleupon: #EB4823     rgb(235, 72, 35)
yahoo:       #7B0099     rgb(123, 0, 153)
blogger:     #fb8f3d     rgb(251, 143, 61)
soundcloud:  #ff3a00     rgb(255, 58, 0)

*/



/* social URL WIDGET */
.social-widget-header {
    position: fixed;
    right: 48px;
    top: 130px;
    min-height: 30px;
    width: 42px;
    border: 1px solid #bebebe;
}

.social-widget-header UL {
    margin: 0;
}

.social-widget-header i {
    font-size: 40px;
}

.social-widget-header i:hover{
    opacity: 0.8;
}

.social-widget-header li {
    height: 40px;
    /* border-bottom: 1px solid #bebebe; */
    background: #fefefe;
    padding: 2px;
    position: relative;
}

.social-widget-header li a {
    display: block;
    /* height: 40px; */
    /* width: 40px; */
    color : black;
}

.social-widget-header li a:hover {
}

.social-widget-header i.icon-fa-envelope {
    font-size: 36px!important;
}

/*---- socialfooter --------*/
ul.social-footer {
    margin: 0!important;
}

.social-footer i {
    font-size : 20px;
    line-height: 40px;
}

.social-footer li {
    float : left ;
    margin-right : 4px ;
}

.social-footer li a {
    display: block;
    margin : 4px;
    color: white!important;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    text-align: center;
    background-color: transparent;
    border-color: white;
}

.social-footer li a:hover {
    color: #000!important;
    background-color: #fff!important;
}

/*// oauth login*/
.oauth_register-button {
    color: white;
    padding: 2px 4px;
    text-decoration: none;
}

.oauth_register-button:hover {
    color : white;
}

.auth-type-tw, .auth-type-fb, .auth-type-fa, .auth-type-go, .btn-facebook, .btn-google, .btn-twitter, .btn-linkedin {
    color: #fff;
}

.social_connect_header_text .oauth_register-button{
    display : block;
    text-align : center;
    padding: 4px;
    margin: 4px 30px;
    color: white;
}

.oauth_register-button.btn-facebook, .auth-type-fb, .auth-type-fa, .btn-facebook {
    background: #3A5AA0;
}

.oauth_register-button.btn-google, .auth-type-go, .btn-google {
    background: #D74720;
}

.oauth_register-button.btn-twitter, .auth-type-tw, .btn-twitter {
    background: #00B4F3;
}

.oauth_register-button.btn-linkedin, .auth-type-lk, .btn-linkedin {
    background: #4875B4;
}

#network .login-menu .login-user-name {
    color : white;
}

/*// the P on registration is updated with social context*/
.social_connect_header_text.updated {
    font-size : 1.4em;
}

.social_connect_header_text.updated span {
    font-size: inherit;
}


.social-twitter i { color :      #00aced!important    }
.social-facebook i { color :     #3b5998!important     }
.social-googleplus i, .social-gplus i { color :   #dd4b39!important     }
.social-pinterest i { color :    #cb2027!important     }
.social-linkedin i { color :     #007bb6!important     }
.social-youtube i { color :      #bb0000!important     }
.social-vimeo i { color :        #1ab7ea!important     }
.social-tumblr i { color :       #32506d!important     }
.social-instagram i { color :    #bc2a8d!important     }
.social-flickr i { color :       #ff0084!important     }

/*
dribbble:    #ea4c89     rgb(234, 76, 137)
quora:       #a82400     rgb(168, 36, 0)
foursquare:  #0072b1     rgb(0, 114, 177)
forrst:      #5B9A68     rgb(91, 154, 104)
vk:          #45668e     rgb(69, 102, 142)
wordpress:   #21759b     rgb(33, 117, 155)
stumbleupon: #EB4823     rgb(235, 72, 35)
yahoo:       #7B0099     rgb(123, 0, 153)
blogger:     #fb8f3d     rgb(251, 143, 61)
soundcloud:  #ff3a00     rgb(255, 58, 0)

*/

/* --- END  --------  6.7 THEME --------------- */
/*.social-elem .icon-fa-facebook-square{
  color : #3A5AA0;
}

.social-elem .icon-fa-google-plus-square{
  color : #D74720;
}

.social-elem .icon-fa-twitter-square{
  color : #00B4F3;
}

.social-elem .icon-fa-linkedin-square{
  color : #4875B4;
}
*/



.animated-effect-1 li a {
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 59.6899ms 0ms;
    position: relative;
    z-index: 1;
}

.animated-effect-1 li a:hover {
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}


.newsletter-form a {
    margin-top : 4px;
    width : 80%;
}

.files-infos {
    padding : 2px 10px;
    font-size : 1.2em;
    margin : 0px;
}

.files-infos li {
    padding-right : 10px;
    float : left;
    heigth: 34px;
    line-height: 34px;
}

.files-infos i {
    padding-right : 4px;
}

.files-img-tn {
    height: 30px;
    width : auto;
    padding-left: 10px;
}

.files-actions {
    font-size : 1.5em;
    color : black;
}

#emails_manager li, #file_editor .actions li {
    padding-right : 10px;
    float : left;
}

.fullwidth {
    width: 100%!important;
}

#emails_manager span.big {
    color: white;
    background-color: #333;
    margin-right: 10px;
    padding: 4px;
}

.flags.fr_FR {
    background-position: 0px 0px;
    background-image: url("../img/sprite_flags.png");
    background-repeat: no-repeat;
    height: 6px;
    width: 16px;
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block;
}

.flags.tr_TR {
    background-position: 0px -76px;
    background-image: url("../img/sprite_flags.png");
    background-repeat: no-repeat;
    height: 6px;
    width: 16px;
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block;
}

.flags.en_US {
    background-position: 0px -43px;
    background-image: url("../img/sprite_flags.png");
    background-repeat: no-repeat;
    height: 6px;
    width: 16px;
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block;
}

.flags.it_IT {
    background-position: 0px -87px;
    background-image: url("../img/sprite_flags.png");
    background-repeat: no-repeat;
    height: 6px;
    width: 16px;
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block;
}

.flags.sv_SV {
    background-position: 0px -98px;
    background-image: url("../img/sprite_flags.png");
    background-repeat: no-repeat;
    height: 6px;
    width: 16px;
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block;
}

.new_banner_msg_error {
    color: white;
    background-color: red;
    padding: 4px;
    font-size: 1.2em;
    margin-bottom: 4px;
}

.new_banner_msg_error i {
    margin-right : 10px;
    font-size: 2em;
}

.highlight_badwords {
    background: red;
    color : white;
}

.icon_overlay.badwords {
    position: absolute;
    bottom: 40px;
    right: 4px;
    font-size: 20px;
    color: red;
}

.adinput_vfields {
    margin : 10px 0px;
    /* border-bottom : 1px solid #E5E5E5; */
    font-size: 0.9em;
}

.adinput_vfields .input-group input,
.adinput_vfields .input-group select,
.adinput_vfields .input-group .input-group-addon{
    font-size : inherit; 
}

.adinput_vfields > div
{
    margin: 6px 0px;
}
.vfield_in_div span.error{
    margin : 0px;
    padding : 0px!important;
}

.adinput_vfields .input-group{
    line-height : 30px;
}

.vfield_in_div span.error:first-letter {text-transform: uppercase}


.adinput_vfields .disp_label {
    padding: 0;
    line-height: 30px;
}

.adinput_vfields select {
    width: 50%;
}

.adinput_vfields input[type=text] {
    border: 1px solid #aaa!important;
}

.adinput_vfields input[type=text].input-error{
    border-right : 4px solid red!important; 
}

.adinput_vfields .unit {
    margin-left : 6px;
}

.panel-inner-top#vfields {
    font-size : 0.9em;
}

.panel-inner-top#vfields .key {
    padding-right : 4px;
    display : inline-block;
    width: 130px;
    font-size : 1em;
}

.panel-inner-top#vfields .unit {
    margin-left : 6px;
}

/* --------------- updated style for 5.5 -------------  */
.mr6 {
    margin-right : 6px;
}

/*special for admin pages ( applicable to all designs) */
.admin-page #sidebar, .admin-page #header-widgets-section, .admin-page #dashboard, .admin-page .social-widget-header, .admin-page #topgallery {
    display: none;
}

.admin-page #site {
    padding-top: 40px;
}

.admin-page #main-left, .admin-page #forminput {
    width : 100%!important;
}

.admin-page .adinput, .admin-page .adinput_label {
    /* width: 600px!important; */
}

.admin-page .pcol-d {
    display : block;
}

.admin-page .list-view .pcol-b {
    width : 420px;
}

.admin-page #admin .col_8 {
    width : 800px;
}


/* extra*/
.advsearch-footer-wrapper {
    float: right;
}

.advsearch-button {
    float : right;
    margin: 0px 10px;
    display: inline-block;
}

.avdsavethissearchbutton{
    float : right;
    margin: 0px 10px;
    display: inline-block;
}

.advsearch-second {
    padding: 2px 6px;
}

.advsearch-second .vfield_in_div  {
    float : left;
    padding: 0px 10px 4px 10px;
    /* line-height : 20px; */
    border: 1px solid #656565;
    margin: 0px 4px 2px 4px;
    /* min-height: 60px; */
}


.advsearch-second .vfield_in_div .multi-ranges-slider{
    min-width : 100px; 
}

.advsearch-second .min {
    background-color: #777;
    margin-right : 0px ;
}

.advsearch-second .unit {
    margin-left : 4px;
}

.advsearch-second .min .unit {
    display : none ;
}

.advsearch-second .max {
    background-color: #777;
    margin-left : 0px ;
}

#advsearch-form .advsearch-second .vfield_in_div .gen-checkbox, 
#advsearch-form .advsearch-second .vfield_in_div .gen-radio,
#advsearch-form .advsearch-second .vfield_in_div .unit, 
#advsearch-form .advsearch-footer .gen-checkbox 
{
    color : white; 
}

.multi_inputs_list_wrapper li.search.vfield, .opt_search_style {
    background-color: #FFF000;
}

/*upadte 5.5.1*/
TABLE TD.actions i {
    font-size : 1.3em;
}

.adlist_status, .adlist_priority, .adlist_protype, .adlist_plan {
}

.adlist_origin{
    color: white;
    background-color: black;
    padding: 2px 10px;
    font-size : 0.8em; 
}

.post .adlist_origin{
    display : block; 
    margin-bottom : 2px; 
    border-radius :0px; 
}


.type2_demo{
    background-color : #e49955;
}

.pcol-d .adlist_status, .pcol-d .adlist_plan{
    display : block; 
    margin-bottom :6px ; 
}

.item-dpe .dpe {
    position: relative;
    width: 140px;
    height: 194px;
    float: left;
    padding: 0 0 0 190px;
    margin : 10px 0px;
}

.dpe li {
    position: absolute;
    width: 40px!important;
    height: 22px;
    background: #000000 url("../img/bg_DEP-li_arrow.jpg") no-repeat 0 0;
    padding: 0 10px 0 20px;
}

#dpe1.dpe {
    background: url("../img/bg_dpe.jpg") no-repeat 0 0;
    margin-right: 40px;
}

#ges1.dpe {
    background: url("../img/bg_ges.jpg") no-repeat 0 0;
}

.dpe li span {
    height: 22px;
    line-height: 22px;
    display: block;
    color: #ffffff;
    text-align: center;
}

.leaflet .post-relads {
    display : none ;
}

#footer a {
    text-decoration: none;
}

.ml6 {
    margin-left : 6px;
}

.ifl {
    /*icon float left*/
    float : left;
    min-width: 20px;
}

.fs12 {
    font-size : 1.3em;
}

.fs14 {
    font-size : 1.4em;
}

.m10{
    margin :10px ;
}
.m20{
    margin : 20px; 
}

.mtb10{
    maargin-top : 10px; 
    margin-bottom : 10px; 
}

.mtb20{
    maargin-top : 20px; 
    margin-bottom : 20px; 
}

.p10{
    padding :10px ;
}
.p20{
    padding : 20px; 
}

/*--- for vfields displayed --- */
ul.user_vfields_details {
    margin : 4px 0;
}

ul.user_vfields_details li span.key {
    min-width : 200px ;
    font-weight: bold;
    display : inline-block;
}

ul.user_vfields_details li span.unit {
    margin-left : 6px;
}

ul.paidoptions_list li span.key {
    min-width: 150px;
    font-weight: bold;
    display : inline-block;
    flex: 1;
}

ul.paidoptions_list li span.value {
  flex: 1;
}

ul.paidoptions_list li span.value.is-date-number {
    font-size : 0.8em; 
}



/* paid options details */
.payoptions-details {
    margin: 10px; 
    background-color : aliceblue;  
}

.payoptions-details .key {
    font-weight : bold;  
}

.payoptions-details .value {
    font-size : 0.8em; 
    margin : 0 10px;   
}

.payoptions-details .total-amount hr,
.payoptions-details .total-tax hr {
    margin : 10px 0px; 
}


/*-- for filters on admin tables ---*/
ul.sort-options-2 {
    float: left;
    margin: 0;
    padding: 0px 5px 5px 10px;
}

ul.sort-options-2 select {
    font-size: 11px;
    padding: 2px;
}

ul.sort-options-2 span {
    margin-right: 6px;
}

.urgent {
    color: #F60;
    font-weight: bold;
    margin-right: 2px;
}

.advsearch-urgent .urgent {
    margin: 0 4px 0 0 ;
}

.advs_checkbox {
    float: left;
    margin-right: 10px;
    color: white;
}

.advs_checkbox input {
}

.list-view .urgent_space, 
.maplist-view .urgent_space, 
.simplelist-view .urgent_space,
.thumb-video2 .urgent_space  {
    display: none;
}


.ribbon-wrapper i {
    color : white;
}

.adlist_urgent.yes {
    background-color: #F60;
}

.prelabel_filename, .prelabel_location {
    margin : 0px 0px 4px 0px ;
    font-weight: bold;
}

.login-menu .tw-button span {
    position: relative;
    bottom: 6px;
}

.login-menu .tw-button img {
    border-radius: 15px;
}

#network-wrapper-left #info-ul {
    margin-left: 0px;
}

#sub-nav a.sub_nav_more, #sub-nav a.sub_nav_more:hover, #loc-nav a.sub_nav_more, #loc-nav a.sub_nav_more:hover {
    text-decoration: none!important;
    text-align: center;
}

.social-footer .social-elem a:hover, .social-widget-header .social-elem a:hover {
    text-decoration: none!important;
}

#network .flags.disablelink {
    cursor: default;
}

/* 
RESET 
*/
body {
    margin: 0;
    padding: 0;
    /* font-size:10px; */
    /* font-family:verdana, Arial, Helvetica, sans-serif; */
    color: #333333;
    background-color: #FFFFFF;
}

/* LAYOUT */
#logo {
    /*display:none;*/
}

#info ul#info-ul {
    margin-left : 0px;
}

#site-name {
    color: #F5A30D !important;
    font-size: 20px !important;
    /*font-family: Georgia, "Times New Roman", Times, serif!important;*/
}

a, #dashboard a {
    color : #024C8A;
}

#site-motto {
    color: white;
}

.orange_text {
    /*color:  #C80000!important;*/
}

#network-wrapper-right, #network-wrapper-flags {
    /*margin-top: 10px;*/
}

#boxes #dialog {
    border-radius: 0px;
    border: 0px;
    padding: 0px;
    z-index: 10000;
}

#site {
    padding-top: 55px !important;
    position: relative;
}

#main-nav, #footer {
    background-color: #333333;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
}

#sub-nav ul li div.title1inner, #loc-nav ul li div.title1inner, .section-title {
    /* background-color: #333333; */
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
}

#main-nav ul.tabbed li {
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
}

#network ul.tabbed li, #network .tabbed li a:hover, #main-nav-search .input-group, #main-nav-search #search-bar, .section, .dm_button2, .dm_button2b, .dm_button_nopad, #site .center-wrapper, #plans .plan_item .pl_header, #map_box_overlay, .error, .notice, .success, .working, .working2, .adinput.plan_option, input.text, textarea, select , .chosen-container-active.chosen-with-drop .chosen-single, .chosen-container-single .chosen-drop, .chosen-container-single .chosen-single, .lang-menu .drop-down-box, .priceOverlay2 {
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
}

#network ul.tabbed li.tab-orange, #network .tabbed li a, #network .tabbed li a:hover, #main-nav ul.tabbed li.current-tab {
    /*background: #024C8A;*/
}

#main-nav-links li.current-tab a, #main-nav-links li.current-tab a:hover {
    /*color : white;*/
    /* background: #024C8A; */
}

#listings-nav, .postunder {
    background-color : #E1E1E1;
}

/*#main-nav-links .dropcontent .dropinner dl dd a{
  color : white!important;
}*/
.postunder a {
    font-size : 0.9em;
}

#dashboard .column#column-1 {
    width: 480px!important;
}

#footer {
    /*text-align: center;*/
    /*width:100%;*/
    min-width : 980px;
    /*workaround*/
    /*  position: fixed;
  bottom: 0 ;*/
}

#btn_edit_profile_tab {
    display : block!important;
}

/*settings special css*/
.settings_special_wrapper {
    margin: 1em;
}

.settings_special_wrapper .labelform label {
    font-weight : bold;
}

.settings_special_wrapper .labelform label .field-desc{
}

.settings_special_wrapper .labelform label .field-name {
    font-size : 0.8em;
    color : #929eaa
}

.settings-special .option input.l2 {
    padding :0 2px;  
}

.settings-special .option .labelform span {
    font-size : 1.0em;
}

.settings-special .option .elem {
    float : left;
    padding: 1px 0px;
    /* min-height: 28px; */
}

.settings-special .option .elem select {
    height: 30px;
    line-height: 30px;
}

.settings-special .option .elem.sub-title {
    display : block;
    width: 100%;
    background-color: #eeeeee;
    padding: 0 10px;
    font-size: 1.2em;
    /* padding: 0 10px; */
    margin: 6px 0px;
    }

.settings-special .option .elem .checkbox {display: inline-block;vertical-align: middle;}

.settings-special .option-spacer, .settings-special .option {
    border-bottom: 1px solid #CCC;
    margin: 4px 0;
}

.settings-special .option > .labelform {
    min-width : 200px; 

}

.settings-special .option .elem input[disabled] {
    background-color : #daeef7;
    color : #5bc0de;
    border: none;
}

#formsettings {
    padding : 10px;
}

#formsettings ul {
    margin : 0px;
}

#formsettings h1 {
    /*margin : 4px 0;*/
}

#formsettings p {
    margin-bottom : 20px ;
}

/*paid options */
.labelform.paidoptions div {
    display: none;
}

.adinput_label.paidoptions span {
    color: orange;
    font-weight: bold;
}

.labelform_label.paidoptions div {
    margin-right: 20px;
}

.labelform_label.paidoptions {
    text-align: right;
}

.shoppingcart-content .part-content {
    border : 1px solid #dcdcdc;
    margin-top : 20px;
}

.shoppingcart-content .part-title {
    color : white ;
    font-size : 1.3em;
    padding : 4px;
    background-color : #333;
}

.shoppingcart-content .part-title span {
    margin: 0 6px 0 4px;
    color : black;
    background-color : white;
    padding : 4px ;
    /*  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px; */
}

.shoppingcart-content .part-content-inner {
    margin : 1px ;
}

.shoppingcart-content .plan-list {
    margin : 0px;
}

.shoppingcart-content .plan-list div {
    display: inline-block;
    vertical-align: middle;
    margin-right : 6px;
}

.shoppingcart-content .plan-list li.reallist {
    border-top : 1px solid #dcdcdc;
}

.shoppingcart-content .plan-list li.disabled {
    color : #E3E3E3;
}

.shoppingcart-content .plan-list li.reallist:first-child {
    border-top : none;
}

.shoppingcart-content .plan-list li.withhover:hover {
    background-color: #e3e3e3!important;
}

.shoppingcart-content .plan-list .plan-name {
    vertical-align: top;
    width : 20%;
    font-size : 1.2em;
    font-weight: bold;
}

.shoppingcart-content .plan-list .plan-name .plan-priceid {
    font-size : 1em;
    font-weight: normal;
}

.shoppingcart-content .plan-list .plan-button-right {
    width : 99%;
    margin-bottom: 10px;
}

.shoppingcart-content .plan-list .plan-button-right a {
    float: right;
    margin-left: 10px;
}

#sc-part3 .plan-name {
    vertical-align: middle;
}

.shoppingcart-content .plan-list .plan-desc {
    width : 50% ;
}

.shoppingcart-content .plan-list .plan-sdesc {
    width : 40% ;
}

.shoppingcart-content .plan-list .plan-packselect {
    width : 30% ;
}

.shoppingcart-content .plan-list .plan-packselect SELECT {
    width : 99%;
}

.shoppingcart-content .plan-list .plan-price {
    width : 20% ;
    font-size : 2em;
}

.shoppingcart-content .plan-list .plan-status {
    min-width : 50px ;
    margin-top : 2px;
}

.shoppingcart-content .plan-list .plan-invoice {
    /*border : 1px solid #333;*/
    cursor: pointer;
}

.shoppingcart-content .plan-list a.action {
    color: #00a498;
    text-decoration: underline;
}

.shoppingcart-content .plan-list a.action:hover {
    color: #333;
    text-decoration: underline;
}

.valigntop {
    vertical-align: top!important;
}

.bar-graph-container {
    height: 12px;
    background-color: #F5F5F5;
    width: 100px;
    position: relative;
    margin-right : 0px!important;
}

.bar-graph-gauge {
    height: 12px;
    background-color: limegreen;
    float: left;
}

.nbr {
    font-size: 09px;
    color: #5A4099;
    margin-left: 1px;
}

#global_message #inner a, #global_notif_wrapper a, .alert a {
    /* color: white; */
    text-decoration: underline;
    color: inherit;
}

#sc-part3 .error {
    border: none;
    background: none;
    color: red;
    padding-right: 10px;
}

.adinput_label.paidoptions {
    /*background-color: orange;*/
}

.adinput_label.paidoptions span {
    color: orange;
    font-weight: bold;
}

.labelform.paidoptions div {
    display : none;
}

.prelabel_filename {
    margin : 0px 0px 4px 0px ;
    font-weight: bold;
}

#admin_admin .title1.myadmin {
    position: relative;
    bottom: 15px;
    margin-left: 10px;
}

#network-wrapper-left #info-ul {
    margin-left: 0px;
}

/*// elements for the invoice */
.talignright {
    text-align: right;
}

h1.invoice_title {
    font-size : 20px!important;
    font-weight: normal;
    float: left;
}

h1.invoice_title span {
    font-weight: bold;
}

.invoice-topbar .button {
    float: right;
    margin: 15px 20px;
    font-size: 18px;
    padding: 1px 5px;
    border : 1px dashed #00a498;
    cursor : pointer;
}

table.invoice, table.invoice td {
    vertical-align: top!important;
}

table.invoice.header, table.invoice.timeline , table.invoice.content {
    width : 98%;
}

table.invoice.header .imglogo img {
    width : 200px;
}

table.invoice.header td.buyer, table.invoice.header td.seller, table.invoice.timeline td.timeline {
    border : 1px dashed #00a498;
    font-size : 1.2em;
    width : 48%;
}

table.invoice.content td, table.invoice.content th {
    border : 1px dashed #00a498;
}

table.invoice span {
    font-weight: bold;
}

.rightalign {
    text-align: right;
}

.invoice-footer {
    margin : 20px 0px;
    padding : 10px 0px;
    border-top : 1px dashed #00a498;
    border-bottom : 1px dashed #00a498;
    width : 98%;
    font-weight: bold;
}

#site.invoice-leaflet .center-wrapper {
    border: 0px dashed #AAAAAA!important;
}

#site.invoice-leaflet .main#main-two-columns #main-left {
    border-top: 0px solid #333!important;
}

/*end of invoicing part */
/*admin pages , special display on elements*/
.elem_display.isPageAdmin .item-pics-main {
    float : left ;
    width : 150px ;
    height: 150px ;
}

.elem_display.isPageAdmin .item-pics-main .full-image-link1 IMG {
    width: auto;
    height: 150px;
    display: block;
}

.elem_display.isPageAdmin .item-pics-thumbs {
    float : left ;
}

.elem_display.isPageAdmin .item-pics-thumbs a {
    margin-left: 1px;
    margin-bottom: 1px;
}

/*// adult disclmer */
.dialog_disclamer_content_outter {
    width: auto;
    min-height: 0px;
    height: 229px;
    overflow-y: scroll;
    padding: 10px ;
}

.dialog_disclamer_content_inner {
}

/*inherited from bootstrap*/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    /*-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;*/
}

.datepicker-dropdown {
    background: white;
    position: absolute;
    -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
    border: none;
    z-index: 2000;
}

.datepicker {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.datepicker-dropdown .datepicker-days {
    border: 1px solid #9ea4b7;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.table-condensed th, .table-condensed td {
    padding: 4px 5px;
}

.table-condensed thead th {
    background: none;
}

.datepicker-dropdown .datepicker-days {
    border: 1px solid #9ea4b7;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.datepicker-dropdown .table-condensed th {
    background: #22356b !important;
    color: white !important;
    border: 0px ;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.datepicker-dropdown thead tr:first-child {
    border-bottom: 1px solid #336699;
}

.datepicker-dropdown .table-condensed tbody {
    border: 16px solid white;
    border-top: 8px solid white;
    padding-bottom: 8px;
    background: white;
}

.datepicker-dropdown td.active, .datepicker-dropdown td.day.active, .datepicker-dropdown td.day.focused, .datepicker-dropdown td.day.new.active {
    background: #fdc40f;
    color: #22356b;
}

/*datepicker for INNER text*/
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker-inner {
    margin-top: 1px;
    /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
    width : 30%;
    float : left;
    margin : 1px 10px 10px 1px;
}

.datepicker-inner > div {
    /*display: none;*/
}

.datepicker-inner table {
    width: 100%;
    margin: 0;
}

.datepicker-inner td, .datepicker-inner th {
    text-align: center;
    width: 20px;
    /*height: 20px;*/
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    /* border-radius: 4px; */
    border : 1px #CCC solid;
}

.datepicker-inner td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker-inner td.day.full-disabled:not(.new) {
    color: #4f4f4f;
    background-color: #f4433621;
}

.datepicker-inner td.old, .datepicker-inner td.new {
    color: #999999;
}

.datepicker-inner td.active, .datepicker-inner td.active:hover {
    color: #ffffff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker-inner td.active:hover, .datepicker-inner td.active:hover:hover, .datepicker-inner td.active:focus, .datepicker-inner td.active:hover:focus, .datepicker-inner td.active:active, .datepicker-inner td.active:hover:active, .datepicker-inner td.active.active, .datepicker-inner td.active:hover.active, .datepicker-inner td.active.disabled, .datepicker-inner td.active:hover.disabled, .datepicker-inner td.active[disabled], .datepicker-inner td.active:hover[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.datepicker-inner td.active:active, .datepicker-inner td.active:hover:active, .datepicker-inner td.active.active, .datepicker-inner td.active:hover.active {
    background-color: #003399 \9;
}

.datepicker-inner td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker-inner td span:hover {
    background: #eeeeee;
}

.datepicker-inner td span.active {
    color: #ffffff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker-inner td span.active:hover, .datepicker-inner td span.active:focus, .datepicker-inner td span.active:active, .datepicker-inner td span.active.active, .datepicker-inner td span.active.disabled, .datepicker-inner td span.active[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.datepicker-inner td span.active:active, .datepicker-inner td span.active.active {
    background-color: #003399 \9;
}

.datepicker-inner td span.old {
    color: #999999;
}

.datepicker-inner th.switch {
    width: 145px;
}

.datepicker-inner th.next, .datepicker-inner th.prev {
    /*font-size: 21px;*/
}

.datepicker-inner thead tr:first-child th {
    cursor: pointer;
}

.datepicker-inner thead tr:first-child th:hover {
    background: #eeeeee;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

/* ----- end of date picker ------ */
/*// adult disclmer */
.dialog_disclamer_content_outter {
    width: auto;
    min-height: 0px;
    height: 229px;
    overflow-y: scroll;
    padding: 10px ;
}

.dialog_disclamer_content_inner {
}

/*// generic updates */
/* .panel-inner#admin a.dm_button2, .panel-inner#vendor a.dm_button2, .panel-inner #item-edit a.dm_button2 {
    min-width: 100%;
} */

.full-width{
    width : 100%;
}

a#passwordchange {
    cursor: pointer;
}

.btn-danger {

}

.btn-primary {

}

.btn-cookie-accept {
    margin-top: 10px;
    min-width: 200px;
}


/*min width for drop box select*/
.chosen-container {
    min-width: 180px;
    width: 100%;
    z-index : 0;
}

.chosen-container-active {
    z-index: 7010;
}

.chosen-container .active-result.result-selected{
    background-color : #eeeeee; 
}


.select_fields_drop_down {
    padding : 0 10px; 
}
.select_drop_down {
    position: absolute;
    top : 30px;
    right: 0px;
    background-color: #FFF ;
    border : 1px solid #CCC;
    z-index: 999;
    min-width: 600px;
}

.select_drop_down .fields_selection_actions_btns {
    text-align: center;
    margin : 10px 0 ;
}

.select_drop_down .fields_selection_actions_btns a {
    margin : 0 10px;
}

.select_drop_down .drop_column {
    float : left;
    margin-right : 10px ;
    width : 180px;
}

.select_drop_down .drop_column li span {
    margin-left : 6px;
}

/*// correct  the bug on display  -- */
#user-menu i {
    display : inline-block;
    width : 14px;
    color : white;
}

#network-wrapper-left UL#user-menu.drop-down-box LI {
    float : none;
}

/*end correction*/
/*==== update 6.1.2 generic === */
.input-ok, input.input-ok {
    border-right : 4px solid green ;
}


.rt-validate .validation-flag, .val-icon{
    position:absolute;
    top : 0;
    right : 0px;
    background-color : #9E9E9E;
    height : 30px;
    line-height: 30px;
    padding :0 4px;
    color : white;
    width: 25px;
    display : none;
    text-align  : center;
}


.form.quick-form .rt-validate .validation-flag, .val-icon{
    height : 32px;
    line-height: 32px;
    margin : 1px;
}

.rt-validate .validation-flag.flag-success {
 background-color : green;
 display: inline-block!important;
}

.rt-validate .validation-flag.flag-error{
 background-color : red;
 display :inline-block;
 height: inherit;
}

.rt-validate .validation-flag.flag-error:before,
.has-error .val-icon:before{
    content: "\f057";
}

.input-icon.right>.val-icon {
    /* padding-right: 15px; */
    right: 15px;
    height: 34px;
    line-height: 34px;
    background : none;
}



.input-icon.right>.form-control {
    padding-right: 20px;
}


/* Validation icon */ 
.has-success .form-control-feedback {
 color : green;
 background-color : trans;
 display: inline-block!important;
}

.has-success .form-control-feedback:before{
 content: "\f00c";
}

.has-error .form-control-feedback{
 color: #a94442;
 background-color : transparent;
 display :inline-block;
}

.has-error .form-control-feedback:before{
    content: "\f057";
}



.input:before {
 
 content: "\f057";

}

UL.thumb-view li.video_thumbs {
    width: 310px;
}

/*// display ful size image when in video mode*/
ul.thumb-view li.video_thumbs div.pcol-a IMG {
    width : 300px!important;
    height : 180px!important;
}

ul.thumb-view li.video_thumbs div.pcol-b {
    width : 95%;
    line-height: 4em;
}

ul.thumb-view li.video_thumbs div.pcol-b H3 {
    width : 95%;
}

ul.thumb-view li.video_thumbs div.pcol-b H3 a {
    font-size: 1.1em;
}

.video_full iframe {
    width: 600px;
    height : 360px;
}

#adlist #table_gen tr:hover {
    background-color : #E1E1E1;
}

.userdetails#inner-left {
    /* width: 100%!important; */
}

.userdetails .name .label, 
.adlist_protype.label,
.label-cat2.label{
    font-size : 10px;
}

.admin-page #adlist ul.top-actions li a {
    font-size : 0.9em;
}

/*// generic 6.1.3*/
#logo_wrapper {
}

#site-motto-below-logo {
    position: relative;
    top: -10px ;
    margin-left: 10px ;
}

ul.top-actions {
    margin: 0px 4px;
    display: inline-block;
}

ul.maplist-view.post-list li {

}

ul.maplist-view li div.pcol-c {
    width: 70px;
}

h3.info-in-login {
    display : flex;
    background-color: #f2f2f2;
    padding: 10px 10px 10px 0;
    align-items: center;
}

h3.info-in-login .mbox_big_icon{
    padding-right : 10px; 
}

.mbox_big_icon {
    font-size : 32px!important;
    margin-left: 10px;
}

.icon-fa-attention:before {
    content: "\f06a";
}

.icon-fa-info:before {
    content: "\f05a";
}

.icon-fa-checkmark:before, .icon-fa-checkmarkm:before {
    content: "\f14a";

}

.icon-fa-error:before , .icon-fa-errorm:before {
    content: "\f057";

}

/*// badge notification for admin ** only HTML5 support */
/* make sure the element has position: relative */
[data-notifications] {
    position: relative;
}

/* append the notification badge after it */
[data-notifications]:after {
    /* the burger */
    content: attr(data-notifications);
    /* the fries */
    position: absolute;
    background: orange;
    border-radius: 50%;
    display: inline-block;
    padding: 0 0.4em;
    color: #f2f2f2;
    right: -10px;
    top: -5px;
    height: 14px;
    width: 14px;
    font-size : 10px; 
}

[data-new]:after {
    background: #0088cc;
}

.view-options-icon-wrapper {
}

.view-options-icon-wrapper i {
    margin-right : 0px;
}

.view-options .view-options-icon {
    font-size: 1.2em;
    line-height: 28px;
}

.view-options a.selected .view-options-icon-wrapper {background-color: #024d8a;}

.view-options a.selected .view-options-icon {
    color : white;
}

ul.list-second-filter-line {
    float : left;
    margin: 4px 0;
   
}

ul.list-second-filter-line li {
    padding: 4px;
    border : 1px solid #e1e1e1;
}

ul.list-second-filter-line li .close {
    margin-left : 5px; 
}

/*inherited from bootstrap*/
.datepicker-dropdown {
    background: white;
    position: absolute;
    -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
    border: none;
    z-index: 8999;
}

.pac-location{
    z-index : 70003; 
}

.datepicker {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.datepicker-dropdown .datepicker-days {
    border: 1px solid #9ea4b7;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.table-condensed th, .table-condensed td {
    padding: 4px 5px;
}

.table-condensed thead th {
    background: none;
}

.datepicker-dropdown .datepicker-days {
    border: 1px solid #9ea4b7;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC ;
}

.datepicker-dropdown .table-condensed th {
    background: #E6E6E6 !important;
    color: black !important;
    border: 0px ;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.datepicker-dropdown thead tr:first-child {
    border-bottom: 1px solid black;
}

.datepicker-dropdown .table-condensed tbody {
    /*border: 16px solid white;*/
    border-top: 8px solid white;
    padding-bottom: 8px;
    background: white;
}

.datepicker-dropdown td.active, .datepicker-dropdown td.day.active, .datepicker-dropdown td.day.focused, .datepicker-dropdown td.day.new.active {
    background: #fdc40f;
    color: #22356b;
}

/* ------- 6.2.0  GENERIC OPTIONS  for DATE PICKER for example -------------*/
/*datepicker for INNER text*/
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker-inner {
    font-size: 11px;
    line-height: 16px;
    margin-top: 1px;
    float : left ;
}

.dow {
    font-size: .75em;
}

.datepicker-inner > div {
    
}

.datepicker-inner table {
    width: 95%;
    margin: 0;
    margin: .4em auto .4em;
}

.datepicker-inner td, .datepicker-inner th {
    text-align: center;
    width: 30px;
    height: 20px;
    /* border : 1px #CCC solid; */
    /* position: relative; */
}

.datepicker-inner td.day {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.datepicker-inner td.day.full-reserved {
    background-color : lightgrey;
}

.datepicker-inner td.day a {
    color : inherit;
    border: 0;
    background-color: transparent;
    background-image: none;
    position: relative;
    text-align: center;
    z-index: 1;
    font-size: 1em;
    /* padding: 4px 4px; */
    /* padding : 10px 8px; */
    display: block;
    min-width: 30px;
    min-height: 20px;
}

.datepicker-inner td.day:hover a {
    cursor: pointer;
    text-decoration: none;
}

.datepicker-inner td.day.disabled a {
    color: #eeeeee;
}

.datepicker-inner td.old a, .datepicker-inner td.new a {
    color: #999999;
}

/*hide OLD items*/
.datepicker-inner td.old a, .datepicker-inner td.new a {
    color: white;
}

.datepicker-inner td.active, .datepicker-inner td.active:hover {
    color: #ffffff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker-inner td.active:hover, .datepicker-inner td.active:hover:hover, .datepicker-inner td.active:focus, .datepicker-inner td.active:hover:focus, .datepicker-inner td.active:active, .datepicker-inner td.active:hover:active, .datepicker-inner td.active.active, .datepicker-inner td.active:hover.active, .datepicker-inner td.active.disabled, .datepicker-inner td.active:hover.disabled, .datepicker-inner td.active[disabled], .datepicker-inner td.active:hover[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.datepicker-inner td.active:active, .datepicker-inner td.active:hover:active, .datepicker-inner td.active.active, .datepicker-inner td.active:hover.active {
    background-color: #003399 \9;
}

.datepicker-inner td.today-key {
    background-color: black;
    color: white;
}

.datepicker-inner td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker-inner td span:hover {
    background: #eeeeee;
}

.datepicker-inner td span.active {
    color: #ffffff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker-inner td span.active:hover, .datepicker-inner td span.active:focus, .datepicker-inner td span.active:active, .datepicker-inner td span.active.active, .datepicker-inner td span.active.disabled, .datepicker-inner td span.active[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.datepicker-inner td span.active:active, .datepicker-inner td span.active.active {
    background-color: #003399 \9;
}

.datepicker-inner td span.old {
    color: #999999;
}

.datepicker-inner th.switch {
    width: 145px;
}

.datepicker-inner th.next, .datepicker-inner th.prev {
    /*font-size: 21px;*/
}

.datepicker-inner thead tr:first-child th {
    /*cursor: pointer;*/
    background: #eeeeee;
}

.datepicker-inner thead tr:first-child th:hover {
    background: #eeeeee;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}


.datepicker-inner.full-hold a:before, 
.datepicker-inner .full-reserved:not(.new) a:before, 
.datepicker-inner .full-hold-hover a:before, 
.datepicker-inner .full-reserved-hover a:before, 
.datepicker-inner .full-changeover a:before, 
.datepicker-inner .full-selected a:before, 
.datepicker-inner .pm-reserved:not(.new) a:after, 
.datepicker-inner .am-reserved:not(.new) a:before,
.datepicker-inner .full-draft:not(.new) a:before, 
.datepicker-inner .pm-draft:not(.new) a:after, 
.datepicker-inner .am-draft:not(.new) a:before  
{
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    display: block;
    content: "";
    width: auto;
    height: auto;
    border-top: 10px solid lightgray;
    border-bottom: 10px solid lightgray;
    border-left: 20px solid lightgray;
    border-right: 20px solid lightgray;
    font-size: 0;
    line-height: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -300;
}

.datepicker-inner [class^=am-]:not(.new) a:before, 
.datepicker-inner [class*=" am-"]:not(.new) a:before {
    border-color  :transparent; 
    border-top: 10px solid lightgrey;
    border-left: 20px solid lightgrey;
}

.datepicker-inner [class^=pm-]:not(.new) a:after, 
.datepicker-inner [class*=" pm-"]:not(.new) a:after {
    border-color  :transparent; 
    border-right: 20px solid lightgrey;
    border-bottom: 10px solid lightgrey;
}


.datepicker-inner .full-reserved-hover a:before, 
.datepicker-inner .full-hold-hover a:before, 
.datepicker-inner .am-reserved-hover a:before, 
.ui-datepicker .am-hold-hover a:before, 
.datepicker-inner .pm-reserved-hover a:after,
 .datepicker-inner .pm-hold-hover a:after {
    opacity: .7;
    filter: alpha(opacity=70);
}

/*case of draft*/

.datepicker-inner .full-draft:not(.new) a:before, 
.datepicker-inner.full-draft-hover a:before {
    border-color: #FFC107;
}

.datepicker-inner .pm-draft:not(.new) a:after, 
.datepicker-inner .pm-draft-hover:not(.new) a:after {
    border-right: 20px solid #FFC107;
    border-bottom: 10px solid #FFC107;
}

.datepicker-inner .am-draft:not(.new) a:before, 
.datepicker-inner .am-draft-hover:not(.new) a:before {

    border-top: 10px solid #FFC107;
    border-left: 20px solid #FFC107;
}



.datepicker-inner .full-draft-hover a:before, 
.datepicker-inner .full-hold-hover a:before, 
.datepicker-inner .am-draft-hover a:before, 
.ui-datepicker .am-hold-hover a:before, 
.datepicker-inner .pm-draft-hover a:after, 
.datepicker-inner .pm-hold-hover a:after {
    opacity: .7;
    filter: alpha(opacity=70);
}

/*cancell all display**/
.datepicker-inner td.old.am-reserved a:before, .datepicker-inner td.new.am-reserved a:before, .datepicker-inner td.old.pm-reserved a:after, .datepicker-inner td.new.pm-reserved a:after, .datepicker-inner td.old.full-reserved a:before, .datepicker-inner td.new.full-reserved a:before {
    border-color : transparent;
}

/* strike through */
.datepicker-inner td.am-reserved a, 
.datepicker-inner td.pm-reserved a, 
.datepicker-inner td.full-reserved a {
    text-decoration:line-through;
}

/*debug purpose*/
#test_calendar , .datepicker-inner {
    background-color: white;
}

.calendar_list {
    margin : 20px 0.4em
}

h3.calendar_list_header {
    font-weight: bold;
}

.calendar_list_content #listings-header {
    background-color: transparent;
    margin-left : 0px ;
}

.input_date_wrapper {
    border: 1px solid #aaa;
    width: 150px;
    padding: 1px 6px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    /*background: #eff1f3;*/
    outline: none;
    float: left ;
    margin-right : 6px ;
}

.input_date_wrapper .date-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.input_date_wrapper .date {
    display: block;
    font-size: 14px;
    line-height: 12px;
    text-transform: capitalize;
}

.input_date_wrapper .dow {
    color: #9ea4b7;
    font-size: 12px;
    line-height: 12px;
}

.input_date_wrapper .placeholder {
    color: #AAA;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
}

.input_date_wrapper:after {
    display: block;
    content: "\f073";
    font-family: FontAwesome;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 2px;
    right: 8px;
    line-height: 1;
    font-size: 20px;
}

/* ----- end of date picker ------ */
/*6.2.0 version generic */
/* ----------  stats & Logs  ------------*/
.disp-section .wrapper {
    clear : both;
    margin : 6px 0 ;
    display : block;
}

.disp-section .wrapper .title {
    border-bottom: 2px solid #666;
    margin : 4px 0;
}

.disp-section .wrapper .title span {
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
    background-color: #666;
    color : white;
    border : 1px solid #666;
    -moz-border-radius-topright: 3px;
    -khtml-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -khtml-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
}



.disp-section a.dm_button2 {
    /* display : block; */
    /* width : 200px; */
    margin-left : auto;
    margin-right : auto;
    text-align: center;
}


.btn-cancel {
    border : 0px; 
    text-decoration : underline; 
}


/* 
  FORM INPUT WHEN IN MODEL BOX 
------------------------------------------------------------------- */
.forminput_modal {
    width: 660px;
}

.forminput_modal .labelform_label, .forminput_modal .labelform, .forminput_modal .adinput_label , .forminput_modal .adinput {
    padding: 2px 0px 2px 6px;
    margin-bottom : 0px;
}

.forminput_modal .form_p {
    display: none;
}

.admin-page .forminput_modal .adinput, .admin-page .forminput_modal .adinput_label, .forminput_modal .adinput, .forminput_modal .adinput_label {
    width: 440px!important;
}

input.ml6 {
    margin-left : 6px;
}

.forminput_modal .error {
    border : none;
    background: none;
    color : red;
    padding-right : 10px;
}

#adlist {
    position : relative;
}

/* 
  Modal box 2 for FORM
------------------------------------------------------------------- */
/* Z-index of #mask must lower than #boxes .window */
#mask3 {
    position: absolute;
    background-color: #000;
    display: none;
}

.box .mbox-window {
    position: absolute;
    display: none;
    padding: 10px;
}

.box.midlayer .mbox-window {
    z-index: 8888;
    /*// lower than initial element */
}

#mask3.midlayer {
    z-index: 8000;
}

/* Customize your modal window here, you can add background image too */

.modal_box #mbox-header {
    /* height: 50px; */
    /* line-height: 50px; */
    font-size: 1.2em;
    background: #F7F7F7;
    padding: 4px;
    position : relative;
    text-align: center;
}



.modal_box #mbox-header.header-info {
    color : white; 
    background-color : #04a8df; 
}

.modal_box #mbox-header.header-warning {
    color : white; 
    background-color : #e08e4b; 
}

.modal_box #mbox-header.header-error{
    color : white; 
    background-color : #ff0000; 
}

.modal_box #mbox-header .media-url {
    font-size: 0.6em;
    word-break: break-all;
}


.box .modal_box {
    width: 80%;
    background-color : white;
    border : 8px solid #C1C1C1;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.box .modal_box .mbox-close {
    position : absolute;
    top : 16px;
    right : 16px;
    height : 16px;
    width : 16px;
    z-index : 10;
}

.box .modal_box .mbox-body {
    clear : both;
    position : relative;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.mbox-body H1,.mbox-body H2, .mbox-body H3 {
    background-color : #F5F5F5;
    line-height : 32px;
    padding-left: 6px;
}

.mbox-body H3 span.tt {
    padding : 0 10px;
    font-size : 12px;
}

.box .modal_box .mbox-footer {
    /* border-top: 1px solid #DDDDDD;*/
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
}

.box .modal_box .mbox-header {
    height: 32px;
    background: #F7F7F7;
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
    padding: 4px;
    margin-bottom : 4px;
    position : relative;
}

.box .modal_box .mbox-header .text {
    padding-top : 5px;
    padding-left : 10px;
    font-weight: bold;
    font-size: 1.2 em;
    float : left;
}

.box .modal_box .mbox-header .text .mbox_btons {
    position : absolute;
    top : 5px;
    /* this is done to remove the effect of the .text class */
}

.box .modal_box .mbox-header .text #nav_button {
    display : inline-block;
    margin-left : 20px;
}

/* 
  end modal box 2
------------------------------------------------------------------- */
/*patch generic */
/* new sizings for AD DISPLAY */
#site-motto-below-logo {
    display: none;
}

#inner-left, .addetails .item-desc, .addetails .item-pics-main, .item-pics-main .full-image-link1 IMG {
    
}

#inner-right {
   
}

#inner-right #videoembed iframe, #inner-right #videoembed2 iframe {
    width: auto;
    height: auto;
}

/**end patches generic */
/* ---------  6.3  - Multi APPS login form ----------- */
/*special login form*/
#third_party_login_area {
    text-align: center;
}

#third_party_login_area a {
    /* margin : 4px; */
    /* text-align: left; */
    /* padding-left: 40px!important; */
}

#third_party_login_area span {
    margin: 0 6px;
    position : relative;
    bottom : 4px ;
}

.tuderl {
    text-decoration: underline;
}

/*same width */
.forl.adinput2 input.text , .forl.adinput2 .dm_button2 {
    /* width: 80%; */
    padding: 4px 10px;
}

.forl .inner-right {
    width: 90%;
    text-align: right;
    line-height: 12px;
    margin: 0px
}

#login_btn2, #email_btn2, #register_btn2, #savepassword, #register_btn {
    font-size: 1.6em;
    padding: 6px 6px!important;
    width: 100%;
    text-transform: uppercase;
}

.forl #bton_tools2 {
    margin: 0px;
}



/*special theme*/
.home-page-inner {
}

.home-page-inner ul {
    margin : 0px;
}

.home-page-inner li {
    margin : 10px;
}

.head_green {
    color: #7fbf33;
}

.head_violet {
    color: #da00e5;
}

.home-page-inner .column-1 , .home-page-inner .column-2 {
    float: left;
    width : 50% ;
}

.home-page-inner .column-1 p , .home-page-inner .column-2 p {
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    font-size : 1.4em;
}

.large_button {
    /*width : 200px;*/
    padding : 10px;
    text-align: center;
    background-color: white;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.btn_white {
    color : black;
    background-color: white;
}

.btn_orange {
    color : black;
    background-color: #fbca01;
}

.btn_green {
    color : black;
    background-color: #8CA837;
}

.btn_violet {
    color : black;
    background-color: #FF39CA;
}

.btn_violet a, .btn_violet a:hover {
    color : #000;
}

/*// new generic 6.4.0 theme */
.left0 {
    left : 0px!important;
    right: auto!important;
}

.forced-red {
    color : red;
}

.badge {
    background-color: #CCC;
}

.form-main-select-location .badge{
    display : none; 
}

/*// social buttons colors  : */
.dm_button2.btn-social {
    color : white!important;
    width: 100%;
    display: block;
    line-height: 34px;
    border:  none;
    font-size: 1.1em;
    margin-bottom : 2px;
}

.dm_button2.btn-social i {
    font-size: 1.3em;
    vertical-align: middle;
    position: relative;
    left: -10px;
}

.dm_button2.btn-fb {
    /* border: 1px solid #4F75C1; */
    background: #4F75C1;
}

.dm_button2.btn-fb:hover {
    color: #FFF;
    background: #587ac4;
}

.dm_button2.btn-go {
    border-color: #d54735 #c83f2e #bb3626 #c83f2e;
    background: #d54735;

    border: 1px solid #ccc;
    background: #fff;
    color: black!important;
}

.dm_button2.btn-social.btn-go i {
    color: #d54735;
}

.dm_button2.btn-go:hover {
    color: #FFF;
    background: #e45d4a;
}

.dm_button2.btn-tw {
    background: #3cf;
}

.dm_button2.btn-tw:hover {
    color: #FFF;
    background: #3cf;
}

.dm_button2.btn-lk {
    background: #4875B4;
}

.dm_button2.btn-lk:hover {
    color: #FFF;
    background: #4875B4;
}

/*default value for selected plan*/
.adinput.plan_option .selected_plan {
}

.adlist_plan {
    background-color: #A6A6A6;
}

.admandatory {
    color : red;
    font-size: 1em;
}

.map_in_center {
    width : 70% ;
    margin: 0 auto;
}

/*// audio files CSS*/
div.pic_audio_uploaded {
    color: white;
    font-size: 38px;
    background-color: #333;
    padding: 0 10px;
}

/*info banner on top of images in list */
.medias-info-banner {
    font-size: 10px;
    color: #fff;
    position: absolute;
    bottom: 4px;
    left: 4px;
    top: auto;
    right: auto;
    background: #323232;
    opacity: 0.8;
    display: inline-block;
    border-radius: 0px;
    height: auto;
}

.medias-info-banner >
 span {
    padding: 2px 4px;
    float: left;
    font-size: 1em;
}

.medias-info-banner span i {
    margin-right: 1px;
}


#table_gen .medias-info-banner{
    position : relative; 
    padding :0px; 
    maring : 0px;
    background-color : transparent; 
    color : black; 
}


.post .pcol-a {
    max-width: 210px;
    padding: 1px 10px 1px 1px;
}

.post.as-widget .pcol-a {
    width: 120px;
}

.pcol-a a.imgWrapper {
    line-height : 0px;
    display: inline-block;
    position: relative;
}

.pcol-a svg{
    display : none; 
}

.pcol-a a img, 
.pcol-a a img.broken-img
 {
    height: 150px;
    width : 200px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.post-list:not(.user) .pcol-a a.imgWrapper {
    height: 150px;
    width: 200px;
    display: block;
}

.thumb-view.post-list:not(.user) .pcol-a a.imgWrapper {
    width: 100%;
}

.post-list:not(.user) .pcol-a a.imgWrapper {
    overflow: hidden;
}


.post-list:not(.user, .thumb-view)  .pcol-a a.imgWrapper svg
{
    position: absolute;
    bottom: 0px;
    right: -100px;
    height: 2.8em;
    display : none; 
}

.thumb-view.post-list:not(.user)  .pcol-a a.imgWrapper svg
{
    position: absolute;
    bottom: -5px;
    right: -30px;
    height: 2.8em;
     display : none; 
}
}

.thumb-view.post-list:not(.user) .post:not(.as-widget) .pcol-a a.imgWrapper svg
{
    position: absolute;
    bottom: -5px;
    right: -30px;
    height: 2.8em;
}

.post.as-widget svg {
    display : none; 
}

.post-list:not(.user) .pcol-a a.imgWrapper svg path 
{
    fill : #FFF; 
}



.pcol-a a video 
 {
    height : 112px;
    width : 150px;
}

.pcol-a a img.user,
.pcol-a a img.user.broken-img
 {
    height : 90px;
    width : 90px;
}

.pcol-a a img.lazy{
        opacity:0.2;
}

.pcol-a a img.broken-img{
    opacity:1;
}

.pcol-a a img.lazy-loaded {
   opacity : 1;
   /* transition: opacity 0.6s; */
}


/*css for media player*/
.media-player-wrapper {
    background-color: #717171;
    padding : 2px;
    margin: 3px;
}

.media-player-wrapper .player-controls {
    margin : 0 10px;
}

.media-player-wrapper .player-controls, .media-player-wrapper .player-controls a, .media-player-wrapper .player-controls a:hover {
    font-size : 16px;
    color : white ;
    text-decoration: none;
}

.media-player-wrapper .player-controls div {
    float : left;
    margin-right : 10px;
}

.media-player-wrapper .player-controls .media-play-pause, .media-player-wrapper .player-controls .audio-volume {
    width: 16px;
    /* fixed with to avoid move when changing from play to pause */
}

.icon-red {
    color: red;
}

.icon-green {
    color: green;
}

.media-progress {
    width: 100px ;
    border: 1px solid white;
    margin-top: 5px;
    height: 12px
}

.progress-bar {
    width: 0px;
    background: #ebebeb;
    height: 10px;
    line-height: 10px;
    margin : 1px;
    text-align: right;
    font-size: 9px;
    color: black;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
}

.progress-time, .progress-duration, .progress-slash {
    font-size : 9px;
    margin : 0 1px;
}

.progress-duration , .progress-slash {
    color : #E1E1E1;
}

/* ---------  6.5.2 THEME --------------- */
.hidden-file-input {
    cursor: pointer;
    position: absolute;
    top: 0px;
    /* right: 0px; */
    height: 1px;
    /*vrey important as fixes the height of the input element */
    z-index: 6000;
    opacity: 0.0;
    /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=0);
    /* IE lt 8 */
    -ms-filter: "alpha(opacity=0)";
    /* IE 8 */
    -khtml-opacity: 0.0;
    /* Safari 1.x */
    -moz-opacity: 0.0;
    /* FF lt 1.5, Netscape */
}

.uploadwp_elem a.uploadbtn,
.uploadwp_elem span.uploadbtn {
    position: relative;
    overflow: hidden;
}

.uploadwp_elem .delete_upload {
    background-color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #e08e4b;
    font-size: 13px;
    /* padding: 1px 4px; */
    cursor: pointer;
    /* z-index: 200000; */
    z-index: 2;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    text-align: center;
}

.uploadwp_elem .progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0px;
    border-radius: 0;
    box-shadow: none;
    height: 16px;
}

.uploadwp_elem .bar {
    background-color: #79a709;
    width: 0%;
    height: 100%;
    color: white;
}

.uploadwp_elem .inlineuploadbtn .bar {
    height: 10px;
}

.uploadwp_elem .percent {
    position: absolute;
    display: inline-block;
    bottom: 5px;
    /* top: 50%; */
    left: 38%;
    font-size: 10px;
    height: 10px;
    text-align: center;
    color: white;
}

.uploadwp_elem .inlineuploadbtn .percent {
    bottom: 4px;
}

div.pic_photo_upload.progressing {
    font-size: 24px;
    background-color: #A5A5A5;
}

div.pic_photo_upload.uploaded {
    font-size: 24px;
    background-color: #333;
}

/*.modal_box  .media-player.video {
  width: 560px;
  height: 320px;
}
*/
.cookiesWarning {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 7200;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px 34px 17px 15px;
    background-color: #111;
    opacity: 0.9;
    color: #fff!important;
    font-size: 13px;
    text-align: center;
    line-height: 18px;
}

.cookiesWarning-link {
    color: #fff!important;
    text-decoration : underline; 
}

.cookiesWarning .close{
    color :white;
    opacity: 1;
}

.media-player-wrapper .media-name {
    color: white;
    width: 300px;
    display: inline-block;
    float: left;
    margin: 0px 4px;
    font-size: 0.7em;
    overflow: hidden;
}

.section .section-title {
    color: white;
}

.section .section-title .more-icon {
    color: white;
    margin-left: 4px;
}

.section .section-title i ,.section .title1inner i {
    color: white ;
    margin : 0px 4px 0px 0px;
}

#sub-nav ul li.subnavtitle, #loc-nav ul li.subnavtitle {
    margin: 0px;
    position: relative;
}

/* --- END --------  6.5.2 THEME --------------- */
/* --- BEGINING  --------  6.5.3 THEME --------------- */
.oneline-search div {
    float: left;
    /* height: 30px; */
    margin: 0 2px 2px 2px;
}

.oneline-search span {
    color: white;
    margin : 0px 10px;
}

.nav-no-bar #advsearch_area {
    border-top : 0px;
}

.adlist_cat2 {
    display: inline-block;
}




/* --- END --------  6.5.3 THEME --------------- */
/* --- START --------  6.5.4 THEME --------------- */
.icon-fa-ad_videourl:before, .icon-fa-us_videourl:before {
    content: "\F03D";
}

.icon-fa-ad_audiourl:before, .icon-fa-us_audiourl:before {
    content: "\f130";
}

.icon-fa-ad_docurl:before, .icon-fa-us_docurl:before {
    content: "\f15c";
}

.icon-fa-ad_protype:before, .icon-fa-us_protype:before {
    content: "\f0f0";
}

.userdetails .display_links li {
    height : 40px;
    width : 40px;
    float: left ;
    background-color: black;
    margin : 2px 2px;
}

.userdetails .display_links li a span.title2 {
    display : none;
}

.userdetails .display_links li span[class^="icon-fa-"] {
    font-size: 20px;
    color : white ;
}

.userdetails .display_links li a:hover {
    text-decoration: none ;
    color : gray;
}

.userdetails .display_links li a {
    padding: 10px;
    display: block;
    height: 20px;
    width: 20px;
}

/* --- END --------  6.5.4 THEME --------------- */
/* --- START --------  6.5.5 THEME --------------- */
#my_booth {
    position: absolute;
    /*position is defined dynamically*/
    /* 
  top: 60px;
  left: 10px;
  width: 150px;
  */
    width: 400px;
    background-color: white;
    border: 0px solid white;
    z-index: 999999;
    /* padding: 10px; */
    border-radius: 4px;
}

#my_booth .visualizer {
    width: 100%;
    height: 60px;
    border: 1px solid #CCC;
}

#my_booth .visu_wrapper {
    position : relative;
}

.visu_timeline {
    position : absolute;
    height: 80%;
    border-right: 1px solid black;
    width: 0px;
    bottom: 9px;
    background: black;
    opacity: 0.1;
}

#my_booth .visu_wrapper .visu_title {
    position : absolute;
    top : 3px ;
    right: 0 ;
    color: #fff;
    background: black;
    opacity: 0.3;
    font-size: 0.9em;
    padding: 0 4px;
}

#my_booth .visu_wrapper .mute_btn {
    position : absolute;
    bottom : 6px;
    right: 0 ;
    font-size: 1.3em;
}

#my_booth .close {
    position: absolute;
    top: 10px;
    right: 16px;
    height: 16px;
    width: 16px;
    z-index: 10;
    color: white;
    cursor: pointer;
    opacity: 0.8;
}

#my_booth_mask {
    position: absolute;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#my_booth .video_wrapper {
    position : relative;
    /* width: 90%; */
    margin: 0 auto;
}

#my_booth .video_wrapper .video_title,
#my_booth .video_wrapper .video_in_title  {
    position : absolute;
    top : 3px;
    right: 3px;
    color: #fff;
    background: black;
    opacity: 0.3;
    font-size: 0.9em;
    padding: 0 4px;
}

#my_booth .video_wrapper .video_title.recording{
    color : red;
}

#my_booth .video_wrapper .video_title.playing,
#my_booth .video_wrapper .video_title.recording
{
  animation: blinker 2.0s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}


#my_booth .video_wrapper .video_effect {
    position : absolute;
    top : 23px ;
    right: 0 ;
    color: #fff;
    background: black;
    opacity: 0.3;
    font-size: 0.9em;
    padding: 0 4px;
}

#my_main_video,#my_record_video {
    width: 100%;
    border: 1px solid #eee;
}


.video-flash {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.video-countdown p {
    color : white ;
}

.video-countdown {
    position: absolute;
    left: 30%;
    /* depends greatly on size of font */
    top: 0;
    font: bold 140px "Museo-700",sans-serif;
    color : white ;
}

.snap_canvas {
    border: 1px dotted #CCC;
    width: 100%;
    /* force width independantly to canvas size */
}

.video_effect_range_wrapper {
    position: absolute;
    top: 50px;
    right: 10px;
}

.video_effect_range_wrapper .vert {
    width: 20px;
    height: audo;
    -webkit-appearance: slider-vertical;
}

.video_effect_range_wrapper .video_effect_range_value {
}

#my_booth H1 {
    background-color: #04a8df;;
    line-height: 32px;
    color : white; 
    text-align : center; 
    padding : 4px 0; 
}



#my_booth .intro_p {
    padding : 10px 0px 0px 10px; 
}


.dm_button2.fullwidth {
    padding: 0px!important;
    width: 100%;
}

.dm_button2 label {
    font-weight: normal;
}

/*for record button in form */
.uploadwp_rec_live {
    /* display: inline-block; */
    
}

.uploadwp_rec_live a {
/*     color: #D35701; */
}

.uploadwp_rec_live a:hover {
    text-decoration: none;
}

.uploadwp_rec_live i {
/*     font-size: 38px; */
color : #c1c1c1
}



/*// like hover menu */
a:hover #item-likes {
    color : #E97F02 ;
    /*orange*/
}

.notdecoration {
    text-decoration : none!important;
}

/* for list of categories in below page */
ul.display_cats_ad {
}

ul.display_cats_ad.col_2 {
    width: 45% ;
    float: left
}

ul.display_cats_ad.col_3 {
    width: 30%;
    float: left;
}

ul.display_cats_ad li {
}

ul.display_cats_ad li.level_1 {
    font-size: 1em;
    border-bottom: 1px #ccc solid;
    margin-bottom: 4px;
    margin-top: 8px;
}

ul.display_cats_ad li.level_2 {
    list-style: initial!important;
    margin-left: 20px;
}

/* --- END --------  6.5.5 THEME --------------- */
/* --- START --------  6.5.6 THEME --------------- */
.booth_progress {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    padding: 1px;
    margin-bottom: 4px;
    /*border-radius: 3px;*/
}

.booth_progress .bar {
    background-color: #B4F5B4;
    width: 0%;
    height: 2em;
    /*border-radius: 3px;*/
}

.booth_progress .percent {
    position: absolute;
    display: inline-block;
    top: 2px;
    left: 50%;
    font-size: 1em;
}

.hideprice {
    display: none;
}

/* --- END --------  6.5.6 THEME --------------- */
.tab-content {
    position: relative;
}

.tab-section {
    position : relative;
    top : 0;
}

.addetails .item-pics-main {
    float: none;
}

.section-map,.section-panorama, .section-video {
    height: 460px;
    background-color: #e1E1E1;
}


#panorama_container, #map_container {
    height: 100%;
    width: 100%;
}

.patclearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* --- START --------  6.7 THEME --------------- */
.uploadwp_elem {
    display: inline-block;
}

div.pic_photo_upload.uploadedinit {
    background-color: #333;
}

div.pic_photo_upload.elemdisplay {
    background-color: #e5e5e5;
    display: inline-block;
    margin : 1px 6px 2px 0px;
    cursor: pointer;
}

.pic_photo_upload.elemdisplay.doc-file {
   background-color: white;
   color: black;
   border: 1px dashed gray;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative
}

.elemdisplay.doc-file i.icon-fa-lock {
   color : orange;
   position : absolute;
   top : 03px; 
   right :03px;
   z-index: 10;
   font-size: 0.8em;
}

.media.doc {
    margin-top : 0px; 
}

.media-doc-wrapper-top, .media-player-wrapper-top {
    /* margin-bottom: 10px; */
    display: flex;
}

.a-text-strike {
    text-decoration: line-through!important;
}

.a-color-secondary {
    color: #555!important;
    font-size: 0.8em;
}

.a-percent {
    color: red!important;
    font-size: 0.8em;
}

.pricedisplayedinform {
    font-size : 1.2em;
}

h5.pricelower {
    background: url("../img/ban_pricelower.png") no-repeat scroll 0 0 transparent;
    height: 0;
    left: 0;
    overflow: hidden!important;
    padding-top: 57px;
    position: absolute;
    top: 0;
    width: 57px;
    z-index: 2;
}

.expireddate {
    color: white;
    margin: 0 6px;
    padding: 2px 6px;
    background-color: red;
}



/* --- START  --------  6.7.5 THEME --------------- */
.block_categories_hp {
    /* background: #fff; */
    border: 1px solid #E7E7E7;
    margin-bottom: 1px;
    padding: 10px 0 0 18px;
    overflow: hidden;
}

.block_categories_hp ul {
    padding: 0;
    margin: 0;
}

.block_categories_hp li {
    display: block;
    width: 220px;
    float: left;
    margin-bottom: 16px;
    padding: 0;
    margin-right: 16px;
}

.block_categories_hp li a {
    color: #707070;
}

.block_categories_hp li img.category_img {
    width : 100%;
    height : 80px;
}

.block_categories_hp a span.category_img {
    display: block;
    margin-bottom: 5px;
    height: 60px;
    background: url("../img/cats_image.jpg") no-repeat scroll 0 0;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.block_categories_hp .cathpauto-moto span.category_img {
    background-position: 0 -65px;
}

.block_categories_hp .cathpventeimmobilier span.category_img {
    background-position: 0 -199px;
}

.block_categories_hp .cathptelephone span.category_img {
    background-position: 0 -266px;
}

.block_categories_hp .cathpmultiservices span.category_img {
    background-position: 0 -467px;
}

.block_categories_hp .cathpventesdiverses span.category_img {
    background-position: 0 -133px;
}

.block_categories_hp span.category_title {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    display: block;
    text-align: center;
}

.block_left_hp {
    /*background: #fff;*/
    background: rgb(229, 229, 229);
    border: 1px solid #E7E7E7;
    margin-top: 10px;
    padding: 10px;
    overflow: hidden;
    height: 440px;
}

.block_left_hp p {
    margin : 4px 0;
}

.block_left_hp a.dm_button2 {
    width: 80%;
}

/*new admin menu*/
.clearfix:after {
    display: block;
    clear: both;
    /* content: ""; */
    /* display: table; */
}

.adminmenu li {
    margin: 0px;
    list-style: none;
    /*margin-top :5px!important;*/
}

.adminmenu li.level1 {
    /*border-right: 1px solid #A7A7A7; */
    background-color: #2E2728;
    margin : 0px 4px 4px 4px!important;
}

.adminmenu li:hover > a, .adminmenu .current-item > a {
    text-decoration: none;
    color: #be5b70;
}

.adminmenu .arrow {
    font-size: 11px;
    line-height: 0%;
}

.adminmenu > li {
    float: left;
    display: inline-block;
    position: relative;
    font-size: 10px;
}

.adminmenu > li:hover, .sub-menu li:hover {
    background: #191e23!important;
}

.adminmenu > li > a {
    /* padding:10px 40px; */
    /* display: inline-block; */
    /* text-shadow:0px 1px 0px rgba(0,0,0,0.4); */
}

.adminmenu > li:hover > a, .adminmenu > .current-item > a {
    /*background:#2e2728;*/
    color: white!important;
}

/*
.sub-menu.hoverIn {
  z-index:1;
  opacity:1;
  display: block!important; 
}


.sub-menu {
    width:220%;
    display: none!important;
    padding:5px 0px;
    position:absolute;
    margin-left:0px!important;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
}*/
.sub-menu li {
    display: block;
    font-size: 10px;
    width: 90%;
}

.sub-menu li a {
    padding: 5px 10px;
    display: block;
    color: white!important;
}

.sub-menu li a:hover, .sub-menu .current-item a {
    /*background:#3e3436;*/
    color: white!important;
}

.nav-counter {
    float: right;
    margin-top: 6px;
    padding: 0 6px;
    line-height: 16px;
    font-size: 10px;
    background: #464e59;
    border-radius: 9px;
}

.nav-counter.orangex {
    background-color: orange;
}

/* -- table menu (sameas bootstrap) --- */
.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

td.bold {
    font-weight: bold;
}

table.about {
    width: 80%;
    margin: 20px auto;
}

table.about>tbody>tr>td:first-child {
    font-weight: bold;
    margin-left: 10px;
    vertical-align: top;
}

/*ods to support vcounters*/
.thumb-view .pcol-d {
    width: auto!important;
}

.floatmr6 {
    float: left;
    margin-right: 6px;
}

.dm_button3, .dm_button2b, .dm_button_nopad {
    background-color: #F6F6F6;
    /* border:1px solid #AAA; */
    color: black!important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    /*height:22px;
  line-height:22px;*/
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

.admin-page ul.top-actions {
    margin : 0px;
}

.admin-search-medium {
    font-size: 13px;
    line-height: 20px;
    width: 300px;
    border: 1px solid #a7A7A7;
}

.user_is_admin {
    background-color : rgb(213, 236, 242)!important;
}

.user_is_superadmin {
    background-color : rgb(99, 213, 242)!important;
}

.admin-page #main-nav {
    /*background-color: #191818;*/
    background-color: #23282d;
}

/* --- END  --------  6.7.5 THEME --------------- */
/*new layout for MAP */
ul.maplist-view li div.pcol-a {
    display: inline-block;
}

ul.maplist-view li div.pcol-b {
    /* width: 150px; */
}

ul.maplist-view li div.pcol-b .list_description {
    display: none;
}

ul.maplist-view li div.pcol-c-d-wrap {
    height: 100%;
}

ul.maplist-view .post div.map_markers {
    width: 16px;
    height: 60px;
}

ul.maplist-view li.hasinfofocus div.map_markers {
    background-color: rgb(245, 245, 241);
}

UL.post-list.maplist-view LI.hasinfofocus, UL.post-list.maplist-view LI.hasinfofocus .post, UL.post-list.maplist-view LI.hasinfofocus .post .pcol-c-d-wrap div.inner {
    background-color: white!important;
}

.maplist-view h5.recentProduct,.maplist-view h5.recommendedProduct, .maplist-view h5.pricelower {
    left: 20px;
}

/*css style for zeditor */
.zeditor-box {
    position: relative;
    overflow: visible;
    /*margin-bottom: 2px;*/
}

.zeditor-editor {
    position: relative;
    overflow: auto;
    margin: 0 !important;
    padding: 20px;
    min-height: 290px;
    outline: none;
    white-space: normal;
    border: 1px solid #eee;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
    font-size: 14px;
    line-height: 1.6em;
}



.zeditor-toolbar {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 14px !important;
    line-height: 1 !important;
    background: #fff;
    background: #000;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.zeditor-toolbar li {
    vertical-align: top;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    outline: none;
    list-style: none !important;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.zeditor-toolbar li a {
    display: block;
    color: #333;
    color : white;
    text-align: center;
    padding: 9px 10px;
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    zoom: 1; -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.zeditor-toolbar li a.button-disabled {
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

.zeditor-toolbar li a:hover {
    outline: none;
    background-color: #1f78d8;
    color: #fff!important;
}

.zeditor-textarea {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: auto;
    outline: none;
    border: none;
    background-color: #111;
    box-shadow: none;
    color: #ccc;
    font-size: 13px;
    font-family: Menlo, Monaco, monospace, sans-serif !important;
    resize: none;
}

.zeditor-textarea:focus {
    background-color: #111;
}

/*inline editor */
.inelemform .zeditor-toolbar {
    background-color: #f2f2f2;
    font-size: 12px!important;
    box-shadow : none;
    border: 1px solid #AAA;
    border-bottom: 0px;
}


.inelemform .zeditor-toolbar li a {
    color: black;
}

.inelemform .zeditor-editor {
    border: 1px solid #AAA;
    padding: 6px;
}

.inelemform.zeditor-box {
    width: 100%;
}



.adinput textarea, .adinput input.text {
    width: 100%;
}

.adinput input.text {
    height : 30px;
    line-height : 30px;
}


/* case of bug inputs */
/*-----------------------------------------------------*/
.big-field input[type=email],
.big-field input[type=number],
.big-field input[type=password],
.big-field input[type=tel],
.big-field input[type=text],
.big-field input.text, 
.big-field  select,
.big-field .chosen-container-single .chosen-single, 
.big-field .selectWrapper select
 {
    height : 48px;
    line-height : 46px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    border-radius: 4px;
}

.big-field .is-group-label {
    /* display: none; */
}





.big-field  .input-group .btn{
    height : 48px;
}

.big-field .char-counter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    right: 12px;
}

.big-field #counter, #counter{
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 0.8em;
}

.big-field textarea{
    padding : 4px 0px 15px 4px;
    border-radius: 4px;
}

.big-field .chosen-container .chosen-results li{
 line-height : 25px;
}

.big-field .adinput_vfields .disp_label {
    padding: 0;
    line-height: 46px;
}

.big-field .rt-validate .validation-flag, 
.big-field .val-icon{
    height : 48px;
    line-height: 46px;
    border-top-right-radius : 4px; 
    border-bottom-right-radius : 4px; 
}

.big-field .input-group-btn .btn {
    border-top-right-radius : 4px; 
    border-bottom-right-radius : 4px; 
}


.big-field .input-group-btn .btn {
    border-top-right-radius : 4px; 
    border-bottom-right-radius : 4px; 
}


/*-----------------------------------------------------*/

input.text[disabled]{
cursor: not-allowed;
background-color: #e6ebef;
    color: #8191a0;

}

.input-group-btn .btn {
    height: 30px;
    padding: 0px 4px;
    border: 1px solid #AAA;
}


.quick-form .input-group-btn .btn {
    height: 34px;
    min-width: 34px;
}

.btn.is-geocoded{
    color : green; 
}


.adinput input.text.input-medium,
.adinput input.text.input-mini {
    /* width: 50%; */
}

/*end zeditor*/
/*// emails generation new one */
.emails-list-left {
    width: 38%;
    float: left;
}

.emails-list-left .date {
    font-size: 0.9em;
}

.emails-list-right {
    width: 60%;
    float: left;
    margin: 0px 0px 0px 10px!important;
}

#gen-files-list table.content-list td img.mini {
    width : 16px;
    height : 16px;
}

#gen-files-list table.content-list {
    font-size : 95%;
}

#gen-files-list table.content-list th {
    border-bottom: 0px solid #BBB;
    background: #E5E5E5;
    white-space: nowrap;
}

#gen-files-list table.content-list th.text {
    text-align: left;
}

#gen-files-list table.content-list td.text {
    text-align: left;
}

#gen-files-list table.content-list td.text.is-size {
    text-align: right;
    padding-right: 10px;
}

#gen-files-list table.content-list th {
    padding: .5em .75em;

}

#gen-files-list table.content-list td {
    border-top: 1px solid #BBB;
    /* background: #F9F9F9;*/
    padding: 0;
    text-align: right;
}

#gen-files-list table.content-list td.center {
    text-align: center;
}

.edit-empty {
    background-color: #E5E5E5;
    padding: .5em .75em;
    font-weight: bold;
    font-size: 0.9em;
}

#file_editor #file_subject {
    margin-bottom: 20px;
    width: 98%;
    border: 1px solid #eee;
}

#gen-files-list .filenameheader {
    background-color: #193D5E;
    color: white;
}

#gen-files-list .filenameheader span {
    margin-left: 10px;
}

.emailsroutes .title_level1 {
    background-color: #2E2728;
    color: white;
    padding: 10px;
}

.emailsroutes .level2 {
    margin-left: 20px;
    border-bottom: 1px solid #CCC;
}

.emailsroutes .level2 .title_level2 {
    border-bottom: 1px solid white;
}

.emailsroutes .level2 .left {
    margin-left: 10px;
    margin-top: 2px;
}

.emailsroutes .title_level2 {
    background-color: #CCCCCC;
    color: white;
    padding: 10px;
    float: left;
    width: 200px;
}

.emailsroutes .level3 span.item2 {
    width: 120px;
    display: inline-block;
}

.emailsroutes .level3 span.item2.deleted {
    color : grey; 
    text-decoration : line-through; 
}

.emailsroutes .level3 span.item2.added {
    color : blue; 
   
}

.emailsroutes .level3  .route-message-warning
{
    color : red; 
}
.emailsroutes .level3 span.item4 {
    font-style: italic ;
}

.emailsroutes .level3 span.item3 {
    width: 100px;
    display: inline-block;
}

.emailsroutes .level3 span.item5 {
    /*width: 80px; */
    display: inline-block;
    margin : 0 10px;
}

.borderbottom {
    border-bottom: 1px solid #DDDDDD;
}

.email-editor-wrapper {
    margin: 10px 40px;
}

.file-actions {
    float: right ;
}

.file-actions ul {
    margin-bottom: 0px;
    font-weight: normal;
}

ul.subaction-nav li {
    float: left ;
    margin-right: 6px;
}

.file-modified {
    color: red;
    font-weight: normal!important;
    margin-left: 10px;
}

.addroute {
    color: white!important;
    font-size: 0.9em;
    margin-left: 10px;
}

/*6.9 COMMMUNICATION */
.com_box {
    /*background: #eceff3;*/
    margin: 0 0 1px 0;
    padding: 4px;
    /*margin-bottom: 20px!important;*/
    /*border-bottom: 1px solid #eceff3;*/
}


.blured {
filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
}

.com_box .com_message {
}

.img_side_content {
    display: table;
    vertical-align: top;
    width: 100%;
}

.img_side_content > a {
    margin: 0 10px 0 0;
    display: block;
}

.img_side_content img {
    /*    width: 63px;
    height: auto;*/
    vertical-align: top;
    width: 50px;
    height: 50px;
    border-radius: 100px;
}

.img_side_content .com_content {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    border: #f5f5f5 1px solid;
    padding: 10px 10px 3px 10px;
    position: relative;
}

.img_side_content .com_author {
    font-size: 1.2em;
    text-decoration : none;
    font-weight: bold;
}

.img_side_content .com_text {
    background: #fff;
    /*border: 1px solid #d6d6d4;*/
    /*padding: 10px;*/
}

.img_side_content .com_text > p:first-child {
    margin-bottom: 10px;
}

.img_side_content .com_text.opacity {
    background-color: rgba(0, 0, 0, 0.04);
    color: orange;
}

.img_side_content .com_menu {
    padding-top : 2px;
}

.lighten {
    color: #888!important;
}

.sep_02_10v, .sep_02_15v, .sep_02_20v, .sep_02_30v {
    height: 1px;
    background: #d6d6d4;
    overflow: hidden;
    margin: 10px 0;
}

#com_description {
    width: 98%;
}

.cleardisp {
    margin: 0px!important;
    width: auto!important;
    display: inline-block!important;
}

.likes-count {
    padding: 2px 6px 2px 5px;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    display: inline;
    margin-right: 5px;
    /*background: #666666;*/
}

.likes-count.positive {
    color: green;
}

.likes-count.negative {
    color: red;
}

.no-posts {
    text-align: center;
    display: none;
}

.isloading {
    text-align: center;
}

.com_menu a {
}



.btn_disabled {
    pointer-events : none;
    color: #888!important;
}

.greenx {
    background-color: green;
}

/*rating system*/
.com_rating_item {
    line-height: 22px;
}

.com_rating_item i {
    font-size: 16px;
    padding: 0 1px;
    color: #888;
}

.com_rating_item .rating_name {
    color: #999;
    width: 100px;
    text-align: right;
    display: inline-block;
    margin-right: 4px;
}

.com_rating_item .rating_label {
    color: #999;
}

.rating-summary-in-details .com_rating_item .rating_label {
    display : none; 
}

.com_form .com_rating_item i {
    cursor: pointer;
}

.com_rating_item i.rated {
    color: #ffd119;
}

.com_rating_item i.icon-focus {
    color: #ffd119;
    /*font-size : 18px;*/
}

.com_rating_item i.pnn-icon {
    font-size: 1.5em;
    margin-right: 4px;
    margin-bottom: 4px;
}

.com_rating_item .rating_value {
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin : 0 4px;
}

.coms_counterssummary {
    background-color: #F5F5F5;
    margin-bottom: 10px;
    padding: 4px;
}

.coms_counterssummary > span {
    font-size: 1.2em;
    color: #999 ;
    font-weight: bold;
    display: table-cell;
}

.coms_counterssummary > div.sumratings {
    display: table-cell;
}

.coms_counterssummary > div.sumactions {
    display: table-cell;
    padding-left: 20px;
}

.com_sum {
    display: table;
    width: 100%;
    /* background-color: #E6E6E6; */
    padding: 10px 0px;
    border: 1px solid #EEE;
    margin-bottom: 10px;
}

.com_sum .com_counters {
    display: table-cell ;
}

.com_sum .com_spare {
    display: table-cell ;
    width: 50px;
}

.com_sum .com_actions {
    display: table-cell;
    /* padding: 5px 0px; */
    vertical-align: middle;
    text-align : center;
}

.pnn-icon.icon-fa-plus-circle.active {
    color: green;
}

.pnn-icon.icon-fa-minus-circle.active {
    color: red;
}

.pnn-icon.icon-fa-dot-circle-o.active {
    color: black;
}

#transData {
    font-size: 0.9em;
}

#transData table tr {
    border: 1px solid #EEE;
}

#transData table tr.table-header{
    background-color : #eeeeee; 
}

#transData .modified{
    color : #FF9800; 
}

.about-in-header {
    width: 400px;
    display: inline-block;
}

option.optionWithAd {
    font-weight: bold!important;
}

.vtag_badge {
    padding: 0 20px;
    color: white;
    background-color: #666666;
    width: 100px;
    display: inline-block;
    margin: 1px;
    text-align: center;
}

.pcol-c .vtag_badge {
    padding: 0 1px;
}

.vtag_badge.vtag1_false {
    background-color: orange;
}

.vtag_badge.vtag1_true {
    background-color: green;
}

/*badges in notification zone */
.cnt-badge {
    position: relative;
    bottom: 10px;
    right: 10px;
    color: white!important;
    font-size: 10px;
    padding: 2px;
    background-color: #eee;
    border-radius: 2px;
}

.cnt-badge-warning {
    background-color: red;
}

ul.buttons {
    color : white ;
    font-size : 20px ;
}

ul.buttons li {
    float: left;
}

ul.buttons li a, ul.buttons li a:hover {
    color: white;
    text-decoration: none;
}

.cat_list dl dd.cat-protype-header {
    margin-bottom : 6px!important;
    font-size: 1.2em;
    text-align: center;
}

/*#main-nav-links .dropcontent .dropinner dl dd.nohover:hover {
    background-color: none!important;
}

*/
.gen-dropzone {
    /*display: inline-block!important; */
    float: left;
    height: 55px;
    width: 70px;
    margin-right: 5px;
    text-align: center;
    padding: 5px 2px;
    color: #555;
    border: 1px dashed #555;
    cursor: default;
    font-size: 10px;
}

.gen-dropzone.hover {
    background-color : #8BC34A;
    color : white; 
    border: 1px solid; 
}

.gen-dropzone.disabled {
    background-color : white;
    color : red;
    border: 1px dashed red;
}

.pcol-a img:hover {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    opacity: .85!important;
    /* transform: scale(1.07); */
    filter: alpha(opacity=85)!important;
}

.admin-page form[name=bookings] .labelform_label, .admin-page form[name=bookings] .labelform {
    width: 140px;
}

/*zads theme update 7.0.2*/
#topgallery.fullwidth, #userrelads.fullwidth {
    height : auto!important;
    padding: 2px 10px;
}

#topgallery.fullwidth .patcarousel-wrapper, #userrelads.fullwidth .patcarousel-wrapper {
    margin : 2px 0px;
    padding: 5px;
}

#userrelads.fullwidth .bandecoration {
    height : 120px;
    width: 70px;
}

.nice-list.fullwidth li {
    border-top: 0px!important;
    height: 112px!important;
}

#topgallery.fullwidth li, #userrelads.fullwidth li {
    position : relative;
    margin : 1px!important;
    border-left: 0px;
    padding: 0px 2px;
}

.nice-list.fullwidth .listcol-a {
    position: relative;
    height: inherit;
}

.nice-list.fullwidth .listcol-a a {
    display : inline-block;
    height: inherit;
    width: 100%;
}

.nice-list.fullwidth .post-img {width: 100%;/* overflow-y: hidden; */height: inherit;}

.nice-list.fullwidth .post-img img, 
#topgallery.fullwidth .section-content IMG, 
#userrelads.fullwidth .section-content IMG {
    width: 150px;
    height: 112px;
    float: none;
    border: 0px;
    padding: 0px;
}

.nice-list.fullwidth .post-img img, #topgallery.fullwidth .section-content IMG, #userrelads.fullwidth .section-content IMG {
    border-radius: 0px;
    /* width: 100%; */
    height: auto;
}


.nice-list.fullwidth .post-img img{  
    width: 100%; 
}

.nice-list.fullwidth .post-img .priceOverlay2, 
#topgallery.fullwidth .priceOverlay2, 
#userrelads.fullwidth .priceOverlay2 {
    z-index: 11;
    color: #f56b2a!important;
    background-color: white;
    bottom: 0px!important;
    right: 0px!important;
    top: auto;
    left: auto;
}

.nice-list.fullwidth .post-text, 
#topgallery.fullwidth li p.title, 
#userrelads.fullwidth li p.title {
    /*display: table-cell;*/
    position : absolute;
    top: 20px;
    left: 30px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 0.9em;
    z-index: 9;
    width: 80%;
}


.nice-list.fullwidth .post-text {
    top: 14px;
    left: 4px;
    width: inherit;
}

.nice-list.fullwidth .post-img .priceOverlay2{
    z-index: 11;
    color: #f56b2a!important;
    background-color: white;
    bottom: auto!important;
    right: auto!important;
    top: 1px;
    left: 1px;
}

.nice-list.fullwidth li .featuredoverlay, 
#topgallery.fullwidth li .featuredoverlay, 
#userrelads.fullwidth li .featuredoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #777;
    z-index: 8;
    opacity: 0.2;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.nice-list.fullwidth li .featuredoverlay:hover, 
#topgallery.fullwidth li .featuredoverlay:hover, 
#userrelads.fullwidth li .featuredoverlay:hover {
    opacity: 0.09;
}

.nice-list.fullwidth .post-date, #topgallery.fullwidth .post-date, #userrelads.fullwidth .post-date {
    position : absolute;
    bottom: 0px;
    left: 0;
    color: #FFFFFF;
    z-index: 7;
    width: 150px;
    font-size: 10px;
    background-color: black;
    text-align: center;
}

.large-hidden {
    display: none;
}

ul.sharethis-in-icons {
    margin: 0;
}

.sharethis-in-icons li {
    font-size: 30px ;
    margin-right: 4px;
    float: left;
    color: #333;
}

.sharethis-in-icons li a {
    color: #333;
}

.color-facebook {
    color: #3A5AA0!important;
}

.color-googleplus {
    color: #D74720!important;
}

.color-twitter {
    color: #00B4F3!important;
}

.color-linkedin {
    color: #4875B4!important;
}

.color-pinterest {
    color: #cb2027!important;
}

.color-linkedin {
    color: #007bb5!important;
}

/* tabs  */
.listing-tabs {
    display : block;
    margin-top: 0px;
    padding-top: 0px;
}

.listing-tab {
    display: block;
    float: left;
    height: 30px;
    padding: 0 30px;
    line-height: 29px;
    text-align: center;
    color: #1a1a1a;
    background: #E1E1E1;
    border: none;
    border: 1px solid #ECECEC;
}

.listing-tab.active, .listing-tab:hover, .listing-tab:focus {
    background: #FFF;
}

.tab-counter {
    display: block;
    float: right;
    margin-left: 5px;
    color: #666;
}

.gen_page_map .svg-map {
}

/*item details - pictures*/
.addetails .ad-main-section .item-pics-main {
    width: 100%!important;
    margin-bottom: 1px;
    height: 460px;
    background-color: #e1E1E1;
}

.addetails .ad-main-section .item-pics-main .full-image-link1 IMG {
    width: auto;
    max-width: 100%;
    display: block;
    max-height: 100%;
    margin: auto!important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#footer-content-debug {
    color: white ;
    background-color : orange ;
}

.debug-zone{
    word-wrap : break-word; 
    font-size : 0.8em; 
    background-color : #eee;
}

.debug-css-normal {
    display : block ;
}

/* general theme for static pages */
.static-maincontent {
    font-size : 1.2em ;
}

.static-maincontent h1 {
    margin : 20px 0px;
    font-size : 1.8em;
}

.static-maincontent h2 {
    margin : 20px 0px;
    font-size : 1.6em;
    color: #008ac9!important;
}

.static-maincontent p {
    margin : 10px 0px;
}

.marker-label {
    background-color : black;
    /* padding: 2px; */
    /* margin: 2px 2px; */
    color : white;
    cursor: pointer;
    /* position: relative; */
    /* top: 10px; */
    display: inline-block;
    min-width: 16px;
    text-align: center;
    z-index: 11;
}

.z-upload-hidden {
    /* border :1px solid red; */
    opacity: 1 !important;
    visibility: visible!important;
    /* text-indent: -1000px; */
}

.z-upload-hidden input {
    background-color : blue;
    opacity: 0;
}

/*zads 7.1.0 */
.list-row:before, .list-row:after {
    /* content: " "; */
    /* display: table; */
}

.list-cell:before, .list-cell:after {
    content: " ";
    display: table;
}

.list-row-div {
    /* content: " "; */
    /* display: table; */
    /* margin: 4px; */
}

.list-cell {
    display: table-cell;
    vertical-align: middle;
    /* border-bottom: 1px solid lightblue; */
}

/* generic table cell elements */
.tbl {
    display : table;
}

.tblrow {
    display : table-row;
}

.tblcell {
    display : table-cell;
    padding: 4px;
}

.icon-vtag-lg {
    font-size: 1.9em;
    color : #E08E4B;
    margin-right : 6px;
}

.icon-vtag {
    font-size: 1em;
    color : #E08E4B;
    margin-right : 6px;
}

.vtag_badges.display li {
    display: inline-block;
    margin-right: 6px;
    position : relative;
    width: 70px;
    text-align: center;
}

.vtag_badges.display li i {
    text-align : center;
}

.vtag_badges.display li div.below {
    font-size: 8px;
    line-height: 8px;
    color: black;
}



.static-page #network {
    padding: 10px 0px; 
}

.static-page #site-title #motto {
    float: none;
    position: relative;
    top: 0px;
    left: 0px;
}

.static-page #site-title {
    padding : 10px
}

.static-page .site-logo-motto > IMG{
    max-width : 90px; 
}

label {
    font-weight: 700;
    position : relative;
}

div.check {
    display : inline-block;
}

.gen-radio {
    display : inline-block;
}





/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
    touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
    user-select: none;
-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-target {
    position: relative;
    direction: ltr;
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1; /* Fix 401 */
    margin-left: -8px;
}
.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.noUi-origin {
    position: absolute;
    height: 0;
    width: 0;
}
.noUi-handle {
    position: relative;
    z-index: 1;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.noUi-state-drag * {
    cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 4px;
}
.noUi-horizontal .noUi-handle[data-handle="0"] {
    width: 16px;
    height: 16px;
    left: 0px;
    top: -6px;
}

.noUi-horizontal .noUi-handle[data-handle="1"] {
    width: 16px;
    height: 16px;
    /* right: 16px; */
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}
.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
}

/* Styling;
 */
.noUi-target {
    background: #ccc;
    margin: 20px 0px;
}
.noUi-connect {
    background: #024C8A;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
    cursor: n-resize;
}
.noUi-handle {
    border: 1px solid #CCC;
    border-radius: 50%;
    background: #F3F3F3;
    cursor: default;
    /* box-shadow: inset 0 0 1px #FFF,
                inset 0 1px 7px #EBEBEB,
                0 3px 6px -3px #BBB; */
}
.noUi-active {
    box-shadow: inset 0 0 1px #FFF,
                inset 0 1px 7px #DDD,
                0 3px 6px -3px #BBB;
}


.noUi-handle:after {
    left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}
.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
 */

[disabled] .noUi-connect {
    background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

.multi-ranges-slider{
   position : relative;
   margin: 0px 10px;
}

#table_gen .multi-ranges-slider{
   padding-right : 20px; 
}

.multi-ranges-slider-values{
   position : relative;
   top :-15px;
}


.multi-ranges-slider-values .slider-value{
  font-size : 1.2em; 
  color : #e08e4b; 
  font-weight : bold; 
}


.multi-ranges-slider-values .section-min,
.multi-ranges-slider-values .section-max{
    display : inline-block; 
}


.advsearch-second .vfield_in_div .multi-ranges-slider-values {
    color : white;
}


.multi-ranges-slider-values .section-max {
    float : right; 
}

.multi-ranges-slider-values .currency-in-slider{
    padding-left: 4px;font-size : 0.8em;
   }

.multi-ranges-slider-values input {
    display : inline-block;
    text-align : right;
    width: 50px;
    background-color : #fff;
}

.multi-ranges-slider-values .section-min input {
    text-align : left; 
}

/* slider on mobile */

.advs-widget-replay-mobile  {
	float:left;
	width: 90%;
	margin: 0 10px;
}  

.advs-widget-replay-mobile  .multi-ranges-slider-values{
    color   :white;
}

.advs-widget-replay-mobile .advsearch-_label  {
	display: none;
}  

/* page navigation  */
.nav-pages-wrapper {

}

.nav-pages-wrapper ul {
    float : right;
}

.inpanel ul{
    margin : 0px; 
}

.inline-properties {
/*     font-size :0.9rem;  */
}

.inline-properties .property {
 font-size :1.4rem; 
  margin :6px 0px;
}



.inline-properties .value {
    margin-left :4px;
} 


/* quick registration form */
.form-intro {
    font-size : 1.2em;
    margin-bottom : 10px;
}

.footer-text{
     margin-bottom : 10px;
}

.verify-wrapper .checkbox{
    margin : 0px auto;
}

.verify-item .col-m{
    /* width: 200px; */
}


.debug-toolbar-modal {
    margin : 4px;
    padding : 4px; 
    background-color : #ccc;
}

/* user manu below main av */
.user-nav-menu ul, .debug-toolbar ul {
    margin : 0px;
    padding : 0px 6px;
    background-color : #666;
    /* border-radius: 4px; */
}



.user-nav-menu li, .debug-toolbar li  {
    padding: 6px 10px;
    display : inline-block;
    color : #CCC;
    border-bottom: 3px solid #666;
}

.user-nav-menu li a, .debug-toolbar li a {
  color : inherit; 
}

.user-nav-menu li:hover,
.user-nav-menu li.active {
    color : white; 
    border-bottom : 3px solid #04a8df;

}


/* special debug */

#debug-toolbar{
    position : fixed;
    top : 60px;
    left : 0px;
    z-index: 100;
    /* width: 200px; */
}

#debug-toolbar a.open{font-size : 2em;color : white;background-color :#666666;padding : 2px 2px 2px 20px;border-radius : 0px 6px 6px 0px;display: inline-block;}

.debug-toolbar h2 {
    color :  #666; 
    font-size : 20px!important;
    padding : 4px ; 
}


.debug-toolbar {
    border: 1px solid transparent;
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    width: 200px;
}

.debug-toolbar ul {
    background-color: #f8f8f8;
}


.debug-toolbar li {
    border-bottom : 0px solid #666;
    padding: 2px 2px;
}

.debug-toolbar li:hover {
    color : black; 
}

.debug-toolbar .debug-var{
    font-size: 12px;
}

#settings_nav_menu{
    margin :0px;
}


.iti-flag.inline-single {
     position: absolute;
     top: 0;
     bottom : 0;
     margin : auto 4px;
}

.iti-flag,
#network .flags, span.flag, .flags {
    width: 20px;
    height: 15px;
    /* box-shadow: 0px 0px 1px 0px #888; */
    background-image: url('../img/flags.png');
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}
 {
    background-position: -1731px 0px;
}

.adinput .with-iti , input.with-iti {
    padding-left : 30px;
}

.flag-plus-location{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


#network .flags,  span.flags, .flag-plus-location .adlist-flag, .flag-plus-location .post-location {
    display : inline-block;
}

#settings_nav_menu .flags{
    margin : 0 4px; 
}

.flags.fr {
    background-position: -1731px 0px;
}

.flags.tn {
    background-position: -5021px 0px;
}

/*cote d'ivoire*/
.flags.ci, .iti-flag.ci, .iti-flag.CI  {
    background-position: -961px 0px; 
}



/* get positions from demo @ http://intl-tel-input.com/*/

#network .flags.fr, .flags.fr, span#fr_FR,
.iti-flag.FR  {
    background-position: -1731px 0px;
}

#network .flags.tn, .flags.tn, span#tn_TN,
.iti-flag.TN  {
    background-position: -5021px 0;
}

#network .flags.ch, .flags.ch, .flags.ch_CH, span#ch_CH,
.iti-flag.CH  {
   background-position: -944px 0;
}
#network .flags.es, .flags.es, .flags.es_ES , span#es_ES,
.iti-flag.ES  {
    background-position: -1555px 0px; 
}

#network .flags.mg, .flags.mg,.flags.mg_MG, span#mg_MG,
.iti-flag.MG {
    background-position: -3226px 0px;
}

.iti-flag.BE, .flags.be{
background-position: -440px 0px;
}

#network .flags.en, .flags.en,span#en_US, .iti-flag.EN {
    height: 11px;
    background-position: -5241px 0px
}


#network .flags.de, .flags.de, span#de_DE, .iti-flag.DE {
    height: 12px;
    background-position: -1269px 0px
}

#network .flags.nl, .flags.nl,span#nl_NL, .iti-flag.NL {
    height: 14px;
    background-position: -3752px 0px;
}

#network .flags.en_gb, .flags.en_gb, span#en_GB {
    background-position: -1775px 0px
}

#network .flags.ar,.flags.ar, span#ar_AR {
    height: 13px;
    background-position: -220px 0px;
}

#network .flags.tr,.flags.tr, span#tr_TR,.iti-flag.TR  {
    background-position: -5065px 0px
}

#network .flags.it,.flags.it, span#it_IT,.iti-flag.IT {
    background-position: -2523px 0px
}

#network .flags.sv, .flags.sv, span#sv_SV {
    height: 12px;
    background-position: -4713px 0px
}



/* google places automcomplete */
.pac-container{
    width : auto!important; 
}

.pac-logo:after{
    background : none;
    height : 0px;
}

.form-inline .sort-options, 
.form-inline .top-actions {
    display : inline-block;
}

/* video player styling */
#video_container{
    width : 100%;
    min-height : 100px;
    max-height: 100%;
    margin: auto!important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#video_container.loading {
  background: #e1E1E1 url(img/ajax-loader.gif) center center no-repeat;
}


/* styling the sidebar select */
#sidebar-search-vfields select{
    width : 100%; 
}

/* arrow */
#sidebar-search-vfields select{
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='#0A96BC' height='20' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
}

#header-widgets-section{
    position : relative; 
}

#header-widgets-section.hidden{
    display : none!important; 
}

.notification-wrapper .container{
    padding: 10px 0; 
}


/*http://www.cssportal.com/css-ribbon-generator/*/

.ribbon {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 10;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px;
  left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}



.ribbon.recentProduct span {
  background: #79A70A;
  /* background: linear-gradient(#2989d8 0%, #1e5799 100%); */
  background: #1e5799;
}
.ribbon.recentProduct span::before {
  border-left: 3px solid #1e5799;
  border-top: 3px solid #1e5799;
}
.ribbon.recentProduct span::after {
  border-right: 3px solid #1e5799;
  border-top: 3px solid #1e5799;
}


.ribbon.recommendedProduct span {
  background: #79A70A;
  background: linear-gradient(#2989d8 0%, #1e5799 100%);
}
.ribbon.recommendedProduct span::before {
  border-left: 3px solid #1e5799;
  border-top: 3px solid #1e5799;
}
.ribbon.recommendedProduct span::after {
  border-right: 3px solid #1e5799;
  border-top: 3px solid #1e5799;
}
.ribbon.is-admin-user{
    color : red;
    height: 40px;
    width: 40px;
}
.ribbon.is-admin-user span{
    width: 40px;
}

/* counters for inputs */
.char-counter {
    position: absolute;
    top: 4px;
    right: 20px;
    color: #a6b5bf;
}


#conv-form .char-counter, 
.email-form-table .char-counter {
    position : relative;
    top: 0;
    right:  auto;
    left: 10px;
    display: inline-block;
    font-size: 0.8em;
}

.verify-item .disp_help{
    color : #d9d9d9; 
}


.verified-user.overlay-badge{
    position : absolute;
    top: 0px;
    font-size   : 25px;
    color: #028001;
    right : 0px;
}

 .hdr-icon.user-profile .verified-user.overlay-badge {
     font-size : 15px;
     top: -5px;
     right: -5px;
}

.id-card-wrapper.in-line .verified-user.overlay-badge{
    font-size   : 15px;

}


.widget-img-wrapper{
    position : relative;
    line-height : 0px;
}


.widget-title{
  position : absolute; 
  top : 20%; 
  text-align  : center; 
  color : white; 
  font-size : 0.8em; 
  font-weight :bold; 
}

.media-cover-dark:after {
    background: #000;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    content: " ";
}

.media-cover, .media-cover-dark:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width : 99%; 
}

.vfields_list.list-group{
    font-size :0.9em; 
}

.vfields_list.list-group .list-group-item {
    padding : 0px; 
}

.vfields_list.list-group .list-group-item .key, 
.vfields_list.list-group .list-group-item .value
{
    padding : 4px 15px;
}

.vfields_list.list-group.in-list .list-group-item .value
{
    padding : 4px;
}


.vfields_list.list-group .list-group-item .key{
    width : 30%;
    display: inline-block;
    background-color : #f2f2f2;
}


.in-cart-list {
    margin-top : 4px;
}

.in-cart-list .vfields_list.list-group .list-group-item {
    border-radius : 0px; 
}

.in-cart-list .vfields_list.list-group{
    font-size :0.8em; 
    
}

.in-cart-list .vfields_list.list-group .list-group-item .key{
    width : 40%;
    display: inline-block;
    background-color : #f2f2f2;
    padding: 0px 4px;
}

.vfields_list.list-group .list-group-item .key:first-letter 
{text-transform: uppercase}


.vfields_list.list-group .list-group-item .value .tag
{
    /* margin-right : 6px; */
}

.vfields_list.list-group.in-list {
    margin : 0px; 
    margin-top : 4px; 
}

.vfields_list.list-group.in-list li {
    border : 0px;
    border-radius : 0px;
    font-size: 0.8em;
    }


/* display only the fisrt elemen */
.vfields_list.list-group.in-list li {
display : none; 
background-color :transparent; 
}
.vfields_list.list-group.in-list li:first-child {
display : block; 
}

.vfields_list.list-group.in-list .key{
    display : none; 
}

.email-form-table .col-md-9, 
.email-form-table .col-md-3 
{
    vertical-align : middle;

}


.vfields_list .unit{
    font-size : 0.8em;
}

.vfields_list .unit:before{
    content:'('; 
}

.vfields_list .unit:after{
    content:')'; 
}


.is-home-page .user-nav-menu {
    display : none;
}

/* banners*/
.banner_inner img, .altbanner img, .post.banner img, .sectbanner img {
    display: block;
    margin: 4px auto;
}


.dropdown-menu .messages-list .message {
    padding: 0 10px;
    border-top: 1px solid #f2f2f2; 

} 

.dropdown-menu .messages-list .message .hover-item {
    padding-top: 10px;
    padding-bottom: 10px;
} 


.imgWrapper-cat-icon{


}

.imgWrapper-cat-icon [class*="icon-fa-"]:before {
    position: absolute;
    left: 50%;
    font-size: 100px;
    margin-top: -50px;
    margin-left: -50px;
    top: 50%;
}

.imgWrapper-cat-icon [class*="mdi-"]:before {
    position: absolute;
    left: 50%;
    font-size: 100px;
    margin-top: 0px;
    margin-left: -50px;
    top: 50%;
}

.nice-list.fullwidth .post-img .imgWrapper-cat-icon [class*="mdi-"]:before {
    top : 0px; 
    font-size: 5em;
}

.nice-list.fullwidth .post-img .imgWrapper-cat-icon [class*="icon-fa-"]:before {
    font-size: 5em;
}





/* timetable */
.tt-ohday {
    background-color: #f5f5f5;
    min-width: 38px;
    display: inline-block;
    flex-grow: 1;
    flex-grow: 1;
    margin: 1px 6px 1px 0px;
    position: relative;
    height : 40px;
}

.tt-ohdt {
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.tt-ohdt:checked~.tt-ohdf {
    color: #fff;
    background-color: #2196F3;
}

.tt-ohdf {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    font-weight: 500;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    height : 40px; 
}


.tt-ohix {
    align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: flex;
    display: flex;
    justify-content: space-between;
    justify-content: space-between;
    max-width: 300px;
    position: relative;
    width: 100%;
}

.tt-ohte {
    flex-grow: 1;
    flex-grow: 1;
    position: relative;
}

.tt-ohde {
    color: #bdbdbd;
    margin: 0 10px 0 10px;
}

.tt-ohdi {
    color: rgba(0,0,0,0.87);
    border: none;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 0;
    outline: none;
    padding: 1px 0;
    width: 100%;
    font-size: 14px;
}

.tt-inner-btn{
    padding : 10px 0px; 
}

.tt-ohd{
    padding: 10px 10px;
    border-bottom : 1px solid #EEE;
}

.tt-ohd .help-block{
    padding: 0; 
    margin: 0; 
}

.tt-ohd .gen-checkbox label {
    color: black; 
}


/* titetable displayed */
.tt-display{


}



.tt-display .dl{
    display : inline-block; 
    width : 7em; 
}

.tt-display .dh{
    font-size : 0.8em; 
    margin-left : 10px; 
}

.tt-display .dh.is-now, 
{
    font-weight : bold;
    color : green;  
}

.tt-display .dl.is-today 
{
    font-weight : bold;

}


.tt-display .is-today .dh.hclosed{
    color : red; 
}


/* affichage uniquement une ligne */
.tt-display.only-today .dl{
    display : none; 
}


.tt-display.only-today{
    font-size : 0.9em; 
}



.form-actions{
    border-top : 1px solid #EEE; 
    padding : 10px; 
    text-align  : right; 
}


/* rating summary */
.crs{
    text-align : center; 
}

.crs .crs-icon{
    font-size : 3em;
}

.crs.ad-list{
    text-align : left;
    font-size: 10px;
}
.crs-img {
    max-height :200px; 
}

.crs.ad-list .crs-img{
    max-height : 90px; 
}

.crs.ad-list .crs-votes{
}

.thumb-view .crs{
   display : none; 
}


.file-icon {
    font-size: 2em;
    padding-left: 10px;
}


.nice-list.fullwidth .post-date, #topgallery.fullwidth .post-date, #userrelads.fullwidth .post-date {
    color: #000!important;
    background-color: rgba(255, 255, 255, 0.55);
    z-index: 10;
    width: 100%;
}

#topgallery.fullwidth .post-date {
   opacity: 0.5;
}

.nice-list.fullwidth .post-img img,
#topgallery.fullwidth .section-content IMG, 
#userrelads.fullwidth .section-content IMG {
    border-radius: 0px;
}

select:disabled {
    background-color: #f2f2f2;
    color: #ccc;
}


#mapttip {
    width: auto;
    min-height: 20px;
    position: absolute;
    display: none;
    padding: 4px 10px;
    text-align: center;
    z-index: 10;
    color : white;
    background-color: #333333;
}

.btn #item-phone a {color: white;}


/* loading spinner */

.centered{
    margin : 20px auto;
    position : relative;
    display: flex;
    justify-content: center;
}

.loader-text{
    position : absolute;
    top : 30%;
    font-size : 1.8em; 
    color : rgba(87, 87, 87, 0.62);
    animation: gen-text-opacity 4s linear infinite;
}


@keyframes gen-text-opacity {
    0% { opacity : 0.99;}
    25% { opacity : 0.60;}
    50% { opacity : 0.20;}
    75% { opacity : 0.60;}
}

.loader {
    border: 16px solid #e2e2e2; /* Light grey */
    border-top: 16px solid #666666; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.loader-xs{
    width: 50px;
    height: 50px;
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #32c5d2; /* Blue */
}

.tag.is-admin-user{
    position: absolute; 
    font-size : 0.5em; 
    color : white; 
    background-color : #024c8a; 
    padding : 1px; 
}

.payment-status-approved,
.payment-status-m_approved,
.payment-status-success ,
.payment-status-paid ,
.payment-status-succeeded  {
    background-color : #5cb85c; 
}

.payment-status-order {
    background-color : #0073aa; 
}

.label-gateway{
    background-color : #d0d0d0; 
}


.icon-test {
    text-align: center;
    padding : 10px; 
}

.icon-test i {
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 2em;
}



.newAdSidebar-wrapper {
    height: 40px;
    /* min-width: 50px; */
    /* max-width: 200px; */
    line-height: 40px; /* to center the icon vertically */
    border: 0 none;
    margin: 0;
    position: fixed;
    right: 0px;
    bottom: 4rem;
    cursor: pointer;
    z-index: 3;
    background: transparent;
    vertical-align: middle;
    width: 200px;
}

.newAdSidebar-wrapper.btn-only {
    width : 50px; 
}



.newAdSidebar-wrapper a {/* width: auto; */}

 .newAdSidebar-status-text-container {
    position: absolute;
    height : 100%;
    width : 100%;
    /* border-radius: 10px 0px 0px 10px; */
    background-color: #ffa401;
    color: #fff;
    text-align : center;
    vertical-align :middle;
}

.newAdSidebar-icon {
    /* font-size: 2.5em; */
    /* display: inline-block!important; */
}

.overlay-shadow {
    -webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
}



@media screen and (max-width: 980px) {
   
   .static-page .center-wrapper, .static-page #footer,  .static-page #footer-content {
    margin: 0 auto;
    width: 100%!important;
    min-width : auto; 
   } 

}


@media screen and (max-width: 480px) {
   
   .static-page #header {
    display : none; 
   }

   .static-page .tc-maintext {
    padding : 6px; 
   }

}


/* mini version of the ad positionned on top when mobile */
.mini-ad-top{
    opacity: 0;
    display: none;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    -webkit-transition: opacity .2s,-webkit-transform .2s ease-in-out;
    transition: opacity .2s,-webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s;
    transition: transform .2s ease-in-out,opacity .2s,-webkit-transform .2s ease-in-out;
}

.mini-ad-top.active {
    position: fixed;
    display : block;
    top: 0;
    width: 100%;
    z-index: 200000;
    background-color: #f2f2f2;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
}


.mini-contact-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #01a8df;
}

.mini-contact-list li a {
   font-size: 2rem;
   color: white;
}

#listing-nav-infinite {
    padding : 10px 0px;
}

.bannerwithclick {
    display: block;
    width: 100%;
}

.logo-in-dashboard{
    text-align : center; 
}

#main-nav-adv-search .extra-vfield.disp_label{
	color : white;
	padding : 0px 4px;
	line-height: 30px;
}

/* edit button */


.edit-mod-btn-overlay {
    position: absolute;
    top: 40px;
    right: 10px;
    border: 0px solid;
    display : none;
}

.thumb-view .edit-mod-btn{
display: none ; 
}

.thumb-view .edit-mod-btn-overlay{
    display: block ; 
}

.post .pcol-a .edit-mod-btn-overlay a {

}

.listmessage{
    margin : 10px 0px; 
}

li.isCountry{
   background-color : #f2f2f2; 
   font-weight: bold;  
}


#banner_pos_page_center_top .genuinebanner a {
margin-bottom	: 4px; 
}

.price-type {
    display : block;
}

.post .price-type {
    display : inline-block;
    margin-left: 6px; 
}





.form-group.is-group-spacer{
 border-bottom : 2px solid #ddd;
}

.is-group-spacer > div {
 display: none; 
}


.play-img-overlay{
    position: absolute!important;
    top : 0;
    left : 0;
}

#adlist-header-wrapper{
    background-color: #f5f5f559;
    padding: 4px 10px;
    margin-bottom : 6px;
    border-radius: 0px;
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #ececec;
}

#adlist-header-wrapper .listing-tabs{
    margin-top : 10px; 
}

.type2-overlay{
    position:absolute; 
    bottom : 10px; 
    right : 0px; 
    font-size : 0.8em; 
}

.sort-options-label{
    display : none;
}

.selectWrapper{
    display : inline-block;
    border : 1px solid #aaa;
    background-color: #ffffff;
    position : relative;
}

.selectWrapper.has-unit-in-addon{
    display: table;
}

.selectWrapper.has-unit-in-addon .input-group-addon {
   border: none;
   border-left : 1px solid #aaa; 
}

.selectWrapper i {
    color: #47525d;
    position: absolute;
    right: 4px;
    top: 5px;
    z-index : 1;
    font-size : 16px;  
}

.selectWrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    position : relative;
    border : 0;
    background-color : white;
    display : inline-block;
    padding: 2px 5px!important;
    width : 100%;
    line-height : 30px;
    height : 30px;
    background-repeat: no-repeat;
    background-size: 1ex;
    padding-right: 1em!important;
    background-position: right 0.7em center;
    /* background-origin: content-box; */
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
}

.only-leaflet{
    display : none; 
}

/*patches on leaflef.css*/
.leaflet-popup-content-wrapper {
	border-radius: 0px;
}

a.text-underline{
    cursor : pointer; 
}


/*placeholders*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c1c1c1;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c1c1c1;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #c1c1c1;
}


/*lightbox*/
.lightbox-container {
    display : none;
    z-index: 70006;
}

.lightbox-container.open {
    display : block;
    /* position: relative; */
}

.lightbox-bg,
.lightbox-container {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /* z-index: 10000; */
}

.lightbox-bg {
    background: #333333ed;
    cursor: pointer;
    /* z-index: 1001; */
}

.lightbox-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    z-index: 11
}

.lightbox-close i {
    font-size    :2em; 
    color : white; 
}

.lightbox-control-prev, 
.lightbox-control-next 
 {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

.lightbox-control-prev {
    left: 0;
    padding: 2rem 2rem 2rem 1rem
}

.lightbox-control-next {
    right: 0;
    padding: 2rem 2rem 2rem 1rem
}

.lightbox-control-prev i, 
.lightbox-control-next i  
 {
    font-size :2em;     
    color : white; 
}


.lightbox-items-area{
    width: 100%;
    height: 100%
}

@media (min-width: 1024px) {
    .lightbox-items-area {
        width:-webkit-calc(100% - 10rem);
        width: calc(100% - 10rem);
        height: -webkit-calc(100% - 10rem);
        height: calc(100% - 10rem);
        margin: 0 auto;
        margin-top: 5rem
    }
}

.lightbox-items-wrapper {
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

.lightbox-items-center,.lightbox-items-wrapper {
    position: relative
}

.lightbox-items-center {
    width: 100%;
    overflow: hidden
}

.lightbox-items-center>div:first-child {
    height: 100%
}


.lightbox-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    width: 100%;
    height: 100%
}

.lightbox-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.lightbox-item  img {
    /* max-height: 80vh; */
    position: relative;
    /* width: 100%; */
    max-width: 100%;
}


.lightbox-pagination {
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    text-align: center
}

@media (min-width: 1024px) {
    .lightbox-pagination {
        bottom:2.5rem
    }
}

.lightbox-pagination .bullet  {
    display: inline-block;
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .5rem;
    /* -webkit-border-radius: 50%; */
    /* border-radius: 50%; */
    background-color: #fff;
}

.lightbox-pagination .bullet.active{
    background-color: #0088cc
}

.noScroll {
    overflow: hidden;
    cursor: default;
}

.buttons-in-panel div {
    overflow : hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
}


.campaign-status-40 {
    background-color : #367daf;
}

.campaign-status-10 {
    background-color : gray;
}

.campaign-status-50  {
    background-color : #00cc23;
}

.campaign-status-80  {
    background-color : #FFC107;
}


/*new paidoption model */
.is-paidoption .panel{
}  


.is-paidoption .panel-heading{
    padding :4px;
    text-align : left;
    text-transform :none; 
    background-color : #c1c1c1; 
    color : white; 
}  

.is-paidoption .panel-title{
    padding : 0px; 
    font-weight : normal; 
    font-size : 1.1em; 
}

.is-paidoption .panel-title .icon-fa-info{
    font-size : 1.5em; 
    cursor : pointer;
}

.is-paidoption .panel-title .icon-fa-info:hover{
    color : #79a70b; 
}

.is-paidoption .panel-title .icon-fa-info.active:before{
    /* change icon*/ 
    content: "\f00d";
}


.is-paidoption .panel-body{
    padding : 2px; 
}

.is-paidoption .panel-body-inner{
    position : relative; 
}

.is-paidoption .help-section{
    color :#333;
    position :absolute;
    height : 0%;
    width : 100%;
    background-color : white;
    z-index: 2;
    display : none; 
    opacity : 0; 
}

.is-paidoption .help-section.active{
    display : block;
    height : 100%;
    opacity : 1;
    /* transition-property: all; */
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    padding: 10px;
    color: #008a2e;
}


.is-paidoption .option-section{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding : 2px 10px;
}

.is-paidoption .option-logo{
    padding-right : 20px;
    font-size: 3rem;
    /* max-width : 100px; */
    /* display: inline-flex; */
    /* max-width: 200px; */
    min-width: 4rem;
    display: block;
    color: #c1c1c1;
}
.is-paidoption .option-logo.small{

    font-size :1.2rem; 

}

.is-paidoption .option-selection{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    /* display: flex; */
    flex: 1;
}

.is-paidoption .option-selection .green{
    color :green; 
    font-size :1.2rem; 
}

.is-paidoption .option-selection span.value {
    margin-left : 4px; 
}



.is-paidoption .option-selection .checkbox,
.is-paidoption .option-selection .alert{
    margin : 2px;
    display: block;
    width: 100%;
}

.is-paidoption .option-selection .is_option_of_pack{
    color : #e1e1e1 ;
}

.is-paidoption .option-selection .gen-checkbox.is_option_of_pack input[type="checkbox"]:checked + label:before {
    background-color: #e1e1e1;
}



.is-paidoption .option-selection .alert{
    padding : 4px; 
}

.mods-paidoption-wrapper {
    display : flex;
    justify-content: space-between;
    background-color: aliceblue;
    border: 0px;
    align-items: flex-start;
}

.is-paidoption .option-selection .price, 
.alert.alert-plan .price, 
.checkbox-paidoption-wrapper .price, 
.mods-paidoption-wrapper .price
{
   background-color: hsl(27, 71%, 59%);
   /*
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius : 3px;
   */
   color: white;
   font-size : 0.8rem;
   padding : 0px 4px;
   margin-left : 4px;
}


.paidoptions_list {
    padding : 10px;
    background-color: aliceblue;
    margin: 4px 0px;
}

.paidoptions_list  li {
    padding : 1px 0px;
    display: flex;
}

.toggle-details-btn{
    display :block;
    width   : 100%; 
    text-align : center; 
}

.paidoptions_list .value.is-label{
    /* background-color : green; */
    color: green;
    margin-left: 6px;
    padding : 0px 4px;
}


.is-paidoption .option-selection .price.freeprice,
.alert.alert-plan .price.freeprice,
.checkbox-paidoption-wrapper .price.freeprice
{
    background-color : green; 

}
/* variant for option-page*/

form.options-page{
    display:flex!important;
    flex-wrap:wrap;
    justify-content: space-between
}

form.options-page .form-fields-wrapper{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between
}  
    
.panel.option-page.is-paidoption {
    flex: 0 0 calc(33.33% - 10px);
}

.panel.option-page .option-section {
    display: flex;
    flex-direction: column;
}

.panel.option-page .sub-panel-section{
    display:flex;
    align-items:center; 
    flex-direction: column; 
    text-align: center; 
}

.panel.option-page .sub-panel-section > div{
        flex: 1 1 auto;
        width: 100%;
}

.panel.option-page .sub-panel-section .sub-panel-logo{
    margin:4px 0px;
    font-size : 2em;
    border-bottom: 1px solid #dddddd;
}

.panel.option-page .sub-panel-section .sub-panel-title{
    font-size : 1.5em;
    margin:4px 0px;
}

.panel.option-page .sub-panel-section .sub-panel-help{
    color:#dddddd;
    margin:4px 0px;
}

.alert.alert-plan{
    background-color: aliceblue;
    border: 1px solid #aaaaaa;
    padding : 8px;
    font-size : 0.8rem;
    margin: 0px;
}

.alert.alert-plan .plan-name{
    font-weight :bold; 
}

.alert.alert-plan.selected .plan-price {
    display:none;  
}

.alert.alert-plan.selected .icon-fa-check-circle {
    display:block;  
}

.alert.alert-plan .icon-fa-check-circle {
    color : green; 
    font-size : 1.3rem; 
    display : none; 
}

.alert.alert-plan .plan-debug{
    background-color : #47525d;
    padding : 2px;
    color : white; 

}
.alert.alert-plan .plan-debug .color-red{
    font-size : inherit; 
}


.btn-search {
	    border: 2px solid #024C8A!important;
	    background-color : white;
	    color: #024C8A!important;
}

.add_button:hover .btn-search  {
	    background-color : #024C8A; 
	    color : white!important; 
}


/* for transparent backgrounds */ 

#site, #site .center-wrapper, #site .main-content-wrapper{
	/* background: none; */
}

#site .center-wrapper-inner{
	/* background: white; */
}


.related-counter-sort{
    display : flex;
    flex: 1;
    /* align-items: center; */
    flex-wrap: wrap;
}


.related-counter-sort div:first-child{
   
}

.related-counter-sort div.selectWrapper{
    margin-left: auto;
}


.probannerimg{
    max-height: 100px;
    width : 100%!important;
}
.probannerimg img{
    max-height : 100px;
    width : 100%!important;
}

.pro-banner-bg{
    height: 80px;
    background-size: cover;
    width: 100%;
    margin-bottom : 10px;
}


/* user skilss */

#user-skills .rating-item {
    display : flex; 
    margin : 1px 0px;
    line-height : 1em;  
}

#user-skills .rating-item .title2{
    min-width: 120px;
    /* max-width: 200px; */
    font-size : 0.8em;
    color : #333;
    background-color : #eee;
    padding: 2px 4px;
    margin-right :4px;
    text-align: left;
    border-radius : 4px;
}

#user-skills .rating-item .rating-w-fonts{
    font-size : 8px; 
    
}

#user-skills .rating-item .help_rating{
    font-size : 0.8em;
    margin-left :4px; 
    color : #aaa
    
}


/* images on portgolio */ 
.addetails .item-pics-main.folioimg {
    display: block;
    float: left;
    margin-bottom: 15px;
    width: 430px;
    position : relative;
    width: 100%!important;
    height: 250px;
    margin-bottom: 1px;
    background-color: #e1E1E1;
}

.item-pics-main.folioimg .full-image-link1 IMG {
    width : auto;
    max-width : 100%;
    display: block;
    width: auto;
    max-width: 100%;
    display: block;
    max-height: 100%;
    margin: auto!important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


#user-videoembed iframe{
    width : 100%; 
    height: auto; 
}

.user-detailled-location .user-address-map-container{
    height : 200px; 
}

.user-detailled-location .address-title{
    font-weight : 600; 
    border-bottom : 1px solid #dddddd; 
}

.user-detailled-location p {
    font-size : 0.9em;
}

.user-detailled-location  .userdetails-map-wrapper{
    padding :0; 
}

.post-nbad{
    border : 1px solid #0896bc;
}
.post-nbad i {
    display : none;
}

.user-display.user-fav-btn{
    display : flex;
    position: absolute;
    justify-content: center;
    top : 0.2em;
    font-size : 1.5em;
    height : 1.5em;
    width : 1.5em;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    color: #333333;
}

.user-display.user-fav-btn > div, 
.user-display.user-fav-btn > div > i {
    margin : 0px;
    padding : 0px;
    text-align :center;
}

.user-list.user-fav-btn{
    display : flex!important;
    position: absolute!important;
    justify-content: center;
    top: 0.2em;
    font-size : 1em;
    height : 1.3em;
    width : 1.3em;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    color: #333333;
    border : 0px !important;
    left: 1px;
    z-index: 10;
}


.user-list.user-fav-btn > div, 
.user-list.user-fav-btn > div > i {
    margin : 0px;
    padding : 0px;
    text-align :center;
}


/* home page section */ 

#home_news_latest.section {
    border :0px; 
    margin : 0px; 
}

#home_news_latest.section li .listcol-a IMG {
    width : 150px;
    height: 100px;
}

#global_notif_wrapper{
    padding :5px 
}


#global_notif_wrapper .notification {
    margin-bottom : 5px; 
}



.widget.blog.is-cat {
    border :0px; 
    margin : 0px; 
}

.widget.blog.is-cat  li .listcol-a{
    position : relative; 
}

.widget.blog.is-cat  .widget-img-wrapper{
    line-height : normal;
}


.widget.blog.is-cat  li .listcol-a .title{
    position : absolute;
    bottom : 0px; 
    text-align : center; 
    width : 100%; 
    background-color : #00000029;  
    color : white; 
    text-overflow: none; 
}

.widget.blog.is-cat  li .listcol-a IMG {
    width : 150px;
    height: 100px;
}


/* alertes */
/* alerts */
.myalerts-form{
    margin : 10px 0; 
    padding : 10px; 
    background-color : #666666;
}



.myalerts-form .alert-title{
    padding: 0 5px 10px 5px;
    border-bottom: 1px solid white;
}

.myalerts-form #advsearch_area{
    border : 0px; 
}


.alerts-wrapper h1{
 border-bottom: 1px solid #ddd;
 padding-bottom : 6px;
 margin : 20px 0px; 
}

.alerts-wrapper .alert-filters-details,
.max-alerts{
    font-size: 0.8em;
    color:#666666;
    margin: 2px 0px;
}

.alerts-wrapper .alert-filters-details .tag:not(:last-child):after{
    content : ", "; 
}

.alerts-wrapper .create-buttons{
    margin : 10px; 
}

.contact-is-identified .form-control-static,
.contact-is-identified .control-label{
 /* color : red; */
 padding-top : 0;
 padding-bottom : 0;
 min-height: 16px;
 line-height: 16px;
}

#alerts_bar
{
	padding: 20px 2%;
	background-color: rgba(43, 49, 56,0.8);
	display: table;
	width:100%;
	color:#ffffff;
	position: fixed;
	top: 80px;
	z-index :100;
}

#alerts_bar .text {
	display: table-cell;
}

#alerts_bar .close{
	display: table-cell;
    width: 20px;
    font-size: 34px;
    line-height: 0;
    vertical-align: text-top;
}

#alerts_bar .close a {
	line-height: 0;	
}

#alerts_bar h4 {
	font-size: 26px; 
	line-height: 27px;
	font-weight: bold;
	padding-bottom: 7px; 
	color: white; 
}

#alerts_bar p {
	font-size: 16px; 
}

#alerts_bar a, 
#alerts_bar a:hover
{
	color: #57bbf7;
	text-decoration: none;
}

.alert-item{
    width: 100%;
    border: 1px solid #ECECEC;
    background-color: #FFF;
    padding: 10px;
    position: relative;
    z-index: 2;
    display: flex;
    margin-bottom : 5px;
    /* justify-content: flex-end; */
}

.alert-item.expired{
    background-color : #e6e6e6; 
    opacity : 0.4; 
}

.alert-title{
    font-size: 1.3rem; 
}

.alert-title .label{
    font-size: 0.8rem; 
}

.alert-moddate-details, 
.alert-expiredate-details{
    font-size: 0.8rem; 
}

.alert-item-section-title{
    position  : relative;
    min-width: 60%;
}

.alert-item .alert-filters-details .tag{
    color :white; 
    background-color : #bcbcbc; 
    margin-right : 5px; 
    padding :0px 5px; 

}

.alert-item-section-action{
     margin-left: auto;
    padding:0px 10px; 
}

.alert-byemail-no-email{

    color : lightblue;
    font-size : 0.8rem;
}

.post-debug-ids{
    font-size :0.7rem;
    color : white;
    background-color   : #656565;
    display : inline-block;
    padding : 0 4px;
}

.post-debug-ids i {
    font-size: 0.7rem!important;
    margin-right :4px!important;
}

.stream .panel-header{
    padding: 4px 15px;
}


.stream  .panel-body{
    padding: 4px 15px;
}

.stream  .blog-item{
    margin-bottom : 4px; 
}

.stream  .blog-item .pub-date{
    font-size : 0.8em; 
}

.stream .latest-version,
.stream .latest-uid{
    padding : 4px 4px;
}

.stream .current-version-alert .alert,
.stream .license-alert .alert{
    padding : 6px 4px;
}


#login_form .form-group{
    margin-bottom : 15px; 
}


/* advasearch with containers */ 
.advsearch_area-container{
    display : flex;
    align-items: center;
    border: 1px solid white;
    padding: 4px;
    /* border-radius: 10px; */
    /* background-color: #ab6c55; */
    margin-bottom: 4px;
}

.advsearch_area-container #advsearch_area{
    border-top : 0px; 
}

.advsearch_area-container  .adv-title-icon{
    display: none;
}

.main-section{
    flex :1 1 80%; 
}

.btns-action{
 
  width: 300px;
  padding-right : 10px; 
}

.btns-action > div {
  /* display: block!important; */
  float: none;
  width: 100%;
  margin-bottom: 4px;
}

/*---------------*/
/* search bar with new layout */ 
/*---------------*/

@media (min-width: 768px) {
  .flex-middle-sm {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    /* flex-flow: row-reverse; */
    justify-content: space-between;
  }
}


.search-form-inner {
  background: #fff;
}


.search-form-inner .form-group:first-child {
  border: none;
}
.search-form-inner .form-group:last-child {
  padding: 0;
  border: none;
}
.search-form-inner .form-control {
  padding-left: 15px;
  padding-right: 15px;
  border: none;
  height: 40px;
  background: transparent;
}


.search-form-inner > div {
  -ms-flex: 0 1 auto;
  width: 32%;
  justify-content : flex-end;
}

.search-form-inner .static-loc {
  width: auto; 
  max-width : 30%; 
}

.search-form-inner .form-group-title {
  width: 55%;
}
.search-form-inner .form-group-search {
  width: 14%;
  margin-left: auto!important;
}

.search-form-inner .form-group-minmaxprice {
  width: 30%;
}
.search-form-inner .form-group-maxprice {
  width: 14%;
}

.search-form-inner .form-group {
  margin: 0;
  padding-left: 15px;
  border-left: 1px solid #e8e8e8;
}

@media (min-width: 768px) {
  .search-form-inner .form-group {
    padding-left: 10px;
  }
 }

 .search-form-inner .form-group-title .inner,
.search-form-inner .form-group-center-location .inner, 
.search-form-inner .form-group-with-icon .inner 
 {
  position: relative;
  padding-left: 30px;
}

/* icon */
.search-form-inner .form-group-title .inner > i,
.search-form-inner .form-group-center-location .inner > i,
.search-form-inner  .form-group-with-icon .inner > i {
  font-size: 28px;
  line-height: 1;
  color: #bfbfbf;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.search-form-inner .form-control {
  padding-left: 15px;
  padding-right: 15px;
  border: none;
  height: 40px;
  background: transparent;
}


.search-form-inner .action-location  .form-control {
  padding-left: 1px;
  padding-right: 20px;
}


.search-form-inner .input-group{
    width : 100%;
}

/* variant for select wrapper */
.search-form-inner .selectWrapper{
  border: none;
  height: 40px;
  background: transparent;
  width: 100%;
}

.search-form-inner .gen-select a.main {
    border: 0px solid lightgrey;
    color: #555;
    text-decoration: none;
    position: relative;
    padding-right: 24px;
    line-height: 50px;
    padding: 0 10px;
    font-size: 14px;
}

.search-form-inner .gen-select a.main i {
    color: #bfbfbf;
    right: 10px;
    top: 15px;
}
/* end select wrapper */

.search-form-inner .input-group-addon {
  border: none;
  height: 40px;
  background: transparent;
  border-left : 1px solid #ccc;
  font-size: 0.8em;
  padding: 6px;
}

.search-form-inner .input-group-addon input[type=checkbox] {
margin-right :4px; 
}

.search-form-inner .input-group-addon .titleonly-span{
    line-height : 28px ; 
}


@media (min-width: 1200px) {
  .search-form-inner .form-control,
  .search-form-inner .selectWrapper  {
    height: 50px;
  }
}

.search-form-inner .btn-submit {
  border: none;
  height: 40px;
}

@media (min-width: 768px) {
  .search-form-inner .btn-submit {
    /* border-radius: 0 4px 4px 0; */
    /* -webkit-border-radius: 0 4px 4px 0; */
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
  }
}
@media (min-width: 1200px) {
  .search-form-inner .btn-submit {
    height: 50px;
    min-width: 140px;
  }
}

.action-location {
  position: relative;
}
.action-location .clear-location {
  background: #fff none repeat scroll 0 0;
  cursor: pointer;
  height: 25px;
  position: absolute;
  right: 32px;
  z-index: 2;
  top: 09px;
  width: 20px;
  color: #e08e4b;
}


d{position: absolute;top:  16;}

.search_distance_wrapper{
    display :none; 
}


.advs-compact .search-form-inner .form-control,
.advs-compact .search-form-inner .btn-submit,
.advs-compact .search-form-inner .selectWrapper{
    height : 50px; 
}

.btn-theme {
  color: #fff;
  background-color: #82b440;
  border-color: #82b440;
}

.form-control:focus {
  border-color: #b3b1b1;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.geocode-container i {
  color: #222222;
  display: inline-block;
  margin-right: 3px;
  font-size: 14px;
}


.geocode-container a{
    
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: inherit;
    padding: 0px!important;
}


.action-location .geocode-container ,
.action-title .dm_container{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 2;
  font-size: 14px;
  padding: 0;
  border: 0;
}

.action-location .geocode-container ul, 
.action-title .dm_container ul
{
  list-style: none;
  background: #fff;
  padding: 15px;
  margin: 0;
  font-size: 12px;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-color: #dddddd;
  border-style: solid;
  border-width: 0 1px 1px;
  width: 100%;
}
.action-location .geocode-container ul li,
.action-title .dm_container ul li
 {
  cursor: pointer;
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #eaeaea;
}
.action-location .geocode-container ul li:last-child,
.action-title .dm_container ul li:last-child
 {
  margin-bottom: 0;
  padding: 0;
  border: 0;
}
.action-location .geocode-container .highlight,
.action-title .dm_container .highlight {
  font-weight: 500;
  font-size: 14px;
  background: none!important;
  color : #e08e4b;
}


.action-title  .dm_container .enhover:hover {
    background-color: transparent;
}

/*find me icon*/
.search-form-inner .action-location .find-me {
  top: 12px;
}
@media (min-width: 1200px) {
  .search-form-inner .action-location .find-me {
    top: 16px;
  }
}

.action-location .find-me {
  position: absolute;
  top: 16px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  right: 0px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  display: block;
  color: rgba(153, 153, 153, 0.5);
  cursor: pointer;
}
.rtl .action-location .find-me {
  left: 15px;
  right: auto;
}
.action-location .find-me:hover, .action-location .find-me:focus {
  color: #e08e4b;
}
.action-location .find-me:before {
  content: "\f192";
  font-family: "FontAwesome";
}
.action-location .find-me.loading {
  color: #79a70b;
  animation: rotate_icon 1000ms linear 0s normal none infinite running;
  -webkit-animation: rotate_icon 1000ms linear 0s normal none infinite running;
}
.action-location .find-me.loading:before {
  content: "\f110";
}


.advs-custom{
    margin: 0px 0 10px 0;
}

.advs-custom .price-input{
    /* border: 1px solid red; */
    display : inline-block;
    width: 80px;
    padding-left: 4px;
    padding-right: 4px;
}

.advs-custom .price-input:not(:first-child){
    border-left: 1px solid #ccc;
}


.advs-compact-pre{
    color : white;
    padding: 4px 10px   10px 0;
}

.advs-compact-pre input[type=radio]:checked ~ .check::before {
    background: #FFF;
}

button:focus, .btn:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #c1783d;
    border-color: #c1783d;
}


/* disabled button */
.btn-primary.disabled {
	border: 1px solid #dce0e0;
	background-color: #dce0e0;
}

.btn-primary.disabled:hover {
	border: 1px solid #dce0e0b3;
	background-color: #dce0e0b3;
}

.btn-primary.disabled:active, 
.btn-primary.disabled:active:hover, 
.disabled:active ,
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover 
{
	/* border: 1px solid #dce0e0b3 !important; */
	background-color: #cccccc57 !important;
}


.action-title {
  position: relative;
}



.menu-categories {
    position: absolute;
    width: 100%;
    display: none;
    z-index: 15;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.menu-categories.open{
    display :block!important; 
}


.menu-categories > div {
    background: #fff;
    border: 1px solid #ccc
}

.menu-categories .cats-list{
    font-size : 0.9em
}


#main-nav-adv-search{
    position : relative;
}

.menu-categories  ul.display_cats_ad li{
    list-style-type: none!important; 
    list-style: none;
}

.menu-categories  ul.display_cats_ad li a {
    color : #555;

}

.menu-categories li a:hover {
    text-decoration: underline!important;
}

.menu-categories  ul.display_cats_ad li.level_1 {
    border : 0px; 
    background: #f5f5f5;
    text-align: center;
    display: block;
    margin-top: 8px;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #2d3e58;
    padding: 3px

}

.menu-categories  ul.display_cats_ad li.active{
background: #ffc1076e;
}


.menu-categories .categ-title {

}

.menu-categories  ul.display_cats_ad li.level_2 {
    margin-left: 10px;
}

.all-filters{
    background-color :white;
    padding : 4px 10px;
    margin-top :4px;
    border-radius : 4px;
    color :#555;
    font-size: 0.9em;
    display: none;
}

.all-filters.open{
    display :block!important; 
}

.all-filters .vfield_in_div{
    display : inline-block;
    border : 1px solid #ccc;
    padding: 4px 4px;
    margin : 4px;
    border-radius : 4px;
    width: 24%;
    vertical-align: top;
    min-height: 80px;
}

.all-filters .vfield_in_div input[type=text]{
    border : 1px solid #f5f5f5 !important;

}

.vfield_in_div .check-box-group{
    /* text-align :center; */
}



/* Slider size and handle placement;
 */
.all-filters .vfield_in_div .multi-ranges-slider .noUi-target{margin: 10px 0px;}

.all-filters .vfield_in_div .multi-ranges-slider .noUi-base{

}

.all-filters .vfield_in_div .noUi-horizontal .noUi-handle[data-handle="0"] {

    }

.all-filters .vfield_in_div .noUi-horizontal .noUi-handle[data-handle="1"] {

   }

.all-filters .vfield_in_div .noUi-vertical {

}
.all-filters .vfield_in_div .noUi-vertical .noUi-handle {

}

.all-filters .vfield_in_div .multi-ranges-slider-values{top: -5px;}







#main-nav-adv-search .advs-custom .all-filters .extra-vfield.disp_label{
	display: block!important;
	color :#555;
	padding-left :4px;
	text-align: center;
	color: #e08e4b;
} 


.text-over-image{
        position: absolute;
    top: 30%;
    /* right: 0; */
    /* left: 0; */
    background-color: #ffffff96;
    /* display: inline-block; */
    width: 90%;
    padding: 10px;
    color: #fe0008;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}


.is-trade-panel .alert {
display : flex; 
}

.is-trade-panel .alert i {
align-self: center;
font-size : 2em; 
}


.error-content {
        padding: 40px 0 30px;
    }
    .error-content .container {
        padding: 10px ;
        background-color :white;
    }
    .error-text{
        text-align: center;
    }
    .error-content .error {
        font-size: 6em;
        font-weight: 100;
        background-color : #323232;
    }
    @keyframes bob {
        0% {
            top: 0;
        }
        50% {
            top: 0.2em;
        }
    }
    .im-sheep {
        display: inline-block;
        position: relative;
        font-size: 1em;
        margin-bottom: 70px;
        margin-top: 30px;
    }
    .im-sheep * {
        transition: transform 0.3s;
    }
    .im-sheep .top {
        position: relative;
        top: 0;
        animation: bob 1s infinite;
    }
    .im-sheep:hover .head {
        transform: rotate(0deg);
    }
    .im-sheep:hover .head .im-eye {
        width: 1.25em;
        height: 1.25em;
    }
    .im-sheep:hover .head .im-eye:before {
        right: 30%;
    }
    .im-sheep:hover .top {
        animation-play-state: paused;
    }
    .im-sheep .head {
        display: inline-block;
        width: 5em;
        height: 5em;
        border-radius: 100%;
        background: #253858;
        vertical-align: middle;
        position: relative;
        top: 1em;
        transform: rotate(30deg);
    }
    .im-sheep .head:before {
        content: '';
        display: inline-block;
        width: 80%;
        height: 50%;
        background: #253858;
        position: absolute;
        bottom: 0;
        right: -10%;
        border-radius: 50% 40%;
    }
    .im-sheep .head:hover .im-ear.one, .im-sheep .head:hover .im-ear.two {
        transform: rotate(0deg);
    }
    .im-sheep .head .im-eye {
        display: inline-block;
        width: 1em;
        height: 1em;
        border-radius: 100%;
        background: white;
        position: absolute;
        overflow: hidden;
    }
    .im-sheep .head .im-eye:before {
        content: '';
        display: inline-block;
        background: black;
        width: 50%;
        height: 50%;
        border-radius: 100%;
        position: absolute;
        right: 10%;
        bottom: 10%;
        transition: all 0.3s;
    }
    .im-sheep .head .im-eye.one {
        right: -2%;
        top: 1.7em;
    }
    .im-sheep .head .im-eye.two {
        right: 2.5em;
        top: 1.7em;
    }
    .im-sheep .head .im-ear {
        background: #253858;
        width: 50%;
        height: 30%;
        border-radius: 100%;
        position: absolute;
    }
    .im-sheep .head .im-ear.one {
        left: -10%;
        top: 5%;
        transform: rotate(-30deg);
    }
    .im-sheep .head .im-ear.two {
        top: 2%;
        right: -5%;
        transform: rotate(20deg);
    }
    .im-sheep .body {
        display: inline-block;
        width: 7em;
        height: 7em;
        border-radius: 100%;
        background: #0054D1;
        position: relative;
        vertical-align: middle;
        margin-right: -3em;
    }
    .im-sheep .im-legs {
        display: inline-block;
        position: absolute;
        top: 80%;
        left: 10%;
        z-index: -1;
    }
    .im-sheep .im-legs .im-leg {
        display: inline-block;
        background: #141214;
        width: 0.5em;
        height: 2.5em;
        margin: 0.2em;
    }
    .im-sheep::before {
        left: 0;
        content: '';
        display: inline-block;
        position: absolute;
        top: 112%;
        width: 100%;
        height: 18%;
        border-radius: 100%;
        background: rgba(0, 0, 0, 0.2);
    }



.vfields_list.list-group .list-group-item .tag:after {
    content:"-";
    padding: 0 4px;
}

.vfields_list.list-group .list-group-item .tag:last-child:after {
    content:"";
}

/*hide the contact buttons when mini-ads is displayed*/
.mini-contact-displayed.buttons-in-panel{
    display : none; 
}

.label.scope-search{
    background-color : #ffa502; 
    font-size : 0.6em;
}

.label.scope-cat{
    background-color : #656565; 
    font-size : 0.6em;
}

.label.forwhat-ad{
    background-color : #656565; 
    font-size : 0.6em;
}

.label.forwhat-user{
    background-color : #656565; 
    font-size : 0.6em;
}


#table_gen .is-vfield-input{
    max-width : 90%;
    display : inline-block;
}

#table_gen select.is-vfield-input{
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    outline: 1px solid #AAA;
    outline-offset: -1px;
}


#table_gen .input-group > .is-vfield-input{
    max-width : 100%;
}


.input-group > select.is-vfield-input{
    float : none;
}

.input-group-addon{
    border-radius: 0;
    border : 1px solid #aaa;
}

.input-group-addon i {
    cursor : pointer; 
}

/* calendar booking */ 
.calendar-quick-reserve-en{
    line-height : 30px;
    height : 30px;
    vertical-align: middle;
}

.calendar-quick-reserve-en .calendar-quick-reserve-switch{
    vertical-align: middle;
}

.calendar-quick-reserve-en .calendar-quick-reserve-switch .onoffswitch-inner:before {
    content: "ON";
    background-color: #32cd32;
}


.calendar-quick-reserve-en .calendar-quick-reserve-help{
    margin : 0px 10px;
    color: #04a7df;
    font-size: 0.8em;
}


.filters_actions .row.form-inline:not(:first-child) {
    margin-top: 10px;
}

.filters_actions .show-label {
    margin-right : 6px; 
}

.filters_actions .entries-label {
    margin-left : 6px; 
}

.bookings-span-forced-value{
    font-weight : bold; 
    font-size : 1em;  
    color : lightgray; 
}


#listings-header.translation-list{
    line-height : 30px;
    margin-bottom : 6px; 
}

#listings-header.translation-list .words-counter,
#listings-header.translation-list .found-results-counter{
    color : white;
    padding: 4px;
}

#listings-header.translation-list .search-in-translation-input{
    padding : 0px 10px;
    max-height : 30px;
    border: 1px solid #9e9e9ec7;
}

input.lang-edit{
    padding : 1px 10px;
    border: 1px solid #9e9e9ec7;
}


/*night mode*/
#nightmode-wrapper a {
    padding: 4px 4px;
    color: #000000;
    border: 1px dashed #000000;
    border-radius: 4px;
    margin : 0 6px;
}


#nightmode-wrapper a i {font-size: 20px;}


.demo-notification.alert{
    margin : 0px; 
}


.form-wrapper{
    padding : 20px 0 20px 0; 
    background-color : #f8f8f8
}


/* big height on formes */
.big-height .form-control{
    height : 44px; 
    line-height : 44px;
    font-size : 1.2em; 
}

.big-height .input-icon>i {
    font-size : 20px;
}

/* map display*/
ul.maplist-view {
    width: 100%;
    background-color : inherit; 
}

UL.post-list.maplist-view LI.hasinfofocus{
    background-color : inherit!important ; 
}

UL.post-list.maplist-view LI.hasinfofocus .post{
    border-color :#0A96BC; 
}

ul.maplist-view .post div.map_markers {
    height: auto;
    margin : 1px;
    z-index: 11;
}

ul.maplist-view LI.hasinfofocus .post div.map_markers {
	background-color: #0b96bc;
	z-index: 999999;
}

.gmap-wrapper{
	height: 420px;
	width: 100%;
	margin-bottom : 0px;
}

#map_canvas  {
    height: 400px;
    width: 100%;
}


/* newsletter */

#dashboard .newsletter-form {
	color : black;
	height: 35px;
	line-height: 35px;
}

#dashboard .newsletter-form input {
	width: 190px;
	text-indent: 25px;
	line-height: inherit;
	height : inherit; 
}

#dashboard .newsletter-form a.btn {
	color: #fff;
	width: auto!important;
	border: 0px;
	/* line-height: inherit; */
	margin: 0px;
	height: inherit;
	vertical-align: top;
}

#dashboard .newsletter-form.input-with-icon-wrapper i {
    position: absolute;
    top: calc(50% - 8px); /* 50% - 3/4 of icon height */
    left: 5px;
    font-size: 16px;
    color: black;
}

/* pagination */

.pagination > li > a {
	color : black;
	margin : 0 2px;
	border-radius: 0px!important;
}

.pagination  li.tripledots span {
	border : 0px; 
	background-color :transparent; 
}

.pagination > .active > a {
	background-color : #666;
	color : white;
}


.pagination {
  margin: 2px 0;
  border-radius : 0px;
  float : right;
}

/* fields in error*/ 
.field-in-error-wrapper{
    padding : 4px; 
    font-size :0.9em; 
    border-top : 1px solid #ff0a00; 
    margin-top : 4px; 
    color : #F44336
}

.field-in-error .field-name{
    padding : 0px; 
    font-weight : bold; 

}

.field-in-error  > a {
    color : inherit;
    text-decoration : underline; 
}


.field-in-error .bullet:before{
    content: "-"; 
    margin-right : 4px; 
    
}
.field-in-error .field-message{
    padding : 0px; 
}

/* static pages*/
.static-page p {
    margin : 10px 0px 10px 0px; 
}

.static-page .last-update {
    font-style : italic; 
    color : #e08e4b; 
}

/*autocomplete-results*/

.settings-search-area{
    margin : 0 0 10px 0; 
}

.autocomplete-results{
    border : 1px solid #cccccc; 
    padding : 4px 20px; 
    margin-bottom : 10px; 
}
.autocomplete-results .field-id{
    min-width : 30px;
    display : inline-block;
}

.autocomplete-results .field-name{
    min-width : 200px;
    display : inline-block;
    
}

.autocomplete-results .field-trans-name{
    min-width: 300px;
    display : inline-block;
}

.autocomplete-results .field-section-link{
    min-width : 100px;
    display : inline-block; 
    text-align : center;
    font-size : 0.9em; 
    background-color : #e1e1e1; 
    color : black; 
    cursor : pointer; 
    
}

.highlight-form-group{
    background-color : #ffeb3b; 
}

.intl-tel-input .country-list {
    z-index : 6; 
}

.user-nav-menu{
    border-radius :10px;
    /* border: 1px solid red; */
}

.notification-area{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 4px;
    margin-bottom: 2px;
    order: 1px solid transparent;
 }

 /* backup file management*/ 
 .back-elem{
     padding : 1px;
     border-bottom : 1px solid #b2b2b2; 
     line-height :30px;  
     width  : 100%;      
     color : black; 

 }

 .back-elem div{
     display : inline-block; 


 }


 .back-elem div.back-name{
    min-width : 300px;  
 }

  .back-elem div.back-modified{
    min-width : 200px;  
 }

 .back-general-actions{
     padding-top : 4px; 
     text-align : center; 
 }


.panel-footer.details-actions > ul> li:not(:last-child).empty-action {
    border-right: 0px solid #ccc;
}


/*countdown*/

.countdown-clock {
	display: inline-block;
	text-align: center;
	margin : 0px;
	width : 100%;
	background-color: #717171;
	padding: 10px;
	display : flex;
}

.countdown-clock> div{
	padding: 2px;
	border-radius: 0px;
	display: block;
	flex-grow: 1;
    flex-basis: 0;

}

.countdown-clock div > span{
	padding: 10px;
	border-radius: 0px;
	background: white;
	display: inline-block;
	color : black; 
	width : 3em; 
	Font-size : 1.5em;
}

.countdown-clock .smalltext{
	padding-top: 5px;
	font-size: 0.8em;
	color : white; 
}


/* example */ 
.vfields_list .clothes-size .tag {
    border : 1px solid #333333;
    padding : 2px;
    margin : 2px;
    background-color : black;
    color : white;
    text-align : center;
    display : inline-block;
    min-width : 30px;
}

.vfields_list.list-group .clothes-size .tag:after {
    content: "";
    padding:0; 
}

.item-promo-tag {
    background-color : #79a709;
    color : white;
    padding : 2px 10px;
    font-size : 0.8em;
    text-transform: uppercase;
}

#item-originref .colb{
    word-break : break-all; 
    font-size : 0.9em; 
    text-align : center; 
}


.patcarousel-wrapper ul.post-list{
    width : 4000px;
    position: relative;
}


/* stock status */
.stock-status{
    font-size : 0.9em;  
}

.list-view .pcol-b .stock-status{
    display : none; 
}

.stock-status.has-stock{
    color : #138000; 
}

.stock-status.below-threshold{
    color: #138000;
}

.stock-status.below-threshold.last-item{
    color: #e08e4b;
}

.stock-status.no-stock{
    color : #fe1c00; 
}


/* minimap*/ 
.mini-map-in-form{
    height: 150px;
}

#form_in_modal_map_container.mini-map-in-form{
    height : 200px;
}

#registration_form .mini-map-in-form{
    margin-bottom : 10px; 
}

.dropdown-menu  .no-result{
    color : red; 
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}

.dropdown-menu  .api-loading{
    color : #5a5a5a; 
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}


.panel-inner-top#misc .item-price {
    color: #04a8df;
    font-size: 1.8em;
    font-weight: bold;
}


.panel-inner-top#misc .item-pricepro {
    color: #79a70b;
    font-size: 1.4em;
}

.panel-inner-top#misc .item-pricepro .pricepro-prefix-label {
    font-size: 0.4em;
    margin-right : 4px; 

}

.panel-inner-top#misc .item-pricepro .pricepro-suffix-label {
    font-size: 0.4em;
    margin-left : 4px; 
}

.label-default.profile-VIP{
    background-color : red; 
}

.inline-grouped{
    display: inline-block;
    width: 200px;
}


/*refferal*/

.referral-section{
    padding : 4px; 
    font-size : 0.8em; 
    margin :10px 0!important; 
}

.referred-users{
    padding-top : 10px; 
    text-align : center; 
}

.dialog-referral-content-outter{

}

.dialog-referral-content-intro{
 padding : 10px 0px; 

}

.dialog-referral-content-main{
   padding : 10px 0;  

}

.dialog-referral-content-main .input-group input, 
.dialog-referral-content-main .input-group-btn .btn{
    height : 40px;

}


.dialog-referral-content-sharer-outter{
    display : flex; 
    align-items : center;
}
.dialog-referral-content-sharer-or{
    display : inline-block; 
}
    

.dialog-referral-content-sharer{
    display : inline-block; 
    padding : 0 10px ; 
}

.dialog-referral-content-code-outter .input-group{
    display : inline-block; 
    line-height : 40px
}

.dialog-referral-content-code-outter .input-group input{
    text-align : center; 
}

.dialog-referral-content-code-or {
    display : inline-block;
    line-height : 40px;
    margin-right: 10px;
}

.form-select-location-wrapper .selectWrapper{
    width    : 100%;
    border: 1px solid #aaa;
}

.form-select-location-wrapper .form-main-select-location{
    border-color : #fff;
    padding: 4px 0px 4px 0px;
}

.form-select-location-wrapper .form-main-select-location .selectWrapper{
    height : 30px;
}

.form-select-location-wrapper .form-main-select-location .selectWrapper i {
    top : 0px;
}

.form-select-location-wrapper .no-options{
    display : none; 
}

/*slidewhow*/

.slideshow-img  .slide-picture{
    /* position     : absolute; */
    /* z-index : -1; */
    /* overflow: hidden; */
    /* overflow-y: hidden; */
    /* opacity : 0; */
    /* transition: opacity 0.4s ease-in-out 0.1s; */
}

.slideshow-img  .slide-picture.active{
    z-index : 1;
    opacity :1;
    transition: opacity 0.4s ease-in-out 0.1s;
}

.slideshow-img  .slide-picture img{
	width: 100%;
}

/* pwa ---*/
.pwa-install-notice-wrapper{
    position : fixed; 
    bottom : 0; 
    z-index :1000;
    padding : 10px ;
    padding-bottom : 20px;  
    width : 100%; 
    text-align : center;
    border-top : 1px solid #c1c1c1; 
    background-color : white; 
    opacity : 0.9; 
}

.pwa-install-notice-wrapper span{
    padding : 10px; 
}

.debug-pwa-inline {
    font-size : 0.8em; 
    background-color :black; 
    color : white; 
}

.pwa-install-notice-wrapper .pwa-close{
    position : absolute; 
    top 0; 
    right : 10px;
}

.label.label-cat-small{
    color :#aaa;
    background-color : transparent; 
    border : 1px solid #cccccc;
}

.label.label-cat-small.error{
    color :red;
    border : 1px solid red;
}

/* dialog message box */

.dialog-details{
    text-align : center;
    margin: 10Px 0px;
    background-color: #edebeb;
    padding: 4px;
}

.dialog-details  .dialog-title{
    font-weight : bold; 
}

.dialog-details  .dialog-title:first-letter {
    text-transform: uppercase;
}

#mbox-body .adactions {
    margin-right : 0px; 
    margin-left : 0px; 
}

#logs .ad-infos{
    display : inline-block; 

}

#logs .ad-infos .info-tag,
#logs .payments-infos .info-tag{
    padding : 0 2px; 
    margin-right : 2px
}

.info-tag.info-type{
    border :1px solid #cccccc; 
    border-radius : 2px;
    font-size :0.8em; 
    color : #acacac;   
}

.info-tag.info-type.is-tag-link{
   color : #3F51B5;    
}

.info-tag.info-origin,
.info-tag.info-catids,
.info-tag.info-regids {
    border :1px solid #3F51B5; 
    border-radius : 2px;
    font-size :0.8em; 
    color : #3F51B5;   
}

.info-tag.info-tag-type2,.info-tag.info-tag-urgent, .info-tag.info-tag-priority{
    font-size :0.8em; 
    color : #2e2728;   
}

.info-tag.info-tag-paidoptions{
    font-size :0.8em; 
    color : #2e2728;   
}


/* post as widget */
.post.as-widget .pcol-a a {
}

.post.as-widget .pcol-a a img {
	height: 82px;
	width: 110px;
}

.post.as-widget .post-location{
	display : inline-block; 
}


/* post in condensed view */

.post-condensed-in-conv .pcol-a-b-wrapper{
    display: table;
    width : 100%;
    table-layout : fixed;
}

.post-condensed-in-conv .pcol-a, 
.post-condensed-in-conv .pcol-b {
    display: table-cell;
    float: none;
    vertical-align: top;
    text-align: left;
}

.post-condensed-in-conv .pcol-a {
    width: 130px;
    padding: 10px;
}

.post.post-condensed-in-conv{
	/* width: 80%; */
	margin : 0 auto;
}

.post.post-condensed-in-conv .pcol-a a {
	height: 66px;
}

.post.post-condensed-in-conv .pcol-a a img {
	height: 82px;
	width: 110px;
	padding: 3px;
	border: 1px solid #ececec;
}

.post.post-condensed-in-conv .post-location{
	display : inline-block; 
}

.post.as-widget .post-location :before,
.id-card-wrapper.in-line .id-card-age:before, 
.id-card-wrapper.in-line .id-card-protype:before {
	content : "-";  
	margin : 0px 2px;
}


/* id card */
.id-card-wrapper .img-6060{
	height: 60px;
	width: 60px;
}

.vendor-details-in-ad-display .id-card-wrapper .img-6060,
.userdetails .id-card-wrapper .img-6060 {
    height: 90px;
    width: 90px;
}

.id-card-wrapper .column2 .name-age-protype span{
	display : block;
	line-height	: 16px;
}

.id-card-wrapper.in-line .photo {
	height: 42px;
	width: 42px;
}

.id-card-wrapper.in-line .img-6060{
	height: 40px;
	width: 40px;
}

.id-card-wrapper.in-line .column2 .name-age-protype span{
	display : inline-block;
	line-height	: 16px;
}


/* // general size */
.id-card-wrapper .photo {
	border: 1px solid #e1e1e1;
	border-radius	 : 50px;
	height: 62px;
	width: 62px;
	position: relative;
}

.id-card-wrapper .photo.for-ad {
	border-radius	 : 0px;
	width: 82px;
}

.id-card-wrapper .photo.for-ad img {
	width: inherit;
}

.vendor-details-in-ad-display .id-card-wrapper .photo,
.userdetails .id-card-wrapper .photo {
	height: 92px;
	width: 92px;
}

.panel-heading .post{
	text-transform : initial; 
}

.nav-bar-modal{
  
    position : relative; 
    display: block;
    padding : 2px 10px; 
    line-height : 30px;  
}

.nav-bar-modal .nav{
   display : inline-block; 
   line-height : 30px;  
}

.nav-bar-modal .nav-bar-modal-close {
   display : inline-block; 
   position : absolute; 
   right : 10px;
   line-height : 30px;
   font-size :20px;
}

.nav-bar-modal .nav-bar-modal-close a {
   color : #c1c1c1; 
}


.input-group-addon.referraluid-text{
    background-color : transparent; 
}


/*generic slider*/
.slider-box
{
	position: relative;
	color: #e08e4b;
	overflow: hidden;
}

.slider-box {
	width: 100%;
	height: 200px;
	margin: 10px 0;
}

.slider-box .slider  {
	line-height : 0px; 
}


.slider-box .slider .slide {
	position: absolute;
	top :0;
	left: 0;
	width :100%;
	height: 100%;
}

.slider-box .slider .slide{
	opacity: 0;
	transition: 1s opacity;
	z-index : -1;
}

.slider-box .slider  .slide.active{
	opacity: 1;
	transition: 1s opacity;
	z-index : 1; 
}

.slider-box  .slider .slide a {
	width :inherit;
	height: inherit;
	display: block;
}

.slider-box  .slider .slide img {
	width :inherit;
	height: inherit;
}


/* buy bitton */
.buy-btn-wrapper{
    margin-bottom : 10px; 
}

.buy-btn .single-line{
    text-align : center; 
}


/* shopping cart section */ 

.shop-checkout-page{
    margin-bottom: 30px;
}

.shop-checkout-page.no-data{
    margin: 40px 0px;
    text-align: center;
}

.shop-checkout-page section {
    margin-top: 4px;
    padding: 0px;
}

.shop-checkout-page .h1,.shop-checkout-page .h2,.shop-checkout-page .h3,.shop-checkout-page h1,.shop-checkout-page h2,.shop-checkout-page h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.shop-checkout-page .h2,.shop-checkout-page h2 {
    font-size: 21px
}

@media screen and (min-width: 1025px) {
    .shop-checkout-page .h2,.shop-checkout-page h2 {
        font-size:24px
    }
}

.shop-checkout-page .consignment .consignment-container {
    border: 1px solid #e5e5e5;
    margin-right: 0px;
    margin-left: 0px;
}

.shop-checkout-page .consignment .consignment-container .consignment-lines .consignment-item {
    border-top: 1px solid #e5e5e5
}

.shop-checkout-page .consignment .consignment-container .consignment-lines .consignment-item:first-child {
    border-top: none
}


@media (max-width: 1199.98px) and (min-width: 1025px)
.shop-checkout-page .full-indent {
    margin-right: 30px;
    margin-left: 30px;
}

.shop-checkout-page .consignment-header {
    background: #000;
    color: #fff;
    padding: 12px 20px;
    hyphens: auto;
}

@media screen and (min-width: 630px)
.shop-checkout-page .consignment-header {
    font-size: 14px;
}

.shop-checkout-page .consignment-header>div.row {
    align-items: center;
}

.shop-checkout-page .consignment-header .consignment-title {
    font-size: 20px;
}

.consignment-title .out-of-flow{
    line-height: 1;
    position: absolute;
    top: 1px;
    left: 0;
    text-align: left;
    white-space: nowrap;
    font-size: 19px;
}

.see-order{
    margin : 10px;
}

.text-center {
    text-align: center!important;
}

@media (min-width: 576px)
.d-sm-table {
    display: table!important;
}

.shop-checkout-page .consignment .consignment-container .consignment-lines {
    margin-top: 10px;
    margin-bottom: 10px;
}

.shop-checkout-page .consignment .consignment-container .consignment-lines .consignment-item:first-child {
    border-top: none;
}

.shop-checkout-page .consignment .consignment-container .consignment-lines .consignment-item.invalid{
    opacity : 0.5; 
}

.shop-checkout-page .no-h-margin {
    margin: 0;
}


.shop-checkout-page .consignment-header .item-price {
    text-align: right!important;
    padding-right: 11px
}

.shop-checkout-page .consignment-header .consignment-subtotal {
    text-align: right!important
}

.shop-checkout-page .consignment-item .item-price {
    text-align: right!important;
    padding-right: 0
}

.shop-checkout-page .consignment-item .consignment-subtotal {
    text-align: right!important;
    padding-right: 0
}


.shop-checkout-page .consignment-img-container {
    padding-left: 0;
    padding-right: 6px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.shop-checkout-page .consignment-img {
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    max-width: 100%;
}

.shop-checkout-page p {
    /* margin: 0 0 10px; */
    padding : 0px;
    font-size: inherit;
}

.shop-checkout-page .consignment-item .item-price, 
.shop-checkout-page .consignment-item .consignment-subtotal {
    font-size : 1.2em; 
    color : black; 
}

.shop-checkout-page .consignment-item .item-price .promo, 
.shop-checkout-page .consignment-item .consignment-subtotal .promo{
    color: #e08e4b;
}

sup {
    vertical-align: -.28em;
}

.shop-checkout-page .consignment-item .item-price .strike, 
.shop-checkout-page .consignment-item .consignment-subtotal .strike
{
    text-decoration: line-through;
    font-size : 0.7em!important; 
}

.cart-addons .cart-footer {
    margin-top: 6px;
    margin-bottom: 10px;
    text-align: right;
    border: 1px solid #e5e5e5;
    padding: 6px;
}
.cart-addons .cart-footer .total-price span:last-of-type {
    /* font-size: 1.6em; */
    margin-left: 10px;
}
.cart-addons .cart-footer .total-price .price-line{
    padding : 4px 0px
}

.cart-addons .cart-footer .total-price .final-discount-price{
    color : #e08e4b; 
}

.cart-addons .cart-footer .total-price .final-total-price{
    font-size : 1.4em; 
    border-top : 1px solid #e5e5e5
}

.cart-addons .price-advance-notice{
    color : #FF5722; 
    background-color :#f7f7f7; 
    padding : 10px
}

.text-bold {
    font-weight: 700;
}

.shop-checkout-page .jquery add multiple c {
    border: 1px solid;
    cursor: pointer;
    color: #333;
    background-color: #fff6f1;
    border-color: #e65500;
}

.shop-checkout-page .btn-border-default {
    border: 1px solid;
    cursor: pointer;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.shop-checkout-page .btn-border-default:hover {
    background-color: #f7f7f7;
    border-color: #101010;
}

.shop-checkout-page .btn-border-primary {
    background-color: #f7f7f7;
    border-color: #101010;
}


.shop-checkout-page .btn-border-primary:hover {
    background-color: #ccc;
    border-color: #101010;
}

.shop-checkout-page .saved-delivery-address {
    margin-bottom: 10px;
    padding-top: 1vw;
    padding-bottom: 1vw;
    min-height: 60px;
    position: relative;
}


.shop-checkout-page  .saved-delivery-timetable{
    padding :2px 10px; 
    font-size : 0.8em;
    border : 1px solid #e5e5e5; 
}

.shop-checkout-page  .saved-delivery-timetable-title{
    font-size : 1.2em; 
    background-color : #f7f7f7
}

.shop-checkout-page .payment-form .payment-button-column .payment-method-button {
    display: table;
    text-align: center;
    padding: 0 12px!important;
    height: 50px!important;
    margin-bottom: 5px;
    min-height: 70px;
}


.shop-checkout-page .payment-form .payment-button-column .payment-method-button.with-logo {
    display : flex;
    flex-direction: column;
    height: 100px!important;
}

.payment-method-logo img{
    width: auto;
    height: 30px;
}

.shop-checkout-page .payment-form .payment-button-column{
   flex: 0 0 25%;
   max-width: 25%;
}

.shop-checkout-page .payment-form .payment-button-column .payment-method-button .payment-method-label {
    height: 50px;
    width: 100%;
    white-space: normal;
    display: table;
}

.shop-checkout-page .payment-form .payment-button-column .payment-method-button .payment-method-label div {
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
}


.shop-checkout-page .check-circle, 
.shop-checkout-page .error-circle {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    font-size: 18px;
    line-height : 18px;
    text-align : center;
    padding : 6px;
    background-color: #79a70b;
    color : white;
    top : -10px;
    right : -10px;
    position: absolute;
}

.shop-checkout-page .error-circle {
   background-color: red;
}


.payment-method-button .btn-check{
    display : none; 
    position : absolute; 

}

.payment-method-button.active .btn-check{
    display : block; 
}

.consignment-title{
    font-size : 1.2em;
}

/* minimap*/ 
.delivery-map.mini-map-in-form{
    height : 100px;
}

.cart-remove-item a {
    font-size : 0.8em;
    cursor: pointer;
}

 .item-qty button.control:disabled {
    background-color: #eee;
    color: #ccc;
    cursor: not-allowed;
}
 .item-qty button.control {
    background-color: #ccc;
    height: 20px;
    width: 20px;
    padding: 0;
    border: none;
    border-radius: 0;
    line-height: 1;
    cursor: pointer;
}

.item-qty span {
    min-width: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
}

.item-qty button.control i {
    font-size: 12px;
    line-height: 20px;
    width: 20px;
    height: 20px;
}

.cart-accept-gtcs{
    margin: 20px 0px; 
}

.cart-error {
    color : red;
    text-align : center;
    padding : 2px;
    border-radius : 0px;
    border : 1px solid red;
    font-size : 0.8em;
    display : none;
    background-color: #f443360f;
}

.cart-error.active {
    display : block; 
}


.cart-head-wrapper{
    /* padding : 2px 16px; */
    /* background-color : #fef9f6; */
    font-size : 0.9em;
    margin-bottom : 10px;
}


.cart-head-payment-info, 
.cart-head-delivery-info,
.cart-head-item-info {
    border : 1px solid #e5e5e5;
    padding: 10px;
    margin-bottom : 4px; 
}

.cart-head-label{
    font-weight : bold;
    display : inline-block;  
    min-width : 150px; 
}

.cart-status-value{
    padding: 0 3px;
    color : white;
    border-radius : 4px;
}


.cart-delivery-status-value{
    padding: 0 3px;
    color : white;
    border-radius : 4px;
    background-color : #0073aa; 
}

.delivery-status-{
    background-color :black; 
}

.delivery-status-pending{
    background-color: #e08e4b;
}

.delivery-status-deliveryongoing{
    background-color :#0073aa;     
}

.delivery-status-delivered{
      background-color: #5cb85c;
}

.cart-gateway-value{
    padding: 0 3px;
    border-radius : 4px;
    color : #0073aa;
    border : 1px solid #0073aa;
}

.cart-delivery-method-value{
    padding: 0 3px;
    color : #0073aa;
    border : 1px solid #0073aa;
    border-radius : 4px;
    background-color : #FFF; 
}


.cart-promo{
    padding: 10px;
    margin-top : 4px; 
    border : 1px solid #e5e5e5
}

.cart-promo .cart-promo-form {
    
    display: flex;
    align-items: center;
    margin-bottom : 3px; 
}

.cart-promo-form.row {}

.cart-promo .cart-promo-form .cart-promo-label{
    color : #e08e4b; 
}

.cart-promo .cart-promo-form .inputs {
    display: flex;
}

.cart-promo .cart-promo-form .inputs .promo-input {
    flex-grow: 1;
    display: inline-block;
}

.cart-promo .cart-promo-form .inputs .promo-input label {
    display: block;
}

.cart-promo .cart-promo-form .inputs .promo-input label input {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    text-align: center;
    border : 1px solid #EEE; 
    background-color : white;
}

.cart-promo .cart-promo-form .inputs .promo-action {
    height: 32px;
    display: inline-block;
}

.cart-promo .cart-promo-form .inputs .promo-action button {
    height: 32px;
    width: 40px;
    border: none;
    color: #fff;
    white-space: nowrap;
}
    

.cookie-consent-btns{
    margin-top : 10px; 
}



.cookie-consent-switch .onoffswitch-inner:before {
    content: "ACCEPT";
}

.cookie-consent-switch .onoffswitch-inner:after {
    content: "REFUSE";
}


.cookie-consent-switch .onoffswitch-switch {
    right: auto;
}


.cookie-items-wrapper-section.scrollable-section{
    overflow-y: auto;
    width: 100%;
    max-height: 300px;
    overflow-x: hidden;
    padding: 10px 10px 10px 0;
    margin: 10px 0px;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    font-size   : 0.9em;
}


.cookie-items-wrapper-section .cookie-item:not(last-child){
    padding :  4px;
    border-bottom : 1px solid #c9c9c9; 
}

.cookie-into-header-section .cookie-into-header{
    text-align : center; 
    font-size    :1.2em;
    padding : 4px; 
    font-weight : bold; 
}

.results{
    margin : 10px 0;
    border-top : 1px solid #dddddd; 
    padding : 10px; 
    display : none; 
}

.results.active{
    display : block; 
}

.results .gdpr-details-header{
   background-color : #23282dB7; 
   color : white; 
   padding : 4px;
   font-size : 1.2em;  
}

.gdpr-details-header-top{
   background-color : #616568; 
   color : white; 
   padding : 4px;
   margin-bottom : 4px; 
}

.results .gdpr-details-header .table-name{
    color : orange; 
    margin-left : 10px; 
    text-transform : uppercase; 
}

.gdpr-details-data{
    padding : 0px 10px; 
    font-size : 0.8em; 
}

.gdpr-details-data.loading{
    opacity : 0.2; 
}

.gdpr-details-data table{
   margin-bottom : 0px; 
}

.gdpr-details-data .list-group-item{
    padding: 2px; 
}

.amt.is-paid{
    color : green; 
}

.amt.is-pending{
    color : #d0d0d0; 
}


.shipping-metas{
    padding: 2px 2px;
    margin-right : 2px;
    color: #fff;
    text-align :center;
    font-size: 0.9em;
    display: inline-block;
    border-radius: 2px;
}

.shipping-metas.is-pending-delivery{
    color : orange; 
    border-color : orange; 
}

.shipping-metas.is-delivered{
    color : #4CAF50; 
    border-color : #4CAF50; 
}

.buy-mod-btn.in-widget .btn  {
    padding : 4px 0px;
}


.payment-amt-wrapper{
    display : flex;
    padding: 4px 13px;
}

.payment-amt-panel{
    border : 1px solid #cccccc;
    padding : 4px;
    margin-right : 4px;
    flex: 1 1 0;
}

.payment-amt-panel.status-approved,
.payment-amt-panel.status-m_approved,
.payment-amt-panel.status-success{
    color : green; 
}

.payment-amt-panel.status-order{
    color : #0073aa; 
}

.payment-amt-panel.status-Error,
.payment-amt-panel.status-TIME,
.payment-amt-panel.status-{
    color : red; 
}


.payment-amt-panel .payment-amt-title{
    display : block; 
    background-color : #f6f6f6; 
    font-size  : 0.8em; 
    padding : 4px; 
    text-align : center; 
}

.payment-amt-panel .payment-amt-value{
 text-align : right; 
}


.in-field-paid-option-wrapper{
    padding : 2px 4px;
    margin : 4px 0px;
    background-color: aliceblue;
}

.in-field-paid-option-wrapper.option-included{
    color : grey; 
}


.checkbox-paidoption-wrapper, .paidoption-wrapper {
    display : flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;


}

.checkbox-paidoption-wrapper .gen-checkbox, .paidoption-wrapper > div {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.checkbox-paidoption-wrapper .price{

}


.paidoption-wrapper {
    margin-bottom : 4px
}

.paidoption-wrapper > i {
    color : green; 
    font-size : 1.4em; 
}

.alert-consent-social-ko{
    padding : 10px;
    background-color : #f2f2f2; 
}


.order-details-in-modal{
    padding : 10px; 
    
}

.order-details-in-modal .loading{
  
    text-align : center; 
}

.dialog-delete-pre-text{
   color : red; 
   padding : 4px 0px;
   text-align : center;  
   border : 1px solid red; 
}

.dialog-delete-text{
   padding : 10px 0px 2px; 0px;
   text-align : center;  
}

.fs08{
    font-size : 0.8em; 
}

/*stepbystep form*/

.stepbystep-nav {
    display : flex ;
    align-items: center;
    padding :  10px 0px; 
}

.stepbystep-nav .step-btn {
    font-size : 1.3em; 
    color :#dce0e0; 
}


.stepbystep-nav .step-indicator{
    font-size: 1.3em; 
    padding : 0 10px; 
    color :#666666; 
}

.stepbystep-nav .step-btn.step-quit {
    color :#dce0e0; 
    margin-left: auto;
}

.step-progress-bar{
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    height: 6px;
    background-color: #dce0e0;
    margin-bottom : 10px; 
}


.step-progress-value{
    height: 6px;
    background-color: #2196F3;
}

.stepbystep-fieldstep:not(.debug-mode){
    display : none; 
}

.stepbystep-fieldstep.show-it{
    display : block; 
}
.stepbystep-fieldstep.show-it.debug-mode{
    border : 4px solid #2197f3; 
}

.stepbystep-step-desc{
    font-size : 1.2em; 
    padding : 10px 0px ; 
}

.no-cat-found{
    padding : 10px;     
}

.is-banner > img, 
.is-banner a > img,
.sectbanner > img, 
.sectbanner a > img  {
    padding: 4px;
    width : 100%;
}

.banner_inner > img,
.banner_inner a > img {
    padding: 0px;
    width : 100%;
}

.banner-in-modal-content{
        margin : 4px 0px; 
        border : 1px solid grey; 
        border-style: dashed;
        padding : 10px; 
}

    
/* cat-widget - mashup */    
.zads-flexbox{
    display: flex;
    border: 1px solid #ccc;
}

.thumb-view .zads-flexbox{
    flex-direction: column; 
}

    
.cat-post .short-span,
.thumb-view .cat-post .long-span  {
 display : none; 
}

.thumb-view .cat-post .short-span {
display : inline-block; 
}


.home-widget .filters-header-section {
    background-color: #f5f5f559;
    padding: 4px 10px;
    margin-bottom: 6px;
    /* float: none; */
    display: flex;
    width: 100%;
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    align-items: center; /* Center vertically */
    align-items: center; /* Center vertically */
    justify-content: center;
}
.cat-post {
 margin : 2px 0;
 box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
}


    
.cat-list-section .cat-post,
.cat-header-in-list .cat-post {
 box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.1);
}

.cat-post .cat-title{
    white-space: nowrap; /* prevent the text from wrapping */
    overflow: hidden; /* hide any text that overflows the div */
    text-overflow: ellipsis; /* add an ellipsis (...) to indicate that */
}

.cat-post .cat-desc{
    overflow: hidden; /* hide any text that overflows the div */
    text-overflow: ellipsis; /* add an ellipsis (...) to indicate that */
    max-height: 80px;
    color: #9a9a9a;
    font-size: 0.9em;
}

.thumb-view .cat-post .cat-desc{
    display : none; 
}

.cat-post .cat-htmlcode{
    max-height: 40px;
    overflow: hidden;
    font-size: 0.8em;
}
    
.cat-post .cat-post-section-right{
    flex: 1 1 auto;
    padding : 4px;
    display : flex;
    flex-direction: column;
}

.cat-post .cat-post-section-right-top{
    flex: 1 1 auto;
    max-width: 300px;
}

.post-list .cat-post .cat-post-section-right-top, 
.cat-header-in-list .cat-post .cat-post-section-right-top {
    max-width: 800px;
}

.cat-post .cat-post-section-right-bottom{
    /* background-color : lightblue; */
    border-top : 1px solid #cccc;
    height : 30px;
    line-height : 30px;
    display : flex;
    justify-content : space-between;
    align-items : center;
}
    
.cat-post .cat-imgWrapper, 
.cat-post .cat-icon-imgWrapper{
    width : 200px!important;
    position : relative;
    height: 150px;
}


.thumb-view .cat-post .cat-imgWrapper {
    width : auto!important;
    height: auto!important;
}

.thumb-view .cat-post .cat-icon-imgWrapper {
    width : auto!important;
}

.cat-post .cat-imgWrapper img,
.cat-post .cat-icon-imgWrapper img{
    width: 100%;
    height : 150px;
}


.cat-post .cat-icon-imgWrapper{
    background-color: #FFF;
    border: 1px solid #DDD;
    padding: 3px;
}

.cat-post .cat-icon-imgWrapper [class*="mdi-"]:before {
     position: absolute;
     font-size: 100px;
     top: 50%!important;
     left: 50%;
     transform: translate(-50%, -50%);
}
    

.cat-post .cat-post-nbad {
    margin: 10px;
    line-height :20px;
    margin : 0 0px;
    padding : 0 2px; 
    font-size : 0.9em;
    border :1px solid #ccc;
}

.cat-post .is-link:hover {
    background-color: rgba(156, 223, 242, 0.16);
    box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2);
    cursor : pointer; 
}


.advs-compact .chosen-container-single .chosen-single {
    border: 0px ;
    box-shadow: 0 0 0px white inset,0 0px 0px rgba(0,0,0,.1);
}

.advs-compact .advsearch-main-select-cat.is-chosen{
    line-height: 50px;
    height : 50px;
}
    
.icon-push-right {
    left : auto!important;
    right: 0px!important;
}

    
*[rel="showhidepassword"] {
  cursor : pointer; 
}

/* sticky bar for options */

.options-sticky-bar{
    width: 100%;
    box-shadow: rgba(26, 26, 26, 0.12) 0px -1px 8px 0px, rgba(0, 0, 0, 0.14) 0px 4px 8px 0px;
    background-color: rgb(255, 255, 255);
    position: fixed;
    bottom: 0px;
    left: 0px;
    /* min-height: 6rem; */
    z-index: 1100;
    /* max-width: calc(1066px - 3.2rem); */
    opacity: 0.95;
}

.options-sticky-bar .bar-inner{
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px auto;
    padding: 10px 20px;
    width: 100%;
    max-width: calc(1100px);
}

    
.options-sticky-bar .bar-inner .bar-text{
  display: flex;
    flex: 1 1 16rem;
    flex-direction: column;
    align-items: flex-start;
    margin: 0px 0px 0.8rem;
}

.options-sticky-bar .bar-inner .bar-text .bar-price{
}

.options-sticky-bar .bar-inner .bar-text button{
    color : red; 
    border : none; 
    background-color : initial;
    padding : 0px; 
    margin : 0px; 
    
}


.options-sticky-bar .bar-inner .bar-btn{display: flex;align-items: center;gap: 5px;}


    .forced-show{
        display: block!important; 
    }

/* post widget in paid page*/

.options-page .item-widget-section{
    display : flex;
    justify-content: center;
}

.options-page .item-widget-section .post{
    border : none;
    box-shadow: none;
    border: 1px solid #dce0e0;
    background-color: white;
    max-width : 80%
}

.options-page .item-widget-section .post img{
 max-width : 150px; 
 height: 100%; 
}

.options-page .item-widget-section .post .pcol-a-b-wrapper{
	display : flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.options-page .payment-button-column .payment-method-button, 
#adactions_btons_inner .payment-button-column .payment-method-button {
    /* display: table; */
    /* text-align: center; */
    /* padding: 0 12px!important; */
    /* height: 30px!important; */
    margin-bottom: 5px;
    /* min-height: 70px; */
}


.options-page .payment-button-column,
#adactions_btons_inner .payment-button-column {
   flex: 0 0 25%;
   /* max-width: 25%; */
}

.options-page .payment-button-column .payment-method-button .payment-method-label ,
#adactions_btons_inner .payment-button-column .payment-method-button .payment-method-label {
    height: 40px;
    width: 100%;
    white-space: normal;
    display: table;
}

.options-page .payment-button-column .payment-method-button .payment-method-label div, 
#adactions_btons_inner .payment-button-column .payment-method-button .payment-method-label div{
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
}


.options-page .check-circle, 
#adactions_btons_inner .check-circle
 {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    font-size: 18px;
    line-height : 18px;
    text-align : center;
    padding : 6px;
    background-color: #79a70b;
    color : white;
    top : -10px;
    right : -10px;
    position: absolute;
}


.options-page .btn-border-default,
#adactions_btons_inner .btn-border-default {
    border: 1px solid;
    cursor: pointer;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.options-page .btn-border-default:hover,
#adactions_btons_inner .btn-border-default:hover {
    background-color: #f7f7f7;
    border-color: #101010;
}

.options-page .btn-border-primary,
#adactions_btons_inner  .btn-border-primary {
    background-color: #f7f7f7;
    border-color: #101010;
}


.options-page .btn-border-primary:hover,
#adactions_btons_inner .btn-border-primary:hover {
    background-color: #ccc;
    border-color: #101010;
}

.payment-method-title {
    padding: 10px 6px;
    background-color: #666666;
    color: #cccccc;
    margin: 10px 0px;
    font-size: 1.5em;
}

    .post-event-wrapper, .post-event-in-widget{
        display : flex;
        align-items: center;
    }

    .post-event-wrapper.expired, 
    .event-date.start-date.expired {
        color: #ff762d;
    }

/* date in advanced search */ 
.form-group-event-list .inner{
     display : flex; 
    height : 50px; 
} 

.form-group-event-list .inner > div{
     border :0px ;
} 

.form-group-event-list .inner .input_date_wrapper{
     display : flex;
     flex-direction: column;
     justify-content: space-evenly;
}

.form-group-event-list .inner .input_date_wrapper:first-of-type {
     border-right: 1px solid #e8e8e8;
} 

.form-group-event-list .inner .input_date_wrapper:after {
    display: none;
}

    .nbof-counter-style{
        padding : 2px; 
        border : 1px solid ; 
        border-radius : 4px; 
        
    }

    .post-date-diff.post-date.event-date{
        padding : 0px 4px; 
    }