Your IP : 216.73.216.43
/******************************************
* Flexicontent messages, (placed anywhere)
******************************************/
body .fc-close {
color: #000000;
float: right;
font-size: 20px;
font-weight: bold;
line-height: 18px;
opacity: 0.2;
text-shadow: 0 1px 0 #FFFFFF;
margin-top: -2px;
&:hover {
color: #000000;
cursor: pointer;
opacity: 0.4;
text-decoration: none;
background: none;
}
}
body .fc-mssg,
body .fc-mssg-inline {
border: 1px solid;
display: block;
margin: 1px 0 5px 0;
padding: 8px 10px 12px 36px;
border-radius: 6px;
font-size: 12px;
white-space: normal;
line-height: 140%;
box-sizing: border-box;
color: #292B2C;
}
body .fc-mssg-inline {
display: inline-block;
margin: 1px 0 2px 12px;
/*max-width: 62%;*/
}
body #flexicontent .fc-field-props-box,
body #flexicontent .fc_uploader_n_props_box {
.fcfield_preview_box,
.fc_file_uploader,
.fc_file_uploader.fc_inline_uploader,
.inlinefile-prv-box:not(:last-child),
.inlinefile-data-box:not(:last-child) {
margin-right: 12px;
}
}
body .fc_uploader_n_props_box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: start;
align-items: start;
}
body .fc_uploader_status_box {
display: flex;
flex-flow: column-reverse wrap;
justify-content: center;
align-items: center;
position: absolute;
z-index: 100;
top: 0%;
right: 10%;
opacity: 60%;
font-size: 12px;
border: none;
.fc_uploader_mssg_box,
.fc-field-invalid {
font-size: inherit;
min-height: 1em;
background: white;
padding: 8px 16px;
border-radius: 8px;
box-shadow: 2px 4px 4px gray;
border: 1px solid lightgray;
text-align: center;
white-space: nowrap;
}
.fc_uploader_mssg_box {
}
.fc-field-invalid {
/*box-shadow: 2px 4px 4px #ffaaaa;*/
}
}
body .fc-field-invalid {
padding: 4px 8px;
display: inline-block;
margin: 2px 4px 0 8px;
border-radius: 4px;
font-weight: bold;
font-size: 1rem;
height: 2rem;
line-height: 2rem;
/*border-color: white;
background-color: darkred;*/
}
#flexicontent div.input-group-addon > .fc-field-invalid ,
#flexicontent div.input-append > .fc-field-invalid {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
}
body .fc-mssg-inline.fc-note,
body .fc-mssg.fc-note {
background: #FEF9F3 url(../images/note.gif) no-repeat;
background-position: 10px 50%;
border-color: #F0AD4E;
border-left: 10px solid #F0AD4E;
}
body .fc-mssg-inline.fc-error,
body .fc-mssg.fc-error {
background: #F9E2E2 url(../images/error.png) no-repeat;
background-position: 10px 50%;
border-color: #D9534F;
border-left: 10px solid #D9534F;
}
body .fc-mssg-inline.fc-warning,
body .fc-mssg.fc-warning {
background: #FEF9F3 url(../images/warning.png) no-repeat;
background-position: 10px 50%;
border-color: #F0AD4E;
border-left: 10px solid #F0AD4E;
}
body .fc-mssg-inline.fc-success,
body .fc-mssg.fc-success {
background: #F7FBF7 url(../images/accept.png) no-repeat;
background-position: 10px 50%;
border-color: #81BE81;
border-left: 10px solid #81BE81;
}
body .fc-mssg-inline.fc-info,
body .fc-mssg.fc-info {
background: #F0F9FC url(../images/information.png) no-repeat;
background-position: 10px 50%;
border-color: #5BC0DE;
border-left: 10px solid #5BC0DE;
}
body .fc-mssg.fc-small,
body .fc-mssg-inline.fc-small {
padding-top: 4px;
padding-bottom: 4px;
}
/* modified styling for alerts */
body .alert.fc-small {
padding: 2px 8px;
margin: 2px 8px;
}
body .alert.fc-small {
display: inline-block;
margin: 1px 4px 1px 2px;
vertical-align: middle;
min-height: 1em;
}
/* some special cases */
body .fc-noauth {
display: inline-block;
background: #FCF8CA url(../images/warning.png) no-repeat 10px 50%;
padding: 3px 6px 4px 36px;
color: #C09853;
border: 1px solid #FBEED5;
border-radius: 6px;
margin: 0 0 5px 0;
font-size: 12px;
white-space: normal;
line-height: 140%;
}
/* place last since it is of same importance */
body .fc-mssg-inline.fc-nobgimage,
body .fc-mssg.fc-nobgimage {
background-image: none;
padding: 4px 8px;
}
body .fc-mssg-inline.fc-noborder,
body .fc-mssg.fc-noborder {
border-width: 0;
}
body .fc-mssg-inline.fc-nomargin {
margin: 1px 0 2px 0;
}
/****************
* State Toggler
****************/
div.statetoggler {
position: relative;
float: none;
padding: 4px 4px;
display: inline-block;
width: auto;
line-height: 18px;
height: 18px;
box-sizing: content-box;
.icon-publish:before,
.icon-checkmark-2:before {
color: green;
}
.icon-unpublish {
color: darkred;
}
> div.statetoggler_inner {
position: relative;
background: none repeat scroll 0 0 transparent;
overflow: visible;
display: inline-block;
box-sizing: border-box;
padding: 0;
margin: 0;
width: 100%;
height: auto;
min-height: auto;
min-width: auto;
> div.stateopener {
line-height: auto;
height: auto;
width: auto;
display: inline-block;
box-sizing: border-box;
padding: 0;
margin: 0;
text-align: left;
vertical-align: baseline;
cursor: pointer;
text-decoration: none;
position: relative;
span.fc_expired,
span.fc_scheduled {
position: absolute;
left: -2px;
right: -2px;
top: 45%;
bottom: 35%;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
opacity: 1;
}
span.fc_expired + span:before,
span.fc_scheduled + span:before {
opacity: 0.4;
color: black;
}
}
> div.stateopener.ajax-loader {
background-position: center;
padding: 8px;
margin: -1px -1px -1px -1px;
}
> div.stateopener img {
padding: 0;
margin: 0;
border: none;
vertical-align: middle;
display: unset;
box-sizing: unset;
min-width: 16px; /* avoid scaling down */
border-width: 0;
}
> .options {
padding: 4px 0;
margin: 2px 0;
background: white;
position: absolute;
font-size: 14px;
line-height: 21px;
z-index: 1;
display: none;
border: 1px solid lightgray;
border-radius: 4px;
box-shadow: 2px 4px 4px gray;
box-sizing: border-box;
> div,
> span {
position: relative;
float: left;
clear: both;
overflow: visible;
display: inline-block;
box-sizing: border-box;
line-height: 24px;
padding: 2px 16px 2px 8px;
margin: 0;
width: 100%;
height: auto;
min-height: 24px;
min-width: auto;
background: none repeat scroll 0 0 transparent;
color: black;
outline: none;
text-decoration: none;
white-space: nowrap;
text-align: left;
vertical-align: middle;
cursor: pointer;
}
> div {
text-align: center;
font-weight: bold;
}
> span:hover {
background-color: #e7e7e7;
background-image: linear-gradient(to bottom,#f0f0f0,#d0d0d0);
}
> span > span,
> span > img {
max-width: unset;
padding: 0;
margin: 0 .5em 0 0;
border: none;
box-sizing: unset;
}
> span > img {
display: unset;
}
}
}
}
/************
* Rating bar
************/
#flexicontent .qf_ratingbarcontainer {
border: 1px solid #999999;
height: 10px;
width: 60px;
margin: 2px 2px;
display: block;
}
#flexicontent .qf_ratingbar {
background-color: silver;
height: 10px;
display: block;
}
/**************************************************
* Pager Container, e.g. flexicontent item versions
**************************************************/
#flexicontent #fc_pager ul.pages {
float: left;
left: 50%;
list-style-type: none;
margin: 0 auto;
padding: 0;
position: relative;
}
#flexicontent #fc_pager ul.pages li {
float: left;
position: relative;
right: 50%;
margin-left: 5px;
padding: 2px 4px;
border: 1px solid #ddd;
list-style: none;
text-decoration: none;
&:hover {
border: 1px solid #aaa;
}
}
#flexicontent #fc_pager ul.pages li.pgEmpty {
border: 1px solid #ddd;
color: #ddd;
}
#flexicontent #fc_pager ul.pages li.pgCurrent {
border: 1px solid #aaa;
color: #000;
font-weight: bold;
background-color: #eee;
}
/********************
* CSS for JS sliders
********************/
.fc_slider_input_box { /* hide connected fields */
display: none;
}
.noUi-base .noUi-handle {
.fc-sliderTooltip.fc-left {
right: 18px;
left: unset;
}
.fc-sliderTooltip.fc-left.fc-bottom {
right: 33px;
left: unset;
}
.fc-sliderTooltip.fc-right {
right: unset;
left: 18px;
}
.fc-sliderTooltip.fc-right.fc-bottom {
right: unset;
left: 33px;
}
.fc-sliderTooltip.fc-bottom {
top: 10px;
left: 34px;
}
.fc-sliderTooltip {
display: inline-block;
position: absolute;
border: 1px solid #D9D9D9;
font: 400 12px/12px Arial;
border-radius: 3px;
background: #fff;
top: -24px;
padding: 5px 1px;
left: -9px;
text-align: center;
min-width: 90px;
min-height: 24px;
background: lightgoldenrodyellow;
box-sizing: border-box;
color: black;
}
.fc-sliderTooltip strong {
display: block;
padding: 2px;
}
}
/********************
* Various Containers
********************/
body .fc-iblock
#flexicontent .fc-iblock,
.flexicontent .fc-iblock {
display: inline-block;
}
body .fc-nowrap-box,
#flexicontent .nowrap_box,
.flexicontent .nowrap_box {
white-space: nowrap !important; /* FORCED (this is the purpose of the class) */
vertical-align: top;
display: inline-block;
float: none;
.label {
vertical-align: top;
}
/* avoid issue of box inside box */
.fc-nowrap-box,
.nowrap_box {
vertical-align: middle;
.label {
vertical-align: middle;
}
}
}
#flexicontent .filterbuttons_head .nowrap_box .label,
.flexicontent .filterbuttons_head .nowrap_box .label {
vertical-align: middle;
}
.fc-tooltip-img {}
.fc-disable-notices-box {
float: right !important;
font-style: italic !important;
}
#fc-mini-help {
font-size: 100%;
}
/*****************************************
* Properties box of multi-property fields
*****************************************/
#flexicontent .fc-field-props-box {
float: left;
margin-right: 4px;
}
/***********************
* Xpended form elements
***********************/
#flexicontent .fc-xpended {
margin: 0 4px 4px 0 !important;
margin-top: 0;
margin-bottom: 12px;
margin-right: 12px;
display: inline-block;
}
#flexicontent .fc-xpended-btns {
margin: 0 0 0.3rem 0 !important;
float: none;
display: inline-flex;
}
#flexicontent .fc-xpended-block500 {
box-sizing: border-box;
clear: both;
float: left;
margin: 0 0 1% 0 !important;
max-width: 500px;
width: 100%;
}
#flexicontent .fc-xpended-row {
box-sizing: border-box;
clear: both;
float: left;
margin: 0 0 1% 0 !important;
width: 100%;
}
#flexicontent .fc-xpended .input-group-text:first-child,
#flexicontent .fc-xpended-row .input-group-text:first-child,
#flexicontent .fc-xpended .add-on:first-child,
#flexicontent .fc-xpended-row .add-on:first-child {
min-width: 140px;
float: left;
text-align: right;
}
#flexicontent .btn-group .btn,
#flexicontent .fc-xpended > div,
#flexicontent .fc-xpended-row > div,
#flexicontent .fc-xpended .input-group-text,
#flexicontent .fc-xpended-row .input-group-text,
#flexicontent .fc-xpended .add-on,
#flexicontent .fc-xpended-row .add-on {
display: inline-block;
margin: 0 0 0 0;
min-height: 1.9rem;
line-height: 1.9rem;
padding: 0 0.6rem !important;
font-size: 1rem;
box-sizing: border-box;
vertical-align: top;
}
#flexicontent.fcconfig-form .btn-group .btn,
#flexicontent.fcconfig-form .fc-xpended > div,
#flexicontent.fcconfig-form .fc-xpended-row > div,
#flexicontent.fcconfig-form .fc-xpended .input-group-text,
#flexicontent.fcconfig-form .fc-xpended-row .input-group-text,
#flexicontent.fcconfig-form .fc-xpended .add-on,
#flexicontent.fcconfig-form .fc-xpended-row .add-on {
min-height: 2rem;
line-height: 2rem;
padding: 0 0.6rem !important;
font-size: 0.9rem;
}
#flexicontent .fc-xpended > div,
#flexicontent .fc-xpended-row > div {
padding: 0 !important;
}
@media (max-width: 800px) {
#flexicontent .fc-xpended .input-group-text:first-child,
#flexicontent .fc-xpended-row .input-group-text:first-child,
#flexicontent .fc-xpended .add-on:first-child,
#flexicontent .fc-xpended-row .add-on:first-child {
min-width: 90px;
}
}
#flexicontent .fc-xpended .input-group-text.fc-lbl-short,
#flexicontent .fc-xpended-row .input-group-text.fc-lbl-short,
#flexicontent .fc-xpended .add-on.fc-lbl-short,
#flexicontent .fc-xpended-row .add-on.fc-lbl-short {
min-width: unset;
}
#flexicontent [class^="fc-xpended"],
#flexicontent [class*="fc-xpended"] {
.input-group-text {
padding: 0px;
}
/* FIX select2 choosen value not showing when used inside an append/prepend group */
div.select2-container {
vertical-align: top;
margin: 0;
}
div.select2-container:first-child .select2-choice .select2-arrow {
border-radius: 0;
}
div.select2-container .select2-choice > .select2-chosen {
font-size: 12px;
line-height: 100%;
min-height: 100%;
font-weight: normal !important;
}
/* Force proper styling of selects inside an append/prepend group */
select,
div.select2-container > ul.select2-choices,
div.select2-container > a.select2-choice {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
margin-top: 0;
vertical-align: top;
font-size: 1rem;
}
fieldset > label.btn:first-of-type,
select:not(:first-child),
div.select2-container:not(:first-child) > ul.select2-choices,
div.select2-container:not(:first-child) > a.select2-choice {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: 0 !important;
margin-right: 0 !important;
}
select:not(:last-child),
div.select2-container:nth-last-child(n+3) > ul.select2-choices,
div.select2-container:nth-last-child(n+3) > a.select2-choice {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
select:last-child,
div.select2-container:nth-last-child(2) {
border-top-right-radius: 6px !important;
border-bottom-right-radius: 6px !important;
> ul.select2-choices,
> a.select2-choice {
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
}
div.select2-container .select2-input {
border-radius: 4px;
}
.input-group-text.fc-lbl-inverted,
.add-on.fc-lbl-inverted {
background: #555 none repeat scroll 0 0;
color: white;
/*font-family: monospace;*/
text-shadow: unset;
border: 1px solid gray;
font-size: 12px;
}
.input-group-text.fc-lbl-inverted.fc-lbl-padded,
.add-on.fc-lbl-inverted.fc-lbl-padded {
padding-left: 12px;
padding-right: 12px;
}
> .input-group-append > *,
> .input-group-prepend > *,
> .btn-group,
> *:not(.btn-group):not(:first-child) {
margin: 0;
}
[class^="icon-"]::before,
[class*=" icon-"]::before {
margin: 0 8px 0 0;
}
}
/* ICONs */
.fc-icon-16:before {
font-size: 16px !important;
}
.fc-icon-16 {
font-size: 16px !important;
line-height: 16px !important;
height: 16px !important;
width: 16px !important;
}
.fc-icon-20:before {
font-size: 20px !important;
}
.fc-icon-20 {
font-size: 20px !important;
line-height: 20px !important;
height: 20px !important;
width: 20px !important;
}
.fc-icon-32:before {
font-size: 32px !important;
}
.fc-icon-32 {
font-size: 32px !important;
line-height: 32px !important;
height: 32px !important;
width: 32px !important;
}
.fc-icon-48:before {
font-size: 48px !important;
}
.fc-icon-48 {
font-size: 48px !important;
line-height: 48px !important;
height: 48px !important;
width: 48px !important;
}
.fc-icon-64:before {
font-size: 64px !important;
}
.fc-icon-64 {
font-size: 64px !important;
line-height: 64px !important;
height: 64px !important;
width: 64px !important;
}
.ntxt [class^="icon-"],
.ntxt [class*="icon-"] {
margin: 0;
width: auto;
}
.inlineFormTip > [class^="icon-"]:before,
.inlineFormTip > [class*="icon-"]:before {
display:inline-block;
line-height: 1.2em;
font-size: 1.2em;
padding: 0 0.5em;
}
body .btn-group.fc-group > .btn.btn-small {
padding: 4px 4px;
line-height: 14px;
height: 14px;
vertical-align: middle;
}
div.statetoggler [class^="icon-"],
div.statetoggler [class*=" icon-"],
div.statetoggler_disabled [class^="icon-"],
div.statetoggler_disabled [class*=" icon-"],
body .btn-group.fc-group > .btn.btn-small [class^="icon-"],
body .btn-group.fc-group > .btn.btn-small [class*=" icon-"] {
font-size: 14px;
}
body .btn-group.fc-group > .fc-rss-list-btn.btn.btn-small,
body .btn-group.fc-group > .fc-preview-btn.btn.btn-small,
body .btn-group.fc-group > .statetoggler_disabled.btn.btn-small,
body .btn-group.fc-group > .statetoggler.btn.btn-small {
padding: 4px 8px;
}
.fc-revised-icon .icon-out-3 {
color: darkorange;
vertical-align: middle;
line-height: 1em;
color: black;
font-size: 120%;
}
.fc-preview-btn:not(.active):not(:hover) .icon-screen {
color: darkcyan;
}
#flexicontent .fc-box, .fc-box {
-webkit-transition: width 0.3s ease-in, height 0.3s ease-in;
transition: width 0.3s ease-in, height 0.3s ease-in;
}
#flexicontent .fc-box.thumb_90, .fc-box.thumb_90 { width: 92px;}
#flexicontent .fc-box.thumb_120, .fc-box.thumb_120 { width: 122px;}
#flexicontent .fc-box.thumb_150, .fc-box.thumb_150 { width: 152px;}
#flexicontent .fc-box.thumb_200, .fc-box.thumb_200 { width: 202px;}
#flexicontent .fc-box.thumb_250, .fc-box.thumb_250 { width: 252px;}
#flexicontent .fc-toggle-group-down,
#flexicontent .fc-toggle-group-up {
}
#flexicontent .fc-hide-vals-btn,
#flexicontent .fc-show-vals-btn {
box-sizing: border-box;
width: 100%;
margin: 0 0 8px 0;
text-align: left;
}
div span.fc_icon_disabled {
position: absolute;
left: -2px;
right: -2px;
top: 45%;
bottom: 35%;
opacity: 1;
width: 70%;
left: 15%;
}
div span.fc_icon_disabled + span:before {
color: gray;
}
div span.fc_icon_disabled.fc_icon_na {
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}
*:not(:hover) > .fc-icon-orange:before {
color: darkorange !important;
}
*:not(:hover) > .fc-icon-red:before {
color: darkred !important;
}
*:not(:hover) > .fc-icon-green:before {
color: darkgreen !important;
}
*:not(:hover) > .fc-icon-gray:before {
color: lightgray !important;
}
span.fc-centered-icon-box {
left: 98%;
top: 23%;
transform: translateX(-100%) translateY(-25%);
position: absolute;
opacity: 0.9;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 23px;
color: #fff;
}
.fc-centered-icon-box .icon-video-2 {
width: 67px;
height: 67px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(0,0,0,0.7);
}
.field_media ul {
margin: 0;
padding: 0;
}
div.fc_mediafile_player_box.fc_compact {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
div.fc_mediafile_controls_outer {
flex-basis: 80px;
flex-grow: 1;
/*border: 1px solid;*/
}
div.fc_mediafile_audio_spectrum_box_outer {
flex-grow: 50;
/*border: 1px solid;*/
}
.btnControlsText {
display: none;
}
div.fc_mediafile_controls {
margin: 0;
display: flex;
flex-flow: column wrap;
div.fc_mediafile_wf_zoom_box {
display: none;
margin: 6px 0;
input {
width: 75%;
}
}
> a, > * {
margin: 4px !important;
}
.btn {
color: white;
border-radius: 2em !important;
width: 2em !important;
line-height: 1.5em;
height: 2em;
padding: 0;
span:before {
color: white;
}
}
span.controls {
font-size: 100%;
color: #b7b7b7;
margin-top: 0.45em !important;
margin-right: 0.2em !important;
}
}
}
div.fc_mediafile_player_box {
position: relative;
/*border: 1px solid;*/
div.fc_mediafile_wf_zoom_box {
position: relative;
visibility: hidden;
margin: 6px 8px 14px 8px;
display: inline-block;
white-space: nowrap;
input {
width: 120px;
padding: 0;
margin: 0;
box-sizing: border-box;
}
}
div.fc_mediafile_audio_spectrum_box {
display: block;
position: relative;
/*border: 1px dashed;*/
box-sizing: border-box;
div.fc_mediafile_audio_spectrum {
wave {
div.fccurrentTimeBox {
/* THESE ARE PLACEMENT !!! */
position: absolute !important;
z-index: 11 !important;
/*right: 0 !important;*/
top: 38% !important;
/* CUSTOMIZE THIS */
background: #2db383;
color: white;
padding: 4px 4px 4px 8px;
box-sizing: border-box;
opacity: 70%;
border-radius: 0;
width: 55px;
}
}
}
}
div.fc_mediafile_audio_spectrum_progressbar {
visibility: hidden;
position: absolute !important;
width: 70% !important;
top: 0% !important;
left: 15% !important;
z-index: 10000 !important;
text-align: center !important;
height: 32px;
font-size: 24px;
line-height: 100%;
div.barText {
height: 32px;
font-size: 24px;
line-height: 100%;
}
div.bar {
z-index: -1;
position: absolute;
top: 0;
}
}
div.fc_mediafile_controls {
text-align: center;
margin: 0 0 10px 0;
.playBtn, .pauseBtn, .stopBtn, .loadBtn, .downloadBtn {
margin: 6px 0;
outline: none;
display: inline-block;
border-radius: 16px;
&:hover {
box-shadow: 0 0 7px 2px rgba(119,119,119,0.5);
}
}
.playBtn.btn {
background: #609fc7;
border: #70afd7;
color: white;
span:before {
color: white;
}
}
.pauseBtn, .stopBtn, .loadBtn {
display: none;
}
.btn.is_active {
background: #2db383;
border: #3dc393;
color: white;
span:before {
color: white;
}
}
span.controls {
font-size: 80%;
line-height: 1em;
color: #b7b7b7;
margin: 0em 0.8em 0 0em;
vertical-align: baseline;
line-height: 100%;
}
.btn {
color: #777;
font-size: 18px;
vertical-align: bottom;
line-height: 1em;
background: #afafaf;
font-family: "Roboto Condensed";
font-weight: normal;
margin-left: 10px;
position: relative;
bottom: 4px;
span:before {
color: #777;
}
}
}
}
//End of fc_audio_field_only contro
// Image preview in weblink field, maybe make more specific
.fc-field-props-box .input-append + .field-media-preview {
clear: both;
margin: 16px 0 !important;
width: auto !important;
}