/* VARIABLES */ /* Navigation */ /* MISC */ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /* 45 .price { @extend %currency; }*/ @keyframes alertMe { /* line 264, ../sass/mixins.scss */ from { border-width: 3px; border-color: gold; } /* line 268, ../sass/mixins.scss */ to { border-width: 0; border-color: rgba(255, 215, 0, 0.1); } } /* line 3, ../sass/main.scss */ * { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none; /* outline-color:$light-green; outline-width:1px; outline:1px $light-green solid !important;*/ } /* line 16, ../sass/main.scss */ body, html { width: 100%; height: 100%; font-family: Helvetica, Arial, sans-serif; font-size: 12px; /* background-color: #151515;*/ overflow: hidden; /*-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ } /* line 32, ../sass/main.scss */ i.fa-youtube-square:before { content: " "; } /* line 36, ../sass/main.scss */ i.fa-youtube-square { position: relative; top: 2px; background: url("/styles/themes/mediaManager/images/youtube-social.png") center center no-repeat; width: 23px; height: 23px; background-size: contain; } /* line 47, ../sass/main.scss */ i.fa-youtube-square.fa-5x { position: relative; top: 4px; width: 60px; height: 60px; background: url("/styles/themes/mediaManager/images/youtube-social.png") center center no-repeat; background-size: contain; } @font-face { font-family: HNL; src: url("fonts/helveticaneueltstd_45_light.ttf"); } @font-face { font-family: HNB; src: url("fonts/helveticaneueltstd_75_bold.ttf"); } @font-face { font-family: UbuntuBold; src: url("fonts/ubuntu-b.ttf"); } @font-face { font-family: UbuntuLight; src: url("fonts/ubuntu-l.ttf"); } @font-face { font-family: Ubuntu; src: url("fonts/ubuntu-r.ttf"); } /* line 83, ../sass/main.scss */ img { display: block; border: none; } /* line 92, ../sass/main.scss */ h1 { font-size: 1.2em; } /* line 96, ../sass/main.scss */ h2 { font-weight: normal !important; font-family: Verdana, Helvetica, Arial, sans-serif; padding: 10px 0px; color: #333; font-size: 16px; } /* line 104, ../sass/main.scss */ h2.main-content-heading { font-family: HNB,Helvetica, Arial, sans-serif; font-size: 16px; box-sizing: border-box; border-bottom: solid 1px; border-bottom-color: #d0d0d1; color: #707070; } /* line 113, ../sass/main.scss */ *.unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } /* line 121, ../sass/main.scss */ .hidden { display: none; } /* line 125, ../sass/main.scss */ .disable-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 134, ../sass/main.scss */ a { color: #4182a8; } /* line 141, ../sass/main.scss */ .property-list li { width: 100%; position: relative; clear: both; margin: 6px 0px; overflow: auto; font-size: 1.2em; } /* line 150, ../sass/main.scss */ .property-list .property-list-label { position: absolute; float: left; width: 150px; text-align: right; margin-right: 20px; font-family: HNB, Helvetica, Arial, sans-serif; font-weight: normal; color: #414141; } /* line 161, ../sass/main.scss */ .property-list .property-list-value { position: relative; float: left; padding-left: 160px; font-family: HNL, Helvetica, Arial, sans-serif; } /* line 169, ../sass/main.scss */ .shortList { width: 100%; } /* line 171, ../sass/main.scss */ .shortList .form-type-html { min-height: 30px !important; } /* line 173, ../sass/main.scss */ .shortList .form-type-html label { position: relative !important; float: left; text-align: right; width: 100px !important; } /* line 179, ../sass/main.scss */ .shortList .form-type-html .input-wrapper { top: 2px; position: absolute !important; padding-left: 110px !important; } /* line 189, ../sass/main.scss */ .sectionHeading > label { font-family: Ubuntu,Arial,Helvetica,sans-serif !important; text-transform: uppercase; color: #333 !important; font-size: 14px; } /* line 197, ../sass/main.scss */ body.content-overlay #section-main { z-index: 6; } /* line 202, ../sass/main.scss */ h3 { font-weight: normal; } /* VARIABLES */ /* Navigation */ /* MISC */ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /* 45 .price { @extend %currency; }*/ @keyframes alertMe { /* line 264, ../sass/mixins.scss */ from { border-width: 3px; border-color: gold; } /* line 268, ../sass/mixins.scss */ to { border-width: 0; border-color: rgba(255, 215, 0, 0.1); } } @charset "UTF-8"; /* VARIABLES */ /* Navigation */ /* MISC */ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /* 45 .price { @extend %currency; }*/ @keyframes alertMe { from { border-width: 3px; border-color: gold; } to { border-width: 0; border-color: rgba(255, 215, 0, 0.1); } } .form-display-only .messages-holder { /* display: none;*/ } body.mac-os form input[type=text], body.mac-os form input[type=password], body.mac-os form input[type=date], body.mac-os form .customSelect-value, body.mac-os form .multiple-option-checkbox > label { padding-top: 2px; } body.mac-os form input[type=text], body.mac-os form input[type=password], body.mac-os form input[type=date] { padding-top: 4px; } body.mac-os form .multiple-option-checkbox .input-wrapper input { top: 9px; } .form-title .text { color: #333; font-weight: normal; font-size: 13px; } form, .Form { position: relative; /* .fields-holder{ overflow: auto; }*/ /* [CUSTOM SELECT] */ /* [/CUSTOM SELECT] */ /* [MULTIPLE OPTION CHECKBOX] */ /* [/MULTIPLE OPTION CHECKBOX] */ } form .customSelect-hasSearch .customSelect-options-wrapper, .Form .customSelect-hasSearch .customSelect-options-wrapper { overflow: hidden !important; overflow-y: hidden !important; } form .messages-holder, .Form .messages-holder { position: relative; float: left; width: 100%; clear: both; /* margin-bottom: 5px; margin-top: 5px;*/ overflow: visible; } form .field-form_hp, .Form .field-form_hp { display: none; } form span.required-symbol, .Form span.required-symbol { color: red; } form label, form .field-group-label, .Form label, .Form .field-group-label { position: relative; cursor: pointer; color: #333; font-size: 14px; font-family: HNL, Helvetica, sans-serif; } form label.date-icon, .Form label.date-icon { background: white url(images/calendar_retina.png) no-repeat 0px 0px/contain; position: absolute; right: 5px !important; left: auto !important; top: 5px !important; width: 16px !important; min-width: 0px !important; } form .input-wrapper, .Form .input-wrapper { margin-top: 3px; position: relative; } form .fields-holder > .form-field, form > .scroll-wrapper > .form-field, .Form .fields-holder > .form-field, .Form > .scroll-wrapper > .form-field { margin: 10px 0px; overflow: visible; /* position: relative; float: left; clear: both;*/ } form .form-field, .Form .form-field { padding: 1px 2px 1px 1px; } form .form-field .field-description, .Form .form-field .field-description { color: #333; font-size: 12px; padding: 4px !important; position: relative; } form .form-field .max-length-counter, .Form .form-field .max-length-counter { color: #333; margin-top: 5px; margin-left: 5px; } form .tiny-form-field input, form .tiny-form-field .input-wrapper, .Form .tiny-form-field input, .Form .tiny-form-field .input-wrapper { float: left; /*max-width: 55px;*/ } form .tiny-form-field .field-description-after, .Form .tiny-form-field .field-description-after { left: 10px; padding: 0 !important; max-width: 240px; line-height: 16px; position: relative; float: left; top: -3px; } form .customSelect, .Form .customSelect { width: 100%; position: relative; float: left; /* margin-bottom: 10px;*/ max-width: 298px; } form .customSelect .customSelect-value, .Form .customSelect .customSelect-value { cursor: pointer; padding-right: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100% !important; display: block; width: auto; padding-right: 30px; position: relative; float: left; color: #333; line-height: 28px; } form .customSelect .customSelect-value:after, .Form .customSelect .customSelect-value:after { content: "▾"; font-size: 16px; position: absolute; right: 7px; top: 2px; color: #707070; } form .customSelect .customSelect-options-wrapper, .Form .customSelect .customSelect-options-wrapper { margin-top: 3px; margin-left: 1px; height: auto; /*height: 272px;*/ overflow: auto; overflow-x: hidden !important; } form .customSelect .customSelect-options-wrapper li, .Form .customSelect .customSelect-options-wrapper li { padding-right: 18px; max-width: 200px; position: relative; width: 100%; float: left; clear: both; } form .customSelect:focus .customSelect-value, .Form .customSelect:focus .customSelect-value { /* border-color:$light-green !important;*/ } form input:focus, form textarea:focus, form .customSelect:focus .customSelect-value, .Form input:focus, .Form textarea:focus, .Form .customSelect:focus .customSelect-value { -moz-box-shadow: 0px 0px 0px 1px #CBE52B; -webkit-box-shadow: 0px 0px 0px 1px #CBE52B; box-shadow: 0px 0px 0px 1px #CBE52B; } form .multiple-option-checkbox, .Form .multiple-option-checkbox { width: 100%; position: relative; overflow: visible !important; } form .multiple-option-checkbox .accordion-icon, .Form .multiple-option-checkbox .accordion-icon { position: absolute; right: 10px; font-size: 12px; top: 0; } form .multiple-option-checkbox > label, .Form .multiple-option-checkbox > label { width: 100%; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0px 25px 0px 8px; display: block; height: 28px; overflow: visible; line-height: 28px; } form .multiple-option-checkbox input:checked + label, .Form .multiple-option-checkbox input:checked + label { background-color: #EEF1E5; /*color: #434343 !important;*/ } form .multiple-option-checkbox .input-wrapper, .Form .multiple-option-checkbox .input-wrapper { position: relative; overflow: hidden !important; /* margin-bottom: 20px;*/ } form .multiple-option-checkbox .input-wrapper input, .Form .multiple-option-checkbox .input-wrapper input { left: 6px; position: absolute; z-index: 2; top: 8px !important; } form .multiple-option-checkbox .input-wrapper label, .Form .multiple-option-checkbox .input-wrapper label { z-index: 1; position: relative; width: 100%; display: block; line-height: 22px; padding: 2px 10px 1px 28px; margin: 1px 0px; word-wrap: break-word; text-transform: capitalize !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-size: 14px; } form .multiple-option-checkbox .input-wrapper .checkbox-option, .Form .multiple-option-checkbox .input-wrapper .checkbox-option { margin-top: 0px; font-size: 11px; width: 100%; position: relative; float: left; overflow: auto; height: auto; display: block; padding: 0 0 0px 0; /*max-height: 28px !important;*/ min-height: 0px !important; } form .multiple-option-checkbox .input-wrapper .checkbox-option:hover label, .Form .multiple-option-checkbox .input-wrapper .checkbox-option:hover label { /* background-color: $green;*/ color: black; } form .multiple-option-checkbox.accordion-expanded .input-wrapper, .Form .multiple-option-checkbox.accordion-expanded .input-wrapper { -moz-box-shadow: -0.5px 0.5px -0.5px 1px #C8C8C8; -webkit-box-shadow: -0.5px 0.5px -0.5px 1px #C8C8C8; box-shadow: -0.5px 0.5px -0.5px 1px #C8C8C8; min-width: 0; } form .multiple-option-checkbox.open label, .Form .multiple-option-checkbox.open label { border: none !important; outline: none !important; -moz-box-shadow: 0px 0pc 0px 0px !important; -webkit-box-shadow: 0px 0pc 0px 0px !important; box-shadow: 0px 0pc 0px 0px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } form .multiple-option-checkbox.open label .accordion-icon, .Form .multiple-option-checkbox.open label .accordion-icon { display: none !important; } form .multiple-option-checkbox.open .input-wrapper, .Form .multiple-option-checkbox.open .input-wrapper { height: auto !important; overflow: auto !important; } form select, .Form select { cursor: pointer; -moz-box-shadow: 0px 0px 0px 1px #bfbfbf; -webkit-box-shadow: 0px 0px 0px 1px #bfbfbf; box-shadow: 0px 0px 0px 1px #bfbfbf; /* border: 1px solid #eaeaea; */ } form input[type=checkbox], .Form input[type=checkbox] { cursor: pointer; } form input[type=radio], .Form input[type=radio] { margin-right: 10px; } form .radio-option, .Form .radio-option { margin: 5px 0px; } form textarea, .Form textarea { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 0px 1px #bfbfbf; -webkit-box-shadow: 0px 0px 0px 1px #bfbfbf; box-shadow: 0px 0px 0px 1px #bfbfbf; border: 1px solid #eaeaea; padding: 4px; width: 100%; /*white-space: normal !important;*/ min-height: 100px; font-family: HNL, Helvetica, sans-serif; font-size: 14px; color: #333; text-overflow: initial; white-space: pre-line !important; line-height: 18px !important; } form option, .Form option { padding: 0px 5px; } form .form-type-date .input-wrapper, .Form .form-type-date .input-wrapper { max-width: 400px; padding-right: 30px; } form .form-type-date .input-wrapper label.date-icon, .Form .form-type-date .input-wrapper label.date-icon { background: white url(images/calendar_retina.png) no-repeat 0px 0px/contain; position: absolute; right: 5px; top: 5px; width: 16px; height: 17px; cursor: pointer; z-index: 2; } form .accordion-expanded.multiple-option-checkbox .accordion-icon, .Form .accordion-expanded.multiple-option-checkbox .accordion-icon { -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); } form .error-description, .Form .error-description { position: relative; width: auto; font-size: 14px; padding-top: 8px; color: #C8001B; font-family: HNL, Helvetica, sans-serif; width: 100%; clear: both; line-height: 22px; } form .form-buttons, .Form .form-buttons { z-index: 3; width: 100%; overflow: auto; position: relative; float: left; clear: both; padding: 5px; } form .form-buttons > *, .Form .form-buttons > * { margin: 5px 2px 5px 5px; position: relative; float: left; } form .form-type-select.liveQuery .customSelect-options-wrapper, .Form .form-type-select.liveQuery .customSelect-options-wrapper { height: auto !important; } form .form-type-select.liveQuery .customSelect-options, .Form .form-type-select.liveQuery .customSelect-options { bottom: auto !important; position: relative; top: 0px; padding-bottom: 0px; padding-top: 0; height: auto !important; } form .form-type-select.liveQuery li.no-results, .Form .form-type-select.liveQuery li.no-results { position: relative !important; padding: 20px 0px; } /* [TOOLTIP] */ div.field-tooltip { background: url("/styles/themes/mediaManager/images/tooltip-gray.png") no-repeat scroll center center/contain; border-radius: 18px; height: 18px; overflow: visible; position: absolute !important; right: -25px; top: 5px; width: 18px; } div.field-tooltip .tooltip-content { display: none; font-size: 14px; line-height: 20px; max-width: 400px; right: -100px; word-wrap: normal !important; width: auto !important; background-color: white; z-index: 100; padding: 8px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-box-shadow: -1px 1px 1px 1px #DADADA; -webkit-box-shadow: -1px 1px 1px 1px #DADADA; box-shadow: -1px 1px 1px 1px #DADADA; background-color: #FEFFE9; font-family: HNL, Helvetica, Arial, sans-serif; white-space: normal !important; } div.field-tooltip .tooltip-content .tooltip-button { float: left; clear: both !important; margin-top: 4px; } div.field-tooltip ul { padding: 0px 0px 0px 15px; } div.field-tooltip li { list-style-type: disc; } div.field-tooltip.tooltip-active, div.field-tooltip:hover { cursor: pointer; background: url("/styles/themes/mediaManager/images/tooltip.png") no-repeat center center; } .field-display-only .field-tooltip { display: none; } #section-left-column .form-type-text .field-tooltip { right: 6px; top: 6px; } .mini-modal.modal-form .field-tooltip { right: 10px; } /* [/TOOLTIP] */ /*, .multiple-option-checkbox > label*/ input[type=text]:not(.ant-input), input[type=email], input[type=password], input[type=date], .customSelect-value, #site-list-siteList > a { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 0px 1px #bfbfbf; -webkit-box-shadow: 0px 0px 0px 1px #bfbfbf; box-shadow: 0px 0px 0px 1px #bfbfbf; border: 1px solid #eaeaea; background: white; padding: 0px 8px 0px; font-size: 10px; left: 1px; line-height: 20px; height: 30px; font-family: HNL, Helvetica, sans-serif; font-size: 14px; color: #333; display: block; } input[type=file] { padding: 5px 0px; } select, select option { font-family: HNL, Helvetica, sans-serif; font-size: 14px; color: #333; } .field-display-only > .input-wrapper, .form-type-html > .input-wrapper { padding: 6px 8px; left: 1px; line-height: 20px; font-family: HNL, Helvetica, sans-serif; font-size: 14px; color: #333; } .field-display-only.form-type-checkbox > label { margin-bottom: 0 !important; } .field-display-only.form-type-checkbox > .input-wrapper { padding: 0; } .message-error-field { list-style-type: disc; left: 14px; position: relative; } .form-display-only td, .form-display-only th { /* padding-left: 18px; padding-right: 18px;*/ overflow: visible !important; } .form-display-only td .field-read, .form-display-only th .field-read { /*overflow: visible !important;*/ } .form-accordion { overflow: hidden !important; } /*.actionConfirm.btn{ position: relative; float: left; font-family: UbuntuBold, Arial, Helvetica, sans-serif; width: 17px; height: 18px; padding: 0; line-height: 16px; margin-left: 1px; border-radius:17px; text-align: center; background: #E2E3E3 url(images/sprites.png) -47px -46px;; }*/ form.two-columns .form-type-field-group.field-form-left, form.two-columns .form-type-field-group.field-form-right, .modal-form.big-modal.two-column .form-type-field-group.field-form-left, .modal-form.big-modal.two-column .form-type-field-group.field-form-right { float: left; clear: none !important; } form.two-columns .form-type-field-group.field-form-right, .modal-form.big-modal.two-column .form-type-field-group.field-form-right { width: 40% !important; } form.two-columns .form-type-field-group.field-form-left, .modal-form.big-modal.two-column .form-type-field-group.field-form-left { width: 55% !important; } form.two-columns .fields-holder > .form-type-field-group, .modal-form.big-modal.two-column .fields-holder > .form-type-field-group { float: left; width: 60%; } form.two-columns .fields-holder > .form-type-field-group > label, .modal-form.big-modal.two-column .fields-holder > .form-type-field-group > label { width: 100%; text-align: left; padding-left: 40px; padding-bottom: 15px; } form.two-columns .fields-holder > .form-type-field-group > .field-group-wrapper, .modal-form.big-modal.two-column .fields-holder > .form-type-field-group > .field-group-wrapper { width: 100%; padding-left: 0; } form.two-columns .fields-holder > .form-type-field-group > .field-group-wrapper .form-field, .modal-form.big-modal.two-column .fields-holder > .form-type-field-group > .field-group-wrapper .form-field { position: relative; overflow: auto; clear: both; width: 100%; min-height: 30px; } form.two-columns .fields-holder > .form-type-field-group > .field-group-wrapper .form-field label, .modal-form.big-modal.two-column .fields-holder > .form-type-field-group > .field-group-wrapper .form-field label { z-index: 199; position: absolute; left: 0px; width: 150px; float: left; text-align: right !important; padding-right: 20px; } form.two-columns .fields-holder > .form-type-field-group > .field-group-wrapper .form-field .input-wrapper, .modal-form.big-modal.two-column .fields-holder > .form-type-field-group > .field-group-wrapper .form-field .input-wrapper { float: right; width: 100%; padding-left: 150px; } form.two-columns .fields-holder > .form-type-field-group > .field-group-wrapper .form-field .input-wrapper input, form.two-columns .fields-holder > .form-type-field-group > .field-group-wrapper .form-field .input-wrapper textarea, .modal-form.big-modal.two-column .fields-holder > .form-type-field-group > .field-group-wrapper .form-field .input-wrapper input, .modal-form.big-modal.two-column .fields-holder > .form-type-field-group > .field-group-wrapper .form-field .input-wrapper textarea { width: 100%; float: right; } .form-title { border-bottom: 1px solid #f1f1f1; } h2.form-title { font-size: 15px; padding-bottom: 5px !important; } .multiple-option-checkbox.comboBox { width: 100% !important; } .multiple-option-checkbox.comboBox .no-results { background-color: white; padding: 10px; } .multiple-option-checkbox.comboBox .label-assets { width: 50% !important; float: left !important; clear: none !important; } .multiple-option-checkbox.comboBox label { text-align: left !important; } .multiple-option-checkbox.comboBox .comboBox-search { padding: 0 !important; } .multiple-option-checkbox.comboBox .comboBox-search input { top: 0 !important; left: 0px; padding-left: 10px; } .multiple-option-checkbox.comboBox .field-description { position: relative; float: right; width: 50%; padding: 12px !important; margin-top: -35px; } .multiple-option-checkbox.comboBox .input-wrapper { width: 100% !important; overflow: visible !important; } .multiple-option-checkbox.comboBox .comboBox-wrapper { width: 100% !important; max-height: 510px; } .multiple-option-checkbox.comboBox .checkbox-options-wrapper { max-width: 100%; width: 50%; border-radius: 6px !important; overflow: hidden; margin-top: 2px; border: 1px solid #eaeaea; } .multiple-option-checkbox.comboBox .checkbox-option { margin: 0 !important; max-height: 30px; overflow: hidden !important; border-bottom: 1px solid #E2E2E2; } .multiple-option-checkbox.comboBox .checkbox-option label { text-align: left !important; padding-left: 32px; margin: 0; line-height: 24px !important; } .multiple-option-checkbox.comboBox .checkbox-option label > span { position: relative; float: left; } .multiple-option-checkbox.comboBox .checkbox-option label .text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; position: absolute; float: none; left: 0px; padding: 0px 10px 0px 90px; } .multiple-option-checkbox.comboBox .checkbox-option label .image { margin-right: 5px; top: -4px; } .form-type-field-group > label, .form-type-html > label, .field-display-only > label { cursor: text; } .form-btn { position: relative; } .field-image-preview .input-wrapper img { position: relative; width: 100%; padding-left: 130px; } .thumbnail-holder { width: 200px; position: absolute; top: 0px; /* overflow: hidden;*/ left: 0px; right: 0px; bottom: 0px; /*img{ border: 1px solid #999; }*/ } /* [WORKFLOW ASSET ICONS] */ *[data-checkbox-option-value=APPROVED] .workflow-state-icon, .publishing-state-approved, .encodingStateCountCompleted { background-color: #aacf37; } *[data-checkbox-option-value=AVAILABLE] .workflow-state-icon, .publishing-state-available { background-color: #9cd811; } *[data-checkbox-option-value=UNPUBLISHED] .workflow-state-icon, .publishing-state-unpublished { background-color: black; } *[data-checkbox-option-value=PUBLISHING] .workflow-state-icon, .publishing-state-publishing { background-color: #fcca01; } *[data-checkbox-option-value=PENDING] .workflow-state-icon, .publishing-state-pending { background-color: #4182a8; } *[data-checkbox-option-value=PENDING_APPROVAL] .workflow-state-icon, .publishing-state-pending_approval { background-color: #fcca01; } *[data-checkbox-option-value=EXPIRED] .workflow-state-icon, .publishing-state-expired { background-color: gray !important; } *[data-checkbox-option-value=DELETED] .workflow-state-icon, .publishing-state-deleted { background-color: #c23526; } *[data-checkbox-option-value=WITHDRAWN] .workflow-state-icon, .publishing-state-withdrawn { background-color: black; } *[data-checkbox-option-value=UNPROCESSED] .workflow-state-icon, .publishing-state-unprocessed { background-color: #c27020; } *[data-checkbox-option-value=UPLOADING] .workflow-state-icon, .publishing-state-uploading { background-color: #80c7f3; } *[data-checkbox-option-value=PAUSED] .workflow-state-icon, .publishing-state-unprocessed { background-color: #c27020; } *[data-checkbox-option-value=PREPARE] .workflow-state-icon, .publishing-state-prepare { background-color: #c25cb1; } *[data-checkbox-option-value=REVIEW] .workflow-state-icon, .publishing-state-review { background-color: #1cc279; } *[data-checkbox-option-value=PROCESSING] .workflow-state-icon, .publishing-state-processing { background-color: #6000c2; } *[data-checkbox-option-value=ERROR] .workflow-state-icon, .publishing-state-error, .encodingStateCountFailed { background-color: #c20e02; } *[data-checkbox-option-value=FAILED] .workflow-state-icon, .publishing-state-failed { background-color: #c20e02; } *[data-checkbox-option-value=DELAYED] .workflow-state-icon, .publishing-state-delayed { background-color: #9da4c2; } *[data-checkbox-option-value=ENCODING] .workflow-state-icon, .publishing-state-encoding, .encodingStateCountEncoding { background-color: #7d67dd; } *[data-checkbox-option-value=QUEUED] .workflow-state-icon, .publishing-state-queued, .encodingStateCountQueued { background-color: orange; } *[data-checkbox-option-value=all] .workflow-state-icon, .publishing-state-all { background-color: #eaeaea; } /* [/WORKFLOW ASSET ICONS] */ .field-display-only label, .field-display-only input, .field-display-only textarea, .field-display-only div { cursor: text !important; } .field-display-only textarea { min-height: 0 !important; height: auto !important; } #section-left-column .form-buttons { padding: 0; } #section-left-column .form-buttons .form-btn-submit { margin-left: 0; } form .messages-holder { width: 100% !important; } .field-error input[type=text], .field-error input[type=email], .field-error input[type=password], .field-error input[type=date], .field-error textarea, .field-error select, .field-error .customSelect-value { border: 1px solid #f8878f; background-color: #fef6f6; } .field-error input[type=text]:focus, .field-error input[type=email]:focus, .field-error input[type=password]:focus, .field-error input[type=date]:focus, .field-error textarea:focus, .field-error select:focus, .field-error .customSelect-value:focus { background-color: #FEFFFE; } .form-type-checkbox.field-error { background-color: #fef6f6 !important; border: 1px solid #f8878f; } .form-type-autocomplete[data-position-selected-values=after] .customSelect, .autocomplete2 .customSelect { margin-left: 20px !important; } .form-type-autocomplete[data-position-selected-values=after] label, .autocomplete2 label { position: relative !important; clear: both !important; float: left !important; margin-top: 10px !important; } .form-type-autocomplete[data-position-selected-values=after] a.autocomplete-clear-values, .autocomplete2 a.autocomplete-clear-values { float: right !important; position: relative !important; right: unset !important; } .form-type-autocomplete[data-position-selected-values=after] .autocomplete-values, .autocomplete2 .autocomplete-values { padding-left: 200px !important; } .form-type-autocomplete[data-position-selected-values=after] .autocomplete-values li, .autocomplete2 .autocomplete-values li { width: auto !important; } .form-field.disabled { opacity: 0.4 !important; } .form-field.disabled .required-symbol { display: none; } .field-search-filter .form-btn { top: -1px; } .field-search .search.form-btn, .field-search .form-btn, .field-search-filter .search.form-btn, .field-search-filter .form-btn, .searchField .search.form-btn, .searchField .form-btn { width: 38px; background: linear-gradient(to bottom, #ffffff 4%, #f2f2f2 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important; height: 32px !important; } .field-search input[type=submit], .field-search-filter input[type=submit], .searchField input[type=submit] { font-size: 1px; color: gray; text-indent: -1000px; height: 32px; background: url("/styles/themes/mediaManager/images/search_retina.png") no-repeat center center/16px auto transparent !important; } .field-search .input-wrapper, .field-search-filter .input-wrapper, .searchField .input-wrapper { overflow: visible; padding-right: 20px !important; } .field-search .input-wrapper input[type=text], .field-search-filter .input-wrapper input[type=text], .searchField .input-wrapper input[type=text] { width: 100%; } form .messages-holder .message { padding-top: 8px; padding-bottom: 7px; border: none !important; border-radius: 0px !important; } form .messages-holder .message .icon { top: 8px; } form .form-type-field-group > label { color: #434343; font-family: NHL, Helvetica, Arial, sans-serif !important; } .regexMessageList { padding-left: 10px; } .regexMessageList li { list-style-type: disc; color: #8c1419; } .hilight { text-decoration: underline; font-family: HNB, Helvetica, Arial, sans-serif; } .form-loadingData form:after { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: white url("/styles/themes/mediaManager/images/preloader-switch.gif") no-repeat center center; z-index: 100000; /*z-index: 10;*/ } .modal .form-loadingData { background-color: white !important; } form .multiple-option-radio.inline div.input-wrapper { padding-left: 0 !important; } form .multiple-option-radio.inline .radio-option { position: relative; float: left; margin-left: 10px; } form .multiple-option-radio.inline .radio-option > * { position: relative !important; float: left; clear: none !important; top: 0 !important; } form .multiple-option-radio.inline .radio-option input[type=radio] { width: auto !important; } form .multiple-option-radio.inline .radio-option label { width: auto !important; padding-right: 4px !important; } .form-type-select.disabled:after { width: 100%; background-color: transparent; position: absolute; top: 0; left: 0px; right: 0px; bottom: -2px; z-index: 2; content: " "; cursor: default; z-index: 80 !important; } /* Tooltip */ /* FILTERS FORM */ .filtersForm .field-search-filter #media-manager-filters-search-filter { width: 140px !important; margin-right: 40px !important; } .filtersForm .field-search-filter .search-btn { width: 40px; position: absolute; top: -1px; right: -2px; } .filtersForm .form-type-radio.multiple-option-radio { padding-left: 10px; } .filtersForm .multiple-option-checkbox { margin: 4px 0px !important; } .filtersForm .multiple-option-checkbox > label { padding-left: 0; text-transform: uppercase; -moz-box-shadow: 0px 0px 0px 0px white; -webkit-box-shadow: 0px 0px 0px 0px white; box-shadow: 0px 0px 0px 0px white; font-family: Ubuntu, Arial, Helvetica, sans-serif !important; border: none; } .filtersForm .multiple-option-checkbox .checkbox-option { background-color: white !important; min-height: 0px; } .filtersForm .multiple-option-checkbox .checkbox-option:hover label { background-color: white !important; text-transform: uppercase; } .filtersForm .multiple-option-checkbox .checkbox-option label { line-height: 22px; padding: 0px 0px 0px 20px; } .filtersForm .multiple-option-checkbox .checkbox-option input { margin-top: -5px; left: 0px; } .filtersForm .multiple-option-checkbox .checkbox-option input:checked + label { text-decoration: underline; font-family: HNB, Helvetica, Arial, sans-serif !important; background-color: white; } .filtersForm .multiple-option-radio { margin: 5px 0px; } .filtersForm .multiple-option-radio > label { padding-left: 0; font-family: Ubuntu, Arial, Helvetica, sans-serif !important; } .filtersForm .multiple-option-radio .radio-option { position: relative; background-color: white !important; min-height: 0px; } .filtersForm .multiple-option-radio .radio-option label { line-height: 22px; padding: 0px 0px 0px 20px; } .filtersForm .multiple-option-radio .radio-option input { margin-top: -5px; left: 0px; } .filtersForm .multiple-option-radio .radio-option input:checked + label { text-decoration: underline; font-family: HNB, Helvetica, Arial, sans-serif !important; background-color: white; } .filtersForm .multiple-option-radio .radio-option:hover label { background-color: white !important; text-decoration: underline; } .filtersForm .fields-holder { overflow: auto; } .filtersForm .messages-holder { margin-top: 0 !important; } .filtersForm .form-buttons { position: absolute !important; width: auto !important; top: -32px; left: 69px; background-color: rgba(255, 255, 255, 0.9); padding-bottom: 0 !important; } .filtersForm .form-buttons .submit { display: none; margin-right: 10px !important; } .filtersForm .form-buttons .clearFilters { margin-top: 0; margin-left: 0; } .clearFilters { width: 10px; height: 8px; background: transparent url(/styles/themes/mediaManager/images/cross.png) center center no-repeat; } /* FORM ONE COLUMN */ form.one-column .fields-holder .form-field, .modal.one-column form .fields-holder .form-field { position: relative; clear: both; float: left; width: 100%; min-height: 40px; } form.one-column .fields-holder .form-field > label, .modal.one-column form .fields-holder .form-field > label { width: 120px; position: absolute; left: 0px; margin-left: 0; padding-left: 0; top: 5px; } form.one-column .fields-holder .form-field .input-wrapper, .modal.one-column form .fields-holder .form-field .input-wrapper { position: relative; padding-left: 100px; padding-top: 0; padding-bottom: 0; } form.one-column .fields-holder .form-type-checkbox.multiple-option-checkbox, .modal.one-column form .fields-holder .form-type-checkbox.multiple-option-checkbox { margin-bottom: 10px; border-radius: 4px; background-color: #f9f9f9; padding: 0 !important; } form.one-column .fields-holder .form-type-checkbox.multiple-option-checkbox > label, .modal.one-column form .fields-holder .form-type-checkbox.multiple-option-checkbox > label { top: 2px !important; } form.one-column .fields-holder .form-type-checkbox.multiple-option-checkbox .input-wrapper, .modal.one-column form .fields-holder .form-type-checkbox.multiple-option-checkbox .input-wrapper { padding: 2px; margin: 0; } form.one-column .fields-holder .form-type-checkbox.multiple-option-checkbox .checkbox-option, .modal.one-column form .fields-holder .form-type-checkbox.multiple-option-checkbox .checkbox-option { position: relative; float: left; clear: none; padding-right: 2px; background-color: transparent; height: 30px; width: 49% !important; margin-right: 1%; } form.one-column .fields-holder .form-type-checkbox.multiple-option-checkbox .checkbox-option label, .modal.one-column form .fields-holder .form-type-checkbox.multiple-option-checkbox .checkbox-option label { top: 0 !important; width: 100% !important; z-index: 100; padding-left: 10px; z-index: 1; text-align: left !important; } form.one-column .fields-holder .form-type-checkbox.multiple-option-checkbox .checkbox-option input, .modal.one-column form .fields-holder .form-type-checkbox.multiple-option-checkbox .checkbox-option input { width: auto !important; position: absolute; right: 10px; left: auto; } form.one-column .fields-holder > .form-type-field-group, .modal.one-column form .fields-holder > .form-type-field-group { width: 100%; } form.one-column .fields-holder > .form-type-field-group > label, .modal.one-column form .fields-holder > .form-type-field-group > label { font-family: HNB, Helvetica, Arial, sans-serif; position: relative; float: left; clear: both; width: 100%; padding-bottom: 10px; } form.one-column .fields-holder > .form-type-field-group .input-wrapper, .modal.one-column form .fields-holder > .form-type-field-group .input-wrapper { width: 100% !important; } form.one-column .fields-holder .field-group-wrapper, .modal.one-column form .fields-holder .field-group-wrapper { padding-left: 0 !important; } form.one-column .form-field.noLabel > .input-wrapper, .modal.one-column form .form-field.noLabel > .input-wrapper { padding-left: 0 !important; } /* FORM COMPACT */ form.form-compact { width: 100%; padding-top: 40px; overflow: auto !important; height: 100%; } form.form-compact .fields-holder > .form-field { padding-left: 15px; padding-right: 15px; } form.form-compact .fields-holder > .form-type-field-group { width: 100%; } form.form-compact .fields-holder > .form-type-field-group .field-group-wrapper { width: 100% !important; } form.form-compact .fields-holder > .form-type-field-group > label { width: 100% !important; float: left; clear: both; font-family: Ubuntu, Helvetica, Arial, sans-serif !important; /* font-weight: bold !important;*/ color: #707070 !important; font-size: 16px; padding-bottom: 5px; padding-left: 0px; border: none; border-bottom: 1px solid #d0d0d1; position: relative; float: left; clear: both; width: 100%; margin-bottom: 8px; box-shadow: 0 0 0 0px #bfbfbf !important; border-radius: 0px; text-transform: capitalize; } form.form-compact input[type=text], form.form-compact .customSelect-value { background-color: white; border: 1px solid #eaeaea !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 0px 0px white; -webkit-box-shadow: 0px 0px 0px 0px white; box-shadow: 0px 0px 0px 0px white; cursor: pointer; display: block; font-family: HNL, Helvetica, sans-serif; height: 30px; left: 1px; padding: 4px 8px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100% !important; transition: border 0.3s ease-out; } form.form-compact input[type=text]:hover, form.form-compact input[type=text]:focus, form.form-compact .customSelect-value:hover, form.form-compact .customSelect-value:focus { border: 1px solid #999 !important; } form.form-compact .messages-holder { padding: 2px; } form.form-compact .customSelect-value { margin-top: 1px; } form.form-compact .fields-holder .form-field { position: relative; float: left; clear: both; width: 100%; margin: 5px 0px; } form.form-compact .form-field > label { width: 40% !important; display: block; position: relative; float: left; top: 12px; } form.form-compact .form-field > .input-wrapper { position: relative; float: left; width: 60% !important; } form.form-compact .form-type-html { margin: 0 !important; } form.form-compact .form-buttons { width: 314px; position: fixed; top: 90px; background: #f5f6f6; height: 41px; padding-left: 10px; padding-top: 0px; border-top: 1px solid #ebebeb; z-index: 2; border-bottom: 1px solid #ebebeb; } form.form-compact .form-buttons .form-btn { position: relative; float: right; } form.form-compact .field-error.multiple-option-checkbox { background-color: transparent !important; border: 0px solid #999; } form.form-compact .field-error.multiple-option-checkbox .checkbox-option > label { background-color: #fef6f6; } form.form-compact .multiple-option-checkbox > label { padding-left: 0; top: 2px; } form.form-compact .multiple-option-checkbox > .input-wrapper { width: 100% !important; } form.form-compact .multiple-option-checkbox > .input-wrapper .checkbox-option { width: 48%; margin-right: 1%; clear: none; } form.form-compact input[autocomplete=off] { cursor: auto; } form.form-compact input[autocomplete=off]:hover { border: 1px solid #eaeaea !important; } form.form-compact .field-error label { color: #6c0009; } form.form-compact .field-error .input-wrapper input { background-color: #fed8da !important; } .html5FileLoading .img-preview, .html5FileNoImage .img-preview { display: none !important; } .form-type-html5file { margin-top: 10px; } .form-type-html5file .input-wrapper { padding-left: 0 !important; margin-top: 4px; } .form-type-html5file > label { position: relative !important; margin-bottom: 0px !important; padding-bottom: 0 !important; } .form-type-html5file .field-tooltip { top: -25px; right: 0px; } .form-type-html5file .field-tooltip .tooltip-content { width: 400px; } .form-type-html5file .field-tooltip .allowed-value { color: green; text-decoration: underline; } .form-type-html5file .img-preview { float: left; position: absolute; background-color: #fbfbfb !important; border-radius: 4px; width: 100%; position: relative; float: left; margin-bottom: 6px; } .form-type-html5file .img-preview .img-holder { /*display: none;*/ } .form-type-html5file .img-preview .img-wrapper { position: fixed; width: 100%; height: 100%; padding: 2%; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; right: 0px; bottom: 0px; z-index: 1000; display: none; } .form-type-html5file .img-preview .img-wrapper .img-holder { width: 100%; height: 100%; position: relative; } .form-type-html5file .img-preview .img-wrapper .img-holder .img-holder2 { width: 100%; height: 100%; overflow: auto; position: relative; } .form-type-html5file .img-preview .img-wrapper .img-holder img { padding: 20px; border: 10px solid black; border-radius: 4px; display: block; padding: 0; height: 100%; position: relative; float: left; width: 100%; } .form-type-html5file .img-preview .thumbnail-holder { position: relative; width: 100%; min-width: 100px; margin-top: 0px; margin-bottom: 10px; padding-top: 2px; padding-bottom: 2px; margin: 0 auto; } .form-type-html5file .img-preview .thumbnail-holder img { padding-left: 0; } .form-type-html5file .img-preview .thumbnail-holder .thumbnail-mask { width: 200px !important; max-height: 100px; margin: 0 auto !important; cursor: pointer !important; position: relative !important; margin: 0 auto !important; } .form-type-html5file .img-preview .thumbnail-holder .thumbnail-mask .deleteFile { top: 0px; right: 0px; } .form-type-html5file .img-preview .thumbnail-holder .thumbnail-mask img { position: absolute !important; } .form-type-html5file .img-preview .thumbnail-holder .thumbnail-mask:hover { /*background: #D6E5FA;*/ /* img{ opacity:0.95 !important; }*/ } .form-type-html5file .html5file-upload-box { width: 100%; position: relative; float: left; padding-left: 0 !important; } .form-type-html5file .html5file-upload-box .html5file-upload-box-file-selection { width: 100%; border: 2px dashed #cccccc; border-radius: 4px; position: relative; text-align: center; transition: background-color 0.1s linear 0.1s; clear: both; } .form-type-html5file .html5file-upload-box .html5file-upload-box-file-selection .html5file-upload-dropzone { height: 100%; width: 100%; min-height: 96px; border-radius: 4px; } .form-type-html5file .html5file-upload-box .html5file-upload-box-file-selection .html5file-upload-dropzone.hover { background-color: #f5f5f5; } .form-type-html5file .html5file-upload-box .html5file-upload-box-file-selection .html5file-upload-dropzone .dropzone-content-holder { width: 100%; /*max-width:230px !important;*/ overflow: auto; padding-bottom: 10px; margin: 0 auto; position: relative; padding: 10px 10px 15px 10px; overflow: auto; } .form-type-html5file .html5file-upload-box .html5file-upload-box-file-selection .html5file-upload-dropzone .dropzone-content-holder .html5file-upload-text { color: #ccccd3; display: block; font-size: 12pt; font-weight: bold; text-align: center; } .form-type-html5file .html5file-upload-box .html5file-upload-box-file-selection .html5file-upload-dropzone .dropzone-content-holder .html5file-upload-button { position: relative; top: 6px; display: block; margin: 2px auto; width: 80%; z-index: 0 !important; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist { max-height: 300px; overflow: auto; margin-top: 10px; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-container { position: relative; width: 100%; padding-right: 35px; padding-left: 30px; height: 34px; margin: 5px 0px; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-container .html5file-file-upload-name { color: #333; display: block; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; padding-left: 2px; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-container .html5file-file-upload-action { position: absolute; right: 0px; margin-right: 0px; width: 30px; top: 0px; max-width: 30px; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-container .html5file-file-upload-action .html5file-file-upload-action-success { display: none; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-container .html5file-file-upload-action > button { border: 1px solid white; text-align: center; top: 6px; position: absolute; font-size: 17px; color: #707070; width: 25px; height: 25px; border-radius: 3.01px; cursor: pointer; display: inline-block; margin: 0; text-decoration: none; text-shadow: 0 1px 0 #ffffff; white-space: nowrap; width: 26px; background: transparent; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-container .html5file-file-upload-action > button > span { display: block; position: absolute; top: 0; left: 2px; right: 0; bottom: 0; text-align: center !important; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-container .html5file-file-upload-action > button:hover, .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-container .html5file-file-upload-action > button:focus { background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #999999; /*color: #000000;*/ } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-container .html5file-file-upload-progress { background: none repeat scroll 0 0 #ccc; display: block; height: 5px; width: 100%; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-container .html5file-file-upload-progress .html5file-file-upload-progress-bar { background: none repeat scroll 0 0 #3baf52; display: block; height: 100%; transition: width 0.1s linear 0s; width: 0; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-thumbnail { z-index: 10; position: absolute; left: 0px; width: 16px; height: 16px; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-thumbnail .media-type { background: url("/styles/themes/mediaManager/images/sprites.png") no-repeat scroll 0 0 transparent; border-radius: 0; height: 16px; width: 16px; position: absolute; left: 4px; right: 0; top: 8px; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-thumbnail .media-type-VIDEO { background-position: -200px -400px; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-thumbnail .media-type-AUDIO { background-position: -200px -250px; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-thumbnail .media-type-IMAGE { background-position: -200px -349px; } .form-type-html5file .html5file-upload-box .html5file-upload-filelist .html5file-file-thumbnail .media-type-GENERIC { background-position: -200px -300px; } .form-type-html5file .html5file-upload-button:hover { border: 1px solid #333; } .form-type-html5file .html5file-upload-button:hover, .form-type-html5file .html5file-upload-button:focus, .form-type-html5file .html5file-upload-button:active { color: #333; text-decoration: none; } .form-type-html5file .html5file-upload-button:hover, .form-type-html5file .html5file-upload-button:focus { background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: #999999; color: #000000; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .form-type-html5file .html5file-upload-input { display: none; } .form-type-html5file .loading { background-color: #209020; text-align: center; } .form-type-html5file .html5file-upload-error { margin: 10px auto; } .form-type-html5file .html5file-upload-error span { color: red; } .form-type-html5file .input-wrapper { overflow-x: hidden; } .form-type-html5file .html5file-upload-box-file-selection { width: 100% !important; } .form-type-html5file .carouselContainer { background-color: #f2f2f2; width: 100%; padding-left: 24px; padding-right: 24px; overflow-x: hidden !important; border: 1px solid #c4c4c4; } .form-type-html5file .carouselWrapper { width: 100%; border-radius: 2px; margin-bottom: 0px; height: 196px; overflow: hidden !important; } .form-type-html5file .carouselWrapper .carousel { width: 100%; } .form-type-html5file .carouselItemWrapper { border: 1px solid black; overflow: auto; } .form-type-html5file .carouselItem { width: 46%; margin-right: 8%; position: relative; float: left; padding: 6px 0px 6px 0px; } .form-type-html5file .carouselItem:hover .deleteFile { display: block; } .form-type-html5file .img-preview:hover .deleteFile { top: 0 !important; display: block; } .form-type-html5file .carouselItem:last-child { margin-right: 0; } .form-type-html5file .carouselItemTitle { color: #333; background-color: white; text-align: center; padding: 3px 10px; } .form-type-html5file .deleteFile { right: 2px !important; top: 9px; display: none; } .form-type-html5file .carouselImageWrapper { width: 100%; position: relative; float: left; height: 160px; background-color: #161616; overflow: hidden; } .form-type-html5file .carouselImageWrapper img { opacity: 0; padding-left: 0; cursor: pointer; } .form-type-html5file .html5file-upload-box { /*width: 100% !important;*/ } .form-type-html5file .carouselItemWrapper.noImage .deleteFile { display: none !important; } .form-type-html5file .carouselItemWrapper.noImage .carouselImageWrapper:after { content: " No Image "; color: #fff; position: absolute; top: 50%; width: 100%; text-align: center; font-size: 16px; font-family: UbuntuBold, Helvetica, Arial, sans-serif; margin-top: -10px; } .form-type-html5file .miniCarousel { /*width: 100% !important;*/ overflow-x: hidden; margin-bottom: 0; } .form-type-html5file .miniCarousel .carousel { /*overflow-x:hidden !important;*/ position: relative; white-space: nowrap !important; display: inline !important; } .form-type-html5file .miniCarousel .carousel .carouselItem { display: inline-block !important; } .form-type-html5file .miniCarousel .carousel:not(.disabled) { /* padding-left: 25px; padding-right: 25px;*/ } .form-type-html5file .miniCarousel .carouselItem { width: 100%; margin: 0; float: none; margin-right: 24px; } .form-type-html5file .carouselLeft, .form-type-html5file .carouselRight { position: absolute; height: 198px; width: 20px; border: 1px solid #c4c4c4; top: 0; cursor: pointer; } .form-type-html5file .carouselLeft:hover, .form-type-html5file .carouselRight:hover { background-color: #ddd; } .form-type-html5file .carouselLeft:after, .form-type-html5file .carouselRight:after { content: ""; width: 0; height: 0; top: 50%; position: absolute; left: 4px; width: 0; height: 0; border-style: solid; border-width: 6px 10px 6px 0; border-color: transparent #525252 transparent; } .form-type-html5file .carouselLeft.disabled, .form-type-html5file .carouselRight.disabled { display: none; cursor: auto; } .form-type-html5file .carouselLeft.disabled:hover, .form-type-html5file .carouselRight.disabled:hover { background-color: transparent; } .form-type-html5file .carouselLeft.disabled:after, .form-type-html5file .carouselRight.disabled:after { border-color: transparent #c8c8c8 transparent; } .form-type-html5file .carouselLeft { border-radius: 2px 0px 0px 2px; left: 0px; } .form-type-html5file .carouselRight { border-radius: 0px 2px 2px 0px; right: 0px; } .form-type-html5file .carouselRight:after { border-width: 6px 0px 6px 10px !important; } .form-type-html5file .carouselIndex { position: relative; float: left; width: 100%; height: 20px; overflow: auto; text-align: center; margin: 0px 0px 2px; } .form-type-html5file .carouselIndex.disabled { visibility: hidden; } .form-type-html5file .carouselIndex li { cursor: pointer; display: inline-block !important; background-color: #ddd; width: 10px; height: 10px; border-radius: 10px; margin-top: 4px; margin-right: 4px; margin-left: 4px; } .form-type-html5file .carouselIndex li:hover, .form-type-html5file .carouselIndex li.selected { background-color: #919191; } .previewWrapper { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0px; background-color: rgba(0, 0, 0, 0.8); z-index: 100000; } .previewWrapper .imageWrapper { width: 90%; left: 5%; top: 5%; height: 90%; position: absolute; display: inline-block; } .previewWrapper .imageWrapper img { display: inline-block; width: 100%; height: auto; opacity: 0; } .form-type-autocomplete .checkbox-options-wrapper, .autocomplete2 .checkbox-options-wrapper { display: none; } .form-type-autocomplete .custom-select-search input, .autocomplete2 .custom-select-search input { border: 0px solid #999 !important; -moz-box-shadow: 0px 0px 0px 0px #FFF !important; -webkit-box-shadow: 0px 0px 0px 0px #FFF !important; box-shadow: 0px 0px 0px 0px #FFF !important; } .form-type-autocomplete a.autocomplete-clear-values, .autocomplete2 a.autocomplete-clear-values { display: none; position: absolute; right: 0px; top: -20px; } .form-type-autocomplete ul.autocomplete-values, .autocomplete2 ul.autocomplete-values { margin-top: 2px; margin-bottom: 2px; position: relative; float: left; width: 100%; clear: both; } .form-type-autocomplete .autocomplete-value, .autocomplete2 .autocomplete-value { position: relative; float: left; width: auto; background-color: #f6f6f6; padding: 2px 22px 0px 6px; border-radius: 2px; color: #333; font-size: 12px; margin-right: 1%; margin-bottom: 1.2%; line-height: 20px; display: block; overflow: auto; width: 49%; } .form-type-autocomplete .autocomplete-value .autocomplete-value-text, .autocomplete2 .autocomplete-value .autocomplete-value-text { width: 100% !important; position: relative; /* float: left;*/ font-family: HNL, Helvetica, Arial, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .form-type-autocomplete .autocomplete-value .delete-auto-complete-value, .autocomplete2 .autocomplete-value .delete-auto-complete-value { position: absolute; float: left; cursor: pointer; font-family: HNL, Helvetica, Arial, sans-serif; right: 4px; top: 3px; width: 16px; height: 16px; line-height: 16px; text-align: center; background-color: #c7c7c7; border-radius: 2px; background: transparent url(/styles/themes/mediaManager/images/cross.png) center center no-repeat; } .form-btn-save-order { display: none; } .form-type-html > label { top: 6px !important; } .image-preview-full-image.noImage.field-display-only { display: none; } input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder { color: #a9a9a9; } input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=email]::-moz-placeholder { color: #a9a9a9; } input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder { color: #a9a9a9; } input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=email]:-moz-placeholder { color: #a9a9a9; } .carouselContainer2 .carousel { position: relative; top: 0; } .carouselContainer2 .carouselItem { margin: 0; position: relative; float: left; padding: 6px 0px 6px 0px; } .carouselContainer2 .carouselItemWrapper { border: 1px solid black; overflow: auto; width: 50%; margin: 0 auto; } .carouselContainer2 .carouselItemInnerWrapper { position: relative; } .carouselContainer2 .deleteFile { position: absolute; margin: 0; top: 1px; right: 1px; } /* VARIABLES */ /* Navigation */ /* MISC */ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /* 45 .price { @extend %currency; }*/ @keyframes alertMe { /* line 264, ../sass/mixins.scss */ from { border-width: 3px; border-color: gold; } /* line 268, ../sass/mixins.scss */ to { border-width: 0; border-color: rgba(255, 215, 0, 0.1); } } /* line 3, ../sass/navigation.scss */ a { text-decoration: none; } /* line 5, ../sass/navigation.scss */ .btn-disabled.btn:hover { border: 1px solid #dbdbdb; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 0px 0px #d0d0d0; -webkit-box-shadow: 0px 0px 0px 0px #d0d0d0; box-shadow: 0px 0px 0px 0px #d0d0d0; background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); } /* .form-btn{ @include border-radius(4px); background: linear-gradient(to bottom, #ffffff 4%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); } .btn,.btn-small{ @include button(); } .form-btn input, .form-btn button, a.btn-plus{ @include button(); }*/ /* line 31, ../sass/navigation.scss */ .form-btn { border-radius: 4px; background: linear-gradient(to bottom, #ffffff 4%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; /*input*/ } /* line 32, ../sass/navigation.scss */ .form-btn.delete input, .form-btn.delete button { padding-left: 25px; background: url("/styles/themes/mediaManager/images/btn-cross.png") no-repeat 10px 10px !important; } /* line 36, ../sass/navigation.scss */ .form-btn.submit input, .form-btn.submit button { background: url("/styles/themes/mediaManager/images/apply_green_tick_retina.png") no-repeat scroll 9px center/11px auto; padding-left: 25px; padding-right: 10px; } /* line 41, ../sass/mixins.scss */ .form-btn:hover, .form-btn:focus { color: #000000; /* border: 1px solid #999999;*/ /* text-decoration: underline;*/ -moz-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0; -webkit-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0; box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0; text-shadow: 0 1px 0 #ffffff; } /* line 48, ../sass/mixins.scss */ .form-btn:active { background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } /* line 44, ../sass/navigation.scss */ .form-btn input, .form-btn button { border: 1px solid #dbdbdb; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0; padding: 4px 10px; font-family: Ubuntu, Helvetica, Arial, sans-serif; color: #333333; line-height: auto; cursor: pointer; font-weight: normal; font-size: 12px; position: relative; line-height: 18px; min-height: 28px; } /* line 29, ../sass/mixins.scss */ .form-btn input:hover, .form-btn input:focus, .form-btn button:hover, .form-btn button:focus { color: #000000; border: 1px solid #999999; /* text-decoration: underline;*/ } /* line 53, ../sass/navigation.scss */ .modal .form-btn-save-and-new input { padding-left: 25px !important; } /* line 57, ../sass/navigation.scss */ .modal .form-btn-save-and-new:after { font-smoothing: none !important; font-family: Helvetica, sans-serif; content: '+'; color: #90A91A; font-size: 23px; position: absolute; left: 9px; top: 2px; } /* line 70, ../sass/navigation.scss */ .btn, .form-field.search, .form-field.multiAction { border-radius: 4px; background: linear-gradient(to bottom, #ffffff 4%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 1px solid #dbdbdb; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0; padding: 4px 10px; font-family: Ubuntu, Helvetica, Arial, sans-serif; color: #333333; line-height: auto; cursor: pointer; font-weight: normal; font-size: 12px; position: relative; line-height: 18px; min-height: 28px; } /* line 41, ../sass/mixins.scss */ .btn:hover, .btn:focus, .form-field.search:hover, .form-field.search:focus, .form-field.multiAction:hover, .form-field.multiAction:focus { color: #000000; /* border: 1px solid #999999;*/ /* text-decoration: underline;*/ -moz-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0; -webkit-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0; box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0; text-shadow: 0 1px 0 #ffffff; } /* line 48, ../sass/mixins.scss */ .btn:active, .form-field.search:active, .form-field.multiAction:active { background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } /* line 29, ../sass/mixins.scss */ .btn:hover, .btn:focus, .form-field.search:hover, .form-field.search:focus, .form-field.multiAction:hover, .form-field.multiAction:focus { color: #000000; border: 1px solid #999999; /* text-decoration: underline;*/ } /* line 75, ../sass/navigation.scss */ input.btn { border-radius: 4px; background: linear-gradient(to bottom, #ffffff 4%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 1px solid #dbdbdb; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0; padding: 4px 10px; font-family: Ubuntu, Helvetica, Arial, sans-serif; color: #333333; line-height: auto; cursor: pointer; font-weight: normal; font-size: 12px; position: relative; line-height: 18px; min-height: 28px; } /* line 41, ../sass/mixins.scss */ input.btn:hover, input.btn:focus { color: #000000; /* border: 1px solid #999999;*/ /* text-decoration: underline;*/ -moz-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0; -webkit-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0; box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0; text-shadow: 0 1px 0 #ffffff; } /* line 48, ../sass/mixins.scss */ input.btn:active { background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } /* line 29, ../sass/mixins.scss */ input.btn:hover, input.btn:focus { color: #000000; border: 1px solid #999999; /* text-decoration: underline;*/ } /* line 56, ../sass/mixins.scss */ .btn-tall span, .modal .form-buttons .form-btn span { top: 9px; } /* line 59, ../sass/mixins.scss */ .btn-tall a, .btn-tall input, .btn-tall button, .modal .form-buttons .form-btn a, .modal .form-buttons .form-btn input, .modal .form-buttons .form-btn button { height: 32px !important; display: block; } /* line 63, ../sass/mixins.scss */ .btn-tall a, .modal .form-buttons .form-btn a { line-height: 22px !important; } /* line 84, ../sass/navigation.scss */ a.btn-submit { padding-left: 25px; } /* line 86, ../sass/navigation.scss */ a.btn-submit span { position: absolute; width: 22px; height: 20px; left: 0px; top: 4px; /* background:url('/styles/themes/mediaManager/images/btn-plus.png') no-repeat scroll center center !important;*/ z-index: 2; background: url("/styles/themes/mediaManager/images/apply_green_tick_retina.png") no-repeat scroll 9px center/11px auto; } /* line 100, ../sass/navigation.scss */ a.btn-plus, a.btn-add { padding-left: 25px; } /* line 102, ../sass/navigation.scss */ a.btn-plus span, a.btn-add span { position: absolute; width: 10px; height: 10px; left: 7px; top: 4px !important; /* background:url('/styles/themes/mediaManager/images/btn-plus.png') no-repeat scroll center center !important;*/ z-index: 2; } /* line 110, ../sass/navigation.scss */ a.btn-plus span:before, a.btn-add span:before { font-smoothing: none !important; font-family: Helvetica, sans-serif; content: '+'; color: #4D94B6; font-size: 23px; } /* line 120, ../sass/navigation.scss */ a.btn-minus { padding-left: 25px; } /* line 122, ../sass/navigation.scss */ a.btn-minus span { position: absolute; width: 10px; height: 10px; left: 10px; top: 4px !important; z-index: 2; color: black !important; text-align: center; } /* line 133, ../sass/navigation.scss */ a.btn-minus span:before { font-family: Helvetica, sans-serif; content: '-'; color: #4D94B6; font-size: 24px; } /* line 142, ../sass/navigation.scss */ a.btn-add span:before { color: #90A91A; } /* line 147, ../sass/navigation.scss */ a.btn-refresh { padding-left: 28px; width: auto !important; float: left; clear: both; } /* line 152, ../sass/navigation.scss */ a.btn-refresh:after { content: ' '; background: url(/styles/themes/mediaManager/images/icon-refresh.png) no-repeat !important; position: absolute; width: 20px; height: 20px; left: 2px; top: 3px; } /* line 165, ../sass/navigation.scss */ a.btn-tall, .multiActionBtn input, .field-multiActionType .form-btn input, .input-wrapper-multiActionType .btn { min-height: 32px !important; height: 32px !important; line-height: 21px !important; } /* line 173, ../sass/navigation.scss */ .field-multiActionType, .field-search, .field-search-filter, .fieldWithSubmitRight, .searchField { max-width: 200px; width: 200px; } /* line 71, ../sass/mixins.scss */ .field-multiActionType .form-btn, .field-search .form-btn, .field-search-filter .form-btn, .fieldWithSubmitRight .form-btn, .searchField .form-btn { height: 100%; right: 0px; z-index: 10; width: 50px; position: absolute; /* position: absolute; */ } /* line 82, ../sass/mixins.scss */ .field-multiActionType .customSelect, .field-search .customSelect, .field-search-filter .customSelect, .fieldWithSubmitRight .customSelect, .searchField .customSelect { width: 100%; } /* line 85, ../sass/mixins.scss */ .field-multiActionType .input-wrapper, .field-search .input-wrapper, .field-search-filter .input-wrapper, .fieldWithSubmitRight .input-wrapper, .searchField .input-wrapper { width: 100%; padding-right: 49px; } /* line 88, ../sass/mixins.scss */ .field-multiActionType .input-wrapper > *, .field-search .input-wrapper > *, .field-search-filter .input-wrapper > *, .fieldWithSubmitRight .input-wrapper > *, .searchField .input-wrapper > * { display: block; float: left; clear: none; } /* line 93, ../sass/mixins.scss */ .field-multiActionType .input-wrapper input[type="submit"], .field-search .input-wrapper input[type="submit"], .field-search-filter .input-wrapper input[type="submit"], .fieldWithSubmitRight .input-wrapper input[type="submit"], .searchField .input-wrapper input[type="submit"] { line-height: 20px; text-transform: capitalize; top: -1px; line-height: 22px; /*min-height:100% !important; height: 100% !important;*/ border-radius: 0px 4px 4px 0px !important; max-width: 200px !important; width: 100%; } /* line 177, ../sass/navigation.scss */ #contextual-content-nav { margin-top: 13px; margin-bottom: 12px; padding: 0; padding-left: 10px; } /* line 184, ../sass/navigation.scss */ #contextual-content-nav .nav-link-wrapper { margin: 0px 4px; position: relative; display: inline-block; } /* line 189, ../sass/navigation.scss */ #contextual-content-nav .navigation-firstLink a { /* padding-left: 10ox !important;*/ } /* line 194, ../sass/navigation.scss */ .component-contextual-content-nav { /*padding-top: 5px;*/ } /* line 198, ../sass/navigation.scss */ .customSelect-options { width: 100%; } /* line 204, ../sass/navigation.scss */ .combo-nav-default-css-hover > ul li:hover ul { display: block !important; } /* line 210, ../sass/navigation.scss */ .comboBox-wrapper { position: relative; } /* line 215, ../sass/navigation.scss */ .checkbox-options-wrapper { /*@include shadow(0px 0px 0px 3px #F9F9F9);*/ } /* line 219, ../sass/navigation.scss */ .customSelect-hasSearch .customSelect-options { /* max-height:238px !important;*/ } /* line 223, ../sass/navigation.scss */ .customSelect-options, .combo-nav { position: relative; float: right; } /* line 227, ../sass/navigation.scss */ .customSelect-options .no-results, .combo-nav .no-results { position: absolute !important; top: 44%; font-size: 28px; text-align: center; color: #333333; color: #BEBEBE; /* line-height: 28px; height: 100%; */ } /* line 240, ../sass/navigation.scss */ .customSelect-options .nav-selected, .combo-nav .nav-selected { background-color: #cbe52b !important; } /* line 244, ../sass/navigation.scss */ .customSelect-options li, .combo-nav li { position: relative; float: left; } /* line 249, ../sass/navigation.scss */ .customSelect-options .nav-children, .combo-nav .nav-children { max-width: 100%; } /* line 254, ../sass/navigation.scss */ .customSelect-options .comboBox-wrapper, .combo-nav .comboBox-wrapper { /* max-height: 245px;*/ } /* line 258, ../sass/navigation.scss */ .customSelect-options > ul, .combo-nav > ul { position: relative; height: auto; } /* line 264, ../sass/navigation.scss */ .customSelect-options > ul > li ul, .combo-nav > ul > li ul { /* max-height: 245px;*/ display: block; display: none; position: absolute; /*margin-top: 100%;*/ top: -10px; top: 100%; } /* line 273, ../sass/navigation.scss */ .customSelect-options > ul > li ul li.nav-link-wrapper, .combo-nav > ul > li ul li.nav-link-wrapper { line-height: 16px; } /* line 280, ../sass/navigation.scss */ .customSelect-options > ul > li ul li, .combo-nav > ul > li ul li { position: relative; width: 100%; } /* line 283, ../sass/navigation.scss */ .customSelect-options > ul > li ul li a, .combo-nav > ul > li ul li a { font-size: 1.1em; color: #333333; display: block; width: 100%; padding: 8px 15px; line-height: 18px; } /* line 292, ../sass/navigation.scss */ .customSelect-options > ul > li ul li a:hover, .combo-nav > ul > li ul li a:hover { background-color: #B0D02D; } /* line 300, ../sass/navigation.scss */ .customSelect-options .scrollbar, .combo-nav .scrollbar { right: 5px; top: 10px; bottom: 10px; } /* line 307, ../sass/navigation.scss */ .combo-nav .comboBox-search { /* padding-bottom: 10px !important;*/ /*height: 37px;*/ position: relative; z-index: 10; } /* line 312, ../sass/navigation.scss */ .combo-nav .comboBox-search > input { position: absolute; } /* line 319, ../sass/navigation.scss */ .comboBox.hasSearch .scrollbar { top: 45px; bottom: 10px; } /* line 325, ../sass/navigation.scss */ .comboBox.hasSearch .comboBox-wrapper { max-height: 272px; } /* line 329, ../sass/navigation.scss */ .comboBox.hasSearch .nav-children { height: 303px !important; max-height: 10000px; z-index: 10; } /* line 344, ../sass/navigation.scss */ .comboBox.hasSearch .scroll-wrapper { margin-top: -1px; } /* line 349, ../sass/navigation.scss */ .comboBox-wrapper, .customSelect-options-wrapper, .customSelect-options { overflow: auto !important; } /* line 354, ../sass/navigation.scss */ .customSelect-hasSearch .customSelect-options-wrapper { height: 270px !important; max-height: 270px !important; overflow: auto; } /* line 358, ../sass/navigation.scss */ .customSelect-hasSearch .customSelect-options-wrapper .customSelect-options { position: absolute; top: 32px; height: auto !important; } /* line 370, ../sass/navigation.scss */ .nav-focus a { background-color: #E0F490 !important; } /* line 376, ../sass/navigation.scss */ .customSelect-options-wrapper li, .multiple-option-checkbox .checkbox-option, .combo-nav ul ul .nav-link-wrapper { width: 100%; position: relative; float: left; clear: both; cursor: pointer; padding: 7px 10px; color: #333333; font-size: 13px; min-height: 32px; line-height: 20px; background-color: white; overflow: hidden; font-family: HNL, Arial, Helvetica, sans-serif; } /* line 392, ../sass/navigation.scss */ .customSelect-options-wrapper li a, .multiple-option-checkbox .checkbox-option a, .combo-nav ul ul .nav-link-wrapper a { color: #333333; } /* line 396, ../sass/navigation.scss */ .customSelect-options-wrapper li .select-searched, .multiple-option-checkbox .checkbox-option .select-searched, .combo-nav ul ul .nav-link-wrapper .select-searched { font-weight: bold; text-decoration: underline; } /* line 403, ../sass/navigation.scss */ .customSelect-options-wrapper, .combo-nav ul ul { overflow: hidden; margin-top: 2px; min-width: 172px; width: auto; background-color: white; z-index: 100000 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: solid 1px #ccc; } /* line 414, ../sass/navigation.scss */ .customSelect-options-wrapper .customSelect-options, .combo-nav ul ul .customSelect-options { max-height: 272px; position: relative; height: 100%; overflow: hidden; position: relative; top: 0; bottom: 0; } /* line 423, ../sass/navigation.scss */ .customSelect-options-wrapper .customSelect-focus, .combo-nav ul ul .customSelect-focus { background-color: #cbe52b; } /* line 428, ../sass/navigation.scss */ .actions-btn ul, .combo-nav ul ul { min-width: 140px; position: fixed; display: none; background-color: white; margin-top: 1px; } /* line 437, ../sass/navigation.scss */ .comboBox-active .actions-btn { display: block; /* background-color: #CECECE !important;*/ border-left: none; } /* line 443, ../sass/navigation.scss */ .comboBox-active .actions-btn > a, .actions-btn > a:focus { background: url(images/cog_table_grey_retina.png) no-repeat center center/14px; } /* line 445, ../sass/navigation.scss */ .comboBox-active .actions-btn > a:after, .actions-btn > a:focus:after { color: #707070; content: ''; background: transparent url(images/sprites.png) no-repeat -32px -243px; width: 30px; height: 20px; font-size: 8px; font-weight: bold; position: absolute; right: 0px; top: 7px; } /* line 460, ../sass/navigation.scss */ .comboBox-active > .actions-btn > a { /*background: url(images/sprites.png) no-repeat 3px 10px !important;*/ } /* line 464, ../sass/navigation.scss */ .combo-nav ul ul { margin-top: -3px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; position: fixed; } /* line 468, ../sass/navigation.scss */ .combo-nav ul ul li { padding: 0 !important; } /* line 470, ../sass/navigation.scss */ .combo-nav ul ul li a { padding: 5px 10px; line-height: 20px; } /* line 480, ../sass/navigation.scss */ .actions-btn:hover > a, .comboBox-active > .actions-btn > a { /**/ } /* line 484, ../sass/navigation.scss */ tr:hover .actions-btn > a, .fakeTable-row:hover .actions-btn > a { background: url(images/cog_table_grey_retina.png) no-repeat center center/14px; } /* line 488, ../sass/navigation.scss */ .actions { overflow: visible; position: relative; display: block; } /* line 494, ../sass/navigation.scss */ .actions .actions-btn:hover > ul { display: block; } /* line 499, ../sass/navigation.scss */ .actions .actions-btn:hover, .actions .comboBox-active .actions-btn { display: block; /*background-color: #DEDEDE !important;*/ border-left: none; } /* line 506, ../sass/navigation.scss */ .actions .actions-btn { left: -1px; position: absolute; width: 100%; height: 32px; cursor: pointer; overflow: visible; } /* line 513, ../sass/navigation.scss */ .actions .actions-btn > a { width: 41px; margin: 0 auto; height: 32px; position: relative; display: block; top: 0; left: 1px; } /* line 530, ../sass/navigation.scss */ .actions .nav-children { margin-right: 0px; max-width: 170px; } /* line 536, ../sass/navigation.scss */ .customSelect-options-wrapper li:hover, .multiple-option-checkbox:not(.field-display-only) .checkbox-option label:hover, .combo-nav ul ul .nav-link-wrapper:hover { background-color: #F5F6AA; } /* line 541, ../sass/navigation.scss */ .actions-menu { z-index: 100; } /* line 545, ../sass/navigation.scss */ ul.pager { position: relative; float: left; clear: both; width: 100%; margin: 5px 0px; } /* line 553, ../sass/navigation.scss */ ul.pager > * { position: relative; float: left; } /* line 560, ../sass/navigation.scss */ ul.pager .pager-form > div > * { position: relative; float: left; margin: 0px 5px; } /* line 566, ../sass/navigation.scss */ ul.pager .pager-form p { color: #333333; top: 5px; } /* line 571, ../sass/navigation.scss */ ul.pager .pager-form input[type="text"] { width: 40px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: white; padding: 5px 2px 2px 2px; line-height: 30px; } /* line 582, ../sass/navigation.scss */ ul.pager .pager-next a, ul.pager .pager-prev a, ul.pager .pager-first a, ul.pager .pager-last a { top: 5px; position: relative; width: 20px; height: 18px; } /* line 589, ../sass/navigation.scss */ ul.pager .pager-next a { background: url("images/sprites.png") no-repeat -150px 0px; } /* line 594, ../sass/navigation.scss */ ul.pager .pager-next a:hover { background-position: -150px -50px; } /* line 598, ../sass/navigation.scss */ ul.pager .pager-prev a { background: url("images/sprites.png") no-repeat -150px -100px; } /* line 602, ../sass/navigation.scss */ ul.pager .pager-prev a:hover { background-position: -150px -150px; } /* line 606, ../sass/navigation.scss */ ul.pager .pager-first a { background: url("images/sprites.png") no-repeat -100px -300px; } /* line 610, ../sass/navigation.scss */ ul.pager .pager-first a:hover { background-position: -100px -350px; } /* line 614, ../sass/navigation.scss */ ul.pager .pager-last a { background: url("images/sprites.png") no-repeat -90px -400px; } /* line 618, ../sass/navigation.scss */ ul.pager .pager-last a:hover { background-position: -90px -450px; } /* line 624, ../sass/navigation.scss */ ul.pager li a { display: block; padding: 2px 6px; color: #414360; font-size: 10px !important; font-weight: bold; } /* line 633, ../sass/navigation.scss */ ul.pager .divider { margin: 0px 2px; } /* line 637, ../sass/navigation.scss */ ul.pager .ellipsis { margin: 0px 5px; } /* line 641, ../sass/navigation.scss */ ul.pager .pager-prev { margin-right: 5px; } /* line 645, ../sass/navigation.scss */ ul.pager .pager-next { margin-left: 5px; } /* line 650, ../sass/navigation.scss */ ul.pager .nav-selected a { display: block; padding: 2px 6px; color: #D8D5E1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #414360; } /* line 660, ../sass/navigation.scss */ ul.pager .pager-btn-disabled a { cursor: auto !important; opacity: 0.4; } /* line 666, ../sass/navigation.scss */ ul.pager .pager-first.pager-btn-disabled a:hover { background: url("images/sprites.png") no-repeat -100px -300px; } /* line 670, ../sass/navigation.scss */ ul.pager .pager-last.pager-btn-disabled a:hover { background: url("images/sprites.png") no-repeat -90px -400px; } /* line 676, ../sass/navigation.scss */ .tools { position: relative; float: right; } /* line 680, ../sass/navigation.scss */ .tools li:hover ul { display: block; } /* line 685, ../sass/navigation.scss */ .tools .Tools-btn span { font-size: 8px; color: #333333; } /* line 691, ../sass/navigation.scss */ .tools ul { display: none; -moz-box-shadow: -2px 2px 2px 1px gray; -webkit-box-shadow: -2px 2px 2px 1px gray; box-shadow: -2px 2px 2px 1px gray; min-width: 140px; position: absolute; background-color: white; top: 100%; margin-top: -1px; right: 0; z-index: 100; } /* line 702, ../sass/navigation.scss */ .tools ul li { width: 100%; } /* line 704, ../sass/navigation.scss */ .tools ul li a { font-size: 1.1em; color: #333333; display: block; width: 100%; padding: 10px 15px; font-size: 10px; } /* line 712, ../sass/navigation.scss */ .tools ul li a:hover { background-color: #B0D02D; } /* line 719, ../sass/navigation.scss */ .toggle-collapse { background-color: #4A4D5F; border-radius: 14px; color: white !important; float: left; font-weight: bold !important; left: -2px; top: 7px; position: absolute !important; z-index: 10; text-align: center; width: 15px; height: 15px; line-height: 17px; font-family: HNB, Helvetica, sans-serif; } /* line 737, ../sass/navigation.scss */ #searchUsers { z-index: 1; margin-left: 20px; right: 0px; width: auto !important; padding: 0 !important; } /* line 743, ../sass/navigation.scss */ #searchUsers .form-buttons { width: auto; position: relative; float: left; top: -2px; margin-left: -9px; clear: none !important; } /* line 751, ../sass/navigation.scss */ #searchUsers .fields-holder { width: auto; position: relative; float: left; } /* line 756, ../sass/navigation.scss */ #searchUsers > div { width: auto; } /* line 760, ../sass/navigation.scss */ #searchUsers .form-field { margin: 0 !important; } /* line 765, ../sass/navigation.scss */ a.editVideo { width: 100%; display: block; } /* BUTTONS */ /* line 772, ../sass/navigation.scss */ .closeBtn { color: #fff; width: 30px; height: 30px; text-align: center; font-family: HNL,Arial, Helvetica, sans-serif; border-radius: 15px; background-color: black; border: 2px solid gray; cursor: pointer; line-height: 29px; z-index: 200; top: 0; font-size: 18px; position: relative; float: left; left: -24px; top: 0px; } /* line 795, ../sass/navigation.scss */ .deleteFile { background: url(/styles/themes/mediaManager/images/btn-cross2.png) no-repeat center center; color: #fff; position: absolute; right: -5px !important; top: -5px; width: 19px; height: 18px; text-align: center; font-family: Arial, Helvetica, sans-serif; border-radius: 9px; background-color: white; border: 1px solid gray; cursor: pointer; line-height: 14px; font-size: 14px; /* &:after{ position: absolute; width: 100%; height: 100%; color: black; text-align: center; padding-left: 0; content:'x'; left: 0px; font-family: HNB,Helvetica, Arial, sans-serif; }*/ } /* line 827, ../sass/navigation.scss */ .deleteFile:hover { border: 1px solid gray; } /* line 832, ../sass/navigation.scss */ .nav-btn { border: 1px solid #949494 !important; } /* line 836, ../sass/navigation.scss */ .btn-disabled.btn { opacity: 0.4; cursor: default; } /*a.btn-plus,a.btn-tick { padding-left: 25px; span{ background:url('images/btn-tick.png') no-repeat scroll 8px center ; width: 20px; top: 8px; height: 10px; position: absolute; left: 0px; } }*/ /*.form-btn-save-and-new.form-btn .form-btn-deco, a.full-view span{ background-position: 0px -100px !important; }*/ /* line 859, ../sass/navigation.scss */ a.btn, a.btn-small { display: block; /* line-height: 17px !important;*/ /* padding-top: 6px !important; padding-bottom: 5px !important;*/ /*line-height: 16px !important;*/ } /* line 867, ../sass/navigation.scss */ a.btn-cross { padding-left: 25px !important; } /* line 869, ../sass/navigation.scss */ a.btn-cross span { background: url("images/btn-cross.png") no-repeat scroll center center; width: 20px; top: 10px; height: 10px; position: absolute; left: 4px; } /* line 879, ../sass/navigation.scss */ input.btn-plus { background: url("images/btn-plus.png") no-repeat scroll 8px center !important; } /* line 883, ../sass/navigation.scss */ .action-link { color: #4182a8; } /* line 888, ../sass/navigation.scss */ .action-link { padding-bottom: 4px; border-bottom: 1px solid white; } /* line 893, ../sass/navigation.scss */ .action-link:hover { color: #2E5D79; } /* line 898, ../sass/navigation.scss */ .comboBoxNav { /* padding: 0 px !important; line-height: 16px;*/ } /* line 901, ../sass/navigation.scss */ .comboBoxNav > a { padding-right: 20px !important; text-decoration: none !important; } /* line 905, ../sass/navigation.scss */ .comboBoxNav > a:after { content: ''; background: transparent url(images/grey_dropdown_retina.png) no-repeat scroll right 5px/8px auto; width: 30px; height: 20px; font-size: 9px; position: absolute; right: 8px; top: 6px; color: #707070; } /* SEARCH BOX*/ /* line 924, ../sass/navigation.scss */ .tableFormHasTitle .tableFormSearch { top: 40px; } /* line 929, ../sass/navigation.scss */ .tableFormSearch { z-index: 1; position: relative; left: 0px; right: 50px; width: 190px !important; height: 40px; } /* line 939, ../sass/navigation.scss */ .tableFormSearch > div { position: relative; float: left; top: 0; clear: none; width: auto; } /* line 947, ../sass/navigation.scss */ .tableFormSearch .form-buttons { padding: 0; right: 1px; position: absolute !important; } /* line 953, ../sass/navigation.scss */ .tableFormSearch .form-field { margin: 0 !important; } /* line 955, ../sass/navigation.scss */ .tableFormSearch .form-field .input-wrapper { margin-top: 0; } /* line 961, ../sass/navigation.scss */ li.separator { margin: 2px 8%; width: 84% !important; padding: 0 !important; height: auto !important; min-height: 0 !important; } /* line 969, ../sass/navigation.scss */ li.separator a { width: 100%; border-top: 1px solid #d0d0d1; height: 0 !important; min-height: 0 !important; padding: 0 !important; overflow: hidden !important; } /* line 979, ../sass/navigation.scss */ #secondary-navigation-user .nav-btn { border: 0px solid #999 !important; } /* line 983, ../sass/navigation.scss */ a.nav-btn:focus { border: 1px solid #cbe52b !important; background-color: #DFFC53 !important; } /* line 988, ../sass/navigation.scss */ a:focus { /*outline: 1px dotted $light-green;*/ } /* line 993, ../sass/navigation.scss */ .custom-select-search, .comboBox-search { background-color: white; clear: both; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -ms-border-radius: 4px 4px 0px 0px; -o-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; padding: 0px 5px 0px; height: 32px; border-bottom: 1px solid #DEDEDE; } /* line 1000, ../sass/navigation.scss */ .custom-select-search input, .comboBox-search input { position: absolute; top: 0px; bottom: 4px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border: none !important; /*outline:1px solid #F6F6F6 !important;*/ -moz-box-shadow: 0px 0px 0px 0px #c8c8c8; -webkit-box-shadow: 0px 0px 0px 0px #c8c8c8; box-shadow: 0px 0px 0px 0px #c8c8c8; right: 10px !important; width: 97%; left: 1.5%; /*border: 0px solid #999;*/ height: 30px; padding-top: 8px; } /* line 1017, ../sass/navigation.scss */ .custom-select-search input:focus, .comboBox-search input:focus { outline: 1px solid whtie !important; -moz-box-shadow: 0px 0px 0px 0px #c8c8c8; -webkit-box-shadow: 0px 0px 0px 0px #c8c8c8; box-shadow: 0px 0px 0px 0px #c8c8c8; } /* line 1023, ../sass/navigation.scss */ .custom-select-search > input, .comboBox-search > input { border-color: transparent !important; } /* line 1028, ../sass/navigation.scss */ .Navigation-menu li.separator:last-child { display: none; } /* line 1032, ../sass/navigation.scss */ a.customSelect, .customSelect-value { outline: 0px solid !important; border: none !important; } /* line 1037, ../sass/navigation.scss */ .linkButton { width: auto !important; position: relative; float: left; line-height: 26px; } /* line 1043, ../sass/navigation.scss */ .linkButton a { margin: 0px 6px; } /* line 1048, ../sass/navigation.scss */ .toggleRight { background: #f5f6f6 url("/styles/themes/mediaManager/images/toggle_right.png") no-repeat scroll 9px 8px/12px auto; border-radius: 4px; cursor: pointer; height: 32px; left: 0; margin: 3px 5px !important; position: absolute !important; width: 32px; border: 1px solid #f5f6f6; } /* line 1059, ../sass/navigation.scss */ .toggleRight:hover { background-color: #f8f8f8; } /* line 1064, ../sass/navigation.scss */ nav.comboNavA { position: relative; float: left; clear: both; width: 100%; margin-bottom: 0px; } /* line 1070, ../sass/navigation.scss */ nav.comboNavA > ul > li > a.nav-btn { font-weight: normal !important; border: 0px solid #999 !important; background: white no-repeat !important; padding-left: 0; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 16px; border: 1px solid white !important; /*background-color: white !important;*/ } /* line 1080, ../sass/navigation.scss */ nav.comboNavA > ul > li > a.nav-btn:hover, nav.comboNavA > ul > li > a.nav-btn:active, nav.comboNavA > ul > li > a.nav-btn:focus { outline: 0 !important; /* border: 0px solid #999 !important;*/ /* border: 1px solid white !important;*/ background-color: transparent !important; /* border-left: 0px solid #999 !important; border-right: 0px solid #999 !important; border-top: 0px solid #999 !important;*/ -moz-box-shadow: 0px 0px 0px 0px transparent !important; -webkit-box-shadow: 0px 0px 0px 0px transparent !important; box-shadow: 0px 0px 0px 0px transparent !important; font-weight: normal !important; text-shadow: 0px 0px 0px !important; } /* line 1095, ../sass/navigation.scss */ nav.comboNavA .nav-btn:hover { -moz-box-shadow: 0px 0px 0px 0px !important; -webkit-box-shadow: 0px 0px 0px 0px !important; box-shadow: 0px 0px 0px 0px !important; } /* line 1104, ../sass/navigation.scss */ a.btn.disabled { opacity: 0.4; } /* line 1108, ../sass/navigation.scss */ .fieldButtonRight { position: relative !important; border-radius: 0px 4px 4px 0px !important; line-height: 20px !important; z-index: 1; right: 2px; top: -1px; } /* line 1119, ../sass/navigation.scss */ a.newPromoLink { padding-right: 10px !important; } /* line 1121, ../sass/navigation.scss */ a.newPromoLink:after { display: none; } /* line 1126, ../sass/navigation.scss */ .bundleTile.loading .tileImage:after, .imageWrapper.loading:after, .modal.loading .modal-wrapper:after { content: ' '; width: 50px; height: 50px; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; border-radius: 25px; position: absolute; background: rgba(255, 255, 255, 0.9) url("/styles/themes/mediaManager/images/preloader-switch-small.gif") no-repeat 3px center !important; } /* VARIABLES */ /* Navigation */ /* MISC */ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /* 45 .price { @extend %currency; }*/ @keyframes alertMe { from { border-width: 3px; border-color: gold; } to { border-width: 0; border-color: rgba(255, 215, 0, 0.1); } } /* line 3, ../sass/components.scss */ .info-box { display: none; position: fixed; bottom: 0px; right: 0px; width: 200px; background-color: black; color: #fff; padding: 10px; } /* line 14, ../sass/components.scss */ #component-pageTitle { position: relative; float: left; } /* COLOR PICKER */ /* line 21, ../sass/components.scss */ .picker-wrapper, .slide-wrapper { position: relative; float: left; } /* line 26, ../sass/components.scss */ .picker-indicator, .slide-indicator { position: absolute; left: 0; top: 0; pointer-events: none; } /* line 34, ../sass/components.scss */ .slide-indicator { height: 13px !important; width: 37px !important; } /* line 38, ../sass/components.scss */ .picker, .slide { cursor: crosshair; float: left; } /* Default skin */ /* line 46, ../sass/components.scss */ .chosenColor { width: 20px; height: 20px; position: absolute; border: 1px solid #999; left: 156px; top: 12px; border-radius: 2px; background-color: #ddd; cursor: pointer; } /* line 56, ../sass/components.scss */ .chosenColor:after { content: " "; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; position: absolute; top: 2px; right: 2px; } /* line 70, ../sass/components.scss */ #color-picker { position: fixed !important; } /* line 73, ../sass/components.scss */ .cp-default { background-color: #e0e0e0; padding: 12px; /* box-shadow: 0 0 40px #000;*/ border-radius: 15px; float: left; } /* line 80, ../sass/components.scss */ .cp-default .picker { width: 200px; height: 200px; } /* line 84, ../sass/components.scss */ .cp-default .slide { width: 30px; height: 200px; } /* line 88, ../sass/components.scss */ .cp-default .slide-wrapper { margin-left: 10px; } /* line 91, ../sass/components.scss */ .cp-default .picker-indicator { width: 5px; height: 5px; border: 2px solid darkblue; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=50); background-color: white; } /* line 105, ../sass/components.scss */ .cp-default .slide-indicator { width: 100%; height: 10px; left: -4px; opacity: .6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha(opacity=60); border: 4px solid lightblue; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: white; } /* Small skin */ /* line 123, ../sass/components.scss */ .cp-small { padding: 5px; background-color: white; float: left; border-radius: 5px; } /* line 129, ../sass/components.scss */ .cp-small .picker { width: 100px; height: 100px; } /* line 133, ../sass/components.scss */ .cp-small .slide { width: 15px; height: 100px; } /* line 137, ../sass/components.scss */ .cp-small .slide-wrapper { margin-left: 5px; } /* line 140, ../sass/components.scss */ .cp-small .picker-indicator { width: 1px; height: 1px; border: 1px solid black; background-color: white; } /* line 146, ../sass/components.scss */ .cp-small .slide-indicator { width: 100%; height: 2px; left: 0px; background-color: black; } /* Fancy skin */ /* line 155, ../sass/components.scss */ .cp-fancy { padding: 10px; background-color: #C5F7EA; /* background: -webkit-linear-gradient(top, #aaa 0%, #222 100%);*/ float: left; border: 1px solid #999; /* box-shadow: inset 0 0 10px white;*/ } /* line 163, ../sass/components.scss */ .cp-fancy .picker { width: 200px; height: 200px; } /* line 167, ../sass/components.scss */ .cp-fancy .slide { width: 30px; height: 200px; } /* line 171, ../sass/components.scss */ .cp-fancy .slide-wrapper { margin-left: 10px; } /* line 174, ../sass/components.scss */ .cp-fancy .picker-indicator { width: 24px; height: 24px; background-image: url(http://cdn1.iconfinder.com/data/icons/fugue/bonus/icons-24/target.png); } /* line 179, ../sass/components.scss */ .cp-fancy .slide-indicator { width: 30px; height: 31px; left: 30px; background-image: url(http://cdn1.iconfinder.com/data/icons/bluecoral/Left.png); } /* Normal skin */ /* line 188, ../sass/components.scss */ .cp-normal { padding: 10px; background-color: white; float: left; border: 4px solid #d6d6d6; box-shadow: inset 0 0 10px white; } /* line 195, ../sass/components.scss */ .cp-normal .picker { width: 200px; height: 200px; } /* line 199, ../sass/components.scss */ .cp-normal .slide { width: 30px; height: 200px; } /* line 203, ../sass/components.scss */ .cp-normal .slide-wrapper { margin-left: 10px; } /* line 206, ../sass/components.scss */ .cp-normal .picker-indicator { width: 5px; height: 5px; border: 1px solid gray; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=50); background-color: white; pointer-events: none; } /* line 217, ../sass/components.scss */ .cp-normal .slide-indicator { width: 100%; height: 10px; left: -4px; opacity: .6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha(opacity=60); border: 4px solid gray; background-color: white; pointer-events: none; } /* line 231, ../sass/components.scss */ #picker { width: 200px; height: 200px; } /* line 232, ../sass/components.scss */ #slide { width: 30px; height: 200px; } /*PLAYER */ /* line 241, ../sass/components.scss */ .SwitchPlayerContainer { width: 100%; } /* line 243, ../sass/components.scss */ .SwitchPlayerContainer iframe { width: 100%; height: 100% !important; } /* line 246, ../sass/components.scss */ .SwitchPlayerContainer iframe .universalPlayerContainer { width: 100% !important; height: 100% !important; } /* line 251, ../sass/components.scss */ .SwitchPlayerContainer iframe .errorBox { border-radius: 0 !important; height: 100% !important; left: 0 !important; padding: 0 !important; top: 0 !important; width: 100% !important; } /* line 260, ../sass/components.scss */ .SwitchPlayerContainer .universalPlayerContainer { width: 100%; height: 100%; } /*/////////////////////////////// [ARRAY LIST] ///////////////////////////////*/ /* line 272, ../sass/components.scss */ .message .array-list { background-color: transparent !important; padding-left: 0 !important; } /* line 275, ../sass/components.scss */ .message .array-list > li { padding-left: 0 !important; } /* line 278, ../sass/components.scss */ .message .array-list li { background-color: transparent !important; padding-left: 0 !important; } /* line 283, ../sass/components.scss */ .message .array-list .key { display: block !important; float: left !important; } /* line 288, ../sass/components.scss */ .message .array-list ul { clear: both; padding-left: 10px !important; } /* line 293, ../sass/components.scss */ .message .array-list span { background-image: none !important; } /* line 303, ../sass/components.scss */ .array-list.accordion-expanded { /*padding-bottom: 20px !important;*/ } /* line 306, ../sass/components.scss */ .array-list.accordion-expanded > .key, .array-list.accordion-expanded:hover .key { color: #333 !important; } /* line 311, ../sass/components.scss */ .array-list { background-color: #F5F5F5; min-height: 31px !important; position: relative; float: left; clear: both; width: 100%; height: auto; padding: 0px 18px !important; line-height: 43px; } /* line 322, ../sass/components.scss */ .array-list a { display: block; } /* line 326, ../sass/components.scss */ .array-list * { height: auto; } /* line 329, ../sass/components.scss */ .array-list ul { position: relative; float: left; overflow: auto; /*border-top: 1px solid white;*/ } /* line 334, ../sass/components.scss */ .array-list ul ul { /*margin-left: 15px ;*/ } /* line 340, ../sass/components.scss */ .array-list > ul { background-color: #595959; overflow: hidden; } /* line 345, ../sass/components.scss */ .array-list ul > li { font-weight: normal; width: 100%; /*padding: 6px 6px 0px 6px;*/ } /* line 350, ../sass/components.scss */ .array-list .array-list-holder > li:first-child, .array-list li { border-top: 1px dotted #E6E6E6 !important; border-left: 1px dotted #E6E6E6 !important; /*border-top: 0px solid #999 !important;*/ } /* line 355, ../sass/components.scss */ .array-list .type-array.accordion-expanded, .array-list .type-object.accordion-expanded { border-right: 1px dotted #E6E6E6 !important; } /* line 359, ../sass/components.scss */ .array-list li { background-color: #F5F5F5; border-right: 0px solid #999 !important; line-height: 14px; min-height: 30px; overflow: auto; width: 100% !important; list-style-type: none; font-family: Ubuntu,Helvetica, Arial, sans-serif; border-top: none; padding: 7px 14px 1px 14px !important; } /* line 371, ../sass/components.scss */ .array-list li > .expanded { padding-bottom: 10px; } /* line 375, ../sass/components.scss */ .array-list li:hover { background-color: white; } /* line 379, ../sass/components.scss */ .array-list li .accordion-icon { position: absolute; left: -10px; } /* line 386, ../sass/components.scss */ .array-list > li { /*padding-left: 5px !important; padding-bottom: 5px !important; padding-top: 3px !important;*/ } /* line 393, ../sass/components.scss */ .array-list .key { padding-left: 5px; /*padding: 0px 6px 8px 6px;*/ position: relative; color: #333; cursor: pointer; min-width: 20px; padding-bottom: 4px; line-height: 15px; font-size: 12px; } /* line 406, ../sass/components.scss */ .array-list .type-string, .array-list .type-object, .array-list .type-integer { display: inline; } /* line 411, ../sass/components.scss */ .array-list div.value { font-size: 13px; line-height: 18px; /*color: #d03414;*/ color: #758399; position: relative; margin-left: 10px; /*padding-bottom: 8px;*/ cursor: pointer; } /* line 422, ../sass/components.scss */ .array-list .property-type { color: #4A7381; font-size: 10.5px; } /* line 426, ../sass/components.scss */ .array-list .property-info { font-size: 10.5px; color: black; } /* line 431, ../sass/components.scss */ .array-list .array-list-holder { width: 100%; padding-top: 0px !important; position: relative; } /* line 437, ../sass/components.scss */ .array-list .accordion-expanded { border-bottom: 0px solid #999 !important; } /* line 440, ../sass/components.scss */ .array-list .accordion-expanded .accordion-icon { color: #CDCDCD !important; } /* line 444, ../sass/components.scss */ .array-list .accordion-expanded > .array-list-holder { border-bottom: 0px solid #999 !important; } /* line 450, ../sass/components.scss */ .array-list .accordion-expanded > .key .property-name { color: black; font-family: UbuntuBold, Helvetica, Arial, sans-serif; border-bottom: 1px solid black; } /* line 457, ../sass/components.scss */ .array-list .accordion-expanded > .key .accordion-icon { color: #6C6C6C !important; } /* line 465, ../sass/components.scss */ .array-list .accordionHandler { overflow: visible; } /* line 472, ../sass/components.scss */ .array-list > .accordion-expanded { padding-bottom: 0px !important; } /* line 476, ../sass/components.scss */ .array-list .accordion-icon { position: absolute !important; left: -8px !important; font-size: 10px !important; padding-right: 5px; color: #333; font-family: Ubuntu, Helvetica, Arial, sans-serif; } /* line 485, ../sass/components.scss */ .array-list .type-array, .array-list .type-object { display: block !important; } /* line 487, ../sass/components.scss */ .array-list .type-array .array, .array-list .type-object .array { float: none !important; } /* line 493, ../sass/components.scss */ .array-list .type-scalar, .array-list .array-too-large { padding-left: 6px !important; float: left; } /* line 496, ../sass/components.scss */ .array-list .type-scalar > *, .array-list .array-too-large > * { display: inline; } /* line 503, ../sass/components.scss */ .array-list .no-keys { padding-left: 0 !important; } /*/////////////////////////////// [/ARRAY LIST] ///////////////////////////////*/ /*/////////////////////////////// [MODAL] ///////////////////////////////*/ /* line 517, ../sass/components.scss */ #section-outer #component-modal #developer.modal { color: white; } /* line 519, ../sass/components.scss */ #section-outer #component-modal #developer.modal .modal-header { -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -ms-border-radius: 4px 4px 0px 0px; -o-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; background: #2D2D2D; } /* line 520, ../sass/components.scss */ #section-outer #component-modal #developer.modal .modal-header .modal-title { color: #EDEDED; padding-left: 20px; top: 15px; } /* line 533, ../sass/components.scss */ #section-outer #component-modal #developer.modal .modal-body { background: #2D2D2D; padding: 0px 0px; } /* line 537, ../sass/components.scss */ #section-outer #component-modal #developer.modal .modal-footer { height: 50px; background: #2D2D2D; -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -ms-border-radius: 0px 0px 4px 4px; -o-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } /* line 544, ../sass/components.scss */ #section-outer #component-modal #developer.modal .developer-tab-content { position: absolute; left: 200px; top: 0; right: 0px; padding: 20px; bottom: 0; background-color: #1E1E1E; } /* line 554, ../sass/components.scss */ #section-outer #component-modal #developer.modal .developer-tab { width: 200px; background-color: #2A2A2A; } /* line 557, ../sass/components.scss */ #section-outer #component-modal #developer.modal .developer-tab > a { color: #fff; padding: 7px 25px 8px; border-bottom: 1px solid #676767; } /* line 561, ../sass/components.scss */ #section-outer #component-modal #developer.modal .developer-tab > a:hover { background-color: #484848; } /* line 568, ../sass/components.scss */ #section-outer #component-modal #developer.modal .developer-tab-output { padding: 0; } /* line 570, ../sass/components.scss */ #section-outer #component-modal #developer.modal .developer-tab-output > .array-list { /* padding: 15px 20px 5px;*/ border-bottom: 1px solid #4D4D4D; } /* line 573, ../sass/components.scss */ #section-outer #component-modal #developer.modal .developer-tab-output > .array-list:hover { /* background-color: #3C3C3C;*/ } /* line 583, ../sass/components.scss */ #section-outer div#component-modal div.miniModal { position: fixed; width: 100%; max-width: 400px; max-height: 200px; min-height: 0px; height: auto; overflow: auto; top: 50%; left: 50%; margin-left: -200px; margin-top: -200px; } /* line 598, ../sass/components.scss */ #section-outer div#component-modal div.miniModal .modal-header { height: 40px; } /* line 601, ../sass/components.scss */ #section-outer div#component-modal div.miniModal .close-modal { top: 14px; } /* line 605, ../sass/components.scss */ #section-outer div#component-modal div.miniModal .rememberWrapper { padding-top: 10px; padding-left: 10px; color: #333; font-size: 11px; } /* line 610, ../sass/components.scss */ #section-outer div#component-modal div.miniModal .rememberWrapper > * { position: relative; float: left; margin-right: 10px; } /* line 619, ../sass/components.scss */ #section-outer div#component-modal div.errorModal { position: fixed !important; left: 50% !important; margin-left: -200px !important; z-index: 10000000; } /*/////////////////////////////// [/MODAL] ///////////////////////////////*/ /*/////////////////////////////// [STICKY HEADERS] ///////////////////////////////*/ /* line 639, ../sass/components.scss */ .sticky-headers { margin-left: 0px; z-index: 100 !important; display: none; /*position: relative; right: 40px; thead{ width: 100%; } */ } /* line 643, ../sass/components.scss */ .sticky-headers * { border-width: 1px !important; } /* line 655, ../sass/components.scss */ .sticky-headers th .table-header-content { /*@include truncate(); width: 100%;*/ } /*/////////////////////////////// [/STICKY HEADERS] ///////////////////////////////*/ /*/////////////////////////////// [SCROLLBAR] ///////////////////////////////*/ /* line 670, ../sass/components.scss */ .scroll-wrapper { width: 100% !important; overflow: visible; } /* line 675, ../sass/components.scss */ .scrollbar { background-color: transparent !important; top: 0px; bottom: 0px; right: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; width: 6px !important; background-color: #E7E7E7 !important; -moz-box-shadow: 0px 0px 0px 3px #F9F9F9; -webkit-box-shadow: 0px 0px 0px 3px #F9F9F9; box-shadow: 0px 0px 0px 3px #F9F9F9; -webkit-transition: width .2s ease-in,left .2s ease-in; /* For Safari 3.1 to 6.0 */ transition: width .2s ease-in,left .2s ease-in,background-color .2s; padding: 0 !important; } /* line 688, ../sass/components.scss */ .scrollbar .handle { min-height: 25% !important; /*height: 25% !important;*/ left: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 100% !important; background-color: #B1B1B1 !important; -webkit-transition: width .2s ease-in,left .2s ease-in; /* For Safari 3.1 to 6.0 */ transition: width .2s ease-in,left .2s ease-in,background-color .2s; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } /* line 704, ../sass/components.scss */ .scrollbar-holder { overflow: hidden !important; overflow: hidden !important; } /* line 707, ../sass/components.scss */ .scrollbar-holder:hover > .scrollbar { background-color: #DDD !important; -moz-box-shadow: 0px 0px 0px 3px #DDD; -webkit-box-shadow: 0px 0px 0px 3px #DDD; box-shadow: 0px 0px 0px 3px #DDD; } /* line 710, ../sass/components.scss */ .scrollbar-holder:hover > .scrollbar .handle { background-color: #B3B1B9 !important; /* left: 15%; width: 70% !important;*/ } /* line 722, ../sass/components.scss */ .section > div.scrollbar { right: 12px; top: 3px; bottom: 4px; right: 3px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } /* line 734, ../sass/components.scss */ .modal .fields-holder > .scrollbar { top: 20px; right: 15px; bottom: 20px; } /* line 740, ../sass/components.scss */ .modal .fields-holder > .scroll-wrapper { /*top:42px !important;*/ /* margin-top: 42px !important;*/ } /* line 745, ../sass/components.scss */ .modal .fields-holder > .scrollbar { /* margin-top:51px; bottom: -10px;*/ } /* line 750, ../sass/components.scss */ .section { /*overflow: hidden !important;*/ } /* line 752, ../sass/components.scss */ .section:hover > .scrollbar { -moz-box-shadow: 0px 0px 0px 3px #EDEDED; -webkit-box-shadow: 0px 0px 0px 3px #EDEDED; box-shadow: 0px 0px 0px 3px #EDEDED; background-color: #EDEDED !important; } /* line 755, ../sass/components.scss */ .section:hover > .scrollbar .handle { background-color: #CBC9D2 !important; /* left: 15%; width: 70% !important;*/ } /* line 764, ../sass/components.scss */ .section > .scrollbar { background-color: #FCFCFC !important; -moz-box-shadow: 0px 0px 0px 3px #F9F9F9; -webkit-box-shadow: 0px 0px 0px 3px #F9F9F9; box-shadow: 0px 0px 0px 3px #F9F9F9; } /* line 767, ../sass/components.scss */ .section > .scrollbar .handle { background-color: #EEE !important; /* left: 15%; width: 70% !important;*/ } /*/////////////////////////////// [/SCROLLBAR] ///////////////////////////////*/ /*/////////////////////////////// [ACCORDION] ///////////////////////////////*/ /* line 785, ../sass/components.scss */ .accordion-expanded > .input-wrapper { overflow: visible !important; } /* line 789, ../sass/components.scss */ .accordion-icon.expandable-plus-minus { position: absolute; right: 0px; background-color: transparent; padding-top: 0px; font-size: 17px !important; font-weight: normal; width: 17px; height: 17px; text-align: center; color: #4182a8; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; line-height: 12px; font-family: UbuntuBold, Helvetica, Arial, sans-serif; } /* line 807, ../sass/components.scss */ .accordionHandler:focus { text-decoration: underline; } /* line 812, ../sass/components.scss */ .scrollbar-active { /* padding-right: 12px !important;*/ } /* line 814, ../sass/components.scss */ .scrollbar-active .table-form-controls { right: 12px !important; } /* line 819, ../sass/components.scss */ .customSelect-options { padding-right: 0 !important; } /* line 821, ../sass/components.scss */ .customSelect-options .scroll-wrapper { padding-right: 0 !important; } /*/////////////////////////////// [/ACCORDION] ///////////////////////////////*/ /*/////////////////////////////// [CALENDAR] ///////////////////////////////*/ /* line 837, ../sass/components.scss */ table#jacs { margin-top: 2px; z-index: 100000 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 250px !important; border-collapse: separate; border: 1px solid #a6a6a6; background-color: white; color: #333 !important; -moz-box-shadow: -0.5px 0.5px 2px 1px gray; -webkit-box-shadow: -0.5px 0.5px 2px 1px gray; box-shadow: -0.5px 0.5px 2px 1px gray; } /* line 848, ../sass/components.scss */ table#jacs .jacs { border: none !important; } /* line 852, ../sass/components.scss */ table#jacs tr.jacsHead { padding-top: 4px; } /* line 855, ../sass/components.scss */ table#jacs .jacsHead { display: block !important; position: relative !important; float: left !important; border: none; } /* line 865, ../sass/components.scss */ table#jacs #jacsMonths { position: relative !important; float: left !important; /*top:30px;*/ /**/ margin-left: 16px !important; font-size: 14px; color: #333 !important; width: 85px; margin-right: 4px; } /* line 877, ../sass/components.scss */ table#jacs #jacsYears { font-size: 14px; position: relative; width: 70px !important; margin-right: 16px !important; } /* line 884, ../sass/components.scss */ table#jacs #jacsYears, table#jacs #jacsMonths { border: 1px solid #999; padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #333 !important; } /* line 891, ../sass/components.scss */ table#jacs tr.jacsHead { height: 40px; } /* line 895, ../sass/components.scss */ table#jacs thead td { padding: 0 !important; } /* line 899, ../sass/components.scss */ table#jacs #jacsHeadLeft, table#jacs #jacsHeadRight { cursor: pointer !important; width: 20px !important; height: 20px !important; font-size: 0px !important; background-image: url(images/sprites.png); background-color: transparent !important; top: 6px; } /* line 910, ../sass/components.scss */ table#jacs #jacsHeadRight { background-position: -47px 0px !important; } /* line 913, ../sass/components.scss */ table#jacs #jacsHeadRight:hover { background-position: 3px -400px !important; } /* line 917, ../sass/components.scss */ table#jacs #jacsHeadLeft { background-position: 0 -450px; } /* line 921, ../sass/components.scss */ table#jacs #jacsHeadLeft:hover { background-position: 0 -350px; } /* line 926, ../sass/components.scss */ table#jacs .jacsCells { /*margin-top: 50px;*/ width: 100%; line-height: 220%; /*padding: 4% 0 !important;*/ } /* line 931, ../sass/components.scss */ table#jacs .jacsCells th, table#jacs .jacsCells td { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-align: center; background-color: white !important; border: none !important; border: 1px solid white !important; width: 32px !important; } /* line 943, ../sass/components.scss */ table#jacs table.jacsCells:hover { border: none !important; } /* line 948, ../sass/components.scss */ table#jacs .jacsCells, table#jacs .jacsCellsWeekend, table#jacs .jacsCellsExMonth, table#jacs .jacsInputDate { border-collapse: separate !important; border-spacing: 2px !important; color: #333 !important; } /* line 957, ../sass/components.scss */ table#jacs .jacsCellsExMonth { color: #8b8b8b !important; } /* line 963, ../sass/components.scss */ table#jacs tr:hover td { background-color: white !important; } /* line 969, ../sass/components.scss */ table#jacs .jacsCells .jacsInputDate { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #4182a8 !important; color: white !important; } /* line 976, ../sass/components.scss */ table#jacs .jacsCells .jacsWeek { background-color: #f5f6f6 !important; font-size: 8px !important; color: #707070 !important; padding: 4px 0px; font-weight: normal !important; border-collapse: collapse !important; border-spacing: 0px !important; border-color: #f5f6f6 !important; } /* line 989, ../sass/components.scss */ table#jacs thead tr { background-color: #f5f6f6 !important; } /* line 993, ../sass/components.scss */ table#jacs #jacsFoot { display: none !important; } /* line 997, ../sass/components.scss */ table#jacs td { font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; } /* line 1005, ../sass/components.scss */ body table#jacs .jacsCells td.currentDay { background-color: yellow !important; border-radius: 4px !important; } /* line 1011, ../sass/components.scss */ #jacs .jacsCells:hover, #jacs .jacsCellsWeekend:hover, #jacs .jacsCellsExMonth:hover { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* border-collapse:separate !important; border-spacing: 0 !important;*/ border: 1px solid #999 !important; color: #4182a8 !important; } /* line 1020, ../sass/components.scss */ #jacsIframe { height: auto !important; } /*/////////////////////////////// [/CALENDAR] ///////////////////////////////*/ /*/////////////////////////////// [CATEGORY TREE] ///////////////////////////////*/ /* line 1033, ../sass/components.scss */ .category-tree { overflow: visible; position: relative; float: left; width: 100%; padding-left: 20px; } /* line 1041, ../sass/components.scss */ .category-tree .accordion-expanded > .nav-children { overflow: visible !important; } /* line 1045, ../sass/components.scss */ .category-tree .nav-children { position: relative !important; margin-left: 0px; clear: both; /*margin:0px 0px 0px 40px;*/ float: left; } /* line 1053, ../sass/components.scss */ .category-tree input:checked + label { /*background-color: yellow;*/ font-family: HNB,Helvetica, Arial, sans-serif !important; text-decoration: underline; } /* line 1059, ../sass/components.scss */ .category-tree li { width: 100% !important; } /* line 1063, ../sass/components.scss */ .category-tree li li { position: relative !important; left: 18px; overflow: visible !important; } /* line 1069, ../sass/components.scss */ .category-tree .accordion-icon { position: absolute; left: -34px; display: block !important; top: 5px; } /* line 1076, ../sass/components.scss */ .category-tree .nav-link-wrapper { position: relative; float: left; clear: both; } /* line 1082, ../sass/components.scss */ .category-tree label { display: block; position: relative !important; float: left; top: 0 !important; z-index: 0; color: #333; font-family: HNL,Helvetica, Arial, sans-serif !important; font-size: 14px; padding: 1px 2px 0px 5px !important; border-radius: 4px; } /* line 1095, ../sass/components.scss */ .category-tree ul { position: relative; width: 100%; } /* line 1100, ../sass/components.scss */ .category-tree label.label-category-tree-group { margin-bottom: 0; } /* line 1104, ../sass/components.scss */ .category-tree .cagtegory-tree-input-holder { position: relative; float: left; min-height: 20px; width: 100%; } /* line 1111, ../sass/components.scss */ .category-tree input { position: absolute !important; left: -16px !important; float: none !important; top: 5px; } /* line 1119, ../sass/components.scss */ .category-tree .input-wrapper-category-tree-content, .category-tree .input-wrapper-category-tree-selection-content { padding-top: 0; margin-top: 0; } /* line 1124, ../sass/components.scss */ .category-tree .field-category-tree-content { padding-left: 10px !important; } /* line 1131, ../sass/components.scss */ #toggleCategoryFilters { text-transform: none; position: relative; text-decoration: underline; float: right; font-size: 12px; } /*/////////////////////////////// [/CATEGORY TREE] ///////////////////////////////*/ /*/////////////////////////////// [LIVE EDIT] ///////////////////////////////*/ /* line 1151, ../sass/components.scss */ .live-edit-buttons { position: absolute; top: -28px; right: 0; width: 58px; height: 28px; display: none; /* */ border: 1px solid #d0d0d1; border-radius: 2px 2px 0px 0px; } /* line 1162, ../sass/components.scss */ .live-edit-buttons .live-edit-btn, .live-edit-buttons .live-cancel-btn { position: relative; width: 28px; height: 28px; cursor: pointer; float: left; border-bottom: 1px solid #d0d0d1; background: #F2F2F2 url(images/sprites.png); } /* line 1170, ../sass/components.scss */ .live-edit-buttons .live-edit-btn:hover, .live-edit-buttons .live-cancel-btn:hover { background-color: #e0e0e0; } /* line 1175, ../sass/components.scss */ .live-edit-buttons .live-edit-btn { border-right: 1px solid #d0d0d1; background-position: -242px -141px; } /* line 1180, ../sass/components.scss */ .live-edit-buttons .live-cancel-btn { background-position: -240px -41px; } /*/////////////////////////////// [/LIVE EDIT] ///////////////////////////////*/ /* line 1190, ../sass/components.scss */ .drag-handle { width: 16px; height: 16px; background-color: #ddd; background: url("images/move-icon.png") no-repeat center center; position: relative; float: left; margin-right: 10px; cursor: move; } /* line 1201, ../sass/components.scss */ .drag-handle-up-down { width: 16px; height: 16px; background-color: #ddd; background: url("images/move-icon-up-down.png") no-repeat center center; position: relative; float: left; margin-right: 10px; margin-left: 5px; cursor: move; } /* FILTER STATE COLORS */ /* line 1220, ../sass/components.scss */ .encodingState { position: relative; top: 5px; display: inline-block; font-family: HNB, Helvetica, Arial, sans-serif; font-size: 11px; margin-right: 4px; } /* line 1228, ../sass/components.scss */ .encodingState > * { position: relative; float: left; clear: none; } /* line 1235, ../sass/components.scss */ .encodingState .encodingStateCount { height: 16px; width: 16px; border-radius: 8px; position: relative; line-height: 22px !important; color: white; font-size: 14px; /*outline: 1px solid #333;*/ text-align: center; background-color: transparent !important; color: #333; left: -2px; font-family: HNL,Helvetica, Arial, sans-serif; /* background-color: transparent !important; color: #333;*/ /* background-color: #ddd !important;*/ } /* line 1257, ../sass/components.scss */ .column-id-encodingStates .table-form-value { padding: 0px 6px !important; } /* line 1263, ../sass/components.scss */ .encodingStateIcon { width: 16px; height: 16px; position: relative; float: left; margin-right: 3px; } /* line 1271, ../sass/components.scss */ .encodingStateDelayed, .encodingStateAcknowledged { display: none; } /* line 1277, ../sass/components.scss */ .encodingStateCompleted .encodingStateIcon { background: transparent url("/styles/themes/mediaManager/images/encoding_state_completed.png") no-repeat center center/contain; } /* line 1283, ../sass/components.scss */ .encodingStateCompleted.encodingStateCount-empty .encodingStateIcon { background: transparent url("/styles/themes/mediaManager/images/encoding_state_completed_empty.png") no-repeat center center/contain; } /* line 1289, ../sass/components.scss */ .encodingStateFailed .encodingStateCount { background-color: #ff5e55; } /* line 1292, ../sass/components.scss */ .encodingStateFailed .encodingStateIcon { background: transparent url("/styles/themes/mediaManager/images/encoding_state_failed.png") no-repeat center center/contain; } /* line 1299, ../sass/components.scss */ .encodingStateFailed.encodingStateCount-empty .encodingStateIcon { background: transparent url("/styles/themes/mediaManager/images/encoding_state_failed_empty.png") no-repeat center center/contain; } /* line 1305, ../sass/components.scss */ .encodingStateQueued.encodingStateCount-empty .encodingStateIcon { background: transparent url("/styles/themes/mediaManager/images/encoding_state_queued_empty.png") no-repeat center center/contain; } /* line 1311, ../sass/components.scss */ .encodingStateQueued .encodingStateIcon { background: transparent url("/styles/themes/mediaManager/images/encoding_state_queued.png") no-repeat center center/contain; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } /* line 1328, ../sass/components.scss */ .encodingStateEncoding.encodingStateCount-full .encodingStateIcon { -webkit-animation-name: rotate; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 4s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: rotate; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; transition-property: transform; transition-duration: 1s; background: transparent url("/styles/themes/mediaManager/images/encoding_state_encoding.png") no-repeat center center/contain; } /* line 1351, ../sass/components.scss */ .encodingStateEncoding.encodingStateCount-empty { background: transparent url("/styles/themes/mediaManager/images/encoding_state_encoding_empty.png") no-repeat left center/contain; } /* line 1355, ../sass/components.scss */ .encodingStateCount-empty { opacity: 0.4; } /* line 1359, ../sass/components.scss */ .switchPreloaderComponent { position: absolute; top: 0; left: 0px; bottom: 0px; right: 0px; background-color: white; } /* line 1368, ../sass/components.scss */ .switchPreloaderComponent .switchPreloaderSubWrapper { background: #eee; border-radius: 8px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* line 1377, ../sass/components.scss */ .switchPreloaderComponent .textContainer { position: absolute; top: 50%; left: 50%; width: 100px; text-align: center; margin-left: -50px; font-size: 29px; margin-top: -35px; } /* line 1388, ../sass/components.scss */ .switchPreloaderComponent .loadingContainer { height: 25px; /*background-color: #ddd;*/ position: absolute; bottom: -30px; font-size: 16px; width: 115px; left: 10px; text-align: center; border-radius: 4px; padding: 3px 3px; font-family: Ubuntu,Helvetica, Arial, sans-serif; } /* line 1405, ../sass/components.scss */ .switchPreloaderComponent .loadingContainer .ellipsis { line-height: 0px; font-size: 40px; color: #494949; position: absolute; right: 0px; text-align: left; width: 50px; } /* line 1415, ../sass/components.scss */ .switchPreloaderComponent .loadingContainer .loading { position: absolute; left: 0px; color: #494949; } /* VARIABLES */ /* Navigation */ /* MISC */ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /* 45 .price { @extend %currency; }*/ @keyframes alertMe { /* line 264, ../sass/mixins.scss */ from { border-width: 3px; border-color: gold; } /* line 268, ../sass/mixins.scss */ to { border-width: 0; border-color: rgba(255, 215, 0, 0.1); } } /* line 7, ../sass/platform.scss */ .sticky-headers { margin-left: 0px; } /* SECTIONS */ #no-player-content { padding: 15px 10px 10px 10px; } /* SECTIONS */ /* VARIABLES */ /* Navigation */ /* MISC */ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /* 45 .price { @extend %currency; }*/ @keyframes alertMe { from { border-width: 3px; border-color: gold; } to { border-width: 0; border-color: rgba(255, 215, 0, 0.1); } } .component-video-preview .form-type-html > .input-wrapper-category-tree-content, .component-video-preview .form-type-html > .input-wrapper-category-tree-selection-content { padding-left: 0px !important; } #section-left-column { padding-bottom: 10px; /* padding:0;*/ } .expandable-panel .section-title:hover { cursor: pointer; text-decoration: underline; } .section { position: relative; padding: 10px 10px; } h2.section-title { text-transform: uppercase; font-size: 15px; padding: 5px 0px; font-family: Ubuntu, Arial, Helvetica, sans-serif; font-weight: normal; } body { overflow: auto !important; } #section-wrapper { margin: 0 auto; width: 100%; height: 100%; overflow: auto; padding: 0px; padding-top: 90px; position: relative; z-index: 2; } #section-wrapper > .section { padding-left: 15px; padding-right: 15px; } #section-header { width: 100%; min-height: 48px; padding-bottom: 0; padding-top: 0; background: url(/styles/themes/mediaManager/images/header-top.gif) repeat-x; position: relative; top: 0; z-index: 4; position: fixed; display: grid; grid-template-columns: 160px 1fr 245px; } #section-content-top { width: 100%; background: url(/styles/themes/mediaManager/images/title-bg.gif) repeat-x; padding-bottom: 0; min-height: 40px; position: fixed; top: 48px; z-index: 3; line-height: normal; display: flex; } #section-main { width: 100%; overflow: hidden; padding: 0; min-height: 100%; background-color: transparent; overflow-x: auto; position: relative; /*z-index: 10;*/ } #section-main .component { position: relative; overflow: visible; } #section-footer { width: 100%; padding: 0; background-color: #991014; height: 55px; position: relative; overflow: hidden; background: url(/styles/themes/mediaManager/images/footer-bg.gif) repeat-x; z-index: 0; } @media screen and (max-width: 760px), only screen and (max-device-width: 760px) { #section-wrapper > .section { /*min-height: 400px;*/ /*float: left;*/ padding-left: 23px; } } #section-main.section-1-columns { /*padding-right: 0em;*/ /*padding-left: 8px;*/ padding-left: 2px !important; padding-right: 0px !important; } #section-main.section-1-columns .table-form-no-results-content { margin-top: 2px; margin-left: 0; } #section-main.section-1-columns .messages-holder { padding-left: 0; } #section-main.section-1-columns #component-messages { margin-left: 0px; margin-right: 0px; } #section-main.section-1-columns .messages-holder { margin-right: 1px; } #section-main.section-1-columns #section-content > .scrollbar { top: 91px; bottom: 58px; } #section-main.section-1-columns > #section-content { /* padding: 10px 20px;*/ } #section-main.section-3-columns { padding: 0px 0px; } #section-developer { display: none; } #section-system-messages { width: 100%; padding: 0; margin-left: 5px; position: relative; } #section-sub-content-top { width: 100%; position: relative; float: left; clear: both; } #section-main > .section { /*min-height: 400px;*/ float: left; } #section-right-column { line-height: normal; margin-top: -14px; } #section-right-column .expandable-panel-icon { width: 14px; height: 14px; position: absolute; right: 15px; top: 12px; background: url(/styles/themes/mediaManager/images/toggle_left.png) no-repeat transparent 0 0/contain; } #section-left-column { padding: 0 !important; line-height: normal; min-height: 0px; overflow: auto; height: 100%; } #section-left-column > * { padding-left: 15px; padding-right: 15px; } #section-left-column .section-title { line-height: 40px; padding: 0px 10px 0px 20px; border-bottom: 1px solid #d0d0d1; overflow: visible; position: relative; } #section-left-column .section-title .expandable-panel-icon { width: 14px; height: 14px; position: absolute; right: 15px; top: 12px; background: url(/styles/themes/mediaManager/images/toggle_left.png) no-repeat transparent 0 0/contain; } #section-left-column .section-title.panel-collapsed .expandable-panel-icon { background: url(/styles/themes/mediaManager/images/toggle_left.png) transparent 7px 6px/14px auto; } #section-left-column > .scroll-wrapper > .component { padding: 10px 10px 10px 20px; } #section-left-column form { padding-right: 5px; width: 100%; } #section-left-column form .form-field > .input-wrapper > input { width: 100%; } #section-left-column .form-field { position: relative; float: left; clear: both; width: 100%; } #section-left-column .customSelect-options-wrapper { min-width: 162px; } #section-main.section-1-columns { /* padding: 0px 15px 0px 15px;*/ } #section-main.section-1-columns form { width: 100%; max-width: 100000000000px; } #section-main.section-1-columns #section-content > .scrollbar { position: fixed !important; right: 3px; } #section-content > .component { overflow: auto; } #section-left-column > .scroll-wrapper { padding-left: 0px !important; } #section-right-column { /* padding-right: 0px !important;*/ background-color: white; } #section-right-column form .input-wrapper { width: 100%; } #section-right-column form .input-wrapper input { width: 100%; } #section-right-column form .input-wrapper input[type=checkbox] { width: auto; } #section-main.section-3-columns #section-right-column { padding: 0; } #section-main.section-2-columns #section-left-column { width: 200px; height: 100%; position: absolute; left: 0; z-index: 1; overflow: auto; float: left; background: white; } #section-main.section-2-columns #section-right-column { width: 200px; height: 100%; position: absolute; right: 0px; z-index: 1; overflow: auto; float: right; } #section-main.section-2-columns #section-content { width: auto; height: auto; overflow: auto; position: absolute; padding-left: 0; } #section-main.section-2-columns #section-content.column-2 { border-left: 1px solid #d0d0d1; right: 0; /* height: 100%;*/ z-index: 0; left: 200px; } #section-main.section-2-columns #section-content.column-2 .table-form-controls { /*left: 200px;*/ } #section-main.section-2-columns #section-content.column-1 { right: 200px; left: 0px; } #section-content { width: 100%; height: 100% !important; overflow: auto; overflow-x: hidden !important; padding-top: 0px; padding-right: 0px; } #section-content form { width: 100%; /* max-width:400px;*/ } #section-content form .field-tooltip { right: 0px; } #section-content form .fields-holder > .form-field { position: relative; float: left; clear: both; } #section-content .table-form-holder form { max-width: 100% !important; } #section-content #component-messages { margin-left: 8px; margin-top: 0; margin-bottom: 0; margin-right: 4px; } #section-content #component-messages .messages-holder { margin: 0; } .section-1-columns #section-content { padding-left: 0; } .section-1-columns #section-content .table-form-controls { left: 0px; } .section-1-columns #section-content .messages-holder { /* padding-left: 2px; padding-right: 2px*/ } #section-content-bottom { width: 100%; position: relative; padding: 0em; } div#section-content .table-form-holder { overflow: visible; } div#section-content .table-form-holder .form-buttons { width: auto; left: 20px; } div#section-content .component-epg-tool { overflow: visible !important; } .ajax-preloader-holder { position: absolute; z-index: 100000000; top: 0; left: 0; right: 0; bottom: 0px; background-color: white; height: 100%; background: white url(/styles/themes/mediaManager/images/preloader-switch.gif) no-repeat center center; } #section-outer { position: fixed; z-index: 1; } .section-2-columns > #section-content #component-messages { margin-left: 8px; } #section-left-column.collapsed { background-color: #ebebeb; z-index: 0; width: 40px !important; } #section-left-column.collapsed form { display: none; } #section-left-column.collapsed .section-title { font-size: 0px; border-bottom: 0px solid #999; padding: 5px; line-height: auto; height: 100%; } #section-left-column.collapsed .section-title:hover .expandable-panel-icon { background-color: #ddd; top: 4px; left: 4px; padding: 14px; background: rgba(0, 0, 0, 0) url("/styles/themes/mediaManager/images/toggle_right.png") no-repeat scroll 7px 7px/12px auto; border-radius: 4px; border: 1px solid #d2d2d2; } #section-left-column.collapsed .expandable-panel-icon { font-size: 1px; left: 12px; background: url("/styles/themes/mediaManager/images/toggle_right.png") no-repeat scroll 0 0/contain; } #section-content.expanded { left: 40px !important; } #section-content.expanded .table-form-controls { left: 40px !important; } #section-content.right-column-collapsed { right: 40px !important; } #section-content.right-column-collapsed .table-form-controls { right: 40px !important; } #section-right-column.collapsed, #section-tile-details.collapsed { cursor: pointer; background-color: #ebebeb !important; height: 100% !important; width: 40px !important; } #section-right-column.collapsed .fields-holder, #section-right-column.collapsed .form-btn-submit, #section-right-column.collapsed .component-messages, #section-tile-details.collapsed .fields-holder, #section-tile-details.collapsed .form-btn-submit, #section-tile-details.collapsed .component-messages { display: none !important; } #section-right-column.collapsed .section, #section-tile-details.collapsed .section { background-color: #ebebeb !important; } #section-right-column.collapsed .section .section-title, #section-tile-details.collapsed .section .section-title { display: none; } #section-right-column.collapsed .form-buttons, #section-tile-details.collapsed .form-buttons { background-color: #ebebeb !important; } #section-right-column.collapsed:hover .toggleRight, #section-tile-details.collapsed:hover .toggleRight { background-color: #f8f8f8; } #section-right-column.collapsed .toggleRight, #section-tile-details.collapsed .toggleRight { margin-left: 2px !important; height: 30px; margin-top: 9px !important; background: #f5f6f6 url("/styles/themes/mediaManager/images/toggle_left.png") no-repeat scroll 7px 6px/14px auto; } .page-media-manager #section-right-column .toggleRight { border: 1px solid #f5f6f6; } .page-media-manager #section-right-column.collapsed .toggleRight { border: 1px solid #d0d0d1; } #section-right-column .section { height: 100%; width: 100%; overflow-x: hidden; } #section-right-column .section > .toggleRight { top: 2px; } #section-right-column .section .section-title { width: 100%; padding: 20px; font-size: 20px; text-align: center; top: 50%; position: absolute; text-transform: none; margin-top: -80px; } #section-main.section-3-columns #section-left-column { width: 210px; top: 0; height: auto; bottom: 0px; right: 0px; position: absolute; left: 0px; z-index: 1; border-right: 1px solid #d0d0d1; } #section-main.section-3-columns #section-content { width: auto; height: 100%; position: absolute; left: 210px; right: 316px; z-index: 0; padding-left: 0; } #section-main.section-3-columns #section-content .scrollbar { right: 243px; } #section-main.section-3-columns #section-content .table-form-wrapper .external-fields-hodler { padding-left: 3px; } #section-main.section-3-columns #section-content .table-form-wrapper .external-fields-hodler > * { margin-top: 1px !important; } #section-main.section-3-columns #section-content .table-form-wrapper .external-fields-hodler .form-type-button { margin-bottom: 0; } #section-main.section-3-columns #section-content .table-form-wrapper .external-fields-hodler .form-type-button .input-wrapper { margin: 0; margin-top: 2px; } #section-main.section-3-columns #section-content .table-form-holder { padding-bottom: 50px; } #section-main.section-3-columns #section-content .table-form-holder table { border-left: 0px solid #999; border-right: 0px solid #999; } #section-main.section-3-columns #section-content .table-form-controls { left: 210px; right: 316px; bottom: 0; position: fixed !important; width: auto !important; } #section-main.section-3-columns #section-content .actions .actions-btn ul { /* right: 254px !important;*/ } #section-main.section-3-columns #section-right-column { position: absolute; right: 0px; width: 316px; height: 100%; border-left: 1px solid #d0d0d1; z-index: 1; overflow: auto; } /* TABLE FORMS */ /* VARIABLES */ /* Navigation */ /* MISC */ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /* 45 .price { @extend %currency; }*/ @keyframes alertMe { from { border-width: 3px; border-color: gold; } to { border-width: 0; border-color: rgba(255, 215, 0, 0.1); } } .no-display-field .form-field { display: block !important; } .table-form-wrapper .form-buttons { width: auto; float: left; } .table-form-filtered-no-results-content, .table-form-no-results-content { margin-top: 15px; margin-left: 15px; } .tableFormWrapper .external-fields-hodler .form-type-button .input-wrapper { margin-top: -1px; } .table-form { position: relative; float: left; } .table-form .form-field { margin-top: 0; margin-bottom: 0; } .table-form th, .table-form td { border-color: #d0d0d1; } .table-form textarea { width: auto; } .table-form td { height: 32px !important; } .table-form .field-error { display: block !important; opacity: 1 !important; } .table-form .field-error .customSelect { top: 5px !important; } .table-form .field-error .customSelect-value { background-color: #FBC6CA; } .table-form .field-error input, .table-form .field-error textarea, .table-form .field-error select { background-color: #FFDBE1 !important; } .table-form .error-description { display: none; } .table-form .customSelect-value { border: none; outline: none; box-shadow: 0; } .table-form .customSelect { position: absolute; top: -1px !important; bottom: 1px; right: 2px; left: 1px; width: auto; height: 32px; } .table-form .customSelect input[type='text'], .table-form .customSelect textarea, .table-form .customSelect select, .table-form .customSelect .customSelect-value { -moz-box-shadow: 0px 0px 0px 1px white; -webkit-box-shadow: 0px 0px 0px 1px white; box-shadow: 0px 0px 0px 1px white; } .table-form .table-form-field { bottom: 0px; display: none; left: 0px; position: absolute; right: 2px; top: 1px; z-index: 1; } .table-form .table-form-field .field-tooltip { right: 0px !important; z-index: 10000; top: 0px; } .table-form .table-form-field .form-type-text, .table-form .table-form-field .form-type-date { position: relative; } .table-form .table-form-field input[type='text'], .table-form .table-form-field input[type='date'], .table-form .table-form-field input[type='email'] { background-color: #FFFFFF; border: medium none; bottom: 0; height: 25px; left: 1px; position: absolute; right: 2px; bottom: -5px; width: 100% !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -moz-box-shadow: 1.5px 1px 2px 1px #707070; -webkit-box-shadow: 1.5px 1px 2px 1px #707070; box-shadow: 1.5px 1px 2px 1px #707070; margin-top: -2px !important; } .table-form .table-form-field textarea { width: 100%; height: 100%; border: none; -moz-box-shadow: 2px 2px 2px 2px #707070; -webkit-box-shadow: 2px 2px 2px 2px #707070; box-shadow: 2px 2px 2px 2px #707070; } .table-form .table-form-field select { cursor: pointer; border: none; background: white; height: 24px; width: 100%; padding: 5px; -moz-box-shadow: 1.5px 1px 2px 1px #707070; -webkit-box-shadow: 1.5px 1px 2px 1px #707070; box-shadow: 1.5px 1px 2px 1px #707070; } .table-form .table-form-field select option { /*font-size: 10px;*/ padding: 2px; } .table-form .table-form-cell a { color: #333; } .table-form .table-form-cell > .form-type-field-group { position: relative; height: 100%; } .table-form .table-form-cell > .form-type-field-group > .field-group-wrapper { height: 100%; width: 100%; } .table-form .form-type-select.field-error { top: -6px !important; } .table-form .field-read .table-form-value { cursor: auto; padding: 1em; } .table-form .column-1 { border-left: none; } .table-form span.publishing-state { margin: 0 auto; position: absolute; left: 50% !important; margin-left: -5px; height: 10px; width: 10px; border-radius: 5px; z-index: 10; top: 10px !important; } .table-form span.publishing-state-expired { background-color: #dd402e; } .table-form span.publishing-state-published { background-color: #aacf37; } .table-form tr:hover td, .table-form .fakeTable-row:hover .fakeTable-td { background-color: #EFF7CF; } .table-form .table-header-content { padding-top: 4px; padding-bottom: 2px; } .modal .table-form-wrapper form div.form-field { min-height: 16px !important; } .table-form-holder .form-buttons { display: none !important; position: absolute; bottom: -40px; left: 20px; } .table-form-holder .fields-holder { overflow: hidden; } .table-form-holder form .field-read .fields-holder { width: 100%; } .table-form-holder thead { top: 0; } .table-form-holder table, .table-form-holder .fakeTable { border-top: 1px solid #d0d0d1; border-bottom: 1px solid #d0d0d1; border-left: 1px solid #d0d0d1; border-right: 1px solid #d0d0d1; } .table-form-row { overflow: visible; } .table-form-row td, .table-form-row .fakeTable-td { /*overflow: visible !important;*/ } .table-form-row .customSelect-options-wrapper { height: 100% !important; } #section-content .table-form-holder { width: 100%; float: left; clear: both; } /*form.form-display-only{ .field-read{ .fields-holder{ width: 100%; } } }*/ .table-form-controls { background: url("/styles/themes/mediaManager/images/table-footer-bg.gif") repeat-x 0 -1px; position: relative; width: 100%; height: 50px; float: left; clear: both; } .table-form-controls .form-buttons { position: relative; float: left; clear: none; margin-top: 10px; } .table-form-controls .form-buttons > * { position: relative; float: left; clear: none; margin-right: 5px; } .table-form-controls .form-buttons > * input { margin: 0; } .table-form-controls .pager { position: relative; float: right; width: auto; margin-top: 10px; margin-right: 20px; } .table-form-controls .table-form-items-per-page { position: relative; float: right; width: auto; margin-top: 15px; margin-right: 1px; width: 156px !important; } .table-form-controls .table-form-items-per-page .form-type-select { position: relative; float: right; width: 60px; top: -8px; } .table-form-controls .table-form-items-per-page .customSelect { top: -2px; width: 50px; box-shadow: 0 0 0 0 #bfbfbf !important; } .table-form-controls .table-form-items-per-page .customSelect .customSelect-value { box-shadow: 0 0 0 0 #bfbfbf !important; background: none; border: 0px !important; padding-right: 2px; } .table-form-controls .table-form-items-per-page .customSelect .customSelect-value:after { color: #707070; content: "\25be"; font-size: 9px; margin-left: 5px !important; position: relative; top: -1px; right: 0px; } .table-form-controls .table-form-items-per-page .customSelect-options-wrapper { width: 80px !important; min-width: 80px !important; margin-top: -8px; } .table-form-controls > * { position: relative; float: left; clear: none; } .table-form-controls > .form-buttons { margin-top: 10px; margin-left: 10px; } .table-form-controls > ul.pager { clear: none; list-style: none; } .table-form-controls-mini { position: absolute; } .table-form-no-results-content { padding: 5px 10px; padding-left: 0; z-index: 100; } .table-form-no-results-content p a { display: inline !important; } .modal .table-form-no-results-content { /* min-height:58px;*/ } .table-view { width: 100%; } .error-reporting-table-message-hilight { font-family: HNB; } /* COLUMN TYPES */ .column-id-index { padding: 0px; width: 30px !important; font-size: .9em; text-align: center; font-family: HNL,Helvetica, Arial, sans-serif !important; border-right: none !important; background-color: #ebebeb; } .column-id-index .table-header-content { /* padding: 0 !important;*/ font-weight: normal; } .column-id-ID { width: 50px; text-align: left; } .column-id-action { width: 20px !important; overflow: hidden !important; overflow: visible; /*border-left: 1px dotted #d0d0d1 !important;*/ border-right-width: 0px !important; border-bottom: 0px !important; padding: 0px !important; width: 40px !important; /* max-height:30px !important;*/ overflow: hidden; border-right: 0px solid #999; } .column-id-action .table-header-content { background: url("/styles/themes/mediaManager/images/cog_table_grey_retina.png") no-repeat scroll center center/14px transparent; height: 28px; /* color: #707070; font-size: 8px; padding: 0 ; position: absolute ; width: 100%; top: -2px;*/ } .column-id-thumbnail { width: 57px; } .column-id-thumbnail .table-form-link { height: 30px !important; position: relative; overflow: visible !important; padding: 0; } .column-id-thumbnail .table-form-link a { position: absolute; top: 0; left: 0px; right: 0px; bottom: 0px; margin-left: 2px; margin-top: -1px; } .column-id-orderHandle { width: 40px; } .column-id-orderHandle .form-field { width: 16px; height: 16px; position: absolute; left: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; cursor: move !important; padding: 0 !important; } .column-id-type { width: 60px; } .column-id-type .table-form-value { min-height: 30px !important; top: 8px; } .column-id-type .form-field { padding: 0 !important; } .column-id-type .media-type { position: absolute !important; width: 16px; height: 16px; left: 20px; top: 2px; border-radius: 0px; background: transparent url(/styles/themes/mediaManager/images/sprites.png) no-repeat; } #media-type-filter-video span, .column-id-type .media-type-VIDEO { background-position: -200px -400px; } #media-type-filter-audio span, .column-id-type .media-type-AUDIO { background-position: -200px -250px; } #media-type-filter-image span, .column-id-type .media-type-IMAGE { background-position: -200px -349px; } #media-type-filter-document span, .column-id-type .media-type-GENERIC { background-position: -200px -300px; } .column-id-multiAction { width: 30px; border-right: none; } .column-id-multiAction .form-type-checkbox { padding: 0px 6px !important; } .column-id-multiAction input { position: relative; top: 5px; } .column-id-multiAction .form-field { height: auto !important; } .column-id-multiAction .table-header-content { display: none; } .column-id-multiAction > input { position: absolute; top: 4px; left: 6px; } .column-id-multiAction > label { width: 100%; position: relative; display: block; padding: 0; margin: 0; min-height: 32px; } .column-id-multiAction > label > input { top: 8px; left: 7px; } .column-id-multiAction .toggleMultiAction { top: 7px; left: 7px; } .tableFormNavigation { width: 100%; height: 30px; position: relative; top: 0; } .tableFormNavigation .actions-btn > a { width: 100%; } .table-form-link { position: relative; width: 100%; display: block; padding: 0; min-height: 32px; height: auto !important; width: 100%; } .table-form-link a { height: 100%; padding: 9px 8px 7px; width: 100%; display: block; font-size: 13px; } .fakeTable { display: table; width: 100%; } .fakeTable .fakeTable-thead { max-height: 27px; } .fakeTable .fakeTable-row { width: 100%; position: relative; float: left; clear: both; height: 32px; overflow: hidden; } .fakeTable .fakeTable-th { border-right: 0px solid #999 !important; border-left: 1px solid #d0d0d1; } .fakeTable .fakeTable-th, .fakeTable .fakeTable-td { /* float: left;*/ display: block; overflow: hidden; min-height: 32px; border-left: 1px solid #d0d0d1; } .fakeTable .fakeTable-th.column-1, .fakeTable .fakeTable-td.column-1 { border-left-width: 0px; } .fakeTable .fakeTable-td { /* left: -1px;*/ } .fakeTable .fakeTable-thead, .fakeTable .fakeTable-tbody { width: 100%; overflow: auto; } .fakeTable .fakeTable-tbody { top: 0px !important; position: relative; } .fakeTable .fakeTable-thead { height: 31px; overflow: hidden !important; } .fakeTable .fakeTable-td .table-form-link { padding: 0; } .fakeTable .fakeTable-td .table-form-link a { padding: 7px 10px; } .fakeTable .fakeTable-td .table-form-link a:hover { text-decoration: underline; } .fakeTable .toggleMultiAction { top: 7px; left: 7px; } .fakeTable .column-id-position, .fakeTable .column-id-order { width: 80px; float: left; } .fakeTable .column-id-position .form-type-display, .fakeTable .column-id-order .form-type-display { text-align: center !important; position: absolute; left: 0; right: 0px; cursor: pointer; } .fakeTable .column-id-position input, .fakeTable .column-id-order input { text-align: center; } .fakeTable .column-id-position .drag-handle-up-down, .fakeTable .column-id-order .drag-handle-up-down { margin-right: 0; top: 7px; left: 4px; -ms-touch-action: none; } .fakeTable .column-id-position div.drag-handle-up-down, .fakeTable .column-id-order div.drag-handle-up-down { margin-left: 2px !important; margin-top: 0px !important; } div.table-form-modal div.table-form-no-results div.table-form-holder div.tableFormWrapper { margin-top: 50px; } div.table-form-modal div.table-form-no-results div.table-form-holder div.tableFormWrapper div.table-form-no-results-content { /*padding-bottom: 0px !important; padding-top: 15px !important; height: auto !important; min-height:45px;*/ } .multi-line { overflow: auto !important; text-overflow: inherit !important; width: 100% !important; white-space: normal !important; height: auto !important; max-height: 1000px; line-height: 16px !important; padding-top: 10px !important; padding-bottom: 6px !important; margin-top: 0 !important; max-height: 100px !important; min-height: 100% !important; display: block !important; /*vertical-align:middle !important;*/ } a.multi-line { height: 100% !important; } .table-form-link { min-height: 100% !important; } a.resetTableFormOrdering { width: 15px; height: 15px; color: #9EBB1C; } a.resetTableFormOrdering:hover { text-decoration: none !important; background: url("/styles/themes/mediaManager/images/btn-cross.png") no-repeat center center; font-size: 0px; color: #fff !important; } .sort-direction { width: 15px; height: 15px; position: absolute; right: 2px; top: 4px; z-index: 20; } .input-wrapper-search-filter > div > input { top: 0px !important; } .tableForm-search-no-results { position: relative !important; float: left !important; clear: both; } div.table-form-no-results .table-form { border: 0px; border-bottom: 0px solid #f1f1f1 !important; } .table-header-content > a.hasOrdering { padding-right: 15px; } .tableFormSearchHilight { background-color: #FFFF5C; background-color: #CBE52B; background-color: #FFFF5C; border-radius: 2px; padding: 1px; } .table-form-cell .message { border-top: none; border-right: none; border-left: none; margin-top: 0px; border-radius: 0px; border-bottom-style: dotted; } .tableFormWrapper .external-fields-hodler > * { position: relative; float: left; clear: none; margin-top: 6px; margin-bottom: 4px; margin-right: 4px; } .tableFormWrapper .external-fields-hodler .multiActionBtn { z-index: 45; right: 0px; } .input-wrapper-noDataContent { padding: 0 !important; } .table-form-modal .tableFormSearch { margin-top: 8px !important; } .table-form-modal .tableFormSearch .fields-holder { background-color: transparent !important; } .table-form-holder .fields-holder { overflow-x: auto; } /* Table Form Cell Display */ div.table-form-value, div.table-header-content { top: 1px; padding-top: 6px; min-height: 32px; position: relative; padding-left: 6px; padding-right: 6px; /* padding: 0px 6px 0px;*/ line-height: 20px; font-size: 13px; } div.table-form-value .field-tooltip, div.table-header-content .field-tooltip { position: absolute; top: 6px !important; right: 6px !important; } div.table-form-holder div.table-form-value { padding-top: 6px; padding-left: 6px; } div.table-header-content { min-height: 26px !important; padding-bottom: 0 !important; } .display-value-holder, .table-form-cell > .nav-link-wrapper > a, .table-form-value, .extra-column, .display-value, .field-html-value, .table-header-content, .table-header-content a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .loadingTableFormCell { opacity: 0.8; } .loadingTableFormCell .field-tooltip { display: none !important; } .field-write:hover .drag-handle-up-down { z-index: 1 !important; } .field-write:hover .table-form-value { background-color: #FFFFE0; color: black; } .field-write > .form-type-field-group { padding: 0 !important; position: relative !important; } .field-write input { top: 4px !important; position: absolute !important; } .field-write .field-tooltip { top: 5px !important; } .field-write .table-form-value { cursor: pointer; padding: 6px 6px; } .field-write textarea { min-width: 500px; padding: 10px; } .field-write .form-type-text { /*min-width: 200px;*/ } .field-write { /* > .form-field{ top:0px; right: 0px; }*/ } .field-write .date-icon { display: none; } .field-write .form-type-select a.customSelect { z-index: 2; } .field-write .form-type-select a.customSelect .customSelect-options-wrapper { min-width: 200px; } .field-write .form-type-select a.customSelect .customSelect-value { border-radius: 0; top: 2px; max-height: 28px; } .field-write .form-type-select a.customSelect .custom-select-search > input { border: none !important; -moz-box-shadow: 0px 0px 0px 0px #bfbfbf; -webkit-box-shadow: 0px 0px 0px 0px #bfbfbf; box-shadow: 0px 0px 0px 0px #bfbfbf; } .field-write .form-type-checkbox { overflow: visible; top: -1px; } .field-write .form-type-checkbox > .input-wrapper { position: absolute; left: auto !important; border-radius: 4px; border: 1px solid #d0d0d1; top: -3px; width: 200px; max-height: 400px; overflow: auto !important; } .field-write .form-type-checkbox > .input-wrapper > .checkbox-options-wrapper { position: relative; /* width: 300px !important; height: 200px !important; right:0px; top:30px; left: auto !important;*/ } td.columnCollapsed > * { display: none !important; } th.columnCollapsed { overflow: visible !important; white-space: normal !important; } th.columnCollapsed .table-header-content { width: 25px !important; overflow: visible !important; } th.columnCollapsed .table-header-content > a { color: #d2d2d2; transform: rotate(90deg); transform-origin: left top 0; width: 100%; overflow: visible !important; left: 15px; top: 4px; /* &:hover{ color: #fff; }*/ } tr:hover .columnCollapsed { cursor: pointer; /*background-color: #c9c9c9 !important;*/ } .columnCollapsed { /*width: 25px !important;*/ /*background-color: #808080 !important;*/ } .columnCollapsed .sort-direction, .columnCollapsed .resetTableFormOrdering { display: none; } .errorFieldGroup { padding-left: 15px; } .errorFieldGroup > li { list-style-type: disc; } .errorFieldGroup .errorFieldName { font-family: HNB, Helvetica, Arial, sans-serif; } .errorFieldGroup .invalid-data-value { font-family: HNB, Helvetica, Arial, sans-serif; color: #2f2f2f !important; } .errorFieldGroup .fieldLink { font-family: HNB, Helvetica, Arial, sans-serif; text-decoration: underline; } .errorTypeLabel { font-family: HNB, Helvetica, Arial, sans-serif; } .tableFormWrapper .rowSelected td, .tableFormWrapper div.rowSelected div.fakeTable-td { background-color: #e9eed0 !important; } .mini-thumbnail { background: url(images/video-image-default-small.gif) no-repeat center center; overflow: hidden; max-width: 50px; min-width: 51px; max-height: 28px; min-height: 27px; left: 1px; margin-top: 3px; } .table-form-modal .table-form.sticky-headers { top: -2px !important; } .modal .table-form-wrapper { width: 100%; } .table-form-row.rowChecked .table-form-cell { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff7cf+0,eff7cf+87,dfeaba+100 */ background: #eff7cf; /* Old browsers */ background: -moz-linear-gradient(top, #eff7cf 0%, #eff7cf 87%, #dfeaba 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eff7cf 0%, #eff7cf 87%, #dfeaba 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eff7cf 0%, #eff7cf 87%, #dfeaba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff7cf', endColorstr='#dfeaba',GradientType=0 ); /* IE6-9 */ } .checkboxTrigger { cursor: pointer; } .thumbnail-holder.big-thumbnail { position: absolute; top: 7px; left: 10px; right: 10px; bottom: 8px; width: auto !important; overflow: hidden; } .thumbnail-holder.big-thumbnail img { cursor: pointer; } .imgDefault { cursor: auto !important; } .table-form-link > .goToPosition:after { top: 10px !important; right: 10px !important; } .table-form-cell > .table-form-link > .goToPosition:after { content: ' '; position: absolute; /* right: 6px; ; width: 16px; height: 16px;*/ top: 11px !important; width: 0; height: 0; right: 9px !important; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #366d9e; /*background: url(/styles/FormV2/themes/mediaManager/images/sprites.png) no-repeat -132px -92px;*/ } .table-form-cell > .table-form-link > .goToPosition:hover:after { border-left: 6px solid #609fdd; } .multiDragRowSelected .table-form-cell { background-color: #C5EDFF !important; } /* VARIABLES */ /* Navigation */ /* MISC */ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /* 45 .price { @extend %currency; }*/ @keyframes alertMe { from { border-width: 3px; border-color: gold; } to { border-width: 0; border-color: rgba(255, 215, 0, 0.1); } } /*.table-form-value,.field-html-value,.extra-column,.table-header-content, .table-header-content a, a{ @include truncate(); }*/ .table-form, .fakeTable { border-left: 1px solid #d0d0d1; border-right: 1px solid #d0d0d1; table-layout: fixed; border: none; width: 100%; border-collapse: collapse; font-size: 10px; } .table-form tbody, .table-form thead, .table-form .fakeTable-thead, .table-form .fakeTable-tbody, .fakeTable tbody, .fakeTable thead, .fakeTable .fakeTable-thead, .fakeTable .fakeTable-tbody { width: 100%; } .table-form td, .table-form th, .table-form .fakeTable-th, .table-form .fakeTable-td, .fakeTable td, .fakeTable th, .fakeTable .fakeTable-th, .fakeTable .fakeTable-td { /* .table-form-value,.field-html-value,.extra-column,.table-header-content, .table-header-content a, a{ @include truncate(); }*/ /* padding-left: 18px !important; padding-right: 18px !important;*/ } .table-form .field-html-value, .fakeTable .field-html-value { width: 100% !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-form th, .table-form .fakeTable-th, .fakeTable th, .fakeTable .fakeTable-th { /*padding: 8px;*/ background: #ebebeb; font-weight: bold; color: #707070; font-family: HNB, Arial, Helvetica, sans-serif; text-align: left; border-right: 1px solid #d0d0d1; border-bottom: none; /*border-top:1px solid #d0d0d1;*/ font-size: 14px; font-weight: normal; } .table-form th a, .table-form .fakeTable-th a, .fakeTable th a, .fakeTable .fakeTable-th a { font-weight: normal; color: #707070; font-size: 14px; } .table-form th a:hover, .table-form .fakeTable-th a:hover, .fakeTable th a:hover, .fakeTable .fakeTable-th a:hover { text-decoration: underline; } .table-form th .table-header-content, .table-form .fakeTable-th .table-header-content, .fakeTable th .table-header-content, .fakeTable .fakeTable-th .table-header-content { position: relative; width: 100%; /* .sort-direction{ font-size: 10px; position: absolute; right: 5px; top: 4px; width: auto; font-size: 9px; }*/ } .table-form th .table-header-content a, .table-form .fakeTable-th .table-header-content a, .fakeTable th .table-header-content a, .fakeTable .fakeTable-th .table-header-content a { position: relative; display: block; z-index: 1; } .table-form td, .table-form .fakeTable-td, .fakeTable td, .fakeTable .fakeTable-td { /*padding: 8px 18px 6px !important;*/ line-height: 22px; word-wrap: break-word; text-align: center; /* max-height:4px;*/ background-color: white; border: 1px solid #d0d0d1; border-top: none; border-bottom: none; border-right: none; color: #333; text-align: left; padding: 0; font-family: HNL,Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; } .table-form .row-odd td, .table-form .row-odd .fakeTable-td, .fakeTable .row-odd td, .fakeTable .row-odd .fakeTable-td { background-color: #f5f6f6; } .table-form .row-even td, .table-form .row-even .fakeTable-td, .fakeTable .row-even td, .fakeTable .row-even .fakeTable-td { background-color: white; } .table-form .key-index, .fakeTable .key-index { width: 30px; font-size: 9px !important; font-weight: bold; } .table-form tr:hover td.fakeTable-row:hover .fakeTable-td, .fakeTable tr:hover td.fakeTable-row:hover .fakeTable-td { /* color: #fff;*/ background-color: #e9eed0; } .sticky-headers { opacity: .9; } div.table-form-modal form.tableFormSearch > div.fields-holder { padding: 0 !important; } div.table-form-modal .table-form-no-results-content { width: auto !important; } /*form .fakeTable .column-id-multiAction .form-field { padding: 0 0px !important; }*/ .bootstrap-datetimepicker-widget, .datepicker { z-index: 10000 !important; } .markdown { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em; color: #262626; line-height: 1.6em; padding: 1.5em 0; } .markdown h1 { font-size: 2em; color: #0A76C3; margin: 0.5em 0; padding: 0.5em 0; } .markdown h2 { font-size: 1.5em; border-bottom: 1px solid #a7a7a7; margin: 0.5em 0; padding: 0.5em 0; } .markdown ul { margin-left: 0.5em; } .markdown ul li { list-style-type: disc; margin-left: 2em; } /* VARIABLES */ /* Navigation */ /* MISC */ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /* 45 .price { @extend %currency; }*/ @keyframes alertMe { /* line 264, ../sass/mixins.scss */ from { border-width: 3px; border-color: gold; } /* line 268, ../sass/mixins.scss */ to { border-width: 0; border-color: rgba(255, 215, 0, 0.1); } } /* VARIABLES */ /* Navigation */ /* MISC */ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /* 45 .price { @extend %currency; }*/ @keyframes alertMe { /* line 264, ../sass/mixins.scss */ from { border-width: 3px; border-color: gold; } /* line 268, ../sass/mixins.scss */ to { border-width: 0; border-color: rgba(255, 215, 0, 0.1); } } @media screen and (max-width: 1100px), only screen and (max-device-width: 1100px) { /* line 12, ../sass/responsive.scss */ .function-index #component-epgTool .table-form .column-id-title { width: 140px; } }