/*** Spectrum Colorpicker v1.8.1 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .sp-container { position:absolute; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: content-box; box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position:relative; width: 100%; display:inline-block; } .sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; } .sp-color { position: absolute; top:0; left:0; bottom:0; right:20%; } .sp-hue { position: absolute; top:0; right:0; bottom:0; left:84%; height: 100%; } .sp-clear-enabled .sp-hue { top:33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top:0; left:0; right:0; bottom:0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position:absolute; top:-4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position:absolute; top:0px; right:0; bottom:0; left:84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; -ms-user-select: none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(204, 154, 129, 0))); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(204, 154, 129, 0))); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000)); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { -webkit-border-radius: 5px; border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position:absolute; top:0; left: 0; } .sp-slider { position: absolute; top:0; cursor:pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { -webkit-border-radius: 0; border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float:right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background:transparent; -webkit-border-radius: 3px; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container , .sp-palette-container { float:left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position:relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin:0; overflow:hidden; cursor:pointer; padding: 4px; display:inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; } .sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float:left; font-size:10px; } .sp-preview { position:relative; width:25px; height: 20px; border: solid 1px #222; margin-right: 5px; float:left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width:16px; height: 16px; margin:2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom:0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .sp-cancel { font-size: 11px; color: #d93f3f !important; margin:0; padding:2px; margin-right: 5px; vertical-align: middle; -webkit-text-decoration:none; text-decoration:none; } .sp-cancel:hover { color: #d93f3f !important; -webkit-text-decoration: underline; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position:relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat:no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } /*! X-editable - v1.5.1 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * http://github.com/vitalets/x-editable * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ .editableform { margin-bottom: 0; /* overwrites bootstrap margin */ } .editableform .control-group { margin-bottom: 0; /* overwrites bootstrap margin */ white-space: nowrap; /* prevent wrapping buttons on new line */ line-height: 20px; /* overwriting bootstrap line-height. See #133 */ } /* BS3 width:1005 for inputs breaks editable form in popup See: https://github.com/vitalets/x-editable/issues/393 */ .editableform .form-control { width: auto; } .editable-buttons { display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ vertical-align: top; margin-left: 7px; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons.editable-buttons-bottom { display: block; margin-top: 7px; margin-left: 0; } .editable-input { vertical-align: top; display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ white-space: normal; /* reset white-space decalred in parent*/ /* display-inline emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons .editable-cancel { margin-left: 7px; } /*for jquery-ui buttons need set height to look more pretty*/ .editable-buttons button.ui-button-icon-only { height: 24px; width: 30px; } .editableform-loading { background: url(/dist/images/loading.56d4c7ce.gif) center center no-repeat; height: 25px; width: auto; min-width: 25px; } .editable-inline .editableform-loading { background-position: left 5px; } .editable-error-block { max-width: 300px; margin: 5px 0 0 0; width: auto; white-space: normal; } /*add padding for jquery ui*/ .editable-error-block.ui-state-error { padding: 3px; } .editable-error { color: red; } /* ---- For specific types ---- */ .editableform .editable-date { padding: 0; margin: 0; float: left; } /* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */ .editable-inline .add-on .icon-th { margin-top: 3px; margin-left: 1px; } /* checklist vertical alignment */ .editable-checklist label input[type="checkbox"], .editable-checklist label span { vertical-align: middle; margin: 0; } .editable-checklist label { white-space: nowrap; } /* set exact width of textarea to fit buttons toolbar */ .editable-wysihtml5 { width: 566px; height: 250px; } /* clear button shown as link in date inputs */ .editable-clear { clear: both; font-size: 0.9em; -webkit-text-decoration: none; text-decoration: none; text-align: right; } /* IOS-style clear button for text inputs */ .editable-clear-x { background: url(/dist/images/clear.240c0c64.png) center center no-repeat; display: block; width: 13px; height: 13px; position: absolute; opacity: 0.6; z-index: 100; top: 50%; right: 6px; margin-top: -6px; } .editable-clear-x:hover { opacity: 1; } .editable-pre-wrapped { white-space: pre-wrap; } .editable-container.editable-popup { max-width: none !important; /* without this rule poshytip/tooltip does not stretch */ } .editable-container.popover { width: auto; /* without this rule popover does not stretch */ } .editable-container.editable-inline { display: inline-block; vertical-align: middle; width: auto; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-container.ui-widget { font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */ } .editable-click, a.editable-click, a.editable-click:hover { -webkit-text-decoration: none; text-decoration: none; border-bottom: dashed 1px #0088cc; } .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover { color: #585858; cursor: default; border-bottom: none; } .editable-empty, .editable-empty:hover, .editable-empty:focus{ font-style: italic; color: #DD1144; /* border-bottom: none; */ -webkit-text-decoration: none; text-decoration: none; } .editable-unsaved { font-weight: bold; } .editable-unsaved:after { /* content: '*'*/ } .editable-bg-transition { -webkit-transition: background-color 1400ms ease-out; transition: background-color 1400ms ease-out; } /*see https://github.com/vitalets/x-editable/issues/139 */ .form-horizontal .editable { padding-top: 5px; display:inline-block; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { padding: 4px; -webkit-border-radius: 4px; border-radius: 4px; direction: ltr; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #fde19a; background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd49a), to(#fdf59a)); background-image: linear-gradient(top, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #000; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #fbf069 \9; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background-color: #f3d17a; background-image: -webkit-gradient(linear, left top, left bottom, from(#f3c17a), to(#f3e97a)); background-image: linear-gradient(top, #f3c17a, #f3e97a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #f3e97a; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #efe24b \9; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #9e9e9e; background-image: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#808080)); background-image: linear-gradient(top, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #595959; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #808080; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #666666 \9; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0044cc)); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px; } .datepicker table tr td span:hover { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #006dcc; background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0044cc)); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker th.datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #ffffff; vertical-align: middle; background-color: #eeeeee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; } /** * Utils/Text. */ .text-xsmall, .text-xs { font-size: 10px !important; } .btn.btn-small { min-width: 0; min-width: initial; } .text-small, .text-sm { font-size: 12px !important; } .btn-xs, .btn-sm { font-size: 10px !important; } .text-md { font-size: 14px; } .text-lg { font-size: 16px; } .text-xl { font-size: 18px; } .text-xxl { font-size: 20px; } .text-primary { color: #497fdc; } .text-warning { color: #f0ad4e; } .l-h-input { line-height: 50px !important; /* same as .form-control height */ } /** * Utils/Colors. */ .text-rc { color: #bd1a1f; } .text-info.text-lt { color: #749de4; } a { color: #4972d8; } .link-default, .link-default:focus, .link-default:hover { color: inherit; } .link-danger { color: #be1922; } /** * Utils/Tables */ .table.table-wiz { border-color: #fff; border-width: 0; margin-bottom: 0; } .table.table-wiz.table-striped > tbody > tr:nth-child(odd) { background-color: #f8f9fd; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-weight: normal; } .table.table-wiz > thead > tr > th, .table.table-wiz > tbody > tr > th, .table.table-wiz > tfoot > tr > th, .table.table-wiz > thead > tr > td, .table.table-wiz > tbody > tr > td, .table.table-wiz > tfoot > tr > td { border-color: #fff; font-size: 80%; padding: 6px 12px; word-break: break-word; } .table.table-wiz > thead > tr > th, .table.table-wiz > tbody > tr > th, .table.table-wiz > tfoot > tr > th { background-color: #577ddb; border-color: #91ABE8; color: #fafafa; padding: 6px 30px 6px 12px; text-transform: uppercase; white-space: nowrap; } a:focus, a:hover { color: #2d5cd2; } a.btn-link-success:hover, a.text-success:hover, a.btn-link-success:hover .wizicon, button.btn-link-success:hover { color: #449d44; fill: #449d44 } .vertical-separator-right { border-right: 1px solid #e4eaec; } .vertical-separator-left { border-left: 1px solid #e4eaec; } #message { height: 30px; width: 200px; margin-left: auto; margin-right: auto; } a { cursor: pointer; } /** * Utils/Btn. */ .btn { -webkit-box-shadow: none; box-shadow: none; font-size: 11px; line-height: 1.5em; min-width: 115px; } .btn:active, .btn.active { -webkit-box-shadow: none; box-shadow: none; } .btn-group .btn { -webkit-border-radius: 2px; border-radius: 2px; margin-right: 7px; margin-bottom: 5px; } .modal-header .btn { margin-top: -4px; } .js-publication-settings-choice .panel { position: relative; } .js-publication-settings-choice .panel .panel-heading { padding: 0; } .js-publication-settings-choice .panel .panel-heading > a { border: 1px solid #777777; -webkit-border-radius: 4px; border-radius: 4px; color: #777777; display: block; padding: 15px; } .js-publication-settings-choice .panel.in .panel-heading > a, .js-publication-settings-choice .panel .panel-heading > a:hover { color: #497FDC; border-color: #497FDC; } .js-publication-settings-choice .panel .panel-body { padding: 15px 0; } .js-publication-settings-choice .panel .switch-button { margin-left: 0; /* Forced to do this because of .form-group .switch-button */ } .js-publication-settings-choice .panel .checked-item { display: none; font-size: 9px; } .js-publication-settings-choice .choice-icon { display: block; font-size: 24px; line-height: 24px; /* Fix for wizicons */ margin-bottom: 10px; } .js-publication-settings-choice .choice-label { display: block; font-size: 12px; } .js-publication-settings-choice .choice-text { font-size: 13px; height: 50px; /* = .choice-icon height + .choice-label height | works in combination with .hbox and .col.col-middle */ } .js-publication-settings-choice .panel .checked-item .fa-stack-2x { color: #497FDC; } .js-publication-settings-choice .panel .checked-item .fa-stack-1x { color: #fff; line-height: 2em; /* Don't know why it's 2.4em, it must work for 14px * 2.4em but does not scale correctly at smaller sizes */ } .js-publication-settings-choice .panel.in .checked-item { display: block; position: absolute; top: 0; right: -1px; /* wizicons is rebellious */ } .btn.btn-xs { border-color: transparent; min-width: 0; padding: 3px 6px; } .btn-default { background-color: #fff; } .btn-default:hover { background-color: #eee; color: #444; } .btn-wizdefault { background-color: #f6f7fd; border-color: #e4eaec; color: #497FDC; } .btn-wizdefault:active, .btn-wizdefault:focus, .btn-wizdefault:hover { background-color: #F2F3F9; color: #2d5cd2; } .btn:before { display: inline-block; font-family: FontAwesome; font-size: 1.1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 0.5em; text-rendering: auto; vertical-align: middle; } .btn.btn-icon { position: relative; padding-left: 55px; /* border-width: 0; */ padding-right: 18px; } .btn.btn-icon.btn-sm { min-width: 0; padding-left: 45px; padding-right: 10px; } .btn.btn-icon [class*="fa fa-"] { position: absolute; top: 0; bottom: 0; left: 0; display: inline-block; width: 40px; border-right: 1px solid #f7f7f7; padding: 0 10px; line-height: 1.75em; } .btn.btn-icon.btn-sm [class*="fa fa-"] { font-size: 12px; line-height: 2.1em; width: 34px; } .disabled-icon { color: #9e9e9e; } .btn-trash:before { content: "\f1f8"; /* .fa.fa-trash */ } .social-box { background-color: #f6f7fd; border: 1px solid #e4e9ec; display: block; margin-bottom: 30px; text-align: center; } .social-box-img { display: block; margin: 0 auto 10px; } .social-box-title, .social-box-img { display: block; } .social-box-title a { color: #333; } .social-box a:hover { -webkit-text-decoration: underline; text-decoration: underline; } .social-box-btn { color: #333; } .social-box .wizicon { height: 50px; width: 50px; } .social-box-btn-facebook:hover { background-color: #3c5a99; } .social-box-btn-facebook:hover path.inside-svg-2 { fill: #3c5a99; } .social-box-btn-twitter:hover { background-color: #1da1f2; } .social-box-btn-linkedin:hover { background-color: #00669e; } .social-box-btn-linkedin:hover path.inside-svg-2 { fill: #00669e; } .social-box-btn-yammer:hover { background-color: #0072c6; } .social-box-btn:hover { color: #fff; } .social-box-btn:hover path { fill: #fff; } .fa-spin { top: -1px !important; -webkit-animation: none; animation: none; } .fa-spinner:before { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; display: inline-block; } .btn-lg { padding: 10px 40px; font-size: 14px; margin: 0 10px; } .timelines-contact .timeline > div > .btn { margin-left: 20px; } .contact-content .btn { float: right; } .btn-slim { min-width: 0; padding: 6px 9px; } .btn-close { background: transparent; border: solid thin #c0c0c0; color: #c0c0c0; } .btn-close:hover { border-color: #626262; color: #626262; } .btn-min { min-width: 0; background-color: white; -webkit-border-radius: 17px; border-radius: 17px; margin-right: 4px; border: none; padding: 6px 14px; } .btn-min-primary { color: #497FDC; border-color: #497FDC; background-color: rgba(31, 84, 197, 0.04); } .btn-min-primary:hover { color: #2d6bd7; } .btn-min-danger:hover .fa-trash { color: rgba(255, 0, 0, 0.78) !important; } .btn-min-danger { color: #BE1922; border-color: #BE1922; background-color: rgba(190, 25, 34, 0.07); } .btn-primary-outline { border-color: #497fdc; color: #497fdc !important; background-color: #fff; padding: 5px 12px; } .btn-primary-outline:hover { border-color: #497fdc; color: #497fdc !important; background-color: #fff; } .btn.btn-primary-outline.btn-icon [class*="fa fa-"] { border-right: 1px solid #2d6bd7; line-height: 1.65em; } .btn-success-outline, .btn-success-outline:hover { border-color: #4ac13a; color: #4ac13a; background-color: #fff; } .btn-danger-outline, .btn-danger-outline:hover { border-color: #be1922; color: #be1922; background-color: #fff; } .btn-denied-block-outline, .btn-denied-block-outline:hover { border-color: #82858c; color: #82858c; background-color: #fff; } /** * Utils/Icons */ .fa-stack-checked { height: 1em; line-height: 1em; width: 1em; } .fa-stack-checked .fa-stack-2x { font-size: 1em; } .fa-stack-checked .fa-stack-1x { bottom: -0.8em; left: auto; font-size: 0.8em; right: -1.2em; } .fa-bg-blue { color: #fff; background-color: #497fdc; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 5px; } .fa-bg-success { color: #fff; background-color: #4ac13a; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 5px; } .btn-danger .fa-trash { color: #ffffff; } .btn-primary .wizicon, .btn-primary .wizicon path, .btn-success .wizicon, .btn-warning .wizicon, .btn-danger .wizicon { fill: #fff; } .header .fa-paper-plane-o { color: #7C7F86; font-size: 28px; } .wizicon { height: 15px; width: 15px; } a svg.fa-lg { height: 21px; width: 21px; } a .wizicon { fill: #2d5cd2; } a.text-success .wizicon path { fill: #6ccf5f; } a.disabled .wizicon { fill: #9e9e9e; } .btn-link > .wizicon { float: left; } .link-danger .wizicon, .btn-link-danger .wizicon { fill: #be1922; } /** * Utils/Lists. */ .inline-block { display: inline-block; } .file-upload img { margin-bottom: 5px; } .modal .close { font-size: 12px; padding: 6px 12px; } /* a few small third party css files put here to reduce http file requests */ /* jquery.easy-pie-chart.css */ .easyPieChart { position: relative; text-align: center; display: inline-block; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } .box-stats { text-align: center; } .infobox-progress { width: 100%; } .infobox-data { margin-top: 10px; display: inline-block; } .fa-color-green.fa-stack-1x.comment-go { line-height: 2em; } #review-workflow { height: 800px; overflow-x: auto; } #emailing-review-button-only { height: 100px; } .card-bordered.green-review-message { background-color: #eef9ef; } .card-bordered.red-review-message { background-color: #f2dede; } .card-bordered.grey-review-message { background-color: #f6f7fd; } .card-bordered, .section--bordered { background-color: #fff; border: 1px solid #e4eaec; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; word-break: break-word; min-height: 20px; padding: 30px; padding-bottom: 30px; padding-top: 30px; margin-bottom: 20px; } .card-bordered .btn-xs { padding: 5px 6px 3px; } .well { background-color: #fff; border: 1px solid #e4eaec; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; word-break: break-all; } /* * Badges */ .badge.badge-success { background-color: #5cb85c; color: #fff; } .badge.badge-warning { background-color: #f0ad4e; color: #fff; } .badge.badge-danger { background-color: #d9534f; color: #fff; } .fa-clickable { cursor: pointer; } /* label */ /*.label { font-weight: normal; }*/ .label-default { background-color: #7c7f85; color: #f6f7fd; } .label--light { background-color: #fff; color: #7d8085; padding-left: 20px; padding-right: 20px; text-transform: none; } #message { height: 30px; width: 200px; margin-left: auto; margin-right: auto; } /*For Tags Manager */ /*#tag-details { float: left; border: 1px solid #ddd; overflow-y: auto; padding-top: 20px; }*/ .ignore-alert { /*height: 55px;*/ } h1, h2, h3, h4, h5, h6 { color: #373737; } /* formulaire */ .form-compact .form-group { margin-bottom: 15px; } .form-compact.well { background: #f6f7fd; } form .editor .editor-header { border: #e4eaec solid 1px; border-bottom: none; } form .editor .editor-header a { border-right: #e4eaec solid 1px; padding: 10px 15px; display: inline-block; color: #7c7f85; } form .editor textarea { resize: none; height: 200px; } form .editor .editor-footer { border: #e4eaec solid 1px; border-top: none; } form .editor .editor-footer button { border: 1px solid transparent; border-left: #e4eaec solid 1px; padding: 10px 15px; display: inline-block; float: right; cursor: pointer; background: transparent; display: inline-block; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } form .editor .editor-footer span { padding: 10px 15px; display: inline-block; } .btn-composed-icons, .btn-composed-icons-large { display: block; } .btn-composed-icons > .btn, .btn-composed-icons-large > .btn { -webkit-border-radius: 0; border-radius: 0; font-size: 11px !important; /* backward compatibility makes !important is required */ min-width: 95px; /* backward compatibility for .btn min-width */ } .btn-composed-icons > .btn:first-child, .btn-composed-icons-large > .btn:first-child { -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .btn-composed-icons > .btn:last-child, .btn-composed-icons-large > .btn:last-child { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .btn-composed-icons .btn:active, .btn-composed-icons .btn:hover, .btn-composed-icons .btn.active, .btn-composed-icons-large .btn:active, .btn-composed-icons-large .btn:hover, .btn-composed-icons-large .btn.active { background-color: #fff; color: #497fdc; border: 1px solid #497fdc; } .btn-composed-icons .fa, .btn-composed-icons-large .fa, .btn-composed-icons .wizicon, .btn-composed-icons-large .wizicon { color: #d1d1d1; fill: #d1d1d1; } .btn-composed-icons-large .fa, .btn-composed-icons-large .wizicon { display: block; margin: auto; margin-bottom: 7px; } .btn-composed-icons-large .wizicon { height: 60px; margin-top: 7px; width: 60px; } .btn-composed-icons-large .fa { color: #d1d1d1; display: block; font-size: 2em; line-height: 2em; } .btn-composed-icons > .btn:active .wizicon, .btn-composed-icons > .btn:hover .wizicon, .btn-composed-icons > .btn.active .wizicon, .btn-composed-icons-large > .btn:active .wizicon, .btn-composed-icons-large > .btn:hover .wizicon, .btn-composed-icons-large > .btn.active .wizicon { fill: #497fdc; } .btn-composed-icons > .btn:active .fa, .btn-composed-icons > .btn:hover .fa, .btn-composed-icons > .btn.active .fa, .btn-composed-icons-large > .btn:active .fa, .btn-composed-icons-large > .btn:hover .fa, .btn-composed-icons-large > .btn.active .fa { color: #497fdc; } .btn-composed-icons .active::after, .btn-composed-icons-large .active::after { position: absolute; content: "\e091"; font-family: wizicons; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0; right: -2px; } .btn-composed-icons-large .active::after { font-size: 1.5em; top: -1px; } @media screen and (max-width: 767px) { .btn-composed-icons-large .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-composed-icons-large .btn:first-child:not(.dropdown-toggle), .btn-composed-icons-large .btn:last-child:not(.dropdown-toggle) { -webkit-border-radius: 3px; border-radius: 3px; } } .help-inline, .help-block { color: #AAA; } /** * Header. */ .navbar.navbar-default { background-color: #f6f7fd; border-bottom: #e4e9ec solid 1px; margin-bottom: 0; } .navbar-inverse { background-color: #3d3c3f; } .navbar.navbar-inverse .navbar-nav > li > a { color: #ddd; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #3d3c3f; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #f6f7fd; } .navbar-inverse .navbar-toggle { color: #fff; } .navbar-inverse .navbar-toggle:focus { background-color: #3d3c3f; } .navbar-inverse .navbar-toggle#leftMenuToggle { border-color: #999; } .navbar-nav > li > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { border-right: #e4e9ec solid 1px; } .navbar-nav .dropdown-toggle:last-child { border: none; } .navbar-nav > li > a { line-height: 32px; padding: 9px 15px; } .navbar-nav .avatar { display: inline-block; margin-bottom: 0; margin-right: 12px; } .navbar-nav .avatar > img { height: 32px; width: auto; } .organisation-client { border: 1px solid #bd1a1f; } .organisation-wiztopic { border: 1px solid #E9E9E9; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: inherit; background-color: transparent; } .navbar.navbar-inverse .dropdown-menu { border-color: #080808; background: #3d3c3f; } .navbar.navbar-inverse .dropdown-menu li { border-color: #080808; } .navbar.navbar-inverse .dropdown-menu li a { color: #ddd; } .navbar.navbar-inverse .dropdown-menu li a:hover { color: #777; } .channel-lang-menu { max-height: 420px; overflow: scroll; } @media screen and (max-width: 767px) { .table-list .row:first-child li:first-child { border-top: 1px solid #e7e7e7; border-bottom: 0; } .table-list .b-pair { border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; } } .pac-container:after { border-top: 1px solid #e6e6e6; height: 26px; padding-top: 5px; padding-bottom: 5px; } /* Time Line */ .timeline ol > li { position: relative; border-left: 1px solid #cdd2d2; padding-bottom: 20px; } .timeline li:last-child:before { top: auto; bottom: 0; } .timeline li:last-child { padding-bottom: 0; } .timeline li .content { padding: 10px; background-color: white; border-bottom: 1px solid #cdd2d2; position: relative; margin-top: 10px; margin-left: 20px; position: relative; color: #7c7f85; } .timeline li .content strong { color: #373737; font-weight: normal; } .timeline li:last-child .content { border: none; } .timeline li .icon { width: 40px; height: 40px; text-align: center; color: white; vertical-align: middle; line-height: 40px; font-size: 12px; position: absolute; top: -7px; left: -20px; } .timeline .timeline-social .social-avatar { width: 25px; height: 25px; text-align: center; color: white; vertical-align: middle; line-height: 40px; font-size: 12px; position: absolute; left: 50px; top: 3px; } .timeline .timeline-social li .content, .timeline .timeline-social li .title { margin-left: 80px; } .timeline .icon.mail .fa-circle, .timeline .icon.web .fa-circle, .timeline .icon .fa-circle { color: #be1922; } .timeline .icon.twitter .fa-circle { color: #3ab0ea; } .timeline .icon.facebook .fa-circle { color: #3b5998; } .timeline .icon.j .fa-circle { color: #3181d6; } .timeline li .title { margin-left: 25px; padding: 2px 0; font-size: 16px; } .timeline li .title, .timeline li .title .text-muted { color: #373737; } .timeline li .title .date { color: #7c7f85; } .timeline li .title small { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; font-size: 10px; } .timeline li .well { background-color: #f6f7fd; border: none; border-bottom: 1px solid #e4eaec; width: 100%; } .link-separator a:first-child { border-right: 1px solid #777; padding-right: 1em; } .link-separator a:last-child { padding-left: 1em; } /** avatar **/ .thumbnail .avatar { margin-left: auto; max-width: 150px; } .contact-list .avatar { display: table; width: 100%; } .avatar .text-content { display: table-cell; text-align: center; vertical-align: middle; height: 100%; font-size: 75px; color: #be1922; border: 1px solid #e4e9ec; -webkit-border-radius: 170px; border-radius: 170px; } .avatar .text-content.red { border-color: #be1922; } .personnal-data .avatar { float: left; margin-right: 20px; } @media (min-width: 1200px) { .contact-list { width: 110px; } .avatar .text-content { font-size: 75px; } } @media (min-width: 992px) and (max-width: 1199px) { .contact-list { width: 90px; } .avatar .text-content { font-size: 60px; } } .message { padding: 5px 0; margin: 10px 0; } .message .message-title strong { padding-left: 4px; } .message .message-title .timeago { padding-left: 45px; font-style: italic; font-size: 10px; } .message .message-body { padding-left: 46px; padding-top: 15px; } .message { border-bottom: 1px solid #e4e9ec; } .no-border-bottom .message:last-child { border: none; } .main-nav-bg.main-nav-bg-inverse { border-right: 1px solid #080808; background: #3d3c3f; } /** * Forms. */ .form-binline > [class*="col-"] { padding: 0; padding-right: 5px; } .form-binline > [class*="col-"]:first-child { padding-left: 15px; } .form-binline > [class*="col-"]:last-child { padding-right: 15px; } .form-binline label { margin: 0; line-height: 50px; } .form-binline label, .form-binline .btn.btn-link { line-height: 50px; padding: 0 7px; } .form-group { margin-bottom: 20px; } .form-control { height: 50px; } .form-control.input-sm { height: 30px; padding: 5px 7px; } .form-control[disabled] { background-color: #f6f7fd; color: #7c7f85; } .form-group .switch-button { margin: 12px auto; } .form-group .switch-button-left { margin: 0 7px 0; } .form-group .switch-button.toggle-inline { margin: 12px 0 12px 12px; } #wizcropper-previews label { opacity: 0.6; padding: 0; } #wizcropper-previews label.active { opacity: 1; } /** * Image upload (avatar). */ .avatar-upload .avatar { margin-left: auto; max-width: 135px; } .avatar-upload .avatar > img { width: 100%; } .avatar-upload .alpha { display: none !important; } .avatar-upload .upload-select-button { display: block; margin: auto; max-width: 135px; } .cover-upload { min-height: 210px; } .jcrop-holder { margin: auto; } /** Contenue **/ .page-header { border: 0; line-height: 30px; margin: 0; margin-bottom: 25px; padding: 0; } .page-header h1, .page-header .h1, .page-header h2, .page-header .h2 { border: 0; display: inline-block; margin-top: 0; /* Should be via .row-space-0 utility but until all pages have been reworked it does the trick. */ line-height: 30px; vertical-align: middle; } h1, .h1, h2, .h2 { font-size: 1.3em; font-weight: normal; padding: 0; } .h4 { font-size: 1.1em; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.25; } .page-header .back { border-right: 1px solid #e4eaec; font-size: 1em; color: #4980db; float: left; margin-right: 20px; padding-right: 20px; } .page-header .back .fa-angle-left { line-height: inherit; } .boxs { margin-bottom: 40px; } .plus-one-count { color: #9f9f9f; display: block; margin-bottom: 5px; } .box-quick-link-footer { text-transform: none; } .box-quick-link { border: 1px solid #e4e9ec; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; } .guest-overview { margin-bottom: 20px; } .box-quick-link > * { -webkit-text-decoration: none; text-decoration: none; } .box-quick-link .header { height: 60px; line-height: 60px; padding-bottom: 2px; background-color: #f6f7fd; border-bottom: 1px solid #e4e9ec; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .guestbox { height: 40px !important; line-height: 40px !important; } .box-quick-link .header .fa { color: white; font-size: 25px; vertical-align: middle; color: #7c7f86; } .guestbox .fa { font-size: 16px; } .box-quick-link .content { text-transform: uppercase; font-size: 85%; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color: #586161; padding: 5px; } .box-quick-link .content strong { color: #bd1a1f; font-weight: normal; font-size: 25px; display: block; } .box-quick-link a:hover { -webkit-text-decoration: none; text-decoration: none; } .box-quick-link.box-quick-link-horizontal .header { height: auto; padding: 10px 25px; float: left; border-right: 1px solid #e4e9ec; border-bottom: none; display: inline-block; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .box-quick-link.box-quick-link-horizontal .header .fa { font-size: 22px; } .box-quick-link .content strong { font-size: 30px; margin-top: 5px; } .box-quick-link .content strong sup { top: -6px; } .box-quick-link .content small { font-size: 12px; } .box-quick-link .content p { margin-top: 22px } .spacer { width: 100%; height: 1px; float: left; } .spacer.spacer-10 { height: 10px; } .spacer.spacer-20 { height: 20px; } .spacer.spacer-30 { height: 30px; } .spacer.spacer-40 { height: 40px; } .spacer.spacer-50 { height: 50px; } /**** Dashboard *****/ .gaph h4 { margin-bottom: 20px; } /** panel **/ .panel { margin-bottom: 0; } .panel-group .panel { -webkit-border-radius: 0; border-radius: 0; } .panel.panel-default, .panel.panel-full-width { border-width: 0; } .panel.panel-light { background-color: #f7f9fc; border-color: #e4eaec; } .panel.panel-full-width .panel-title { padding: 20px 0; border-bottom: 1px solid #e4e9ec; } .panel .panel-title > a[data-toggle="collapse"]:first-child { color: #373737; } .panel .panel-title > a[data-toggle="collapse"]:first-child:before { content: "\f07d"; color: #428bca; display: inline-block; font-family: wizicons; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; width: 20px; } .panel .panel-title > a[data-toggle="collapse"]:first-child.collapsed:before { content: "\f054"; } .panel .panel-title .panel-title-info { display: inline-block; } .panel .panel-title .panel-title-info .label { -webkit-border-radius: 4px; border-radius: 4px; } .panel .panel-title .panel-title-info ~ .panel-title-info { padding-right: 12px; } .panel .panel-title .panel-title-info .edit { margin-right: 40px; font-size: 20px; } .panel.panel-full-width .panel-heading { padding: 0; border: 0; } .panel.panel-light .panel-body { border: #e4eaec 1px solid; } .panel-full-width .panel-collapse, .panel-full-width .tab-pane { margin: 0 -30px; } .panel-full-width .panel-body, .panel.panel-light .panel-body, .panel.panel-light.panel-full-width .panel-body, .contact-content { background-color: #f6f7fd; border: none; border-top: #e4eaec 1px solid; border-bottom: #e4eaec 1px solid; margin-top: -1px; padding: 30px; } .panel-full-width .panel-collapse, .panel-full-width .tab-pane, .panel.panel-light.panel-full-width .panel-body { margin: 0 -30px; } .accordion-list .panel-body { padding-left: 50px; } .panel .panel-body .table > thead > tr > th, .panel .panel-body .table > tbody > tr > th, .panel .panel-body .table > tfoot > tr > th, .panel .panel-body .table > thead > tr > td, .panel .panel-body .table > tbody > tr > td, .panel .panel-body .table > tfoot > tr > td { border: none; } .panel .panel-body .table > thead > tr > td, .panel .panel-body .table > tbody > tr > td, .panel .panel-body .table > tfoot > tr > td { height: 50px; } .panel .panel-body .table > thead > tr > td, .panel .panel-body .table > tbody > tr > td, .panel .panel-body .table > tfoot > tr > td { color: #373737; } .panel .panel-body .table > thead >tr > td.align-middle, .panel .panel-body .table > tbody >tr > td.align-middle, .panel .panel-body .table > tfoot >tr > td.align-middle { vertical-align: middle; } .panel.panel-default.panel-bordered { border-width: thin; } .panel-heading.height-md { height: 40px; padding-top: 10px; padding-bottom: 10px; } .h1.heading-for-panel, .h2.heading-for-panel, .h3.heading-for-panel { margin-bottom: 0; margin-top: 0; font-size: 1.2em; } .panel-heading.height-md > a { line-height: 20px; } .panel .panel-body.body-collapse { padding: 0 15px; } @media screen and (max-width: 767px) { .panel .panel-body.body-collapse { padding: 0 30px; } } .panel-body.body-collapse > div { margin-bottom: 10px; margin-top: 10px; } .fa-mail-click { font-size: 37px !important; line-height: 1.35em; } .fa-mail-open { font-size: 35px !important; line-height: 1.25em; } .fa-mail-sent { font-size: 38px !important; line-height: 0.85em; } /* * PANELS / PANEL-NEXTGEN */ .panel-group.panel-group-alt .panel + .panel { margin-top: 0; } @media screen and (min-width: 992px) { .panel-group.panel-group-2k17 { margin-left: -31px; /* compensate #content .container-fluid + border-width */ } } .panel-group-2k17 .panel.panel-2k17 { border-top: 1px solid #e4e9ec; } .panel-group-2k17 .panel.panel-2k17:first-child { border-top: 0; } .panel-group-2k17 .panel.panel-2k17 .panel-collapse { /*margin-left: 0; compensate .panel-full-width .panel-collapse */ } .panel.panel-2k17 { border-width: 0; } .panel.panel-2k17 .panel-heading { border: 0; padding: 0; } .panel.panel-2k17 .panel-heading .panel-collapse-chevron, .panel.panel-2k17 .panel-heading .panel-icon-type { float: left; line-height: 1; } .panel.panel-2k17 .panel-heading .panel-icon { height: 58px; /* .panel-title.height + .panel-title.border-bottom-width */ line-height: 1; padding: 16px 16px; width: 58px; /* .panel-title.height + .panel-title.border-bottom-width */ } .panel.panel-2k17 .panel-heading .panel-icon > .wizicon { height: 22px; width: 22px; } .panel.panel-2k17 .panel-heading .panel-collapse-chevron { background-color: #f6f7fd; padding: 20.5px; border-right: 1px solid #e4e9ec; } .panel.panel-2k17 .panel-heading .panel-collapse-chevron .wizicon { fill: #777; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } /* * To ensure support for collapse of collapse of collapse... we're forced to make * this selector extra specific like this: `.panel.panel-2k17.in > .panel-heading > a > ...` */ .panel.panel-2k17.in > .panel-heading > a > .panel-collapse-chevron .wizicon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .panel.panel-2k17 .panel-heading .panel-icon-type { background-color: #6B9CEF; fill: #fff; } .panel.panel-2k17 .panel-title { padding: 18px 15px; overflow: hidden; font-size: 15px; } .panel.panel-2k17 .panel-title-text { min-height: 22px; /* 16px * line-height (1.42...), for empty title */ } @media screen and (max-width: 767px) { .panel.panel-2k17 .panel-title { border-top: 1px solid #e4e9ec; clear: both; padding: 18px; } } .panel.panel-2k17 .panel-title > a[data-toggle="collapse"]:first-child:before { content: none; } .panel.panel-2k17 .panel-link { float: right; line-height: 0; /* Resolve an inline / spacing problem with ul,li */ margin-bottom: 0; vertical-align: top; /* http://stackoverflow.com/questions/19366401/my-inline-block-elements-are-not-lining-up-properly */ } .panel.panel-2k17 .panel-link > li { display: inline-block; vertical-align: top; } .panel.panel-2k17 .panel-link-item { display: inline-block; font-size: 0.85em; line-height: 22px; /* Same as .panel-title */ padding: 18px; vertical-align: top; } .panel.panel-2k17 .panel-link-item .wizicon { display: block; height: 22px; /* Ensure vertical alignement */ } .panel.panel-2k17 .panel-link-item.btn { border-bottom: 0; border-top: 0; -webkit-border-radius: 0; border-radius: 0; min-width: auto; /* override the min-width on .btn (backward-compatibility) */ vertical-align: top; /* Weird bug with 'middle' on .btn, 1px space on top of the btn when inside a .panel-heading */ } .panel.panel-2k17 .panel-link-item.btn:last-child { border-right-width: 0; } .panel.panel-2k17 .panel-collapse { background-color: #f6f7fd; position: relative; } .panel.panel-2k17 .panel-collapse .panel-body { border-top-color: transparent; border-bottom: 1px solid #e4eaec; padding: 30px; padding-left: 58px; /*padding-left: 8px; /* backward compatibility for table inside collapse */ } .panel-group.panel-group-2k17 .panel-heading + .panel-collapse:before { background-color: #e4eaec; content: ''; height: 1px; left: 58px; /* .panel-collapse-chevron.width */ position: absolute; right: 0; top: 0; z-index: 99; } .panel-group.panel-group-2k17 .panel-heading + .panel-collapse > .panel-body { border-bottom-color: #6B9CEF; } .panel.panel-2k17.panel-newsletter .panel-icon-type { background-color: #1F4F7F; } .panel.panel-2k17.panel-newsletter .panel-icon-secondary { fill: #9e9e9e; } .panel-group.panel-group-2k17 .panel-newsletter .panel-heading + .panel-collapse > .panel-body { border-bottom-color: #1F4F7F; } .panel.panel-2k17.panel-pressbook .panel-icon-type { background-color: #1F4F7F; } .panel.panel-2k17.panel-pressbook .panel-icon-secondary { fill: #1F4F7F; } .panel-group.panel-group-2k17 .panel-pressbook .panel-heading + .panel-collapse > .panel-body { border-bottom-color: #1F4F7F; } .btn-link-success .wizicon { fill: #6ccf5f; } .panel.panel-2k17.panel-pressbook.current-release .panel-icon-type { background-color: #6ccf5f; } /* expert */ .expert.panel .panel-title { line-height: 75px; /* To match the .avatar-width */ vertical-align: middle; } .expert.panel .avatar-width { vertical-align: middle; width: 75px; } .expert.panel .avatar-width .avatar { margin: 0; } .expert.panel .panel-title > a { display: inline-block; vertical-align: middle; } .expert.panel .panel-body h3 { margin-bottom: 40px; font-weight: normal; font-size: 22px; } .expert.panel .panel-body h3.title-cont { margin-bottom: 30px; } .expert.panel .panel-body h3 span { width: 36px; height: 36px; display: inline-block; vertical-align: middle; } .expert.panel .panel-body h3 i { display: table-cell; text-align: center; vertical-align: middle; border: 1px solid #373737; -webkit-border-radius: 90px; border-radius: 90px; float: right; padding: 5px 10px; font-style: normal; } .expert.panel .panel-body h5 { margin-bottom: 20px; } .expert.panel .panel-body p.block-text { font-weight: 300; text-align: justify; margin-bottom: 20px; color: #7c7f85; } .expert.panel .panel-body p.date { color: #7c7f85; font-size: 12px; margin-top: -20px; } .expert.panel .panel-body .label-default { background-color: #7c7f85; color: #fff; margin-bottom: 10px; float: left; } .expert.panel .panel-body .row { padding-left: -30px; padding-right: -30px; } .expert.panel .panel-body .row > div { padding-bottom: 20px; border-bottom: 1px solid #e4e9ec; padding-left: 30px; padding-right: 30px; } .expert.panel .panel-body .row > div:last-child { border: none; } @media (min-width: 1200px) { .expert.panel .panel-body .row > div { border: none; padding-bottom: 0; } } @media (min-width: 768px) and (max-width: 991px) { .expert.panel .panel-body .row > div { border: none; padding-bottom: 0; } } #selected-target .panel .panel-title, #tag-details .panel .panel-title { margin: 0 0; padding: 20px 10px; } #selected-target .panel:first-child .panel-title { padding-top: 0; } #selected-target .panel .panel-body, #tag-details .panel .panel-body { border: #e4eaec 1px solid; } /*.select-contact > * { max-height: 700px; overflow: auto; }*/ @media screen and (max-width: 767px) { #campaign-list { display: table; width: 100%; } .topic.panel { display: table-row; width: 100%; } .topic.panel .panel-title .panel-title-info, .topic.panel .panel-title .panel-title-text { display: table-cell; float: none !important; } .topic.panel .panel-cell { display: table-cell; } .topic.panel .panel-title .panel-title-info { text-align: center; } .topic.panel .panel-title .panel-title-text { vertical-align: middle; width: 100%; } .panel .panel-body { padding: 30px; } .topic.panel .panel-body th:nth-child(n+2) { display: none; } #selected-target { margin-left: 36px; margin-top: 10px; } ul.nav.red-select-list.red-select-list-1.tab-contact-list { margin-left: 45px; } } /** icone **/ .icon-draft { color: #90bcec; } .icon-ok { color: #497fdc; } .icon-none { display: none; } .fa-color-green { color: #6ccf5f; } .fa-color-red { color: #d9534f; } .fa-hover-green:hover { color: #6ccf5f; } /** list contact **/ .contacts-list li { list-style-type: none; } .contacts-list .avatar-show-liste.active { -webkit-box-shadow: none; box-shadow: none; } .contacts-list .avatar-show-liste.active i.fa-plus-circle:before { content: "\f056"; } .clearfixHeight { margin-bottom: 256px; float: left; width: 100%; } .contact-content:after, .contact-content:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; } .contact-content:after { border-bottom-color: #f6f7fd; border-width: 15px; left: 20%; margin-left: -15px; } .contact-content:before { border-bottom-color: #e4e9ec; border-width: 16px; left: 20%; margin-left: -16px; } .contact-content h6, .contact-content p { text-align: center; } .contact-content h6 { font-size: 20px; } .contact-content input { margin: 20px 0; } .contact-content .icon { margin: 0 10px; } .contact-content .icon span { margin-bottom: 10px; } /** topic **/ .review-overview h2 { line-height: 1.4; } .review-overview .btn-primary { border-width: 0; } .review-overview .btn-primary .fa-eye, .review-box .btn-primary .fa-question { top: -1px; } .review-box .btn-success { float: right; } .review-box h4 .fa-stack { font-size: 20px !important; } .review-box .fa-stack.fa-lg .fa-stack-1x { line-height: 2em; } .review-box h4 { font-size: 16px; } .highlight-form .btn-icon { margin-top: 5px; } .highlight-form .form-group .switch-button { margin: 0; } #topic-preview-modal .close { line-height: 42px; padding: 0; } #topic-preview-modal .modal-lg { width: 90%; max-width: 1170px; } #topic-preview-modal .modal-header { padding: 15px 25px; } #topic-preview-modal .modal-title { font-size: 14px; } @media (max-width: 768px) { #topic-preview-modal .modal-body { padding: 15px 15px; } .review-box .btn-success { float: none; margin-bottom: 20px; } } #topic-preview-modal.night-mode .close { color: #eee; } #topic-preview-modal.night-mode .modal-header { border-color: #2E363F; } #topic-preview-modal.night-mode .modal-title { color: #aaa; } #topic-preview-modal.night-mode .modal-content, #topic-preview-modal.night-mode .modal-body, #topic-preview-modal.night-mode .topic-preview .topic-content * { background-color: #151e29; } .topic-preview .panel-collapse .panel-body { padding-left: 45px; } .topic-preview .panel-title > a[data-toggle="collapse"]:first-child:before { content: none; } .topic-preview .panel-title > a[data-toggle="collapse"]:first-child.collapsed:before { content: none; } .topic-preview .panel-title > a > span { margin-right: 10px; } .topic-preview .topic-head h1 { font-size: 30px; font-family: 'Bitter', Georgia, Arial, serif; font-weight: 500; text-align: left; } .topic-preview .topic-head .info { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; } .topic-preview .topic-head .labels { text-align: left; } .topic-preview .topic-head, .topic-preview .topic-content { line-height: 1.6em; position: relative; text-align: justify; } .topic-preview .topic-content { color: #7b7e83; font-family: 'Bitter', Georgia, Arial, serif; font-size: 16px; line-height: 1.6em; word-wrap: break-word; } .topic-preview .topic-content h2 { margin-bottom: 15px; } .topic-preview .topic-content h3 { color: #7b7e83; } .topic-preview .topic-content > p:first-child:first-letter { font-size: 50px; line-height: 50px; color: #373737; float: left; display: inline-block; vertical-align: top; margin-right: 10px; } .topic-preview .topic-content > .table-responsive > table td, .topic-preview .topic-content > .table-responsive > table th, .topic-preview #publication-collapses .panel-body table td, .topic-preview #publication-collapses .panel-body table th { padding: 5px 10px; } @media (max-width: 480px) { .topic-preview .topic-head, .topic-preview.topic-content { text-align: left; } } .topic-preview .topic-head .content-highlight { font-size: 18px; line-height: 1.35em; } .night-mode .topic-preview .topic-head .content-title, .night-mode .topic-preview .topic-head .content-infos, .night-mode .topic-preview .topic-head .content-highlight, .night-mode .topic-preview .topic-content p:first-letter, .night-mode .topic-preview .topic-content * { color: #fff !important; -webkit-transition: 1s; transition: 1s; } /** topic-collapse **/ .panel-topic .panel-heading { color: #333; padding: 0; position: relative; } .panel-group .panel-topic.in:first-child { border-top: 1px solid #e4e9ec; } .panel-group .panel-topic .panel-heading + .panel-collapse > .panel-body { border-top-width: 0; } .panel-topic .panel-no, .panel-topic .panel-chevron, .panel-topic .panel-title { font-size: 18px; line-height: 1.6em; } .panel-topic .panel-title { border-bottom: 1px solid #e4e9ec; padding: 20px 25px 20px 25px; } .panel-group.panel-ordered .panel-topic .panel-title { margin-left: 65px; padding: 20px 65px 20px 0; } @media (max-width: 768px) { .panel-group.panel-ordered .panel-topic .panel-title { margin-left: 20px; } } .panel-topic.in .panel-title, .panel-topic.highlighted .panel-title, .panel-topic.in .panel-no, .panel-topic.highlighted .panel-no { font-weight: bold; } .panel-topic.in .panel-title { border-bottom-width: 0; } .panel-topic .panel-no, .panel-topic .panel-chevron { padding: 20px 0; position: absolute; top: 0; } .panel-topic .panel-no { left: 25px; } .panel-topic .panel-chevron { right: 25px; } .panel-topic .panel-body { border-top: 0; padding: 25px 25px 25px 25px; } .panel-group.panel-ordered .panel-topic .panel-body { padding: 25px 65px 25px 65px; } .validate-review { padding: 10px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #eef9ef; } .validate-review .check-icon { float: left; font-size: 18px; line-height: 2.3em; margin: -2px; } .validate-review-inner { padding-left: 45px; } .validate-review-subline { color: #777; display: block; font-style: italic; font-size: 10px; } .panel .panel-body { position: relative; } .highlight { position: absolute; top: 0; left: 80px; } .highlight > * { display: inline-block; } .highlight:before { color: #BBBBBB; content: '|'; margin-right: 20px; } .panel .move-sheep-links { height: 32px; /* Same height as others
  • */ position: relative; /*width: 38px;*/ /* Same width as others
  • + 2*5px padding (left and right) */ } .button-list { text-align: right; } .button-list button, .button-list a { margin-left: 5px; } /** contact **/ .select-contact .mail { word-wrap: break-word; } .contact .info { margin-top: 10px; margin-left: 40px; } .contact .info p.name { font-size: 18px; color: #7c7f85; } .contact .info p.name strong { color: #373737; font-weight: 500; } .contact .info p { font-size: 14px; margin-bottom: 15px; } .contact .contact-list { width: 200px; } .contact .text-content { padding: 10px 0; } .contact #contact-in-list-count { font-size: 120px; } .label-contact { margin-top: 30px; } .label-contact .label { float: left; } .timelines-contact { margin-top: 50px; } .timelines-contact .timeline li .content { margin-top: 0; border: none; } .timelines-contact ul { padding-left: 0; } .timelines-contact ul li { list-style: none; } .relation-contact #activity_type_statecheck { vertical-align: middle; } .relation-contact #s2id_activity_type_state { display: inline-block; vertical-align: middle; } .relation-contact #s2id_activity_type_state .select2-choice { height: 30px; padding: 6px 20px; line-height: 1.4em; } .relation-contact #s2id_activity_type_state .select2-choice .select2-arrow b { background-position: 0 -8px; } .relation-contact #activities-array .linkedTo-item { display: inline-block; margin-right: 5px; margin-bottom: 5px; white-space: nowrap; } /* add RS to contact */ .rs-liste .fa-stack .fa-stack-1x { color: #fff; } .rs-liste .fa-stack .fa-circle { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .rs-liste .fa-stack.active .fa-circle { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .red-select-list { background-color: #fff; z-index: 999; /*display: block !important;*/ } .list-select { background-color: #fff; border: 1px solid #e4eaec; display: none; position: absolute; width: 100%; } .red-select-list li a { color: #7c7f85; } .red-select-list li a span:not(.badge--rp-connect), .red-clickable { width: 20px; height: 20px; background-color: #f6f7fd; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #e4e9ec; float: right; font-size: 11px; text-align: center; } .red-select-list-1 li a span:not(.badge--rp-connect) { -webkit-border-radius: 0; border-radius: 0; border: none; height: auto; line-height: 1.8em; padding: 5px 10px; width: auto; } .red-select-list-1 li a span:first-of-type { margin-left: 5px; } .red-select-list li a span.badge--rp-connect, .red-select-list-1 li a span.badge--rp-connect { padding: 3px; } .red-select-list li a span.badge--rp-connect img, .red-select-list-1 li a span.badge--rp-connect img { background-color: #ffffff; max-width: 60px; padding: 5px; } .red-select-list-1 li:hover a { background-color: #FFF !important; color: #7c7f85 !important; } .red-select-list-1 li a i.fa-zoom-in { font-size: 18px; } .red-select-list-1 li a i.fa-zoom-in:hover { color: #BE1922; border: none !important; } .red-select-list-1 li a i { font-style: normal; } .red-select-list-1 li a i:hover { font-style: normal; border-bottom: 1px solid; } .red-select-list li:hover a, .red-clickable:hover { background-color: #f6f7fd; color: #333; } .red-select-list li.active a, .red-clickable.active { color: #be1922; } .list-select li.active a span, .tab-tag-list li.active span, .tab-contact-list li.active span:not(.badge--rp-connect) { background-color: #be1922; color: #fff; } .red-select-list li a span.active, .red-clickable.active { background-color: #be1922; } .red-select-list.red-select-list-toogle { display: none; } .red-select-list.red-select-list-toogle.active { display: block; } .red-select-list li.letter-separator { padding: 10px 15px; } .red-select-list li.letter-separator span { background-color: #be1922; -webkit-border-radius: 20px; border-radius: 20px; display: table-cell; vertical-align: middle; width: 20px; height: 20px; text-align: center; } .red-select-list li.letter-separator span i { color: #fff; font-style: normal; } /** search **/ .nav.nav-tabs.nav-simple { border-bottom-width: 0; } .nav.nav-tabs.nav-border { border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; position: 0; } .nav.nav-tabs.nav-border a.active { border-color: #bd1a1f; background-color: transparent; } .nav.nav-tabs.nav-border > li { border-bottom: 3px transparent solid; margin-right: 15px; margin-bottom: -3px; text-transform: none; } #publication_write .nav.nav-tabs.nav-border > li, #publication_write ul li:last-child a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #publication_write ul li:last-child a i { margin-right: 10px; } #publication_write ul li:last-child a span { margin-top: 2px; } .nav.nav-tabs.nav-border.nav-border-lg > li { margin-right: 15px; } .nav.nav-tabs.nav-simple > li { margin-bottom: 1px; margin-right: 10px; } .nav.nav-tabs.nav-border > li.active { border-color: #bd1a1f; background-color: transparent; } .nav.nav-tabs.nav-simple > li > a, .nav.nav-tabs.nav-border > li > a { margin-right: 0; border: none; -webkit-border-radius: 0; border-radius: 0; color: #7c7f85; padding: 15px 0; } .nav.nav-tabs.nav-border > li > a { padding: 10px; padding-bottom: 10px; } #publication_write .nav.nav-tabs.nav-border > li > a { padding: 10px 10px 10px 0; } #publication_write .nav.nav-tabs.nav-border > li > a > .fa-trash { cursor: pointer; } .nav.nav-tabs.nav-border > li:hover, .nav.nav-tabs.nav-border > li.active:hover { border-color: #7c7f85; } .nav.nav-tabs.nav-border > li:hover a, .nav.nav-tabs.nav-border > li.active:hover > a { color: #555; } .nav.nav-tabs.nav-simple > li > a:hover, .nav.nav-tabs.nav-border > li > a:hover { border-color: transparent; background-color: #fff; } .nav.nav-tabs.nav-border > li.active > a, .nav.nav-tabs.nav-border > li.active > a:hover, .nav.nav-tabs.nav-border > li.active > a:focus { border: none; outline: none; } .file-icon .resource-wrapper, .folder-icon .resource-wrapper, #wizcropper-previews label { border: 1px solid rgba(54, 102, 206, 0.2); } .file-icon [class*='fa-wiz'], .folder-icon [class*='fa-wiz'] { color: #4972d8; } .file-icon .img-responsive, .folder-icon .img-responsive { width: 100%; } /* very small window */ @media screen and (max-width: 520px) { .page-header h1 { text-align: left; display: block; } .panel .panel-body .table > thead > tr > th, .panel .panel-body .table > tbody > tr > th, .panel .panel-body .table > tfoot > tr > th, .panel .panel-body .table > thead > tr > td, .panel .panel-body .table > tbody > tr > td, .panel .panel-body .table > tfoot > tr > td, .relation-contact .table > thead > tr > th, .relation-contact .table > tbody > tr > th, .relation-contact .table > tfoot > tr > th, .relation-contact .table > thead > tr > td, .relation-contact .table > tbody > tr > td, .relation-contact .table > tfoot > tr > td { padding: 5px; } } /* Activities Settings */ #activity_subjects_list li, #review_categories_list li { cursor: pointer; } #activity_subjects_list li.subject-disabled, #review_categories_list li.subject-disabled { cursor: auto; font-style: italic; background-color: #F2DEDE; color: #474747; } #activity_subjects_list .panel-collapse, #review_categories_list .panel-collapse { padding: 10px; } #activity_subjects_list .activity_subject_name, #review_categories_list .review-category-name { margin-left: 10px; } /* Activities Navbar */ a > .navbar-add-activity { background-color: #ffffff; border: 2px solid #e4e9ec; color: #6ccf5f; padding: 7px; } a > .navbar-add-activity:hover { background-color: #6ccf5f; color: #ffffff; } /* Validator Errors */ input.error, textarea.error { border: 1px solid red; } label.error { color: #ff0000; } #event_publication_write .option-selected { color: green; font-weight: bold; } /* Twitter Publication */ .review-social-page .fa-twitter, .review-social-page .fa-facebook, .review-social-page .fa-linkedin { font-size: 27px; } .review-social-page .card-bordered { border: 1px solid #8899a6; } .social-review-box .btn-success { float: none; margin-bottom: 10px; } .preview-social-review .js-keeper-placeholder-back { display: none; } .social-content-helper { min-height: 120px; } .twitterPost { margin-top: -20px; } .twitter-overflow { background: #fcc; } .char-counter { color: #6ccf5f; } .char-counter.char-counter-warning { color: #5c0002; /* Same as Twitter */ } .char-counter.char-counter-error { color: #be1922; } /* CK Editor */ /*.cke_dialog_contents_body { overflow: auto; }*/ /* span.cke_button_icon.cke_button__source_icon { display: none; } .cke_dialog_contents_body { height: 100px !important; }*/ /*span.cke_button_icon.cke_button__mediaembed_icon { background-position: 0 1px !important; } .cke_dialog_ui_select { display: none; } .cke_dialog_ui_hbox_first, .cke_dialog_ui_hbox_child, .cke_dialog_ui_radio_input, .cke_dialog_ui_labeled_label, .cke_dialog_ui_radio .cke_dialog_ui_labeled_label, .cke_dialog_ui_radio .cke_dialog_ui_hbox_last { display: none !important; }*/ /* Top navigation */ #top-nav .fa-log-out { font-size: 15px; } /* contact list */ .confim-choice-existing-list, .confim-choice-creating-list { min-width: 0 !important; padding: 10px 20px !important; } #contact-list-table_wrapper .table.table-wiz.table-striped > tbody > tr:nth-child(odd) { background-color: #fff; } #contact-list-table_wrapper .table.table-wiz > tbody > tr > td { border-color: #F7F7F7; height: 22px; width: 1px !important; padding-right: 5px !important; } #contact-list-table_wrapper .label-default { background-color: #9BADD0; } #contact-list-table_wrapper { border-bottom: 1px solid #E8DEDE; } .tick { display: none; } .guestlist-check-icon { padding-bottom: 10px; } .guestList .panel .panel-body { height: 148px; padding: 30px 0; border: none; -webkit-border-radius: 3px; border-radius: 3px; } .guestList .panel .panel-body:hover { cursor: pointer; background-color:#16366C; } .guestList .panel .panel-body:hover h1, .guestList .panel .panel-body:hover a { color: white !important; } .guestList .panel .panel-body h1 { margin: 0; } .panel.panel-light.guestlist-selected { border: 3px solid #6ccf5f; -webkit-border-radius: 5px; border-radius: 5px; } .panel.panel-light.guestlist-not-selected { border: 3px solid transparent; -webkit-border-radius: 5px; border-radius: 5px; } .color-preview-square { width: 18px; height: 18px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; } .thumbnail-crawled-preview img { height: auto; max-width: 100%; } .soft-hide { display: none; } .table-list { margin-bottom: 10px; } .table-list .row:first-child li { border-top: 1px solid #e7e7e7; } .table-list .b-pair { border-right: 1px solid #e7e7e7; } .table-list .b-pair:last-child { border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } .table-list .b-odd { border-left: 1px solid #e7e7e7; } .table-list .b-odd:first-child { border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } .table-list .b-odd:last-child { border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } .table-list li { position: relative; height: 121px; padding-top: 15px; } .table-list li .avatar { margin-bottom: 0; margin-right: 10px; width: 90px; } .table-list li .delete { color: #be0e26; display: block; height: 20px; margin-top: -10px; position: absolute; right: 10px; top: 50%; } /** API **/ #credentials-api { background-color: #fcf8e3; } #credentials-api dl { margin-bottom: 0; } /* * Component: section * * Use to structure the page into section, separated by a consistent space between * them. @TODO use that for the back office rework. */ .section { padding-top: 20px; padding-bottom: 20px; } .section-prime { border-bottom: 1px solid rgba(71, 159, 220, 0.5); /* = 479fdc ~ 50%*/ margin-bottom: 20px; } .section > *:last-child { margin-bottom: 0; } .section-title { font-size: 18px; margin-top: 0; margin-bottom: 20px; } .section-subtitle { font-size: 16px; } .section--dashboard .panel-collapse { margin-top: 20px; } .section-aside-item .wizicon { margin-right: 5px; } /* * Component: card * * Same Bootstrap 4 component, replaces panel, thumbnail, etc. */ .card { background: #fff; /*border: 1px solid #e4eaec;*/ margin-bottom: 30px; } .card-block { padding: 15px 15px; } .card-element { margin-bottom: 20px; } .card-title { margin: 0; margin-bottom: 20px; } .card-subtitle { color: #7c7f85; margin-top: -10px; margin-bottom: 20px; } .card-link + .card-link { margin-left: 15px; } .card-lg .card-block { padding: 30px 30px; } .card .card-img-wrapper { display: block; position: relative; } .card.card-newsletter-skeleton, .card.card-pressbook-skeleton, .card.card-page-builder { border: 1px solid #e4eaec; } .card.card-newsletter-skeleton .card-title, .card.card-pressbook-skeleton .card-title, .card.card-page-builder .card-title { font-size: 15px; line-height: 1.3; word-wrap: break-word; } .card-img-wrapper:before { bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } .card-newsletter-skeleton .card-img-wrapper:before, .card-pressbook-skeleton .card-img-wrapper:before, .card-page-builder .card-img-wrapper:before { background-color: rgba(32, 80, 128, 0.5) /* #1F4F7F */; } .card-img-overlay.card-img-overlay--count { color: #fff; font-size: 55px; font-weight: 300; left: 0; line-height: 1; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .count-edition { display: block; font-size: 16px; font-weight: 400; padding-bottom: 10px; padding-top: 10px; text-transform: uppercase; } .card.card-newsletter-skeleton .card-img-icon, .card.card-page-builder .card-img-icon { fill: #fff; height: 70px; width: 70px; } .card-stats { height: 120px; margin-left: auto; margin-right: auto; position: relative; width: 120px; } .card-stats .wizicon { fill: #f6f7fd; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .card-stats-text { color: #497fdc; display: block; font-size: 42px; /* 3 * font-size-base */ padding: 30px 0; /* (height - (font-size * line-height)) / 2 */ position: relative; text-align: center; } .card-stats-unit { font-size: 14px; /* 1.2 * font-size-base */ } .card--light { background-color: #f6f7fd; } .card--light .card-stats .wizicon { fill: #fff; } .card--dashboard { margin-bottom: 0; text-align: center; } .card--dashboard .card-title { margin-bottom: 10px; } .card--dashboard .card-btn, .card--dashboard .card-link { display: block; margin: 5px; } /* * Pressbooks */ #press_book-section .list-content-section .panel:first-child { border-top-color: #e4eaec; } #press_book-section .pressbook-section-title { display: inline-block; } .shared-item img { margin: 0 auto; text-align: center; } .row-infos { padding-bottom: 20px; } .col-highlight { padding-top: 35px; padding-left: 100px; } .display-format { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e4eaec; } /* * Social Preview */ /* Apply some style to the preview keeper */ .js-keeper-editor { position: relative; } .js-keeper-editor, .js-keeper-placeholder-back { overflow: hidden; } .js-keeper-editor { background: transparent; min-height: 200px; outline: none; } .js-keeper-placeholder-back { background: transparent; bottom: 0; color: transparent; height: auto; left: 0; position: absolute; padding: 10px; /* Same as textarea.form-control from Bootstrap! */ top: 0; white-space: pre-wrap; word-wrap: break-word; z-index: -99; } .js-keeper-placeholder-back em { background: #fcc !important; } /* Hide things on load to not make things blink when loading the page */ .js-preview-card, .js-preview-flashbag-crawl, .js-preview-flashbag-image { display: none; } .facebook-preview .fa-facebook, .linkedin-preview .fa-linkedin, .twitter-preview .fa-twitter, .yammer-preview .fa-yammer { float: right; text-align: center; font-size: 27px; } .review-social-page .fa-yammer { float: none; } .review-social-page .fa-twitter, .twitter-preview .fa-twitter { color: #00aced; } .review-social-page .fa-facebook, .facebook-preview .fa-facebook { color: #3b5998; } .review-social-page .fa-linkedin, .linkedin-preview .fa-linkedin { color: #007bb5; } .facebook-preview .fa-facebook:before, .linkedin-preview .fa-linkedin:before, .twitter-preview .fa-twitter:before, .yammer-preview .fa-yammer:before { vertical-align: inherit; } .yammer-preview .fa-yammer:before { content: ""; } .social-preview .hashtag:hover, .social-preview .link:hover, .social-preview .user:hover { cursor: pointer; -webkit-text-decoration: underline; text-decoration: underline; } /**** Twitter Preview ****/ .twitter-preview { font-family: Helvetica, Arial, sans-serif; border: 1px solid #e4eaec; padding: 20px; margin-bottom: 15px; -webkit-border-radius: 6px; border-radius: 6px; } .twitter-preview .user-img { -webkit-border-radius: 5px; border-radius: 5px; width: 48px; float: left; margin-right: 10px; } .twitter-preview .infos-user { margin-bottom: 15px; } .twitter-preview .fullname { font-size: 18px; font-weight: bold; } .twitter-preview .username { color: #8899a6; font-size: 14px; } .twitter-preview .content-text { font-weight: 300; letter-spacing: .01em; line-height: 32px; font-size: 26px; margin: 0; padding: 10px 0; word-wrap: break-word; } .social-preview .hashtag, .social-preview .link, .social-preview .user { color: #1da1f2; } .twitter-preview .tweet-bar { padding-top: 20px; } .twitter-preview .shared-item { margin: 0 auto; border: 1px solid #E1E8ED; -webkit-border-radius: .42857em; border-radius: .42857em; overflow: hidden; } .twitter-preview .shared-item .metas { font-size: 14px; padding: 14px 10.5px; } .twitter-preview .meta-title { display: block; font-size: 14px; font-weight: bold; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .twitter-preview .meta-description { margin-top: .32333em; margin-bottom: 0; } .twitter-preview .shared-item .item-domain { display: block; color: #8899A6; font-size: 14px; margin-top: .32333em; margin-bottom: 0; } /**** Facebook Preview ****/ .facebook-preview { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; -webkit-box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05); padding: 15px; margin-bottom: 15px; } .facebook-preview .user-img { width: 40px; float: left; margin-right: 10px; } .facebook-preview .infos-user .username, .facebook-preview .infos-user .posted-date { line-height: 20px; font-size: 14px; } .facebook-preview .infos-user .username { color: #3b5998; } .facebook-preview .infos-user .posted-date { color: #90949c; font-size: 14px; display: block; } .facebook-preview .infos-user .icon-earth { width: 15px; vertical-align: sub; display: inline-block; } .facebook-preview .username { color: #ccc; } .facebook-preview .content-text { font-size: 14px; word-wrap: break-word; margin: 0; padding: 10px 0; border-bottom: 0 solid #ccc; } .facebook-preview .content-text .hashtag, .facebook-preview .content-text .user, .facebook-preview .content-text .link { color: #3b5998; } .facebook-preview .icon-like { margin: 10px 5px 10px 0; width: 20px; } .facebook-preview .like-counter { color: #ccc; font-size: 14px; } .facebook-preview .bar { padding-top: 10px; margin: 0; } .facebook-preview .facebook-bar { height: 35px; } .facebook-preview .shared-item { -webkit-box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05); } .facebook-preview .shared-item .metas { padding: 10px 12px; } .facebook-preview .meta-title { font-family: Georgia, Lucida Grande, Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 22px; margin-top: 0; } .facebook-preview .shared-item .metas .meta-description { font-size: 12px; } .facebook-preview .shared-item .item-domain { color: #90949c; display: block; font-size: 11px; text-transform: uppercase; margin-top: 10px; } /**** LinekdIn Preview ****/ .linkedin-preview { border: 1px solid #ccc; padding: 15px; margin-bottom: 15px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; } .linkedin-preview .infos-user { padding-bottom: 5px; padding-left: 70px; padding-top: 5px; } .linkedin-preview .user-img { float: left; margin: 5px; width: 48px; } .linkedin-preview .linkedin-card { padding: 10px; border: 1px solid #e6e6e6; } .linkedin-preview .infos-user .username { font-size: 17px; line-height: 20px; } .linkedin-preview .infos-user .posted-date { display: block; color: #727272; } .linkedin-preview .content-text { font-weight: 500; color: #727272; font-size: 15px; word-wrap: break-word; margin: 0; padding: 10px 0; border-bottom: 1px solid #e6e6e6; } .linkedin-preview .content-text .js-keeper-hashtag, .linkedin-preview .content-text .js-keeper-user, .linkedin-preview .content-text .js-keeper-link { color: #007bb5; font-weight: bold; } .linkedin-preview .shared-item { border: 1px solid #e6e6e6; margin: 15px 0; } .linkedin-preview .shared-item .metas { padding: 8px; } .linkedin-preview .meta-title { font-size: 15px; font-weight: bold; margin: 0; } .linkedin-preview .item-domain { color: #727272; } .linkedin-bar { height: 40px; } /***** Event Review *****/ .title-color-border { position: absolute; height: 2px; width: 130px; bottom: -2px; } .recap { position: relative; padding: 0; overflow: hidden; background-size: cover; } .text-collapse .morelink { text-transform: uppercase; display: block; width: 100%; text-align: center; margin-top: 30px; } .opac { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6); } .recap_infos { text-align: center; margin-bottom: 40px; color: #fff; position: relative; } .recap_infos-title { font-size: 1.8em; color: #fff; text-transform: uppercase; padding-top: 30px; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid white; } .recap_infos_desc p { font-size: 1.3em; margin-top: 30px; } .recap_infos_timer { font-size: 1.1em; margin-top: 30px; margin-bottom: 30px; } .btn-header-event { color: #fff; padding: 15px 30px; text-transform: uppercase; } .btn-header-event:hover { background-color: #fff; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .table.table-wiz > tbody > tr.last > td { border-bottom: 2px solid #dadada; } .custom-fields-collapse { margin-bottom: 20px; } .confirmation-list-inline { display: none; } /* * Navs */ .nav.nav--anchors2k17 { } .nav.nav--anchors2k17 .nav-link { color: #777; font-size: 12px; font-weight: 600; letter-spacing: 0.045em; position: relative; text-transform: uppercase; } .nav.nav--anchors2k17 .nav-link:after { bottom: 0; border-bottom: 1px solid transparent; content: ''; position: absolute; left: 12px; right: 10px; } .nav.nav--anchors2k17 .nav-link:active, .nav.nav--anchors2k17 .nav-link:focus, .nav.nav--anchors2k17 .nav-link:hover, .nav.nav--anchors2k17 .nav-item.active .nav-link { background-color: transparent; color: #be1922; } .nav.nav--anchors2k17 .nav-item.active .nav-link:after { border-bottom-color: #be1922; } /* * Position button form for mediaReviewStreamSetting Type */ .table-loading-row { background-color: #fff !important; } .btn.btn-primary.btn-batch-clipping { background-color: #f8f9fd; border: 1px solid #b5c8f7; color: #5279d9; } .btn.btn-primary.btn-batch-clipping:hover { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); color: #5279d9 !important; } .blockchain--font-size { font-size: 12px; padding-bottom: 20px; } /* * Import Interface */ .text-warning-time { margin-bottom:20px; } .select-header { width: 100%; } .fa-eye.disabled { color: gray; } /* Globe Newswire */ body .modal-content #intrado_form { padding: 8px; } /* * CARD 2024 * * This is a new card design for the 2024 project before it changes again. * * ¯\_(ツ)_/¯ */ .card-2024 { padding: 32px; } .card-2024 .card-2024__icon { text-align: center; } .card-2024 .card-2024__icon svg{ width: 76px; height: 88px; } .card-2024 .card-2024__body { padding: 40px 0 40px 0; min-height: 300px; height: auto; } .card-2024 .card-2024__body .card-2024__title { font-family: "Open Sans"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; padding-bottom: 16px; } .card-2024 .card-2024__body .card-2024__content { font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .card-2024 .card-2024__cta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; gap: 10px; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .card-2024 .card-2024__cta a { color: #333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 8px 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #333; } #loader-2 { text-align: center; } #loader-2 span{ display: inline-block; width: 12px; height: 12px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #1C2038; margin: 35px 5px; } #loader-2 span:nth-child(1){ -webkit-animation: bounce 1s ease-in-out infinite; animation: bounce 1s ease-in-out infinite; } #loader-2 span:nth-child(2){ -webkit-animation: bounce 1s ease-in-out 0.33s infinite; animation: bounce 1s ease-in-out 0.33s infinite; } #loader-2 span:nth-child(3){ -webkit-animation: bounce 1s ease-in-out 0.66s infinite; animation: bounce 1s ease-in-out 0.66s infinite; } @-webkit-keyframes bounce{ 0%, 75%, 100%{ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 25%{ -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes bounce{ 0%, 75%, 100%{ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 25%{ -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } #form_row_variant_publication_write_content .ck-editor__editable_inline, #form_row_intrado_globe_newswire_publication_write_type_content .ck-editor__editable_inline, #form_row_web_publication_write_content .ck-editor__editable_inline { resize: vertical; height: 400px; } .ck-editor__editable_inline { height: 200px; } body.modal-open .ck.ck-dropdown__panel, body.modal-open .ck.ck-link-form, body.modal-open .ck.ck-balloon-panel{ z-index: 1100; } body { background-color: #EFF1F9; } .link { color: #4D8CFD; color: #4D8CFD; font-size: 11.9px; font-weight: 600; letter-spacing: 0.055em; text-transform: uppercase; white-space: nowrap; } .link:focus, .link:hover { color: rgb(15.4916666667, 95.1425189394, 238.0083333333); } .link:focus, .link:hover { color: rgb(15.4916666667, 95.1425189394, 238.0083333333); } .link--danger { color: #BE1922; } .link--danger:focus, .link--danger:hover { color: rgb(115.4703488372, 23.0296511628, 28.0718710359); } .flashmessage { border: 1px solid #EFF1F9; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); position: relative; } .flashmessage:before { background-color: #4D8CFD; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; bottom: -1px; content: ""; left: -1px; position: absolute; top: -1px; width: 4px; } .flashmessage-body { padding: 12px 20px; } .flashmessage-body > *:last-child { margin-bottom: 0; } .flashmessage-text, .flashmessage-title { margin-bottom: 5px; } .flashmessage-title { color: #383D3B; font-size: 14px; font-weight: 600; letter-spacing: 0.035em; } .flashmessage-btn { color: #4D8CFD; font-size: 11.9px; font-weight: 600; letter-spacing: 0.055em; text-transform: uppercase; white-space: nowrap; line-height: 32px; } .flashmessage-btn:focus, .flashmessage-btn:hover { color: rgb(15.4916666667, 95.1425189394, 238.0083333333); } .flashmessage--error { border-bottom-color: #BE1922; } .flashmessage--error .flashmessage-title { color: #BE1922; } .flashmessage--error:before { background-color: #BE1922; } .flashmessage--success { border-bottom-color: #12C445; } .flashmessage--success .flashmessage-title { color: #12C445; } .flashmessage--success:before { background-color: #12C445; } .flashmessage--warning { border-bottom-color: #EE964B; } .flashmessage--warning .flashmessage-title { color: #EE964B; } .flashmessage--warning:before { background-color: #EE964B; } .flashmessage--tiptop .flashmessage-body { padding-top: 25px; } .flashmessage-tip { position: absolute; top: -12px; left: 20px; } .notify { border: 1px solid #EFF1F9; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; font-weight: 400; font-size: 12px; line-height: 12px; vertical-align: middle; -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.05); padding: 5px; background: #F6F7FD; border: 1px solid #E4E9EC; } .notify svg { fill: #BE1922; height: 12px; width: 12px; } .notify svg, .notify .notify-text { color: #BE1922; display: inline-block; vertical-align: middle; } .notify .notify-text--error { color: #BE1922; fill: #BE1922; } .notify .notify-text--warning { color: #EE964B; fill: #EE964B; } .notify--bottom { position: relative; border: 1px solid #E4E9EC; } .notify--bottom:before, .notify--bottom:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; top: 100%; left: 50%; } .notify--bottom:after { border-color: rgba(246, 247, 253, 0); border-width: 5px; border-top-color: #F6F7FD; margin-left: -5px; } .notify--bottom:before { border-color: rgba(246, 247, 253, 0); border-width: 6px; border-top-color: #E4E9EC; margin-left: -6px; } .notify--left { position: relative; border: 1px solid #E4E9EC; } .notify--left:before, .notify--left:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; right: 100%; top: 50%; } .notify--left:after { border-color: rgba(246, 247, 253, 0); border-width: 5px; border-right-color: #F6F7FD; margin-top: -5px; } .notify--left:before { border-color: rgba(246, 247, 253, 0); border-width: 6px; border-right-color: #E4E9EC; margin-top: -6px; } .notify--right { position: relative; border: 1px solid #E4E9EC; } .notify--right:before, .notify--right:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; left: 100%; top: 50%; } .notify--right:after { border-color: rgba(246, 247, 253, 0); border-width: 5px; border-left-color: #F6F7FD; margin-top: -5px; } .notify--right:before { border-color: rgba(246, 247, 253, 0); border-width: 6px; border-left-color: #E4E9EC; margin-top: -6px; } .notify--top { position: relative; border: 1px solid #E4E9EC; } .notify--top:before, .notify--top:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; bottom: 100%; left: 50%; } .notify--top:after { border-color: rgba(246, 247, 253, 0); border-width: 5px; border-bottom-color: #F6F7FD; margin-left: -5px; } .notify--top:before { border-color: rgba(246, 247, 253, 0); border-width: 6px; border-bottom-color: #E4E9EC; margin-left: -6px; } .notify--danger { background-color: #BE1922; border-color: #BE1922; } .notify--danger .notify-text { color: #fff; } .notify--danger .wizicon { fill: #fff; } .notify--danger.notify--bottom:before { border-top-color: #BE1922; } .notify--danger.notify--bottom:after { border-top-color: #BE1922; } .notify--danger.notify--left:before { border-right-color: #BE1922; } .notify--danger.notify--left:after { border-right-color: #BE1922; } .notify--danger.notify--right:before { border-left-color: #BE1922; } .notify--danger.notify--right:after { border-left-color: #BE1922; } .notify--danger.notify--top:before { border-bottom-color: #BE1922; } .notify--danger.notify--top:after { border-bottom-color: #BE1922; } .notify--dangerlt { background-color: #fff; border-color: #BE1922; } .notify--dangerlt .notify-text { color: #BE1922; } .notify--dangerlt .wizicon { fill: #BE1922; } .notify--dangerlt.notify--bottom:before { border-top-color: #BE1922; } .notify--dangerlt.notify--bottom:after { border-top-color: #fff; } .notify--dangerlt.notify--left:before { border-right-color: #BE1922; } .notify--dangerlt.notify--left:after { border-right-color: #fff; } .notify--dangerlt.notify--right:before { border-left-color: #BE1922; } .notify--dangerlt.notify--right:after { border-left-color: #fff; } .notify--dangerlt.notify--top:before { border-bottom-color: #BE1922; } .notify--dangerlt.notify--top:after { border-bottom-color: #fff; } .notify--success { background-color: #12C445; border-color: #12C445; } .notify--success .notify-text { color: #fff; } .notify--success .wizicon { fill: #fff; } .notify--success.notify--bottom:before { border-top-color: #12C445; } .notify--success.notify--bottom:after { border-top-color: #12C445; } .notify--success.notify--left:before { border-right-color: #12C445; } .notify--success.notify--left:after { border-right-color: #12C445; } .notify--success.notify--right:before { border-left-color: #12C445; } .notify--success.notify--right:after { border-left-color: #12C445; } .notify--success.notify--top:before { border-bottom-color: #12C445; } .notify--success.notify--top:after { border-bottom-color: #12C445; } .btn--2k17 { -webkit-border-radius: 2px; border-radius: 2px; color: #4D8CFD; font-weight: 600; letter-spacing: 0.065em; padding: 12px 15px; -webkit-transition: background-color 0.23s, color 0.3s; transition: background-color 0.23s, color 0.3s; white-space: nowrap; } .btn--2k17 .btn-icon { display: inline-block; padding-right: 3px; vertical-align: middle; } .btn--2k17 .btn-icon .wizicon { display: block; height: 12px; -webkit-transition: fill 0.25s; transition: fill 0.25s; width: 12px; } .btn--2k17 .btn-text { display: inline-block; -webkit-transition: color 0.25s; transition: color 0.25s; vertical-align: middle; } .btn--primary-danger { background-color: #BE1922; color: #fff; } .btn--primary-danger:focus, .btn--primary-danger:hover { background-color: rgb(167.4651162791, 22.0348837209, 29.9674418605); color: #fff; } .btn--secondary-default { background-color: #ffffff; color: #383D3B; } .btn--secondary-default:focus, .btn--secondary-default:hover { background-color: #dadada; color: #383D3B; } button { padding: 0; border: none; cursor: pointer; } button:focus { outline: none; } .wiz-btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 13px; font-weight: 600; line-height: 13px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 12px 13px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wiz-btn .badge { color: #fff; background-color: #337ab7; margin-left: 5px; } .wiz-btn .wizicon { margin-right: 10px; width: 14px; height: 14px; } .wiz-btn:hover:not(.disabled) { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wiz-btn.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .wiz-btn.btn-icon { position: relative; padding-left: 37px; } .wiz-btn.btn-icon [class*="fa fa-"] { position: absolute; left: 0; padding: 0 10px; line-height: 2.5em; } .wiz-btn.wiz-btn--add:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(0, 196, 70, 0.3); box-shadow: 0 5px 15px rgba(0, 196, 70, 0.3); } .wiz-btn-primary { color: #fff; } .wiz-btn-primary:hover { color: white; } .wiz-btn-primary.wiz-btn--add { background: linear-gradient(35deg, #00C446, #96CD41); } .wiz-btn-primary.wiz-btn--save { background: linear-gradient(35deg, #2C6CD7, #6867CE); } .wiz-btn-primary.wiz-btn--save:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); } .wiz-btn-primary.wiz-btn--delete, .wiz-btn-primary.wiz-btn--danger { background-color: #BE1922; } .wiz-btn-primary.wiz-btn--delete:hover:not(.disabled), .wiz-btn-primary.wiz-btn--danger:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(190, 25, 34, 0.3); box-shadow: 0 5px 15px rgba(190, 25, 34, 0.3); } .wiz-btn-primary.wiz-btn--confirm { background: linear-gradient(35deg, #00C446, #96CD41); } .wiz-btn-primary.wiz-btn--confirm:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(0, 196, 70, 0.3); box-shadow: 0 5px 15px rgba(0, 196, 70, 0.3); } .wiz-btn-primary.wiz-btn--other { background: linear-gradient(35deg, #2C6CD7, #6867CE); } .wiz-btn-primary.wiz-btn--other:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); } .wiz-btn-primary.disabled, .wiz-btn-primary:disabled { background-image: none; background-color: #C3C4C7; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wiz-btn-primary .wizicon { fill: #fff; } .wiz-btn-secondary { background: none; } .wiz-btn-secondary.wiz-btn--add { color: #00C446; border: 1px solid #00C446; } .wiz-btn-secondary.wiz-btn--add:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(0, 196, 70, 0.3); box-shadow: 0 5px 15px rgba(0, 196, 70, 0.3); } .wiz-btn-secondary.wiz-btn--add .wizicon { fill: #00C446; } .wiz-btn-secondary.wiz-btn--save { color: #2C6CD7; border: 1px solid #2C6CD7; } .wiz-btn-secondary.wiz-btn--save:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); } .wiz-btn-secondary.wiz-btn--save .wizicon { fill: #2C6CD7; } .wiz-btn-secondary.wiz-btn--delete, .wiz-btn-secondary.wiz-btn--danger { color: #BE1922; border: 1px solid #BE1922; } .wiz-btn-secondary.wiz-btn--delete:hover:not(.disabled), .wiz-btn-secondary.wiz-btn--danger:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(190, 25, 34, 0.3); box-shadow: 0 5px 15px rgba(190, 25, 34, 0.3); } .wiz-btn-secondary.wiz-btn--delete .wizicon, .wiz-btn-secondary.wiz-btn--danger .wizicon { fill: #BE1922; } .wiz-btn-secondary.wiz-btn--upload { color: #2C6CD7; border: 1px solid #2C6CD7; } .wiz-btn-secondary.wiz-btn--upload:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); } .wiz-btn-secondary.wiz-btn--upload .wizicon { fill: #2C6CD7; } .wiz-btn-secondary.wiz-btn--confirm { color: #00C446; border: 1px solid #00C446; } .wiz-btn-secondary.wiz-btn--confirm:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(0, 196, 70, 0.3); box-shadow: 0 5px 15px rgba(0, 196, 70, 0.3); } .wiz-btn-secondary.wiz-btn--confirm .wizicon { fill: #00C446; } .wiz-btn-secondary.wiz-btn--cancel { color: #2C6CD7; border: 1px solid #2C6CD7; } .wiz-btn-secondary.wiz-btn--cancel:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); } .wiz-btn-secondary.wiz-btn--cancel .wizicon { fill: #2C6CD7; } .wiz-btn-secondary.wiz-btn--other { color: #2C6CD7; border: 1px solid #2C6CD7; } .wiz-btn-secondary.wiz-btn--other:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); box-shadow: 0 5px 15px rgba(44, 108, 215, 0.3); } .wiz-btn-secondary.wiz-btn--other .wizicon { fill: #2C6CD7; } .wiz-btn-secondary.wiz-btn--workplace { color: #373e4c; border: 1px solid #373e4c; } .wiz-btn-secondary.wiz-btn--workplace .wizicon { fill: #373e4c; } .wiz-btn-secondary.wiz-btn--workplace:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px #373e4c; box-shadow: 0 5px 15px #373e4c; } .wiz-btn-secondary.wiz-btn--yammer { color: #265495; border: 1px solid #265495; } .wiz-btn-secondary.wiz-btn--yammer .wizicon { fill: #265495; } .wiz-btn-secondary.wiz-btn--yammer:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px #265495; box-shadow: 0 5px 15px #265495; } .wiz-btn-secondary.wiz-btn--twitter { color: #1da1f2; border: 1px solid #1da1f2; } .wiz-btn-secondary.wiz-btn--twitter .wizicon { fill: #1da1f2; } .wiz-btn-secondary.wiz-btn--twitter:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px #1da1f2; box-shadow: 0 5px 15px #1da1f2; } .wiz-btn-secondary.wiz-btn--linkedin { color: #2867b1; border: 1px solid #2867b1; } .wiz-btn-secondary.wiz-btn--linkedin .wizicon { fill: #2867b1; } .wiz-btn-secondary.wiz-btn--linkedin:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px #2867b1; box-shadow: 0 5px 15px #2867b1; } .wiz-btn-secondary.wiz-btn--facebook { color: #1877f2; border: 1px solid #1877f2; } .wiz-btn-secondary.wiz-btn--facebook .wizicon { fill: #1877f2; } .wiz-btn-secondary.wiz-btn--facebook:hover:not(.disabled) { -webkit-box-shadow: 0 5px 15px #1877f2; box-shadow: 0 5px 15px #1877f2; } .wiz-btn-secondary.disabled, .wiz-btn-secondary:disabled { color: #C3C4C7; border-color: #C3C4C7; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wiz-btn-secondary.disabled .wizicon, .wiz-btn-secondary:disabled .wizicon { fill: #C3C4C7; } .wiz-btn-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .upload-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .wiz-btn-grouped { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .wiz-btn-grouped .wiz-btn { border: 1px solid #2C6CD7; } .wiz-btn-grouped .wiz-btn:not(:first-child) { margin-left: -1px; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .wiz-btn-grouped .wiz-btn:not(:last-child) { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .wiz-btn-grouped .wiz-btn.active { color: #fff; background-color: #2C6CD7; } .wiz-btn-grouped .wiz-btn.active a { color: #fff; } .wiz-btn-grouped .wiz-btn:not(.active) { background: white; border-color: #2C6CD7; } @media screen and (min-width: 480px) { .new-media-review { float: right; } } .card-img, .card-img img { max-width: 100%; } .card-title > a { color: #383D3B; -webkit-text-decoration: none; text-decoration: none; } .card-block { position: relative; } .card-block > *:last-child, .card-block > *:last-child > *:last-child { margin-bottom: 0; } .card--2k17 { display: block; margin-bottom: 0; } .card--channel { border: 1px solid #EFF1F9; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04); cursor: default; opacity: 0.5; pointer-events: none; position: relative; } .f-csstransitions .card--channel { -webkit-transition: -webkit-transform 0.15s linear; transition: -webkit-transform 0.15s linear; transition: transform 0.15s linear; transition: transform 0.15s linear, -webkit-transform 0.15s linear; } .f-csstransitions .card--channel[href]:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .card--channel[href] { cursor: pointer; pointer-events: all; opacity: 1; } .card--channel .card-img { background-color: #BE1922; border-bottom: 5px solid #EFF1F9; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; padding: 20px; } .card--channel .card-img svg { fill: #fff; padding: 10px 15px; } .card--channel .card-img-matter { display: block; height: 50px; margin: auto; width: 200px; } .card--channel .card-decorator { background-color: #BE1922; -webkit-border-radius: 8px; border-radius: 8px; bottom: 20px; height: 8px; left: 15px; position: absolute; width: 50px; } .card--channel .card-block { overflow: hidden; padding-bottom: 40px; } .card--channel .card-title { color: #383D3B; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 7px; } .card--channel .card-text, .card--channel .card-title-modifier { color: #7E8083; font-size: 12px; font-style: italic; text-transform: none; } .card--channel .card-title-modifier { color: #4D8CFD; } .card--channel .card-btn { color: #4D8CFD; font-size: 11.9px; font-weight: 600; letter-spacing: 0.055em; text-transform: uppercase; white-space: nowrap; bottom: 15px; float: right; position: absolute; right: 15px; } .card--channel .card-btn:focus, .card--channel .card-btn:hover { color: rgb(15.4916666667, 95.1425189394, 238.0083333333); } .card--outlink { border: 1px solid #EFF1F9; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04); position: relative; } .f-csstransitions .card--outlink { -webkit-transition: -webkit-transform 0.15s linear; transition: -webkit-transform 0.15s linear; transition: transform 0.15s linear; transition: transform 0.15s linear, -webkit-transform 0.15s linear; } .f-csstransitions .card--outlink[href]:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .card--outlink .card-block { margin-right: 65px; } .card--outlink .card-title { color: #383D3B; font-size: 14px; font-weight: 600; text-transform: uppercase; } .card--outlink .card-subtitle { display: block; overflow: hidden; text-overflow: ellipsis; font-size: 11.9px; } .card--outlink .card-img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; } .card--outlink .card-img .card-img-matter { height: 25px; width: 25px; opacity: 0.2; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .card--outlink[href]:hover .card-img-matter, .card--outlink[href]:focus .card-img-matter { opacity: 0.4; } .card--contact .card-img { margin: 0 auto 15px; } .card--contact .card-img img { background-color: #BE1922; -webkit-border-radius: 50%; border-radius: 50%; margin: auto; padding: 2px; } .card--contact .card-img-placeholder { font-size: 40px; } .card--contact .card-title { font-weight: bold; text-align: center; } .card--contact .card-block { padding: 0; } .card--contactlist .card-title { font-weight: bold; text-align: center; } .card--contactlist .card-img, .card--contactlist .card-img-placeholder { margin: 0 auto 15px; height: 100px; width: 100px; } .card--contactlist .card-img, .card--contactlist .card-img img, .card--contactlist .card-img-placeholder, .card--contactlist .card-img-placeholder img { -webkit-border-radius: 50%; border-radius: 50%; } .card--contactlist .card-img-placeholder { border: 2px solid #EFF1F9; color: #BE1922; display: block; font-size: 40px; font-weight: 600; line-height: 1; padding: 25px 10px; text-align: center; text-transform: uppercase; } .card--contactlist .card-block { padding: 0; } .card--contactlist .card-footer { text-align: center; } .card--contactlist.card--guestlist { background-color: #F6F7FD; border: 2px solid #EFF1F9; cursor: pointer; } .card--contactlist.card--guestlist .card-img { display: none; } .card--contactlist.card--guestlist .card-block { padding-bottom: 35px; padding-top: 35px; } .card--contact-alt, .card--contactlist-alt { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .card--contact-alt:before, .card--contact-alt:after, .card--contactlist-alt:before, .card--contactlist-alt:after { content: " "; display: table; } .card--contact-alt:after, .card--contactlist-alt:after { clear: both; } .card--contact-alt .card-img, .card--contact-alt .card-img-placeholder, .card--contactlist-alt .card-img, .card--contactlist-alt .card-img-placeholder { margin: 0; height: 50px; width: 50px; } .card--contact-alt .card-img-placeholder, .card--contactlist-alt .card-img-placeholder { font-size: 1em; padding: 32% 5%; } .card--contact-alt .card-title, .card--contactlist-alt .card-title { text-align: left; } .card--contact-alt .card-block, .card--contactlist-alt .card-block { -webkit-box-flex: 4; -webkit-flex-grow: 4; -ms-flex-positive: 4; flex-grow: 4; padding: 10px 25px; } .card--setting { border: 1px solid #F6F7FD; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04); -webkit-transition: -webkit-box-shadow 0.2s; transition: -webkit-box-shadow 0.2s; transition: box-shadow 0.2s; transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; -webkit-transition-timing-function: cubic-bezier(0.34, 1, 0.34, 2); transition-timing-function: cubic-bezier(0.34, 1, 0.34, 2); } .card--setting:hover { -webkit-box-shadow: 0 0px 0px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 0px 0px 4px rgba(0, 0, 0, 0.04); } .card--setting .card-title { float: left; margin-bottom: 0; } .card--setting .card-title .card-title-text { background-color: rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; border-radius: 4px; color: #000; font-family: monospace; font-size: 14px; font-weight: 700; padding: 4px 8px; } .card--setting .card-text { line-height: 22px; overflow: hidden; padding: 0 15px; } .card--setting .card-text [href], .card--setting .card-text [href]:focus, .card--setting .card-text [href]:hover { color: inherit; -webkit-text-decoration: none; text-decoration: none; } .card--setting .card-btn { color: #4D8CFD; font-size: 11.9px; font-weight: 600; letter-spacing: 0.055em; text-transform: uppercase; white-space: nowrap; float: right; } .card--setting .card-btn:focus, .card--setting .card-btn:hover { color: rgb(15.4916666667, 95.1425189394, 238.0083333333); } .card--user { padding: 15px; } .card--user .card-img { background: #BE1922; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #EFF1F9; padding: 1px; height: 35px; width: 35px; float: left; } .card--user .card-img .card-img-placeholder { background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; color: #BE1922; line-height: 31px; display: block; font-size: 15px; text-align: center; text-transform: uppercase; } .card--user .card-block { overflow: hidden; padding-bottom: 0; padding-top: 0; } .card--user .card-title, .card--user .card-subtitle { margin-bottom: 5px; } .card--user .card-footer { margin-top: 10px; } .card--workplace { border: 1px solid #dddfe2; } .card--workplace .card-block { overflow: hidden; padding-bottom: 0; padding-top: 0; } .card--workplace .card-block .card-description { -webkit-columns: 2; -moz-columns: 2; columns: 2; display: block; list-style-type: none; padding: 10px; } .card--workplace .card-block .card-description .card-permission { display: inline-block; margin-left: 23px; padding-bottom: 15px; vertical-align: baseline; } .card--workplace .card-block .card-description .card-permission .card-permission-icon { margin: 3px 0 0 -23px; padding: 0; position: absolute; } .card--workplace .card-block .card-description .card-permission .card-permission-icon--optional { margin: 3px 0 0 -23px; padding: 0; position: absolute; } .card--workplace .card-block .card-description .card-permission .card-permission-icon--optional svg.wizicon-check-icon .cls-1 { fill: #EE964B !important; } .card--workplace .card-block .card-description .card-permission .card-permission-title { color: #4b4f56; font-size: 12px; font-weight: bold; line-height: 18px; vertical-align: middle; } .card--workplace .card-block .card-description .card-permission .card-permission-description { color: #90949c; line-height: 16px; } .card--workplace .card-block .card-profile { -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #dddfe2; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 12px auto 24px auto; padding: 12px; width: 50%; } .card--workplace .card-block .card-profile .card-profile-picture { display: inline-block; height: 50px; width: 50px; } .card--workplace .card-block .card-profile .card-profile-block { display: inline-block; margin-left: 12px; } .card--workplace .card-block .card-profile .card-profile-block .card-profile-name { font-size: 14px; font-weight: bold; line-height: 16px; overflow: hidden; text-overflow: ellipsis; } .card--workplace .card-block .card-profile .card-profile-block .card-profile-description { color: #90949c; font-size: 12px; line-height: 14px; margin-top: 4px; } .card--workplace .card-title { background: #f6f7f9; color: #4b4f56; font-size: 14px; font-weight: bold; line-height: 16px; margin-bottom: 20px; padding: 16px 24px; } .wizicon-finger-print { height: 13px; } .wizicon-finger-print-success { height: 24px; fill: #6ccf5f; vertical-align: middle; width: 18px; } .wizicon-finger-print-info { height: 24px; fill: #497fdc; vertical-align: middle; width: 18px; } .wizicon-finger-print-button { height: 24px; fill: #497fdc; vertical-align: middle; width: 18px; } .file-index-icon { font-size: 13px; margin-right: 3px; } .blockchain-status--certified { display: inline; } .blockchain-status--not-certified { display: none; } .blockchain-status--pending { display: none; } .form--2k18 label { color: #383D3B; font-weight: 600; } .form-group--sheeper .sheep-link { float: right; } .sheep--form-1 .sheep-body { padding-bottom: 5px; } .sheep--form-1 .sheep-nav { float: right; margin-right: -12px; } .sheep--form-1 .sheep-nav .nav-link { padding: 18px 12px; } .sheep--form-1 .sheep-nav .nav-link .wizicon { height: 12px; width: 12px; } .sheep--form-1 .sheep-nav .nav-link.unsheep-link .wizicon { fill: #BE1922; } .sheep--form-1 .sheep-value { overflow: hidden; } .wiz-checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .wiz-checkbox input { display: none; } .wiz-checkbox input:checked + .label-check { background: -webkit-gradient(linear, left top, right top, from(#2C6CD7), to(#6867CE)); background: linear-gradient(to right, #2C6CD7, #6867CE); } .wiz-checkbox input:checked + .label-check svg { display: block; fill: #fff; } .wiz-checkbox .label-check { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30px; height: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 2px solid #4872D8; cursor: pointer; -webkit-border-radius: 6px; border-radius: 6px; } .wiz-checkbox .label-check .wiz-icon { display: none; width: 18px; height: 18px; } .wiz-checkbox .label-check + label { font-size: 20px; color: #666666; margin-left: 15px; } .form--ajax-refreshing { position: relative; } .form--ajax-refreshing::before { content: ""; position: absolute; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.5); } .section-block, .section-element, .section-header, .section-img, .section-text { margin-bottom: 20px; } .section-block > *:last-child, .section-header > *:last-child, .section-footer > *:last-child, .section-wrapper > *:last-child { margin-bottom: 0; } .section--2k17 { margin-bottom: 40px; padding: 0; } .section--2k17 .section-title { color: #383D3B; font-size: 19.88px; font-weight: 400; } .section--2k17 .section-title a, .section--2k17 .section-title a:focus, .section--2k17 .section-title a:hover { color: inherit; } .section--2k17 .section-title--secondary { color: #383D3B; font-size: 16px; font-weight: 600; letter-spacing: 0.035em; } .section--prime { margin-bottom: 25px; padding-bottom: 15px; padding-top: 15px; } .section--prime .section-aside--actions { float: right; margin-left: 15px; } .section--prime .section-aside--actions .section-aside-item { display: inline-block; } .section--prime .section-aside--back { float: left; margin-right: 15px; } .section--prime .section-aside--back .section-aside-item { border-right: 1px solid #EFF1F9; padding-right: 15px; line-height: 32px; } .section--prime .section-title { line-height: 32px; overflow: hidden; } .section--offie .section-header { border-bottom: 1px solid #EFF1F9; -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.04); margin-bottom: 0; } .section--offie .section-header .section-title { color: #383D3B; font-size: 16px; font-weight: 600; letter-spacing: 0.035em; border-left: 1px solid #EFF1F9; border-right: 1px solid #EFF1F9; line-height: 30px; overflow: hidden; padding: 10px 20px; } .section--offie .section-block { padding: 20px; } .section--offie .section-title--secondary { color: #383D3B; font-size: 14px; font-weight: 600; letter-spacing: 0.035em; } .section--offie .section-aside { float: right; } .offie-layer--secondary .section--offie .section-aside { float: left; } .section--offie .section-aside-item { padding: 17px 15px; display: block; } .section--offie .section-aside-item > .wizicon { display: block; fill: rgba(126, 128, 131, 0.6); height: 18px; -webkit-transition: fill 0.2s; transition: fill 0.2s; width: 18px; } .section--offie .section-aside-item:focus > .wizicon, .section--offie .section-aside-item:hover > .wizicon { fill: rgba(126, 128, 131, 0.8); } .section--offie .section-text { color: #7E8083; } .section--offie .section-btn-text { font-size: 11.9px; font-weight: 600; letter-spacing: 0.035em; text-transform: uppercase; } .section--boxy { background-color: #fff; border: 1px solid #EFF1F9; -webkit-border-radius: 4px; border-radius: 4px; min-height: 20px; } .section--boxy .section-wrapper { padding: 20px; } .section--boxy .section-header, .section--boxy .section-block { padding: 0; } .section--boxy .section-block { padding-bottom: 20px; } .section--boxy .section-block:last-child { padding-bottom: 0px; } .section--drawer { margin-left: -31px; padding-top: 0; } .section--targets .section-block { border-bottom: 1px solid #EFF1F9; } .section--targets .section-block:last-child { border-bottom-color: transparent; } .section--userprofile .section-img { background: #fff; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #EFF1F9; padding: 7.5px; height: 180px; width: 180px; margin-left: auto; margin-right: auto; } .section--userprofile .section-img .section-img-placeholder { background-color: #fcfcfc; -webkit-border-radius: 50%; border-radius: 50%; color: #BE1922; line-height: 163px; display: block; font-size: 60px; text-align: center; text-transform: uppercase; } .section--aside .section-header { background-color: #fff; } .section--aside .section-header:before, .section--aside .section-header:after { content: " "; display: table; } .section--aside .section-header:after { clear: both; } .section--aside .section-aside--close { float: right; } .section--aside .section-title { color: #383D3B; font-size: 16px; font-weight: 600; letter-spacing: 0.035em; border-top: 1px solid #EFF1F9; color: #fff; padding: 10px 15px; text-align: center; } .section--aside .nav--channel { background-color: #fff; } .section--aside .nav--channel .nav-item { border-right: 1px solid #EFF1F9; float: left; } .section--aside .nav--channel .nav-link, .section--aside .section-aside--close .section-aside-item { display: block; padding: 15px 15px; } .section--aside .nav--channel .wizicon, .section--aside .section-aside--close .section-aside-item .wizicon { height: 20px; width: 20px; display: block; fill: #2A2F35; opacity: 0.4; } .section--aside .nav--channel .wizicon { opacity: 0.75; } .section--aside .section-aside--close .section-aside-item { border-left: 1px solid #EFF1F9; } .section--aside .list--userwidget { background-color: #fff; padding: 15px; } .section--aside .section-footer svg { fill: #ccc; height: 50px; opacity: 0.4; padding: 10px 50px; width: 100%; } .section--aside .section-footer .section-text { font-size: 11.2px; text-align: center; } .live-state { visibility: hidden; } .live-state .loader-label { left: 51%; position: absolute; top: 47%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .live-state.live-state--active { visibility: visible; } .gallery--grid .gallery-item { margin-bottom: 15px; } .gallery--list { list-style: none; margin: 0; padding: 0; } .gallery--list .gallery-item { margin-bottom: 20px; } .list--userwidget { list-style: none; margin: 0; padding: 0; text-align: right; } .list--userwidget .list-item + .list-item { margin-top: 10px; } .list--userwidget .list-item--language .property-value { text-transform: uppercase; } .list--userwidget .list-item--logout { border-top: 1px solid #EFF1F9; padding-top: 10px; } .list--userwidget .property-key { color: #7E8083; font-size: 12px; font-weight: 400; text-align: left; text-transform: uppercase; } .list--userwidget .link { color: #4D8CFD; font-size: 11.9px; font-weight: 600; letter-spacing: 0.055em; text-transform: uppercase; white-space: nowrap; } .list--userwidget .link:focus, .list--userwidget .link:hover { color: rgb(15.4916666667, 95.1425189394, 238.0083333333); } .list--attributes { list-style: none; margin: 0; padding: 0; } .list--attributes .list-item .wizicon { fill: rgb(165.0059288538, 166.4011857708, 168.4940711462); margin-right: 5px; } .list--channelswitch { list-style: none; padding-left: 0; } .list--channelswitch > .list-item { margin-bottom: 25px; } .list--channelmonitoring { list-style: none; margin: 0; padding: 0; } .list--channelmonitoring:before, .list--channelmonitoring:after { content: " "; display: table; } .list--channelmonitoring:after { clear: both; } .list--channelmonitoring .list-item { border-bottom: 1px dashed #EFF1F9; padding: 3px 0; } .list--channelmonitoring .property-key { color: #7E8083; float: left; font-size: 11.9px; font-weight: 600; line-height: 20px; text-transform: uppercase; } .list--channelmonitoring .property-val { overflow: hidden; text-align: right; } .list--alerts { list-style: none; margin: 0; padding: 0; } .list--alerts .list-item { margin-bottom: 10px; } .property { list-style: none; margin: 0; padding: 0; } .list--form-main, .list--form-aside { list-style: none; margin: 0; padding: 0; } .list--form-main:before, .list--form-main:after, .list--form-aside:before, .list--form-aside:after { content: " "; display: table; } .list--form-main:after, .list--form-aside:after { clear: both; } .list--form-main .list-item, .list--form-aside .list-item { border-bottom: 1px solid #EFF1F9; min-height: 51px; } .list--form-main .form-group, .list--form-aside .form-group { margin-bottom: 0; padding: 7.5px 0; } .list--form-main .form-group--toggle, .list--form-aside .form-group--toggle { padding: 0; } .list--form-main .form-group--toggle label, .list--form-main .property-key, .list--form-main .property-val, .list--form-aside .form-group--toggle label, .list--form-aside .property-key, .list--form-aside .property-val { line-height: 50px; } .list--form-main label, .list--form-main .property-key, .list--form-aside label, .list--form-aside .property-key { color: #7E8083; font-size: 11.9px; font-weight: 600; text-transform: uppercase; } .list--form-main label, .list--form-aside label { padding: 0; } .list--form-main .property-key, .list--form-aside .property-key { float: left; } .list--form-main .property-val, .list--form-aside .property-val { overflow: hidden; text-align: right; } .table--2k17 { border-bottom: 1px solid #dddddd; } .table--2k17 .table-header-element { border-bottom: none; font-size: 11.9px; font-weight: 600; letter-spacing: 0.015em; text-transform: uppercase; } .table--2k17 .table-element { border-top: 1px solid #dddddd; } .table--2k17 .table-item .table-element:first-child { border-left: 1px solid #dddddd; } .table--2k17 .table-item .table-element:last-child { border-right: 1px solid #dddddd; } .table--2k17 .table-item:focus, .table--2k17 .table-item:hover { background-color: #F6F7FD; } .table--2k17 .table-item:focus .table-element, .table--2k17 .table-item:hover .table-element { border-color: #3d70b2; border-bottom: 1px solid #3d70b2; } .table-element:first-child { padding-left: 12px; } .table-element--datetime, .table-element--number { text-align: right; } .table-element--icon { width: 60px; } .table-element-icon { margin-bottom: 10px; position: relative; width: 35px; } .table-element-icon svg { height: 35px; width: 35px; fill: #7E8083; } .table-element-icon:after { background-color: #BE1922; -webkit-border-radius: 50%; border-radius: 50%; bottom: 0; content: ""; height: 15px; position: absolute; right: -7px; width: 15px; } .table-element-icon.table-element-icon--active:after { background-color: #12C445; } .table-element-text { line-height: 1.25; } .table-element-text:last-child { margin-bottom: 0; } .table-element-text--primary { font-weight: 600; } .table-element-text--secondary { color: #7E8083; font-size: 11.9px; } .nav--main .nav-item-text { display: block; padding: 0 10px; overflow: hidden; } .nav--main .nav-item-icon--primary { float: left; } .nav--main .nav-item-icon--collapse { display: inline-block; padding: 3px 0; float: right; } .nav--main .nav-item-icon--collapse svg { display: block; fill: #ccc; height: 12px; vertical-align: middle; width: 12px; } .nav--main .nav-item-icon--collapse .smoothie-placeholder { fill: #fff; } .nav--main .nav-item-icon--collapse svg { -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; } .nav--main .offie--active > .nav-item-icon--collapse svg { -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); } .nav--main .nav-link:active, .nav--main .nav-link:focus, .nav--main .nav-link:hover, .nav--main .active { background-color: transparent; } .nav--main.nav--lvl2 .nav-link { padding: 8px 0; } @media screen and (min-width: 992px) { .nav--main.nav--lvl2 .nav-link { padding: 3px 0px; } } .nav--main .offie-collapse-body { padding: 5px 20px 15px 20px; } .nav--main .notify { font-size: 10px; margin-left: 7px; padding: 2px 3px; } .nav--useractivity > li, .nav--useractivity > .nav-item { padding: 10px; } .nav--useractivity > li > a, .nav--useractivity > li > .nav-link, .nav--useractivity > .nav-item > a, .nav--useractivity > .nav-item > .nav-link { padding: 0; text-align: right; } .nav--useractivity > li > a:focus, .nav--useractivity > li > a:hover, .nav--useractivity > li > .nav-link:focus, .nav--useractivity > li > .nav-link:hover, .nav--useractivity > .nav-item > a:focus, .nav--useractivity > .nav-item > a:hover, .nav--useractivity > .nav-item > .nav-link:focus, .nav--useractivity > .nav-item > .nav-link:hover { background-color: transparent; } .nav--useractivity > li > .nav-link, .nav--useractivity > .nav-item > .nav-link { color: #4D8CFD; font-size: 11.9px; font-weight: 600; letter-spacing: 0.055em; text-transform: uppercase; white-space: nowrap; } .nav--useractivity > li > .nav-link:focus, .nav--useractivity > li > .nav-link:hover, .nav--useractivity > .nav-item > .nav-link:focus, .nav--useractivity > .nav-item > .nav-link:hover { color: rgb(15.4916666667, 95.1425189394, 238.0083333333); } .nav--useractivity .nav-item + .nav-item { border-top: 1px solid #EFF1F9; } .nav-techbar { background: #000; -webkit-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15); padding-right: 5px; } .nav-techbar .nav-item { float: left; padding: 5px 7px; } .nav-techbar .nav-item-icon { background-color: #fff; -webkit-border-radius: 25px; border-radius: 25px; display: inline-block; margin-right: 5px; padding: 3px; vertical-align: middle; } .nav-techbar .nav-item-icon .wizicon { display: block; fill: #000; height: 15px; width: 15px; } .nav-techbar .nav-item-text { color: #fff; display: inline-block; font-family: monospace; font-size: 11px; vertical-align: middle; } .nav--table-actions { white-space: nowrap; } .nav--table-actions .nav-item { display: inline-block; } .nav--table-actions .nav-item + .nav-item { margin-left: 7px; } .nav--table-actions .nav-link { padding: 0; } .nav--table-actions .nav-link:focus, .nav--table-actions .nav-link:hover { background-color: transparent; } .navbar { -webkit-border-radius: 0; border-radius: 0; border-width: 0; margin-bottom: 0; } .navbar-brand { display: block; float: none; padding: 0; position: relative; } .navbar-brand .navbar-brand-img { display: block; height: auto; margin: auto; max-width: 100%; } .navbar-brand:after { content: ""; display: block; background-color: #BE1922; bottom: -4px; height: 4px; position: absolute; width: 100%; } .navbar-brand svg { display: block; height: 40px; margin: auto; padding: 10px 15px; width: 200px; } @media screen and (max-width: 767px) { .navbar-brand { width: 200px; } .navbar-brand:after { display: none; } .navbar-nav { margin: 0; } } .navbar-nav--channel { float: none; overflow: hidden; } .navbar-nav--channel .nav-item--channeltitle { float: none; overflow: hidden; } .navbar--app .navbar-nav > .nav-item > .nav-link, .navbar--app .open .nav-link { height: 50px; white-space: nowrap; } .navbar--app .nav-link-icon { display: block; } .navbar--app .nav-link-icon .wizicon { opacity: 0.75; } .nav-item--user > .nav-link { line-height: inherit; padding: 7.5px 7.5px; } .nav-item--user .navbar-user-img { float: left; height: 35px; width: 35px; } .nav-item--user .navbar-user-img > img { max-width: 100%; } .nav-item--user .navbar-user-body { overflow: hidden; padding: 0 7.5px; } .nav-item--user .nav-link-text { display: block; } .nav-item--user .nav-link-icon { float: right; } .nav-item--user .navbar-user-img { background: #BE1922; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #BE1922; padding: 0px; height: 35px; width: 35px; } .nav-item--user .navbar-user-img .navbar-user-img-placeholder { background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; color: #BE1922; line-height: 33px; display: block; font-size: 15px; text-align: center; text-transform: uppercase; } .navbar--app .navbar-knob { display: block; padding: 15px 15px; } .navbar--app .navbar-knob .navbar-knob-icon { display: block; margin: auto; height: 20px; width: 20px; } .navbar--app .nav-item--user .nav-link-text { font-size: 12px; } .navbar--app .nav-item--user .nav-link-text.nav-link-text--primary { font-weight: 600; } .navbar--app .nav-item--user .nav-link-text.nav-link-text--secondary { opacity: 0.66; } .navbar--app .nav-item--activity > .nav-link, .navbar--app .nav-item--channelswitch > .nav-link, .navbar--app .nav-item--channelgoto > .nav-link { line-height: 20px; padding: 15px; } .navbar--app .nav-item--channeltitle .nav-link { font-size: 16px; font-weight: 600; text-align: center; } .navbar--app .nav-item--channeltitle .nav-link:focus, .navbar--app .nav-item--channeltitle .nav-link:hover { background-color: transparent !important; } .navbar--app .nav-item--channeltitle .notify { margin-left: 12px; } .navbar-techbar { bottom: 0; left: 0; position: absolute; -webkit-transform: translateY(66%); -ms-transform: translateY(66%); transform: translateY(66%); z-index: 1; } @media screen and (max-width: 767px) { .navbar--app .navbar-nav--channel { display: none; } .navbar--app .navbar-nav--user { display: none; } } .label--channel { color: #7E8083; margin-right: 7px; padding: 0; } .label--channel > .wizicon { display: inline-block; height: 10px; width: 10px; } .label--2k18.label--default { -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(126, 128, 131, 0.07); color: #7E8083; font-size: 75%; } .label--rp-connect { display: inline-block; margin-left: 15px; padding: 2px 10px; vertical-align: middle; } .label--rp-connect > img { max-width: 60px; } .offie-container:before { content: ""; height: 100%; left: 0; position: fixed; opacity: 0; top: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0s 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, transform 0.3s, visibility 0s 0.3s, -webkit-transform 0.3s; visibility: hidden; width: 100%; z-index: 1020; } .offie-container.offie--active:before { opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; visibility: visible; } .offie-layer { background: #fff; height: 100%; left: 0; overflow-y: scroll; position: fixed; top: 0; visibility: hidden; width: 340px; -webkit-transition: all 0.35s, opacity 0.25s; transition: all 0.35s, opacity 0.25s; z-index: 1031; visibility: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-timing-function: cubic-bezier(1, 0, 0.2, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* custom */ border: 1px solid #EFF1F9; border-bottom-width: 0; border-top-width: 0; padding-bottom: 50px; } .offie-layer.offie--active { visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media screen and (max-width: 767px) { .offie-layer { width: 100%; } } .offie-layer--secondary { left: auto; right: 0; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition-timing-function: cubic-bezier(1, 0, 0.2, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* custom */ width: 640px; } .offie-layer--secondary.offie--active { visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media screen and (max-width: 767px) { .offie-layer--secondary { width: 100%; } } .offie-layer-body { height: 100%; padding: 20px; position: relative; } .offie-dropdown { opacity: 0; position: absolute; right: 0; visibility: hidden; width: 340px; -webkit-transition: all 0.35s, opacity 0.25s; transition: all 0.35s, opacity 0.25s; z-index: 1031; -webkit-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.075); box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.075); } .offie-dropdown.offie--active { visibility: visible; opacity: 1; } .offie-dropdown-body { background-color: #fff; padding: 20px; } .offie-collapse { height: 0; opacity: 0; -webkit-transition: all 0.25s; transition: all 0.25s; visibility: hidden; } .offie-collapse.offie--active { opacity: 1; visibility: visible; } .modal-backdrop { background-color: #2A2F35; } .modal-backdrop.in { opacity: 0.8; } .modal--2k18 .modal-content { border-color: #fff; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); } .modal--2k18 .modal-header { border-bottom: 0; padding-bottom: 0; } .modal--2k18 .modal-title { color: #383D3B; font-size: 16px; font-weight: 600; letter-spacing: 0.035em; } .modal--2k18 .modal-text { color: #7E8083; } .modal--2k18 .modal-footer { border-top: 0; padding-top: 0; } .modal--delete-action .modal-dialog { margin-top: 120px; width: 420px; } .modal--delete-action .modal-text { margin: 0; } .butterbar { position: absolute; height: 4px; display: none; width: 100%; background-color: transparent; margin: 0; overflow: hidden; } .butterbar .determinate { position: absolute; top: 0; left: 0; bottom: 0; background-color: #BE1922; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } .butterbar .bar { background-color: #BE1922; } .butterbar .bar:before { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .butterbar .bar:after { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } .butterbar.active { display: block; } @-webkit-keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-webkit-keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } .pane { border-right: 1px solid #EFF1F9; height: 100vh; max-height: 700px; overflow: auto; } .pane-header { background-color: #ffffff; position: -webkit-sticky; position: sticky; top: 0; z-index: 2; } .pane-header:before, .pane-header:after { content: " "; display: table; } .pane-header:after { clear: both; } .pane-header-nav--2 { float: right; } .pane-header-nav--2 .pagination { margin: 0; } .scrollingbar-red::-webkit-scrollbar, .pane-content::-webkit-scrollbar { width: 5px; height: 12px; } .scrollingbar-red::-webkit-scrollbar-track, .pane-content::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } .scrollingbar-red::-webkit-scrollbar-thumb, .pane-content::-webkit-scrollbar-thumb { background: #be1922; } .layout { height: 100%; padding-top: 50px; width: 100%; } .layout-wrapper { position: relative; /* trick to get the sidenav 100% height. */ } .layout-header { left: 0; position: fixed; right: 0; top: 0; z-index: 1030; } .layout-header .navbar-knob { float: left; width: 50px; } .layout-header .butterbar { left: 0; right: 0; width: auto; } .layout-content { min-height: 100%; padding: 20px 0 60px 0; } .layout-aside--left { -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); position: relative; } .layout-aside--left .offie-layer { background-color: transparent; border: 0; } .layout-aside--left .section--aside .section-text { color: #ccc; } @media screen and (min-width: 768px) { .layout { display: table; height: 100%; width: 100%; } .layout-wrapper { display: table-row; } .layout-aside, .layout-content { display: table-cell; height: 100%; vertical-align: top; width: 100%; } .layout-content { max-width: 1px; } .layout-aside--left { width: 200px; z-index: 1021; } .layout-aside--left .offie-layer { height: auto; overflow-x: hidden; overflow-y: visible; position: relative; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; z-index: 1021; } .layout-aside--left .offie-layer.aside-2 { overflow-x: visible; } .layout-aside--left .section--aside { padding-top: 20px; } .layout-aside--left .section-header, .layout-aside--left .section-block--user { display: none; } } @media screen and (min-width: 768px) and (max-width: 991px) { .layout-aside--left .offie-layer, .layout--compact .layout-aside--left .offie-layer { -webkit-transition-duration: 0.15s, 0.25s; transition-duration: 0.15s, 0.25s; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .layout-aside--left .offie-layer.offie--active, .layout--compact .layout-aside--left .offie-layer.offie--active { width: 200px; } .layout-aside--left .offie-layer.offie--active .nav--lvl1 > .nav-item .nav-item-text, .layout-aside--left .offie-layer.offie--active .nav--lvl1 > .nav-item .nav-item-icon--collapse, .layout--compact .layout-aside--left .offie-layer.offie--active .nav--lvl1 > .nav-item .nav-item-text, .layout--compact .layout-aside--left .offie-layer.offie--active .nav--lvl1 > .nav-item .nav-item-icon--collapse { visibility: visible; } .layout-aside--left .layout-content, .layout--compact .layout-aside--left .layout-content { padding-left: 60px; } .layout-aside--left .nav--lvl1, .layout--compact .layout-aside--left .nav--lvl1 { overflow: hidden; width: 200px; } .layout-aside--left .nav--lvl1 > .nav-item .nav-item-text, .layout-aside--left .nav--lvl1 > .nav-item .nav-item-icon--collapse, .layout--compact .layout-aside--left .nav--lvl1 > .nav-item .nav-item-text, .layout--compact .layout-aside--left .nav--lvl1 > .nav-item .nav-item-icon--collapse { -webkit-transition: visibility 0s; transition: visibility 0s; visibility: hidden; } } @media screen and (min-width: 992px) { .layout-aside--left .active .offie--active { height: auto; } } .layout-content { background-color: #fff; } .offie-container:before { background: #2A2F35; } .offie-container.offie--active:before { opacity: 0.7; } .layout-aside--left, .layout-aside--left .offie-layer { background-color: #2A2F35; } .navbar--app { background-color: #F6F7FD; -webkit-box-shadow: 0 1px 0 0 rgba(42, 47, 53, 0.07); box-shadow: 0 1px 0 0 rgba(42, 47, 53, 0.07); } .navbar--app .navbar-header, .navbar--app .navbar-brand, .navbar--app .navbar-knob { background-color: #BE1922; } .navbar--app .nav-link { border-color: #E4E9EC; } .navbar--app .navbar-knob-icon { fill: #fff; } .navbar--app .navbar-brand svg { fill: #fff; } .navbar--app .navbar-nav > .nav-item > .nav-link, .navbar--app .navbar-nav > .nav-item > .dropdown-toggle, .navbar--app .navbar-nav .open > a { color: #383D3B; } .navbar--app .navbar-nav > .nav-item > .nav-link:hover, .navbar--app .navbar-nav > .nav-item > .nav-link:focus, .navbar--app .navbar-nav > .nav-item > .dropdown-toggle:hover, .navbar--app .navbar-nav > .nav-item > .dropdown-toggle:focus, .navbar--app .navbar-nav .open > a:hover, .navbar--app .navbar-nav .open > a:focus { color: #383D3B; background-color: #EFF1F9; } .navbar--app .navbar-nav > .nav-item > .nav-link.offie--active { color: #383D3B; background-color: #EFF1F9; } .navbar--app .navbar-nav .active > .nav-link, .navbar--app .navbar-nav .active > .nav-link:hover, .navbar--app .navbar-nav .active > .nav-link:focus { color: #383D3B; background-color: #EFF1F9; } .navbar--app .navbar-nav .disabled > .nav-link, .navbar--app .navbar-nav .disabled > .nav-link:hover, .navbar--app .navbar-nav .disabled > .nav-link:focus { color: #fff; background-color: transparent; } .navbar--app .navbar-nav .nav-link-icon--primary { display: inline-block; } .navbar--app .navbar-nav .nav-link-icon--primary svg { display: block; fill: #383D3B; height: 20px; vertical-align: middle; width: 20px; } .navbar--app .navbar-nav .nav-link-icon--primary .smoothie-placeholder { fill: #383D3B; } .navbar--app .navbar-nav .nav-link-icon--secondary { display: inline-block; height: 16px; padding: 10px 0; } .navbar--app .navbar-nav .nav-link-icon--secondary svg { display: block; fill: #383D3B; height: 15px; vertical-align: middle; width: 15px; } .navbar--app .navbar-nav .nav-link-icon--secondary .smoothie-placeholder { fill: #383D3B; } @media screen and (min-width: 768px) { .layout-content .container-fluid { padding: 0 30px; } .container .navbar-knob, .container-fluid .navbar-knob { margin-left: -15px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .layout-header .butterbar { left: 60px; } .layout-header .navbar-brand { width: 60px; } .layout-header .navbar-knob { width: 60px; } .layout-aside--left { width: 60px; } .layout-aside--left .offie-layer { width: 60px; } .offie-container.offie--active { overflow: visible; } .layout-header .navbar-brand { display: none; } } @media screen and (min-width: 992px) { .layout-header .butterbar { left: 200px; } .layout-header .navbar-brand { width: 200px; } .layout-header .navbar-knob { width: 200px; } .layout-aside--left { width: 200px; } .layout-aside--left .offie-layer { width: 200px; } .layout-header .navbar-knob { display: none; } .layout-header .navbar-brand-icon { display: none; } .layout-aside--left .active .offie--active { height: auto; } } .layout-content-inner:before, .layout-content-inner:after { content: " "; display: table; } .layout-content-inner:after { clear: both; } .layout-content-panel { float: left; } .layout-content-panel .section--2k17 { border-bottom: 1px solid #EFF1F9; margin-bottom: 20px; padding-bottom: 20px; } .layout-content-panel--main { border-right: 1px solid #EFF1F9; padding-right: 30px; width: 66.6666%; } .layout-content-panel--aside { background-color: #F6F7FD; padding: 20px 30px; width: 33.3333%; } .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .nav-link, .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .dropdown-toggle, .layout--2k17 .nav--main.nav--lvl1 .open > a, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .nav-link, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .dropdown-toggle, .layout--2k17a .nav--main.nav--lvl1 .open > a { color: #ccc; } .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .nav-link:hover, .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .nav-link:focus, .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .dropdown-toggle:hover, .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .dropdown-toggle:focus, .layout--2k17 .nav--main.nav--lvl1 .open > a:hover, .layout--2k17 .nav--main.nav--lvl1 .open > a:focus, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .nav-link:hover, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .nav-link:focus, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .dropdown-toggle:hover, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .dropdown-toggle:focus, .layout--2k17a .nav--main.nav--lvl1 .open > a:hover, .layout--2k17a .nav--main.nav--lvl1 .open > a:focus { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .nav-link.offie--active, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .nav-link.offie--active { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .layout--2k17 .nav--main.nav--lvl1 .active > .nav-link, .layout--2k17 .nav--main.nav--lvl1 .active > .nav-link:hover, .layout--2k17 .nav--main.nav--lvl1 .active > .nav-link:focus, .layout--2k17a .nav--main.nav--lvl1 .active > .nav-link, .layout--2k17a .nav--main.nav--lvl1 .active > .nav-link:hover, .layout--2k17a .nav--main.nav--lvl1 .active > .nav-link:focus { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .layout--2k17 .nav--main.nav--lvl1 .disabled > .nav-link, .layout--2k17 .nav--main.nav--lvl1 .disabled > .nav-link:hover, .layout--2k17 .nav--main.nav--lvl1 .disabled > .nav-link:focus, .layout--2k17a .nav--main.nav--lvl1 .disabled > .nav-link, .layout--2k17a .nav--main.nav--lvl1 .disabled > .nav-link:hover, .layout--2k17a .nav--main.nav--lvl1 .disabled > .nav-link:focus { color: #fff; background-color: transparent; } .layout--2k17 .nav--main.nav--lvl1 > .nav-item, .layout--2k17a .nav--main.nav--lvl1 > .nav-item { margin-bottom: 2px; } .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .nav-link, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .nav-link { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 11.9px; font-weight: 400; letter-spacing: 0.075em; padding: 15px 20px; text-transform: uppercase; } .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .nav-link:before, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .nav-link:before { background-color: transparent; bottom: 7px; content: ""; display: block; left: 0; position: absolute; top: 7px; width: 4px; } .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .nav-link:focus:before, .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .nav-link:hover:before, .layout--2k17 .nav--main.nav--lvl1 > .nav-item > .nav-link.offie--active:before, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .nav-link:focus:before, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .nav-link:hover:before, .layout--2k17a .nav--main.nav--lvl1 > .nav-item > .nav-link.offie--active:before { background-color: #BE1922; } .layout--2k17 .nav--main.nav--lvl1 > .nav-item.active > .nav-link:before, .layout--2k17a .nav--main.nav--lvl1 > .nav-item.active > .nav-link:before { background-color: #BE1922; } .layout--2k17 .nav--main.nav--lvl1 .offie-collapse.offie--active, .layout--2k17a .nav--main.nav--lvl1 .offie-collapse.offie--active { background-color: rgba(255, 255, 255, 0.1); } .layout--2k17 .nav--main.nav--lvl1 .nav-item-icon--primary, .layout--2k17a .nav--main.nav--lvl1 .nav-item-icon--primary { display: inline-block; opacity: 0.66; } .layout--2k17 .nav--main.nav--lvl1 .nav-item-icon--primary svg, .layout--2k17a .nav--main.nav--lvl1 .nav-item-icon--primary svg { display: block; fill: #ccc; height: 16px; vertical-align: middle; width: 16px; } .layout--2k17 .nav--main.nav--lvl1 .nav-item-icon--primary .smoothie-placeholder, .layout--2k17a .nav--main.nav--lvl1 .nav-item-icon--primary .smoothie-placeholder { fill: #ccc; } .layout--2k17 .nav--main.nav--lvl1 .nav-item-icon--collapse, .layout--2k17a .nav--main.nav--lvl1 .nav-item-icon--collapse { opacity: 0.66; } .layout--2k17 .nav--main.nav--lvl2 > .nav-item > .nav-link, .layout--2k17 .nav--main.nav--lvl2 > .nav-item > .dropdown-toggle, .layout--2k17 .nav--main.nav--lvl2 .open > a, .layout--2k17a .nav--main.nav--lvl2 > .nav-item > .nav-link, .layout--2k17a .nav--main.nav--lvl2 > .nav-item > .dropdown-toggle, .layout--2k17a .nav--main.nav--lvl2 .open > a { color: #ccc; } .layout--2k17 .nav--main.nav--lvl2 > .nav-item > .nav-link:hover, .layout--2k17 .nav--main.nav--lvl2 > .nav-item > .nav-link:focus, .layout--2k17 .nav--main.nav--lvl2 > .nav-item > .dropdown-toggle:hover, .layout--2k17 .nav--main.nav--lvl2 > .nav-item > .dropdown-toggle:focus, .layout--2k17 .nav--main.nav--lvl2 .open > a:hover, .layout--2k17 .nav--main.nav--lvl2 .open > a:focus, .layout--2k17a .nav--main.nav--lvl2 > .nav-item > .nav-link:hover, .layout--2k17a .nav--main.nav--lvl2 > .nav-item > .nav-link:focus, .layout--2k17a .nav--main.nav--lvl2 > .nav-item > .dropdown-toggle:hover, .layout--2k17a .nav--main.nav--lvl2 > .nav-item > .dropdown-toggle:focus, .layout--2k17a .nav--main.nav--lvl2 .open > a:hover, .layout--2k17a .nav--main.nav--lvl2 .open > a:focus { color: #fff; background-color: transparent; } .layout--2k17 .nav--main.nav--lvl2 > .nav-item > .nav-link.offie--active, .layout--2k17a .nav--main.nav--lvl2 > .nav-item > .nav-link.offie--active { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .layout--2k17 .nav--main.nav--lvl2 .active > .nav-link, .layout--2k17 .nav--main.nav--lvl2 .active > .nav-link:hover, .layout--2k17 .nav--main.nav--lvl2 .active > .nav-link:focus, .layout--2k17a .nav--main.nav--lvl2 .active > .nav-link, .layout--2k17a .nav--main.nav--lvl2 .active > .nav-link:hover, .layout--2k17a .nav--main.nav--lvl2 .active > .nav-link:focus { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .layout--2k17 .nav--main.nav--lvl2 .disabled > .nav-link, .layout--2k17 .nav--main.nav--lvl2 .disabled > .nav-link:hover, .layout--2k17 .nav--main.nav--lvl2 .disabled > .nav-link:focus, .layout--2k17a .nav--main.nav--lvl2 .disabled > .nav-link, .layout--2k17a .nav--main.nav--lvl2 .disabled > .nav-link:hover, .layout--2k17a .nav--main.nav--lvl2 .disabled > .nav-link:focus { color: #fff; background-color: transparent; } .layout--2k17 .nav--main.nav--lvl2 .nav-link, .layout--2k17a .nav--main.nav--lvl2 .nav-link { font-size: 11.305px; letter-spacing: 0.075em; } .layout--2k17 .nav--main.nav--lvl2 .nav-link, .layout--2k17 .nav--main.nav--lvl2 .active > .nav-link, .layout--2k17a .nav--main.nav--lvl2 .nav-link, .layout--2k17a .nav--main.nav--lvl2 .active > .nav-link { background-color: transparent; } .layout--2k17 .nav--main.nav--lvl2 .nav-link:focus, .layout--2k17 .nav--main.nav--lvl2 .nav-link:hover, .layout--2k17 .nav--main.nav--lvl2 .active > .nav-link:focus, .layout--2k17 .nav--main.nav--lvl2 .active > .nav-link:hover, .layout--2k17a .nav--main.nav--lvl2 .nav-link:focus, .layout--2k17a .nav--main.nav--lvl2 .nav-link:hover, .layout--2k17a .nav--main.nav--lvl2 .active > .nav-link:focus, .layout--2k17a .nav--main.nav--lvl2 .active > .nav-link:hover { background-color: transparent; } .layout--2k17 .nav--main.nav--lvl2 .active .nav-link, .layout--2k17a .nav--main.nav--lvl2 .active .nav-link { color: #fff; font-weight: 600; } .datetimepicker { margin-top: 0; padding: 0; } .datetimepicker table { width: 220px; } .datetimepicker:before { border-bottom-color: #e4e9ec; } .datetimepicker .active { background: none !important; background-color: #497fdc !important; font-weight: bold; } .datetimepicker thead { border-bottom: 2px solid #e0e0e0; font-size: 0.85em; } .datetimepicker .switch { text-transform: uppercase; } .datetimepicker td, .datetimepicker th, .datetimepicker table tr td span { -webkit-border-radius: 0; border-radius: 0; } .datetimepicker tbody td, .datetimepicker table tr td span { border-style: solid; border-color: #e0e0e0; border-width: 0; border-right-width: 1px; border-bottom-width: 1px; margin: 0; width: 31px; } .datetimepicker table tr td span { width: 25%; } .datetimepicker tbody td[colspan="7"] { padding: 0; } .datetimepicker tbody tr td:last-child, .datetimepicker table tr td span:nth-child(4), .datetimepicker table tr td span:nth-child(8), .datetimepicker table tr td span:nth-child(12) { border-right-width: 0; } .datetimepicker table tr td.day { width: 31px; } .datetimepicker table tr td.day:hover, .datetimepicker table tr td span:hover { background-color: #e6edfa; } .datetimepicker .old, .datetimepicker .new { background-color: #eeeeee; } .datetimepicker .datetimepicker-hours span, .datetimepicker .datetimepicker-minutes span { height: 35px; line-height: 35px; } .CodeMirror { font-size: 10px; height: auto !important; } .CodeMirror-scroll { max-height: 600px; min-height: 150px; } /** * SELECT2. * multi/autocomplete ( based) & single (