.toast-title { font-weight: 700 } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word } .toast-message a, .toast-message label { color: #fff } .toast-message a:hover { color: #ccc; text-decoration: none } .toast-close-button { position: relative; right: -.3em; top: -.3em; float: right; font-size: 20px; font-weight: 700; color: #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) } .toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .toast-top-center { top: 0; right: 0; width: 100% } .toast-center-center { position: absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .toast-bottom-center { bottom: 0; right: 0; width: 100% } .toast-top-full-width { top: 0; right: 0; width: 100% } .toast-bottom-full-width { bottom: 0; right: 0; width: 100% } .toast-top-left { top: 12px; left: 12px } .toast-top-right { top: 12px; right: 12px } .toast-bottom-right { right: 12px; bottom: 12px } .toast-bottom-left { bottom: 12px; left: 12px } #toast-container { position: fixed; z-index: 999999; pointer-events: none } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #toast-container>div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #000; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) } #toast-container>:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer } #toast-container>.toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important } #toast-container>.toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important } #toast-container>.toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important } #toast-container>.toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important } #toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div { width: 300px; margin-left: auto; margin-right: auto } #toast-container.toast-bottom-full-width>div, #toast-container.toast-top-full-width>div { width: 96%; margin-left: auto; margin-right: auto } .toast { background-color: #030303 } .toast-success { background-color: #51a351 } .toast-error { background-color: #bd362f } .toast-info { background-color: #2f96b4 } .toast-warning { background-color: #f89406 } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) } @media all and (max-width:240px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 11em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media all and (min-width:241px) and (max-width:480px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 18em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media all and (min-width:481px) and (max-width:768px) { #toast-container>div { padding: 15px 15px 15px 50px; width: 25em } } .calendar { text-align: center; background: #fff; z-index: 400; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .52) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .52) !important } .calendarHeader { background: #394263 !important; padding: 5px; margin: 5px; margin-bottom: 0; border-radius: 4px 4px 0 0 } .calendarBody { padding: 5px; padding-top: 0 } .calendarBody tbody td { width: 38px; height: 38px; text-align: center; border-radius: 50%; margin: 1px } .calendarBody td.holiday { font-weight: bold; color: #f00 } .bodyTable { width: 100%; margin-top: 0 !important } .bodyTable thead tr { background: #262c44; border-radius: 0 0 4px 4px } .bodyTable thead tr td { color: #fff !important; font-weight: bold } .weekDayHead { padding: 8px; color: #fff; text-align: center; font-size: 1.2rem !important } .weekDayHead:last-child { border-radius: 0 0 4px 0 } .weekDayHead:first-child { border-radius: 0 0 0 4px } .headerTable { width: 100%; text-align: center } .headerTable .calendarbutton { width: 26px; height: 26px; background: #4fc1e9; border: 0; border-radius: 50%; padding: 6px 0; text-align: center; color: #fff; font-size: 11px } .headerTable select { border: none; margin: 0 5px; border-radius: 3px; font-size: 1.4rem; padding: 2px 6px } .calendar .today { font-weight: bold !important; border: none; background-color: rgba(79, 193, 233, .15) } .calendar .selected { color: #4fc1e9; box-shadow: 0 0 0 2px #4fc1e9 } .calendarFooter { border-radius: 0 0 4px 4px; background-color: rgba(79, 193, 233, .15); padding: 6px; border-top: 1px solid #cfcfcf } .calendarFooter button { background: none; border: 0; border-radius: 4px; padding: 8px 14px; color: #000; font-size: 1.1rem } .calendarBody .bodyTable thead:after { line-height: 2px; content: "."; color: white; display: block } .calendarbutton .todayText { font-weight: bold } .alertWrapper { display: table; width: 100% } .alertWrapper .glyphicon { font-size: 16px; padding: 0 0 0 5px; float: right } .alertWrapper .message { float: right; margin-bottom: 0 } .alertWrapper .messageWrapper { float: right; display: flex } .alertWrapper.alert { margin: 5px 2px } .alertWrapper img { float: right; margin-left: 5px } .LastMessageError, .messageBoxError { background: #fcf0be; background: linear-gradient(to bottom, #fce1e0 0, #fabdba 100%); box-shadow: inset 0 0 1px #fce1e0, inset 0 30px 20px -20px #fdd9d7, 0 1px 2px #d6d6d6; border: 1px solid #cc726e; border-radius: 5px; -webkit-animation: msg-error-pulse 1.5s infinite; -moz-animation: msg-error-pulse 1.5s infinite; animation: msg-error-pulse 1.5s infinite } .LastMessageWarning, .messageBoxWarning { background: #fcf0be; background: linear-gradient(to bottom, #fcf0be 0, #f7e4a2 100%); box-shadow: inset 0 0 1px #f7fef2, inset 0 30px 20px -20px #fcf0be, 0 1px 2px #d6d6d6; border: 1px solid #ecc579; border-radius: 5px } .LastMessageSuccess, .messageBoxSuccess { background: #edf7f1; background: linear-gradient(to bottom, #edf7f1 0, #83cca0 100%); box-shadow: inset 0 0 1px #edf7f1, inset 0 30px 20px -20px #bff5d4, 0 1px 2px #d6d6d6; border: 1px solid #00832d; border-radius: 5px } .LastMessageInformation, .messageBoxInformation { background: #b8d6ff; background: linear-gradient(to bottom, #b8d6ff 0, #6caaff 100%); box-shadow: inset 0 0 1px #edf7f1, inset 0 30px 20px -20px #a7ccff, 0 1px 2px #d6d6d6; border: 1px solid #398dff; border-radius: 5px } .RadToolTip.messageBoxError, .RadToolTip.messageBoxWarning, .RadToolTip.messageBoxSuccess, .RadToolTip.messageBoxInformation, .RadWindow.messageBoxError, .RadWindow.messageBoxWarning, .RadWindow.messageBoxSuccess, .RadWindow.messageBoxInformation { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important } .RadNotification.messageBoxError { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #fce1e0 !important; padding: 0 !important } .RadNotification.messageBoxWarning { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #fcf695 !important; padding: 0 !important } .RadNotification.messageBoxSuccess { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #edf7f1 !important; padding: 0 !important } .RadNotification.messageBoxInformation { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #dbe5fa !important; padding: 0 !important } .messageBoxWarning { border: 1px solid #d8cc06; background-color: #fcf695 } .messageBoxUnKnown { border: 1px solid #8898a3; background-color: #f0f0f0 } .LastMessageError, .messageBoxError, .messageBoxInformation, .LastMessageInformation, .messageBoxWarning, .messageBoxUnKnown, .LastMessageSuccess, .messageBoxSuccess, .LastMessageWarning { display: block; margin: 0 auto 10px; padding: 5px 0; border-radius: 5px; position: relative } .MagicZoom img { border: 0 !important; padding: 0 !important; margin: 0 !important } .MagicZoomBigImageCont { border: 1px solid #999; direction: ltr } .MagicZoomHeader { font-size: 8pt !important; line-height: normal !important; color: #fff; background: #666; text-align: center !important } .MagicZoomPup { border: 1px solid #aaa; background: #fff; cursor: move } .MagicZoomLoading { border: 1px solid #ccc; background: #fff url(/Components/General/Resources/Images/Graphics/loader.gif) no-repeat 2px 50%; padding: 4px 4px 4px 24px !important; margin: 0; text-decoration: none; text-align: left; font: normal 8pt sans-serif; color: #444 } .MagicZoomPlus { cursor: url(/Components/General/Resources/Images/Graphics/zoomin.cur), pointer; outline: 0 !important } .MagicZoomPlus img { border: 0 !important; padding: 0 !important; margin: 0 !important } .MagicZoomPlus span { display: none !important } .MagicHotspots { display: none; visibility: hidden } .MagicHotspots a { border: 1px solid #ccc } .MagicHotspots a:hover { border: 1px solid red } .MagicThumb, .MagicThumb:hover { cursor: url(/Components/General/Resources/Images/Graphics/zoomin.cur), pointer; outline: 0 !important } .MagicThumb-expanded-thumbnail { cursor: default } .MagicThumb span { display: none !important } .MagicThumb img { border: 1px solid #9a9a9a } .MagicThumb-expanded { cursor: url(/Components/General/Resources/Images/Graphics/zoomout.cur), pointer; background: transparent; border: 1px solid #ccc; outline: 0; padding: 0 } .MagicThumb-caption { color: #333; background: #ccc; text-align: right; padding: 8px; border: 0 !important; outline: 0 !important; font-weight: bold; height: 30px !important; font-size: 1.3rem; font-weight: bold } .MagicThumb-buttons { background: transparent url(/Components/General/Resources/Images/Graphics/buttons1.png) no-repeat 0 0; height: 24px; display: block } .MagicThumb-buttons a { width: 24px; height: 24px; margin: 0 1px !important; overflow: hidden } .MagicThumb-loader { font: normal 12pt sans-serif; border: 1px solid #000; background: #fff url(/Components/General/Resources/Images/Graphics/loader.gif) no-repeat 2px 50%; padding: 2px 2px 2px 22px; margin: 0; text-decoration: none; text-align: left } .MagicThumb-external-caption { display: none } div.MagicSlideshow { border: 1px solid #636363; background: transparent; display: none; direction: ltr } img.MagicSlideshowImage { border: none } img.MagicSlideshowThumbnail { direction: ltr } div.MagicSlideshowThumbnailsContainer { padding: 0 1px } div.MagicSlideshowThumbnailsContainerStyle { background: #fff } .MagicSlideshowDescription { line-height: 24px; padding-right: 5px !important; padding-top: 15px !important; padding-bottom: 15px !important; font: bold 13px SDF; text-align: right; margin: 2px } .MagicSlideshowDescriptionBelow { font: normal 11px SDF } .MagicSlideshowDescription a { color: #cfcfcf } .MagicSlideshowDescription a:visited { color: #acacac } .MagicSlideshowDescription a:hover { color: #fff } div.MagicSlideshowLoadingBox { background: #fff url('/Components/General/Resources/Images/Graphics/loader.gif') no-repeat 2px 50%; padding: 4px 4px 4px 24px !important; margin: 0 !important; line-height: 15px; color: #363636; border: 1px solid #696969; text-align: right } a.MagicSlideshowArrow { width: 24px !important; height: 24px !important; cursor: pointer; background: url('/Components/General/Resources/Images/Arrows.gif'); padding: 0 !important; margin: 0 !important } a.MagicSlideshowArrowTop { background-position: 24px 0 } a.MagicSlideshowArrowRight { background-position: 0 0 } a.MagicSlideshowArrowBottom { background-position: 24px 24px } a.MagicSlideshowArrowLeft { background-position: 0 24px } .radEditorWrapper { position: relative } .radEditorStar { position: absolute; top: 3px; left: 0 } .radEditorHasValidator { padding-left: 10px } .radEditorHasNotValidator { padding-left: 0 } .radius { border-radius: 5px } .radiusTop { border-top-left-radius: 5px; border-top-right-radius: 5px } .radiusBottom { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .radiusTrBl { border-top-right-radius: 5px; border-bottom-left-radius: 5px } .radiusTlBr { border-top-left-radius: 5px; border-bottom-right-radius: 5px } body.compensate-for-scrollbar { overflow: hidden } .fancybox-active { height: auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * { box-sizing: border-box } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0 ease .25s; visibility: hidden; z-index: 99997 } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0, visibility 0 ease 0; visibility: visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block } .fancybox-slide--image { overflow: hidden; padding: 44px 0 } .fancybox-slide--image::before { display: none } .fancybox-slide--html { padding: 6px } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-container [data-selectable='true'] { cursor: text } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox-spaceball { z-index: 1 } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { background: #fff } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe { left: 0; position: absolute; top: 0 } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 1.6rem; line-height: 20px; margin: 0; padding: 0 } .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc } .fancybox-button:hover { color: #fff } .fancybox-button:focus { outline: none } .fancybox-button.fancybox-focus { outline: 1px dotted } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none } .fancybox-button div { height: 100% } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% } .fancybox-button svg path { fill: currentColor; stroke-width: 0 } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998 } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 } .fancybox-close-small:hover { color: #fff; opacity: 1 } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px } .fancybox-navigation .fancybox-button div { padding: 7px } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) } .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 1.4rem; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996 } @supports (padding:max(0)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right))max(25px, env(safe-area-inset-bottom))max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none } .fancybox-caption a:hover { color: #fff; text-decoration: underline } .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 } @keyframes fancybox-rotate { 100% { transform: rotate(360deg) } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0) } .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0); transform: rotate(0) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0) } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1) } @media all and (max-height:576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px } .fancybox-slide--image { padding: 6px 0 } .fancybox-close-small { right: -6px } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px } .fancybox-caption { padding-left: 12px; padding-right: 12px } @supports (padding:max(0)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 { color: #222; font-size: 3.5rem; font-weight: 700; margin: 0 0 20px 0 } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100% } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 } .fancybox-thumbs__list a:focus::before { opacity: .5 } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1 } @media all and (max-width:576px) { .fancybox-thumbs { width: 110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs__list a { max-width: calc(100% - 10px) } } .scrollpanel { border: 1px solid #ccc; border-radius: 9px } .scrollpanel .scrollbar { width: 10px; background-color: #ccc; cursor: pointer; margin: 4px; border-radius: 5px } .scrollpanel .scrollbar .thumb { background-color: #aaa; transition: height .2s ease-in-out; border-radius: 5px } .scrollpanel .scrollbar.active .thumb { background-color: #999 } .scrollpanelAjaxLoading { background: url(/Components/General/Resources/Images/ScrollPanel/Loading.gif) no-repeat center center; width: 99%; height: 100%; border-radius: 5px; background-color: #e9ecef; box-shadow: 0 0 6px #454545; position: absolute; top: 0; opacity: .7 } .inlineBlock { display: inline-block } .noScript { color: red; padding: 30px; font-size: 1.5rem; font-family: SDF; font-weight: bold; line-height: 25px } .displayNone { display: none } .noBackground { background-image: none !important; background: none !important } .bswClr { clear: both; height: 0; visibility: hidden } .noItemTable { margin: 0 auto 10px auto; padding: 20px; border: 1px solid #aaa; border-radius: 5px; box-shadow: 0 1px 2px #aaa; background-color: #fff; text-align: center } .clearBoth { clear: both; display: block } .justifyText { text-align: justify } .hand { cursor: pointer } .transparentDiv { opacity: .5 } .hide { display: none } .noMargin { margin-left: 0 !important; margin-right: 0 !important } .disabled { opacity: .3 } .dashed { border-style: dashed } .reverseAlign { text-align: left } .reverseFloat { float: left } .correctAlign { text-align: right } .correctFloat { float: right } .centerAlign { text-align: center } .ltr { direction: ltr } .rtl { direction: rtl } .noWrap { white-space: nowrap } .boldText { font-weight: bold; font-size: 1.2rem } .grid { border-collapse: separate; border-spacing: 1px } .mediaPlayer { display: inline-block; position: relative; font-family: 'SDF', Verdana, sans-serif; clear: both; margin-bottom: 10px; line-height: 1.4; font-size: 1.3rem; border: 1px solid #e6e6e6; text-align: center; overflow: hidden !important; direction: ltr !important } .mediaPlayer .right { float: right } .mediaPlayer .left { float: left } .mediaPlayer a.smooth { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear } .mediaPlayer:hover>.controls { bottom: 0 } .mediaPlayer:hover>.controls .seekBar a { display: block } .mediaPlayer.jp-video-full>.controls { position: absolute; left: 0; right: 0; bottom: 0; opacity: .8; z-index: 1000 } .mediaPlayer.jp-video-full, .mediaPlayer.jp-video-full object, .mediaPlayer.jp-video-full video { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; display: block; border-width: 0; z-index: 999 } .mediaPlayer.jp-video-full>.playerScreen, .mediaPlayer.jp-video-full>.playerScreen>.video-play { z-index: 1000 } .mediaPlayer .playerScreen { cursor: pointer } .mediaPlayer .playerScreen .video-play { display: block; position: absolute; z-index: 100; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .4); z-index: 0 } .mediaPlayer .playerScreen .video-play .play-icon { position: absolute; top: 50%; left: 50%; margin: -42px 0 0 -42px; display: block; width: 84px; height: 84px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") 2px -284px } .mediaPlayer .controls { display: block; position: absolute; height: 40px; background: #f5f5f5; color: #646464; padding: 0; z-index: 101; left: 0; bottom: -44px; right: 0; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in } .mediaPlayer .controls .seperator { display: inline-block; width: 2px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 0 0 } .mediaPlayer .controls .progress { position: absolute; display: block; width: 100%; top: -3px; left: 0; background: #323232 !important; background-image: none !important; overflow: visible !important; height: auto !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important } .mediaPlayer .controls .progress .seekBar { position: relative; display: block; cursor: pointer; padding: 0; margin: 0; height: 6px; background: #646464 } .mediaPlayer .controls .progress .seekBar .playBar { display: block; height: 6px; padding: 0; background: red; margin: 0 !important } .mediaPlayer .controls .progress .seekBar a { display: none; position: absolute; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: #4b4b4b; border: 1px solid #323232; margin-left: -3px } .mediaPlayer .controls .progress .seekBar a div { width: 8px; height: 8px } .mediaPlayer .controls .play { display: block; width: 40px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 10px -60px; opacity: .8 } .mediaPlayer .controls .play:hover { opacity: 1 } .mediaPlayer .controls .volumecontrol { display: block; width: 40px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 8px -105px; opacity: .8; overflow: hidden; word-wrap: normal; -webkit-transition: all .5s ease-out; transition: all .5s ease-out } .mediaPlayer .controls .volumecontrol:hover { opacity: 1; width: 115px; -webkit-transition: all .1s ease-in; transition: all .1s ease-in } .mediaPlayer .controls .hd-video { display: block; width: 60px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 10px -147px; opacity: .8 } .mediaPlayer .controls .hd-video.disabled { opacity: .2 } .mediaPlayer .controls .hd-video.enabled:hover { opacity: 1 } .mediaPlayer .controls .pause { display: block; width: 40px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat -40px -60px; opacity: .8 } .mediaPlayer .controls .pause:hover { opacity: 1 } .mediaPlayer .controls .timer { display: block; float: left; line-height: 40px; margin: 0 10px } .mediaPlayer .controls .timer .current { display: inline; text-align: left; color: #282828 } .mediaPlayer .controls .timer .duration { display: inline; right: 0; text-align: right } .mediaPlayer .controls .timer .seperate { display: inline } .mediaPlayer .controls .volumebar { display: block; margin: 19px 0 0 45px; background-color: #ebebeb; background: rgba(0, 0, 0, .1); width: 60px; cursor: pointer } .mediaPlayer .controls .volumebar .currentVolume { position: relative; height: 5px; padding: 0 } .mediaPlayer .controls .volumebar .currentVolume .curvol { display: block; height: 5px; padding: 0; background: red } .mediaPlayer .controls .volumebar .currentVolume a, .mediaPlayer .controls .volumebar .currentVolume span { display: block; position: absolute; top: -5px; margin-left: -2px; width: 3px; height: 16px; background: #7d7d7d } .mediaPlayer .controls .volumebar .currentVolume a div, .mediaPlayer .controls .volumebar .currentVolume span div { display: block; width: 3px; height: 16px } .mediaPlayer .controls .fullscreen { display: block; float: right; width: 40px; height: 40px; background: transparent url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 8px -191px; opacity: .4 } .mediaPlayer .controls .fullscreen:hover { opacity: .8 } .mediaPlayer .controls .smallscreen { display: block; float: right; width: 40px; height: 40px; background: transparent url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 8px -229px; opacity: .4 } .mediaPlayer .controls .smallscreen:hover { opacity: .8 } .mediaPlayer.audioPlayer .hd-video { display: none } .mediaPlayer.audioPlayer .seperator.right { display: none } .mediaPlayer.audioPlayer .fullScreen { display: none } .mediaPlayer.audioPlayer .fullScreenOFF { display: none } .mediaPlayer.darkskin { border-color: #373737; background: #222; height: auto } .mediaPlayer.darkskin .controls { background: #191919 } .mediaPlayer.darkskin .controls .volumebar { background: rgba(255, 255, 255, .1) } .mediaPlayer.darkskin .controls .volumebar .currentVolume a { background: #dcdcdc } .mediaPlayer.darkskin .controls .progress .seekBar { background: #646464 } .mediaPlayer.darkskin .controls .timer .current { color: #e6e6e6 } .mediaPlayer.darkskin .controls .timer .duration { color: #a8a8a8 } .mediaPlayer.darkskin .controls .timer .seperate { color: #a8a8a8 } .mediaPlayer.darkskin .playerScreen .video-play .play-icon { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .seperator { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .fullscreen { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .smallscreen { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .play { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .pause { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .hd-video { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .volumecontrol { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } @media(max-width:767px) { .mediaPlayer .controls { bottom: 0 !important } } .spinEditPanel { position: relative } .spinEditPanel a span { position: absolute; left: 0; right: 0; top: 2px; margin: 0 auto; z-index: 1 } .spinEditPanel a+a span { top: 14px } .spinEditPanel a span:before { font-size: .8em } .chartLegend table td { border-spacing: 5px; padding: 3px } .chartLegend table { margin: 0 auto } .barChartWrapper { box-sizing: border-box; padding: 20px 15px 15px 15px; border: 1px solid #ddd; background: #fff; background: linear-gradient(#f6f6f6 0, #fff 50px); background: -o-linear-gradient(#f6f6f6 0, #fff 50px); background: -ms-linear-gradient(#f6f6f6 0, #fff 50px); background: -moz-linear-gradient(#f6f6f6 0, #fff 50px); background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px); -o-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); box-shadow: 0 3px 10px rgba(0, 0, 0, .15) } .barChart { width: 100%; height: 100%; font-size: 1.4rem; line-height: 1.2em } .pieChartWrapper { box-sizing: border-box; padding: 20px 15px 15px 15px; border: 1px solid #ddd; background: #fff; background: linear-gradient(#f6f6f6 0, #fff 50px); background: -o-linear-gradient(#f6f6f6 0, #fff 50px); background: -ms-linear-gradient(#f6f6f6 0, #fff 50px); background: -moz-linear-gradient(#f6f6f6 0, #fff 50px); background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px); -o-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); box-shadow: 0 3px 10px rgba(0, 0, 0, .15) } .pieChart { font-size: 1.4rem; line-height: 1.2em } div.capty-caption { background-color: #fff; color: #333; font: normal 12px SDF; padding: 5px } div.capty-caption a { color: #000; font: normal 14px SDF; text-decoration: none; text-shadow: none } .lSSlideOuter { overflow: hidden } .lightSlider:before, .lightSlider:after { content: " "; display: table } .lightSlider { overflow: hidden } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative } .lSSlideWrapper>.lightSlider:after { clear: both } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform, height; transition-property: transform, height; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-timing-function: inherit; transition-timing-function: inherit } .lSSlideWrapper .lSFade { position: relative } .lSSlideWrapper .lSFade>* { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100% } .lSSlideWrapper.usingCss .lSFade>* { opacity: 0; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit; transition-timing-function: inherit } .lSSlideWrapper .lSFade>*.active { z-index: 10 } .lSSlideWrapper.usingCss .lSFade>*.active { opacity: 1 } .lslide { box-sizing: border-box } .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center } .lSSlideOuter .lSPager.lSpg>li { cursor: pointer; display: inline-block; padding: 0 5px } .lSSlideOuter .lSPager.lSpg>li a { background-color: #5c5c5c; color: #fff !important; font-weight: bold; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all .5s linear 0; transition: all .5s linear 0 } .lSSlideOuter .lSPager.lSpg>li:hover a, .lSSlideOuter .lSPager.lSpg>li.active a { background-color: #0848dd } .lSSlideOuter .media { opacity: .8 } .lSSlideOuter .media.active { opacity: 1 } .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; padding: 0; overflow: hidden; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .lSSlideOuter .lSPager.lSGallery li { opacity: .7; overflow: hidden; -webkit-transition: opacity .35s linear 0; transition: opacity .35s linear } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { opacity: 1 } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100% } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table } .lSSlideOuter .lSPager.lSGallery:after { clear: both } .lSAction>a { width: 24px; display: block; top: 50%; height: 24px; cursor: pointer; position: absolute; z-index: 400; margin-top: -12px; opacity: .5; transition: opacity .35s linear } .lSAction>a:hover { opacity: 1 } .lSAction>.lSNext:before { color: #fff; display: inline-block; font-family: "Glyphicons Halflings"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; position: absolute; right: 8px; top: 2px; content: '‹' } .lSAction>.lSPrev:before { color: #fff; display: inline-block; font-family: "Glyphicons Halflings"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; position: absolute; left: 8px; top: 2px; content: '›' } .lSAction>.lSPrev { background-color: rgba(0, 0, 0, .8); border-radius: 15px; line-height: .8; left: 0 } .lSAction>.lSNext { background-color: rgba(0, 0, 0, .8); border-radius: 15px; line-height: .8; right: 0; content: '›' } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden } .lSSlideOuter.vertical { position: relative } .lSSlideOuter.vertical.noPager { padding-right: 0 !important } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0 } .lSSlideOuter.vertical .lightSlider>* { width: 100% !important; max-width: none !important } .lSSlideOuter.lSrtl { direction: rtl } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; margin: 0 } .lSSlideOuter .lightSlider>*, .lSSlideOuter .lSGallery li { float: left } .lSSlideOuter.lSrtl .lightSlider>*, .lSSlideOuter.lSrtl .lSGallery li { float: right !important } .content-slider li { text-align: center } .content-slider h3 { margin: 0; padding: 5px 0 } .lightSlider li h3 div { margin: 0 auto } .lightSliderWrapper .lightSliderNextOutside { background-color: rgba(0, 0, 0, .8); border-radius: 15px; line-height: .8; right: 20px } .lightSliderWrapper .lightSliderNextOutside:before { color: #fff; display: inline-block; font-family: "Glyphicons Halflings"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; position: absolute; right: 8px; top: 2px; content: '‹' } .lightSliderWrapper .lightSliderPreviousOutside { background-color: rgba(0, 0, 0, .8); border-radius: 15px; line-height: .8; left: 20px } .lightSliderWrapper .lightSliderPreviousOutside:before { color: #fff; display: inline-block; font-family: "Glyphicons Halflings"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; position: absolute; left: 8px; top: 2px; content: '›' } .lightSliderWrapper .sliderTools { width: 24px; display: block; top: 50%; height: 24px; cursor: pointer; position: absolute; z-index: 400; margin-top: -12px; opacity: .5; transition: opacity .35s linear } .lightSliderWrapper .sliderButton { border-radius: 5px; padding: 5px 20px; background: #2b2b2b; color: #fff; transition: all 400ms ease-in-out; border: 1px solid transparent; display: table; margin: 0 auto; cursor: pointer } .lightSliderWrapper .sliderButton:hover { color: #2b2b2b; border: 1px dashed #2b2b2b; background: #fff } .lightSliderContainer .lightSliderPagerOutside ul { list-style: none outside none; padding: 3px; margin: 0 } .lightSliderContainer .lightSliderPagerOutside ul li.active { font-weight: bold } @media(max-width:767px) { .lightSliderContainer .lightSliderPagerOutside .lSPager li span { display: none } .lightSliderContainer .lightSliderPagerOutside .lSPager li { width: 7px !important; height: 7px !important; background-color: #999 !important; display: inline-block; float: left; margin: 0 2px } } .archiveInformationList { list-style-type: none } .typed-cursor { opacity: 1; font-weight: 100; -webkit-animation: blink .7s infinite; -moz-animation: blink .7s infinite; -ms-animation: blink .7s infinite; -o-animation: blink .7s infinite; animation: blink .7s infinite } @keyframes blink { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } .tickerTitle { font-size: 1.1em } .tickerSprite { display: none } .content-ticker { padding: 0 } .scrollOff { pointer-events: none } .billboard { padding: 0 !important; margin: 0 !important } .billboardItem { padding: 0 !important; position: relative } .billboardItem .billboardImage { width: 100% } .billboardItem .billboardImage img { width: 100%; height: auto } .billboardItem .billboardTitle { font-family: 'SDF'; font-size: 14px; font-weight: bold; box-sizing: border-box; padding-left: 40px; background-color: #a1a9ad; padding-top: 15px; padding-right: 15px } .billboard .billboardDetails .billboardItem:nth-child(odd) .billboardTitle { background-color: #676a6e } .billboard .billboardDetails .billboardItem[data-index='3'] .billboardTitle { background-color: #46789c } .billboardItem .billboardTitle a { color: #fff } .billboard .billboardLarge { padding: 0 !important } .billboard .billboardDetails { padding-right: 0 !important; padding-left: 0 !important } .billboard .billboardDetails .billboardItem { overflow: hidden } .billboard .main { padding-left: 0 !important; padding-right: 0 !important } .billboardItem .billboardMore { position: absolute; bottom: 0; right: 0; background-color: #333; color: #fff; width: 30px; height: 30px } .billboardMore:before { content: "+"; font-size: 23px; margin-right: 7px } .billboardItem .billboardDescription { display: none } .billboardLarge .billboardItem .billboardTitle { font-size: 2.5rem; background-color: transparent; padding-right: 50px; display: table; padding-left: 20px } .billboardLarge .billboardItem .billboardDescription { display: block; padding-right: 50px; padding-left: 20px } .billboardLarge .billboardItem .billboardDescription .inner { color: #fff } .billboardWrapper .billboardItem .inner { display: table-cell; vertical-align: bottom } .billboardFullWidth { box-sizing: border-box } .billboardFullWidth .billboardItemFullWidth { width: 50%; box-sizing: border-box } .billboardFullWidth .billboardItemFullWidth .billboardMore { display: none } .billboardFullWidth .billboardItemFullWidth .billboardTitle { vertical-align: bottom; display: table-cell } .billboardFullWidth .billboardItemFullWidth .billboardTitle a { font-family: 'SDF'; font-size: 2.5rem; font-weight: bold; box-sizing: border-box; background-color: transparent; color: #fff } .billboardFullWidth, .billboard { background-size: 100% 100% } .billboardFullWidth .billboardDescription .inner, .billboardFullWidth .billboardTitle .inner { color: #fff; background: rgba(0, 0, 0, .6); padding: 10px 15px } .dirLtr { direction: ltr } @media screen and (max-width:767px) { .billboardMore:before { content: '' !important; font-family: Glyphicons Halflings !important; font-size: 15px; padding: 3px; display: inline-block } .lightSlider li h3>div:not(.mediaPlayer) { width: 100% !important; overflow: initial !important; height: auto !important } .lightSlider { overflow: initial !important } } .selectLanguageDropdownWrap li { display: block !important } .selectLanguageDropdownWrap a:after { content: "" } .selectLanguageDropdownWrap .dropdown-menu { left: 0; right: auto; min-width: 60px } .selectLanguageDropdownWrap .dropdown-toggle { border: none; background: none; color: #000; transition: all .3s ease } .selectLanguageDropdownWrap .dropdown { display: table } .selectLanguageDropdownWrap .dropdown-toggle:hover, .selectLanguageDropdownWrap li a:hover { color: #4fc1e9 } .selectLanguageDropdownWrap li a:hover { box-shadow: none !important } .selectLanguageDropdownWrap li a { transition: all .3s ease } .playerFlashError { color: #f00; font-size: 1.6rem; padding-top: 20px } .Treant { position: relative; overflow: hidden; padding: 0 !important } .Treant>.node, .Treant>.pseudo { position: absolute; display: block; visibility: hidden } .Treant.Treant-loaded .node, .Treant.Treant-loaded .pseudo { visibility: visible } .Treant>.pseudo { width: 0; height: 0; border: none; padding: 0 } .Treant .collapse-switch { width: 3px; height: 3px; display: block; border: 1px solid black; position: absolute; top: 1px; right: 1px; cursor: pointer } .Treant .collapsed .collapse-switch { background-color: #868dee } .Treant>.node img { border: none; float: left } @media(min-width:768px) { .level0SubMenu { position: static !important } .level1SubMenu { display: inline-block; float: right !important; position: static !important } li.level1SubMenu .dropdown-menu.open { display: block } li.level1SubMenu .dropdown-menu .content { background-repeat: no-repeat; background-position: left bottom } .level2SubMenu>a, .level2SubMenu>a span { color: #4fc1e9 !important; font-weight: bold; font-size: 1.4rem } .level2SubMenu li>a, .level2SubMenu>a span { white-space: normal !important } li.level2SubMenu.grid-item { border-left: 1px solid #eee } .full-width .dropdown-menu .content li a span { padding-right: 5px } } .countUpContainer { padding: 0 } .countUpTextContainer { font-size: 3rem } .countUpCounterContainer { font-size: 3rem } .sliderLink h3 { position: relative } .sliderPlayIcon { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px !important; display: block; width: 30px; height: 30px; color: #adacac; font-size: 20px; padding: 3px 7px 3px 11px; background-color: rgba(0, 0, 0, .6); border: 2px solid #444; border-radius: 50%; display: table } @media screen and (max-width:544px) { .calendar { right: 10px !important; left: 10px !important } } .input-group .select2-selection { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important } .select2-container--default .select2-selection--single { height: 34px !important; padding-top: 2px !important; border: 1px solid #ccc !important } .select2-results__message { color: #fff; background: #da4453; border-color: #ba1b2b } @media(max-width:767px) { .animatable { visibility: visible } } @media screen and (max-width:544px) { .calendar { right: 10px !important; left: 10px !important } } .showcaseSliderStyleFour .rrItem>div { position: relative } .showcaseSliderStyleFour .rrItem>div>div { padding: 0 !important } .showcaseSliderStyleFour .rrItem>div .bottmTitle { position: absolute; bottom: 0; right: 0; left: 0; padding: 30px; text-align: right; background: rgba(0, 0, 0, .5) } .showcaseSliderStyleFour .rrItem>div .bottmTitle a { color: #fff } .showcaseSliderStyleFour .rrItem>div .topTitle { position: absolute; top: 0; right: 0; left: 0; padding: 30px; text-align: right; background: rgba(0, 0, 0, .5) } .showcaseSliderStyleFour .rrItem>div .topTitle a { color: #fff } .showcaseSliderThumbnailContent { color: #000 } .showcaseSliderThumbnailContent img { border: #aaa solid 1px !important } .showcaseSliderThumbnailPanel { cursor: pointer; padding: 20px; position: relative; margin-bottom: 2px; background-color: #f2f2f2 !important } .showcaseSliderPanel { margin: 0 auto } .showCaseSliderText { position: absolute; z-index: 5; background: rgba(0, 0, 0, .7); padding: 10px; top: 0; left: 0; right: 0 } .showCaseSliderText .showCaseSliderTitle, .showCaseSliderText .showCaseSliderDescription { color: #fff } .showCaseSliderTextBottom .showCaseSliderText { top: auto !important; bottom: 0 } .showCaseSliderTextBottom .showCaseSliderDateTime { color: #fff } .pnlShowCaseSliderWrapper .ms-view ms-basic-view ms-grab-cursor, ms-slide-bgcont { width: 100% !important } .showCaseSliderContainer .ms-basic-view { width: 100% !important } .btn-iconic i { padding-right: 5px; padding-left: 5px } .modal-center .modal-dialog { top: 50%; transform: translateY(-50%) !important; margin-top: 0; margin-bottom: 0 } .inlineCaptcha, .captcha { overflow: hidden; max-width: 500px } .inlineCaptcha .RadCaptcha>div:after { content: ''; display: block; clear: both } .inlineCaptcha .RadCaptcha p .form-control { text-align: right; border-radius: 4px !important; height: 36px; width: 100% !important; border: none !important; text-shadow: none !important; outline: 0 !important; box-shadow: none !important } .inlineCaptcha .RadCaptcha>div { display: flex; flex-wrap: nowrap; border: 2px solid #ebebeb; border-radius: 4px; padding: 5px; justify-content: space-between; position: relative; background: #fff } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled>div { padding: 0; background: none !important; border: none !important; box-shadow: none } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled img { border: none; padding: 5px 5px 5px 5px; border-radius: 4px; box-shadow: 0 0 3px #eee; background: #f4f4f4 !important; margin-right: 28px } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled .rcRefreshImage { position: absolute; background: #e3e3e3 !important; width: 25px; right: 0; height: 18px; top: -9px; border-radius: 4px 4px 0 0 } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled .rcRefreshImage:before { content: ""; font-family: 'Glyphicons Halflings'; color: #11ab0d; font-size: 13px; font-weight: bolder; position: absolute; left: 6px; top: 4px; line-height: 1 } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled .rcCaptchaAudioLink { position: absolute; background: #e3e3e3 !important; width: 25px; left: 0; height: 18px; bottom: 0; border-radius: 0 0 4px 4px; color: transparent } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled .rcCaptchaAudioLink:before { color: #000; font-size: 13px; left: 7px; top: 0; content: ''; position: absolute; font-family: 'Glyphicons Halflings' } .inlineCaptcha .RadCaptcha>div>div, .inlineCaptcha .RadCaptcha>div>p { padding: 3px; float: right; position: relative; float: right; display: inline-block !important } .inlineCaptcha .RadCaptcha>div>p { margin: 0 } .inlineCaptcha .RadCaptcha>div>div { padding-right: 20px } .inlineCaptcha .rcCaptchaImage { max-width: 100% !important; height: 36px !important; display: block; float: none; background: #f3f3f3 !important; order: 2; border-radius: 4px !important } .inlineCaptcha .rcRefreshImage { outline: 0 !important; color: transparent } .inlineCaptcha .rcInvalid span { padding: 4px 5px; display: inline-block; background: #ff2848; font-size: 1.2rem; color: #fff !important; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 2px } .captchaErrorTooltip .RadCaptcha { position: relative } .captchaErrorTooltip .RadCaptcha>span { position: absolute; bottom: -32px; left: 0; right: 0; padding: 7px; border: 1px solid #ccc; z-index: 4 } .googleSearchResultWrap * { box-sizing: content-box; font-family: SDF !important } .googleSearchResultWrap .gsc-input-box { height: 30px !important } .googleSearchResultWrap input[type="text"] { line-height: 10px; background: transparent !important; text-indent: 0 !important; font-size: 1.4rem !important; margin-top: -7px !important } .googleSearchResultWrap .gsc-search-button { margin-top: 8px } @media screen and (max-width:460px) { .inlineCaptcha .RadCaptcha { max-width: 100% !important; width: 100% !important } } @media(max-width:767px) { .inlineCaptcha .rcCaptchaImage { width: 100px !important } .whoIsMiniSearch .RadCaptcha>div { display: flex; align-items: center } .ms-thumb-list { display: none } .master-slider { width: 100% !important } } @media(max-width:359px) { .inlineCaptcha .rcCaptchaImage { width: 100px !important } } .dateTimeIcon { cursor: pointer } .generalCurrentDateTime .tooltip-inner { min-width: 100px; max-width: 300px } .masterSliderShowcaseHorizontalTabs .ms-thumb-list.ms-dir-h { direction: ltr } .onlinePaymentMellatCharityWrapper p { padding-top: 10px; margin: 0; text-align: right } .str_wrap { overflow: hidden; width: 100%; font-size: 1.2rem; line-height: 16px; position: relative; -moz-user-select: none; user-select: none; white-space: nowrap } .str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move } .str_move_clone { display: inline-block; vertical-align: top; position: absolute; top: 0 } .str_vertical .str_move_clone { left: 0; top: 100% } .str_down .str_move_clone { left: 0; bottom: 100% } .str_vertical .str_move, .str_down .str_move { white-space: normal; width: 100% } .str_static .str_move, .no_drag .str_move, .noStop .str_move { cursor: inherit } .str_wrap img { max-width: none !important } .str_wrap span { display: inline-block; vertical-align: top } .paddingGeoLocationSelector { padding: 10px 0 10px 10px !important } .paddingTopGeoLocationSelector { padding-top: 5px !important } .geoLocationPreviewContainer { width: 100% } .pac-container { z-index: 99999 } .rcCaptchaImage { border: none !important } .inlineCaptcha .RadCaptcha>div>div { border: none; padding: 0; border-radius: 0; height: auto; display: flex !important; align-items: center; flex-wrap: nowrap; order: 2; position: absolute; z-index: 10; left: 5px } .rcRefreshImage, a.rcRefreshImage { background: #f3f3f3 !important; margin: 0 5px 0 0 !important; position: relative !important; height: 36px; width: 36px; background: #f3f3f3; border-radius: 4px; order: 2; text-align: center; top: 0; left: 0 } .rcRefreshImage, a.rcRefreshImage:before { content: ""; font-family: 'Glyphicons Halflings'; color: #11ab0d; font-size: 27px; font-weight: bolder; position: absolute; left: 7px; top: 5px; line-height: 1 } .RadCaptcha div>p label { display: none !important } .inlineCaptcha .RadCaptcha>div>p { padding: 0; width: 100%; border: none !important } @media(max-width:991px) { .paddingGeoLocationSelector { padding: 12px !important; float: right; clear: both; padding-bottom: 0 !important } .paddingTopGeoLocationSelector { padding-top: 15px !important; padding-bottom: 10px !important } } .validatorEnabledFormRow { position: relative } .belowInputValidator { padding: 4px 5px; display: inline-block; position: absolute; top: 100%; left: 0; z-index: 20; background: #ff2848; font-size: 12px; color: #fff !important; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 2px } .aboveInputValidator { padding: 4px 5px; display: inline-block; position: absolute; top: -3px; left: 0; z-index: 20; background: #ff2848; font-size: 12px; color: #fff !important; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 2px } .blockInputValidator { clear: both; padding: 4px 5px; z-index: 20; background: #ff2848; font-size: 1.2rem; color: #fff !important; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 2px } .validationSummaryValidator { clear: both; padding: 6px 7px; z-index: 20; background: #fddfe2; font-size: 1.2rem; font-weight: bold; color: #ff2848 !important; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 2px } .passwordBox .input-group .RadInput .form-control { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important } .passwordBox .passwordWrapper { position: relative } .passwordBox .strengthIndicator { position: absolute; width: 64px; top: 0; bottom: 0; z-index: 9; height: 20px !important; margin: auto; right: 35px } .passwordTogglerWrapper .form-control { height: 48px } .passwordBox .strengthIndicator .riStrengthBar { padding: 0 !important; -webkit-border-radius: 4px; border-radius: 4px; font-size: 1rem !important; border-radius: 50px; background: #ddd !important; position: relative; z-index: 2; font-weight: bold } .passwordBox .strengthIndicator .riStrengthBar:after { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, .08); transition: all .4s; z-index: -1 } .passwordBox .strengthIndicator .riStrengthBarL5 { color: #b4de9c } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL0:after { width: 0 } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL1:after { width: 20%; background: #fa2712 } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL2:after { width: 40%; background: #e74c3c } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL3:after { width: 60%; background: #ff9c00 } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL4:after { width: 80%; background: #dcc436 } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL5:after { width: 100%; background: #1e7643 } .modal-overlay-title-container>ul { float: right; margin: 0; padding: 0 } .modal-overlay-title-container>ul li { list-style: none; float: right; padding: 15px } .modal-overlay-title-container>ul li .cms-modal-button { cursor: pointer } .modal-overlay-title-container>ul li .cms-modal-button .glyphicon { padding-left: 5px; color: #4fc1e9 } .captchaRequiredValidator { position: absolute; left: -11px; top: 8px; font-size: 16px; color: #ff2848 !important; font-weight: bold; -webkit-animation-name: flash; -webkit-animation-iteration-count: infinite; animation-name: flash; animation-iteration-count: infinite; -webkit-animation-duration: 3s; animation-duration: 3s } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1 } 25%, 75% { opacity: 0 } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 50%, 100% { opacity: 1 } 25%, 75% { opacity: 0 } } .countDownInfoPopup .modal-body .countDownWrapper { display: table; margin: 0 auto } .countDownInfoPopup .modal-content .countDownInfoCloseWrapper { border: 0 } .phoneBoxCallingCodeWrapper { position: relative; float: right } .phoneBoxCallingCode .select2-selection { background-color: transparent !important } .phoneBoxCallingCodeWrapper .phoneBoxCallingCode .glyphicon { color: #bebebe; position: absolute; right: 10px; font-size: 20px; top: 9px } .phoneBoxCallingCode { display: inline-block; direction: ltr; float: left; left: 0; position: absolute; z-index: 10 } .phoneBoxCallingCode .flag input[type="text"], .phoneBoxCallingCode .flag input[class="textbox"] { border: none; outline: none } .phoneBoxCallingCode .flag>select { width: 100% } .phoneBoxCallingCode input.textbox { padding: 5px 5px 5px 90px; width: 91px } .phoneBoxCallingCode div.select { padding-bottom: 0; border: none; box-shadow: none; height: 30px; vertical-align: top } .phoneBoxCallingCode .flag { background: url('/Components/General/Resources/Images/Flags/Flags.png') no-repeat; height: 24px; margin-top: 0 } .phoneBoxCallingCodeFlagItem { display: inline-block; background: url('/Components/General/Resources/Images/Flags/Flags.png') no-repeat; width: 24px; height: 24px; margin: 0 0 2px 0; vertical-align: middle; float: left } .phoneBoxCallingCodeFlagResultItem { display: inline-block; background: url('/Components/General/Resources/Images/Flags/Flags.png') no-repeat; width: 24px; height: 24px; margin: 0 0 2px 0; vertical-align: middle; float: right } .phoneBoxCallingCodeTextItem { float: left; padding-left: 2px } .phoneBoxCallingCodeWrapper .select2-container--default .select2-selection--single { border-radius: 4px 0 0 4px; border-right: none !important; padding-top: 3px !important; height: 38px !important } .phoneBoxCallingCodeWrapper .select2-container { margin-left: -2px } .siteMemberMobileLoginSignupWrapper { padding: 0 15px } .phoneBoxCallingCodeWrapper .phoneNumber { border-radius: 0 4px 4px 0; border-left: none !important; display: inline-block !important; float: left; padding-left: 100px; padding-top: 4px; padding-right: 25px; height: 38px } .phoneBoxCallingCodeWrapper .glyphicon { color: #bebebe; position: absolute; right: 10px; font-size: 20px; top: 10px; transition: all 200ms ease-out } .siteMemberLoginAdvanced .userFormBody .inputButton, .MobileLoginSignupButtonsWrapper .inputButton, .siteMemberMobileLoginSignupWrapper .securityCodeSubmitBtn { border-radius: 4px; font-size: 1.4rem; font-weight: bold; color: #fff; background: #d81e1e; display: block; height: 40px; font-family: SDF; border: none; box-shadow: 0 3px 10px #c12525; margin: 10px 0 20px; transition: all 400ms ease-out; padding: 3px 15px !important } .siteMemberLoginAdvanced .userFormBody .inputButton:hover, .MobileLoginSignupButtonsWrapper .inputButton:hover, .siteMemberMobileLoginSignupWrapper .securityCodeSubmitBtn:hover { color: #fff; background: #f04b4b; cursor: pointer } .siteMemberLoginAdvanced .userFormBody .inputButton span, .MobileLoginSignupButtonsWrapper .inputButton span { display: block; text-align: center; padding: 5px 0 } .phoneBoxCallingCodeWrapper .phoneNumber:focus { border-color: #ccc !important } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper { position: relative } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper input, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper input { padding-right: 40px } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper .glyphicon, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper .glyphicon { color: #bebebe; position: absolute; right: 10px; font-size: 20px; top: 10px } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper label, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper label { right: 10px; background: #fff; transform: translateY(-45px) scale(.8); padding: 0 10px; top: 12px; z-index: 23 } .pagerWrapper { padding: 1px 15px !important; border-radius: 3px !important; font-size: .9em !important; margin-top: 10px !important; clear: both !important; background: none !important; border: none !important; box-shadow: none !important } .pagerWrapper .showCountInner { background: #f0f0f0 !important; border-radius: 20px !important; display: table !important; padding-left: 5px !important } .pagerWrapper:after { content: '' !important; display: block !important; clear: both !important; height: 0 !important; visibility: hidden !important } .pagerWrapper .sectionLeft { float: left !important; width: 95px !important; text-align: left !important } .pagerWrapper .sectionLeft select { width: 35px !important; height: 20px !important; padding: 0 !important; font-size: .9em !important } .pagerWrapper .sectionLeft span { font-size: .9em !important } .pagerWrapper .sectionRight { float: right !important; width: 55px !important; text-align: right !important } .pagerWrapper .sectionRight input[class="button"] { width: 28px !important; height: 20px !important; padding: 0 !important; font-size: .9em !important } .pagerWrapper .sectionRight input[type="text"] { width: 20px !important; height: 18px !important; padding: 0 !important; font-size: .9em !important } .pagerWrapper .sectionMiddle { margin: 0 55px 0 95px !important; text-align: center !important } .pagerWrapper .sectionMiddle.noLeft { margin: 0 55px 0 0 !important } .pagerWrapper .sectionMiddle.noLeft.noRight { margin: 0 !important } .pagerWrapper .sectionMiddle.noRight { margin: 0 0 0 95px !important } .pagerWrapper .page { display: inline-block !important; padding: 10px !important; margin: 0 !important; vertical-align: initial !important; text-align: center !important; line-height: 10px !important; color: #474747 !important; background: #ededed !important; font-size: 1.2em !important; white-space: nowrap !important; float: right !important; -webkit-transition: all 400ms ease-in-out !important; -moz-transition: all 400ms ease-in-out !important; transition: all 400ms ease-in-out !important; border: none !important } .pagerWrapper .page:hover, .pagerWrapper .page.selected { background: #044fc8 !important; color: #fff !important; -webkit-box-shadow: 0 0 10px #1f74fe !important; box-shadow: 0 0 10px #1f74fe !important } .pagerWrapper .nextPage, .pagerWrapper .previousPage { width: 30px !important; height: 30px !important; color: #474747 !important; padding: 0 !important; position: relative !important; background: #ededed !important; margin: 0 !important; -webkit-transition: all 400ms ease-in-out !important; -moz-transition: all 400ms ease-in-out !important; transition: all 400ms ease-in-out !important; -webkit-box-shadow: 0 0 10px transparent !important; box-shadow: 0 0 10px transparent !important } .pagerWrapper .nextPage:hover, .pagerWrapper .previousPage:hover { background: #044fc8 !important; color: #fff !important; -webkit-box-shadow: 0 0 10px #1f74fe !important; box-shadow: 0 0 10px #1f74fe !important } .pagerWrapper .nextPage { border-radius: 20px 0 0 20px !important; font-size: 0 !important } .pagerWrapper .nextPage input, .pagerWrapper .previousPage input { padding: 10px 13px; border: none; background: none; position: relative } .pagerWrapper .nextPage:before { content: "" !important; position: absolute !important; top: 10px !important; right: 11px !important; font-family: "Glyphicons Halflings" !important; font-size: 14px !important } .pagerWrapper .previousPage { border-radius: 0 20px 20px 0 !important; font-size: 0 !important } .pagerWrapper .previousPage:before { content: "" !important; position: absolute !important; top: 10px !important; left: 11px !important; font-family: "Glyphicons Halflings" !important; font-size: 14px !important } .pagerWrapper .urlPager, .pagerWrapper .postBackPager { padding: 0 !important } .pagerWrapper .urlPagerInner { background: #f0f0f0 !important; border-radius: 20px !important; display: table !important; margin: 0 auto !important; width: auto !important } .pagerWrapper .goTo input[placeholder], .pagerWrapper .goTo input[type="text"] { text-align: center !important; float: left !important; height: 34px !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: #f5f5f5 !important; border-radius: 20px 0 0 20px !important } .pagerWrapper .goTo button, .pagerWrapper .goTo input[type="button"], .pagerWrapper .goTo input[type="reset"] { -webkit-appearance: button !important; cursor: pointer !important; background: #ededed !important; border: none !important; border-radius: 0 20px 20px 0 !important; -webkit-transition: all 400ms ease-in-out !important; -moz-transition: all 400ms ease-in-out !important; transition: all 400ms ease-in-out !important; outline: 0 !important } .pagerWrapper .goTo input[type="submit"], .pagerWrapper .goTo input[type="button"] { border-radius: 0 20px 20px 0 !important; border: none !important; -webkit-appearance: button !important; cursor: pointer !important; background: #ededed !important; color: #474747 !important; padding: 7px 0; margin: 0; box-shadow: none } .pagerWrapper .goTo button:hover, .pagerWrapper .goTo input[type="button"]:hover, .pagerWrapper .goTo input[type="reset"]:hover, .pagerWrapper .goTo input[type="submit"]:hover, .pagerWrapper .goTo input[type="button"]:hover { color: #fff !important; background: #044fc8 !important; -webkit-box-shadow: 0 0 10px #044fc8 !important; box-shadow: 0 0 10px #044fc8 !important } .pagerWrapper .goTo button:focus, .pagerWrapper .goTo input[type="button"]:focus, .pagerWrapper .goTo input[type="reset"]:focus, .pagerWrapper .goTo input[type="submit"]:focus, .pagerWrapper .goTo input[type="button"]:focus { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important } .pagerWrapper .showCount label { background: #ededed !important; height: 32px !important; margin: 0 !important; top: 0 !important; padding: 8px; border-radius: 0 20px 20px 0 !important; float: right !important; color: #474747 !important; font-weight: normal !important } .pagerWrapper .showCount select { height: 32px !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: #ededed !important; border-radius: 20px 0 0 20px !important; padding: 5px !important; color: #474747 } .pagerWrapper .showCount select option { color: #474747 } .sitememberPanelBarContainer .panel { background: #444; border: 0; -webkit-box-shadow: none; box-shadow: none } .sitememberPanelBarContainer .panel .panel-heading { position: relative; background: none; padding: 4px 15px; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; transition: all ease-in-out .3s } .sitememberPanelBarContainer .panel .panel-heading .panel-title { padding-left: 20px } .sitememberPanelBarContainer .panel .panel-heading .panel-title a { color: #fff; font-size: 1.4rem } .sitememberPanelBarContainer .panel .panel-heading .glyphicon { padding-left: 10px; font-size: 2.1rem } .sitememberPanelBarContainer .panel .panel-heading .accordion-toggle:before { content: ''; font-family: "Glyphicons Halflings"; display: block; position: absolute; top: 7px; left: 15px; width: 20px; height: 20px; margin: auto; background: #2e3951; border-radius: 50%; color: #fff; font-size: 8px; text-align: center; transition: all .4s; padding: 4px 0; transform: rotate(-90deg) } .sitememberPanelBarContainer .panel .panel-heading.collapsed .accordion-toggle:before { content: ''; font-family: "Glyphicons Halflings"; transition: all .4s; transform: rotate(0) } .sitememberPanelBarContainer .panel.nochild .panel-heading a.accordion-toggle:before { display: none } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body { background-color: #1c2a48; border-top: none; padding-top: 5px; padding-right: 0; padding-left: 0; padding-bottom: 0 } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer { padding: 0; list-style: none } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer { position: relative; padding: 5px 25px; font-size: 1.3rem; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; transition: all ease-in-out .4s } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; background: #09c; width: 0; height: 100%; margin: auto; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; transition: all ease-in-out .3s; opacity: 0 } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer:hover, .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer.selected { background: #2e3951 } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer:hover:before, .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer.selected:before { opacity: 1; width: 6px } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer a { color: #fff } .sitememberPanelBarContainer .panel-default .panel-heading { background-color: #2e3951 } .sitememberPanelBarContainer .panel-default .panel-heading.collapsed { background-color: #1c2331 } .siteMemberMenuPanelBarToggle { background: none; color: #f2f2f2; cursor: pointer; font-size: 1.4rem; font-weight: bold; text-align: right; text-transform: uppercase; display: none } .siteMemberMenuPanelBarToggle.closeStatus .siteMemberMenuToggleIcon span:nth-child(1) { top: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .siteMemberMenuPanelBarToggle.closeStatus .siteMemberMenuToggleIcon span:nth-child(2) { opacity: 0 } .siteMemberMenuPanelBarToggle.closeStatus .siteMemberMenuToggleIcon span:nth-child(3) { top: -6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .siteMemberMenuPanelBarToggle .siteMemberMenuToggleIcon { width: 26px; height: 20px; padding: 0 !important; margin: 0 !important; display: block; float: left; background: none } .siteMemberMenuPanelBarToggle .siteMemberMenuToggleIcon span { width: 100%; height: 4px; margin: 2px 0; display: block; position: relative; background: #fff; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s } .dashboardPage .toggleWrap .navToggle { padding: 4px 0 !important } .sitememberTopBar .topBarItemWrapper { display: inline-block; margin: 0 10px 0 0; color: #fff; float: right } .sitememberTopBar .topBarItemWrapper.dateTime .generalCurrentDateTime { color: #fff; padding-top: 0; padding: 0; font-size: 1.3rem; font-weight: normal; padding-top: 7px } .sitememberTopBar .topBarItemWrapper a { color: #fff } .sitememberTopBar .topBarItemWrapper .dropdown-toggle { background: none; border-radius: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; color: #fff; font-size: 1.3rem; line-height: 1; padding: 0; margin-top: 0 } .sitememberTopBar .topBarItemWrapper .dropdown-toggle:before { content: ''; font-family: "Glyphicons Halflings"; font-size: 23px; top: 3px; position: relative } .sitememberTopBar .topBarItemWrapper .dropdown-toggle:focus { outline: none } .sitememberTopBar .topBarItemWrapper.localMessage a { position: relative; display: block; padding-right: 3px } .sitememberTopBar .topBarItemWrapper.localMessage a .badge { position: absolute; top: 0; right: -4px; z-index: 9; border: 1px solid #fff; background: #3a3a3a; padding: 2px 3px 0; min-width: 15px; min-height: 15px; text-align: center; font-size: 10px } .sitememberTopBar .topBarItemWrapper.credit strong { font-size: 1.3rem; font-weight: normal } .sitememberTopBar .topBarItemWrapper .dropdown-menu { right: 0; margin-top: 5px; background: #1c2331; padding-top: 10px; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0 0 5px 5px } .sitememberTopBar .topBarItemWrapper .dropdown-menu li { position: relative; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; transition: all ease-in-out .4s } .sitememberTopBar .topBarItemWrapper .dropdown-menu li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; background: #00b4ff; width: 0; height: 110%; margin: auto; border-radius: 5px 0 0 5px; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; transition: all ease-in-out .3s; opacity: 0 } .sitememberTopBar .topBarItemWrapper .dropdown-menu li:hover { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, .05)), color-stop(72%, rgba(255, 255, 255, .25)), color-stop(89%, rgba(255, 255, 255, .29)), to(rgba(255, 255, 255, .29))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .05) 20%, rgba(255, 255, 255, .25) 72%, rgba(255, 255, 255, .29) 89%, rgba(255, 255, 255, .29) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .05) 20%, rgba(255, 255, 255, .25) 72%, rgba(255, 255, 255, .29) 89%, rgba(255, 255, 255, .29) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .05) 20%, rgba(255, 255, 255, .25) 72%, rgba(255, 255, 255, .29) 89%, rgba(255, 255, 255, .29) 100%) } .sitememberTopBar .topBarItemWrapper .dropdown-menu li:hover:before { opacity: 1; width: 8px } .sitememberTopBar .topBarItemWrapper .dropdown-menu li a { color: #fff; -webkit-box-shadow: none; box-shadow: none; font-size: 1.3rem } .sitememberTopBar .topBarItemWrapper.logout .glyphicon-turnoff { padding-left: 10px; font-size: 2.4rem } .sitememberTopBar .topBarItemWrapper.logout .glyphicon-turnoff:before { content: "" } .sitememberTopBar .topBarItemWrapper .glyphicon.navIcon { font-size: 22px; color: #fff; top: 3px; position: relative } .sitememberTopBar .homeLink { margin: 0 10px; display: inline-block; float: left } .sitememberTopBar .homeLink a { color: #fff } .sitememberTopBar .homeLink a i { top: 3px; font-size: 22px } .sitememberTopBar .toggleMenuLink { margin: 0; display: inline-block; float: left } .sitememberTopBar .toggleMenuLink div { color: #fff } .sitememberTopBar .toggleMenuLink div i { top: 5px; font-size: 18px } .sitememberTopBar .menuSearchBox { display: inline-block; float: left; margin: 0 10px 0 0 } .leftItemWrapper { display: inline-block } .logo { float: left } .menuSearchBox .button { float: left; color: #fff; margin-right: 10px; width: 20px; margin-top: 3px } .menuSearchBox .button i { font-size: 22px; left: 3px } .menuSearchBox .searchBox { float: right; background: no-repeat; box-shadow: none; border: none; width: 0; padding: 0; background: rgba(255, 255, 255, 1); border-radius: 5px; transition: all 400ms ease-in-out; margin-top: 3px; font-size: 10px; height: 23px; color: #000; display: inline-block } .menuSearchBox .searchBox input { height: 20px } .menuSearchBox .searchResult .result { display: none } .menuSearchBox .searchBox input, .menuSearchBox .searchBox input:focus, .menuSearchBox .searchBox:focus input { padding: 2px 5px; display: none; background: none !important; border: none !important; box-shadow: none; outline: none !important } .menuSearchBox .searchBox.searchOpen { width: 120px } .menuSearchBox .searchBox.searchOpen input, .menuSearchBox .searchResult.searchOpen .result { display: block } .menuSearchBox .searchResult { position: absolute; top: 24px; z-index: 99; padding-top: 5px } .menuSearchBox .searchResult .result { border-radius: 2px; background: #fff; font-size: 1.1rem; width: 150px } .menuSearchBox .searchResult .result ul { list-style: none; padding: 0 } .menuSearchBox .searchResult .result ul li { padding-top: 5px; padding-right: 2px } @media(max-width:1366px) { .sitememberPanelBarContainer .panel .panel-collapse .panel-body .submenuContainer .itemContainer { padding: 10px 15px } } @media(max-width:767px) { .sitememberTopBar .homeLink { margin-left: 0; display: inline-block } .sitememberTopBar .topBarItemWrapper { margin: 0 0 0 10px } .sitememberPanelBarContainer { display: none } .siteMemberMenuPanelBarToggle { display: block } .mainHeaderWrap .sitememberTopBar { display: inline-block; width: 100% } .siteMemberMenuPanelBarContainer { padding-bottom: 5px } .topBarMenuContainer { margin-top: 8px; border-top: 1px solid #fff } .siteMemberMenuPanelBarContainer .siteMemberMenuPanelBarToggle { display: none } } @media(min-width:1920px) { .sitememberPanelBarContainer .panel .panel-heading { padding-right: 25px } } .xzoom-source img, .xzoom-preview img, .xzoom-lens img { display: block; max-width: none; max-height: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .xzoom-container { display: inline-block } .xzoom-thumbs { text-align: center; margin-bottom: 10px } .xzoom { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5) } .xzoom2, .xzoom3, .xzoom4, .xzoom5 { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5) } .xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 { border: 1px solid #cecece; margin-left: 5px; margin-bottom: 10px } .xzoom-source, .xzoom-hidden { display: block; position: static; float: none; clear: both } .xzoom-hidden { overflow: hidden } .xzoom-preview { border: 1px solid #e2e2e2; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .5) } .xzoom-lens { border: 1px solid #bbb; box-shadow: 0 0 10px rgba(100, 100, 100, .5); cursor: crosshair } .xzoom-loading { background-position: center center; background-repeat: no-repeat; border-radius: 100%; opacity: .7; background: url(/Components/General/Resources/Images/CircleLoading.svg); width: 48px; height: 48px } .xzoom-caption { position: absolute; bottom: -43px; left: 0; background: #000; width: 100%; text-align: left } .xzoom-caption span { color: #fff; font-family: Arial, sans-serif; display: block; font-size: .75em; font-weight: bold; padding: 10px } .siteMemberMenuPanelBar .tradingMenuSelectContainer { transition: .4s; display: block; height: 24px; line-height: 24px; background: #000; border-radius: 12px; margin: 10px auto; white-space: nowrap; overflow: hidden; cursor: pointer; float: right; display: table; float: none } .siteMemberMenuPanelBar .tradingMenuSelectContainer .buyer { position: relative; color: #fff; text-align: center; font-size: 1.4rem; float: right; width: 100px } .siteMemberMenuPanelBar .tradingMenuSelectContainer .buyer span { z-index: 10; position: relative } .siteMemberMenuPanelBar .tradingMenuSelectContainer .buyer.selected { background: #ff6a00 } .siteMemberMenuPanelBar .tradingMenuSelectContainer .seller { position: relative; color: #fff; text-align: center; font-size: 14rem; float: left; width: 100px } .siteMemberMenuPanelBar .tradingMenuSelectContainer .seller span { z-index: 10; position: relative } .siteMemberMenuPanelBar .tradingMenuSelectContainer .seller.selected { background: #306ac9 } .siteMemberMenuPanelBarContainer.sellerMenu .panel .panel-collapse>.panel-body .submenuContainer .itemContainer:before { background: #306ac9 } .siteMemberMenuPanelBarContainer.buyerMenu .panel .panel-collapse>.panel-body .submenuContainer .itemContainer:before { background: #09c } .siteMemberMenuPanelBarContainer.buyerMenu .nochild.selected .panel-heading:before, .siteMemberMenuPanelBarContainer.sellerMenu .nochild.selected .panel-heading:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 0; height: 100%; margin: auto; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; transition: all ease-in-out .3s; opacity: 0 } .siteMemberMenuPanelBarContainer.buyerMenu .nochild.selected .panel-heading:before { background: #09c } .siteMemberMenuPanelBarContainer.sellerMenu .nochild.selected .panel-heading:before { background: #306ac9 } .siteMemberMenuPanelBarContainer .nochild.selected .panel-heading:hover, .siteMemberMenuPanelBarContainer .nochild.selected .panel-heading { background: #2e3951 } .siteMemberMenuPanelBarContainer.buyerMenu .nochild.selected .panel-heading:hover:before, .siteMemberMenuPanelBarContainer.buyerMenu .nochild.selected .panel-heading:before, .siteMemberMenuPanelBarContainer.sellerMenu .nochild.selected .panel-heading:hover:before, .siteMemberMenuPanelBarContainer.sellerMenu .nochild.selected .panel-heading:before { opacity: 1; width: 6px } .time-flip-container.hover .back { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0) } .time-flip-container.hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) } .time-flip-container, .time-flip-container .front, .time-flip-container .back { width: 140px; height: 25px } .time-flip-container .flipper { -webkit-transition: .6s; -webkit-transform-style: preserve-3d; -ms-transition: .6s; -moz-transition: .6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: .6s; transform-style: preserve-3d; position: relative } .time-flip-container .front, .time-flip-container .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: .6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0); -moz-transition: .6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0); -o-transition: .6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0); -ms-transition: .6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0); transition: .6s; transform-style: preserve-3d; transform: rotateY(0); position: absolute; top: 0; left: 0 } .time-flip-container .front { -webkit-transform: rotateY(0); -ms-transform: rotateY(0); z-index: 2 } .time-flip-container .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg) } .vertical.time-flip-container { position: relative } .vertical.time-flip-container .back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg) } .vertical.time-flip-container .flipper { -webkit-transform-origin: 100% 213.5px; -moz-transform-origin: 100% 213.5px; -ms-transform-origin: 100% 213.5px; transform-origin: 100% 213.5px } .vertical.time-flip-container.hover .back { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0) } .vertical.time-flip-container.hover .front { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg) } @keyframes vibrate { 0%, 2%, 4%, 6%, 8%, 10%, 12%, 14%, 16%, 18% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0) } 1%, 3%, 5%, 7%, 9%, 11%, 13%, 15%, 17%, 19% { -webkit-transform: translate3d(1px, 0, 0); transform: translate3d(1px, 0, 0) } 20%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .mobileVerification { display: inline-block; padding-left: 5px; padding-right: 5px } .mobileVerification .phone { -webkit-animation: vibrate 4s cubic-bezier(.36, .07, .19, .97) infinite; animation: vibrate 4s cubic-bezier(.36, .07, .19, .97) infinite; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 300px; perspective: 300px } .mobileVerification .phone .glyphicon-mobile { font-size: 20px; color: #fff; -webkit-transform: rotate(5deg); transform: rotate(5deg) } .adminSearchBox { position: relative; margin-top: 8px } .adminSearchBox .searchTextbox { background: #f8f8f8 !important; color: #222; border: 1px solid #ccc; box-shadow: 0 2px 4px rgba(0, 0, 0, .07) !important; border-radius: 3px !important; padding: 20px 40px !important; z-index: 10 } .adminSearchBox .innerSearchButton { position: absolute; top: 0; right: 0; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 14px; padding: 15px 15px 0 15px !important; cursor: pointer } .adminSearchBox .innerSearchButton:hover { color: #09c } .adminSearchBox .innerSearchButton:before { content: "" } .adminSearchBox .searchMoreButton { position: absolute; top: 0; left: 0; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 14px; padding: 15px 12px !important; cursor: pointer } .adminSearchBox .searchMoreButton:hover { color: #09c } .adminSearchBox .searchMoreButton:before { content: "" } .adminSearchBox .searchMoreButton:before { content: "" } .adminSearchBox .searchMoreButton.opened:before { content: "" } .adminSearchBox .searchConditions { display: none; position: absolute; top: 43px; left: 0; right: 0; background: #f8f8f8 !important; box-shadow: 0 5px 4px rgba(0, 0, 0, .07) !important; padding: 5px 10px 0 5px; border: 1px solid #ccc; border-top: none !important; z-index: 11 } .adminSearchBox .hiddenSearch { display: none } .grid-strikeout a, .grid-strikeout p, .grid-strikeout span .grid-strikeout b { text-decoration: line-through } .grid-strikeout .tablesaw-cell-label a { text-decoration: none } @media(max-width:991px) { .inputDropDownList { display: inline-block !important; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position: relative; user-select: none; margin-top: 0; float: none !important; margin-right: -1px; width: auto !important } } .passwordTogglerWrapper { position: relative; direction: rtl } .passwordTogglerWrapper .passwordTogglerIcon { position: absolute; top: 0; right: 0; width: 36px; height: 48px; color: black; display: table; cursor: pointer; z-index: 2 } .passwordTogglerWrapper .passwordTogglerIcon i { display: table-cell; vertical-align: middle; color: #bebebe; text-align: center; font-size: 20px; padding: 10px } .passwordTogglerWrapper .passwordTogglerIcon .glyphicon-eye-open { top: 2px !important } .validatorError { padding: 4px 14px; margin-right: 4px; display: inline-block; top: 5px; z-index: 20; background: #ff2848; font-size: 12px; color: #fff !important; border-radius: 5px } .copyrightIcon .glyphicon { font-size: 22px; line-height: 10px } .copyrightIcon { display: inline-block } .copyrightIcon .glyphicon { padding: 0 !important } .copyrightIcon .innerText { margin: 0 3px; font-size: 16px; font-family: "Glyphicons Halflings"; letter-spacing: -1px } .generalPoweredBy a, .generalPoweredBy span { text-decoration: none !important; color: #fefefe } .layerSliderVideo .ls-layer .title { font-weight: bold; font-size: 1.5rem; color: #2e2e2e; font-family: 'SDF Subsidiary' !important } .layerSliderVideo .ls-layer .description { font-size: 1.3rem !important; font-family: SDF !important; color: #2e2e2e } .layerSliderVideoThumbnails .thumbnailImage { max-width: 100%; height: auto; display: block } .layerSliderVideoThumbnails .thumbnailItem { cursor: pointer } .countDownText { float: left } .countDownText div { display: inline-block; line-height: 1; padding: 20px 0; font-size: 4rem; direction: ltr } .countDownText .numbers { display: table; margin: 0 auto; margin-bottom: 10px } .countDownText .numbers span { min-width: 30px; font-weight: bold; padding: 5px 5px 2px; display: inline-block !important; margin: 1px; background: #444; border-radius: 5px; color: #fff !important; text-align: center; font-size: 3rem } .countDownText .label { display: block; font-size: 1.4rem; color: #000 } .quantityTextboxWrapper { position: relative; text-align: center; display: table; margin: 0 auto } .quantityTextboxWrapper input { padding: 6px 35px; text-align: center } .quantityTextboxWrapper .tools:before { font-family: "Glyphicons Halflings"; display: inline-block; line-height: 1; cursor: pointer } .quantityTextboxWrapper .tools { position: absolute; top: 0; width: 30px; height: 35px; font-size: 11px; font-family: "Glyphicons Halflings"; color: #707070; padding-top: 9px; text-align: center } .quantityTextboxWrapper .quantityTextboxIncrease { right: 0; border-left: 1px solid #e7e7e7 } .quantityTextboxWrapper .quantityTextboxIncrease:before { content: '' } .quantityTextboxWrapper .tools:hover:before { color: #00b4ff } .quantityTextboxWrapper .quantityTextboxDescrease { left: 0; border-right: 1px solid #e7e7e7 } .quantityTextboxWrapper .quantityTextboxDescrease:before { content: '' } .storeCheckoutQuantityWrapper input { text-align: center; box-shadow: none; border: 1px solid #e7e7e7; border-radius: 5px; height: 35px; width: 120px } .storeCheckoutQuantityWrapper { text-align: center } .logo-container { height: 100%; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center } .logo-container img { opacity: .5; width: 50px } .logo-container .flex-item { text-align: center; margin-top: -50px } @keyframes smoothScroll { 0% { transform: translateY(-40px) } 100% { transform: translateY(0) } } .fixedMenu { position: fixed; top: 0 !important; right: 0; left: 0; z-index: 9999999; width: 100%; box-shadow: 0 0 10px #afafaf; animation: smoothScroll 1s forwards } .file-uploader { margin-top: 15px; margin-bottom: 15px; border: 2px dashed #cbcbcb; border-radius: 4px; font-size: 1.4rem; max-width: 300px } .file-uploader .file-preview { padding: 0; margin: 0; list-style: none } .file-uploader .inner { background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center } .file-uploader .inner .upload-hint { position: relative; padding-top: 70px; padding-bottom: 10px; cursor: pointer } .file-uploader .inner .upload-hint span { color: #bfbfbf } .file-uploader .inner .preview-image { background: #b7b7b7; border-radius: 5px; max-width: 270px; max-height: 270px; height: auto } .file-uploader .inner .upload-hint:before { content: ""; font-family: "Glyphicons Halflings"; font-size: 50px; color: #b7b7b7; position: absolute; top: 10px; right: 50%; transform: translateX(50%); line-height: 1 } .file-uploader .inner .accepted-filetypes { color: #b7b7b7; cursor: pointer; font-size: 1.2rem; padding: 0 30px 10px; text-align: center } .file-uploader .file-preview { direction: ltr; max-width: 270px } .file-uploader .file-preview .file { position: relative; min-height: 50px; min-width: 270px; margin-bottom: 15px } .file-uploader .file-preview .file.image:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .7) 10px, transparent); border-radius: 5px } .file-uploader .file-preview .file.no-image:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .7); border-radius: 5px } .file-uploader .file-preview .file-info { width: 50%; text-align: left; position: absolute; top: 5px; left: 5px; color: #b7b7b7 } .file-uploader .file-preview .file-info .file-name { font-size: 1.3rem; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; float: left; text-align: left; font-weight: bold } .file-uploader .file-preview .file-info .file-size { font-size: 1.2rem; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 50%; float: left; text-align: left; opacity: .5; padding-top: 5px } .file-uploader .file-preview .file-remove { text-align: right; position: absolute; top: 0; right: 5px } .file-uploader .file-preview .file-remove:hover:before { color: #d81e1e } .file-uploader .file-preview .file-remove:before { content: ""; font-family: "Glyphicons Halflings"; font-size: 18px; color: #b7b7b7; cursor: pointer } .file-uploader .ruInputs li { display: none } .sitememberTopBar .shoppingCart { float: left; color: #fff; font-size: 2.5rem; margin-right: 7px; z-index: 0; position: relative } .sitememberTopBar .cartCountWrapper { float: left; padding-top: 2px } .sitememberTopBar .cartCount { color: #fff; font-size: 12px; line-height: 20px; width: 18px; height: 18px; background: #008cff; display: inline-block; text-align: center; border-radius: 50%; box-sizing: border-box; font-weight: bold; margin-left: -15px; z-index: 2; position: relative; top: -4px } @media(max-width:767px) { .phoneBoxCallingCodeWrapper .phoneNumber, .inlineCaptcha .RadCaptcha p .form-control { font-size: 1.6rem } .cipServicePersonAdd input { font-size: 1.6rem } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper input, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper input { font-size: 1.6rem } .sitememberTopBar .shoppingCart { margin-right: 15px } } .passwordErrorsWrapper { display: inline-block; position: absolute; top: 100%; left: 0; right: 0; z-index: 20; background-color: red } .passwordErrorsWrapper .belowInputValidator { position: relative !important; float: right; padding: 4px 5px; display: inline-block; top: 100%; z-index: 20; background: none; font-size: 12px; color: #fff !important; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 2px; clear: both } .passwordErrorsWrapper .belowInputValidator .alertMessage { right: 0; padding-right: 0; background: none; position: static !important; margin-top: 1px; display: block } .calendarErrorsWrapper { display: inline-block; position: absolute; top: 100%; left: 0; right: 0; z-index: 20; background-color: red } .instagramMediaList .instagramMediaListItems .mediaItem .imageWrapper { overflow: hidden; margin-bottom: 10px } .instagramMediaList .instagramMediaListItems .mediaItem img.postImage { height: 100%; overflow: hidden; margin: auto; display: block; max-width: none } .instagramMediaList .instagramMediaListItems .mediaItem .postDate, .instagramMediaList .instagramMediaListItems .mediaItem .postUsername { margin: 4px 7px; font-weight: 900 } .instagramMediaList .instagramMediaListItems .mediaItem .postUsername { color: #4563a5 } .instagramMediaList .instagramMediaListItems .mediaItem .postDate { color: grey } .instagramMediaList .instagramMediaListItems .mediaItem .imageWrapper .imageInner>.thumbnail, .instagramMediaList .instagramMediaListItems .mediaItem .imageWrapper .imageInner>.img-thumbnail { height: 100% } .instagramMediaList .instagramMediaListItems .mediaItem .imageWrapper { direction: rtl } .instagramMediaList .postVideoIcon { position: absolute } .pushMenuLiteWrapper .accordianPanel .selected { background: #add8e657 } .footerNav h5.headerTitle { cursor: pointer; color: white } .pageNameWrapper.pageNameControl { background-size: cover; background-repeat: no-repeat; text-align: center; text-align: center; color: white !important; text-shadow: 1px 1px 1px grey; overflow: hidden; font-size: 3rem } .pageNameWrapper.pageNameControl .nameContainer { display: block; transform: translateY(0); opacity: 1 } .pageNameWrapper.pageNameControl a { color: white; bottom: 12%; position: absolute; top: unset } .pageNameWrapper.pageNameControl .nameContainer { top: 49%; position: relative } .phoneBoxCallingCode .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 15px; margin-top: 2px } .switch { outline: 0; position: relative; user-select: none; color: #fff; font-weight: bold; background: #0e8bdb; border-radius: 8px; padding: 10px; display: inline-block } .switch .switch-panel { position: relative; height: 16px; width: 42px; background-color: #0a66a1; border-radius: 10px } .switch .switch-panel:after { content: ""; position: absolute; background-color: #21a0f1; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5); top: -2px; left: 0; right: auto; width: 20px; height: 20px; border-radius: 50%; transition: all .25s ease-out; transform: translate3d(0, 0, 0) } .switch.is-active .switch-panel { background-color: #fff } .switch.is-active .switch-panel:after { left: 25px; right: auto; background: #fff } .switch-input { display: none; position: relative; margin-bottom: 0 } .switch .switch-active { color: #0f94e9; right: 0; left: auto; z-index: 9; font-size: 1.5rem; top: 7px; position: absolute; cursor: pointer; transform: translateY(-50%) } .switch .switch-inactive { left: 3px; right: auto; z-index: 9; font-size: 15px; top: 7px; position: absolute; cursor: pointer; transform: translateY(-50%) } .switch-active { right: 8%; display: none } .switch input:checked+div>.switch-inactive { display: none } .switch input:checked+div>.switch-active { display: block } .switch input:checked~.switch-panel:after { left: 25px; right: auto; background: #fff } .switch input:checked~.switch-panel { background: #fff } .recoderContainer { display: flex; flex-direction: row; justify-content: flex-start; align-items: center } .recoderContainer .btnRecord { border-radius: 50%; font-size: 1.5em; color: red } .recoderContainer .btnPlay { border-radius: 50%; color: green; font-size: 1.8em } .recoderContainer .btnPause { border-radius: 50%; color: darkslategrey; font-size: 1.8em } .recoderContainer .btnStop { border-radius: 50%; color: darkslategrey; font-size: 1.8em } .recoderContainer .timer { margin: 0 10px } .recoderContainer .recorderButtonWrapper { display: flex; justify-content: space-between } .recorderInnerContainer { display: flex; flex-direction: column; display: flex; flex-direction: column; border: 1px solid black; padding: 5px; border-radius: 3px } .visualizer { background-color: #363c1f } .visualizerContainer { position: relative } .visualizerLine { width: 100%; height: 2px; background-color: #07ee56; position: absolute; margin-top: -25px } .row-manual { display: flex; flex-flow: row } .row-manual .col-manual { padding: 0 15px; width: 100% } .master-slider .ms-thumb-frame { position: relative } .master-slider .ms-thumb-frame .thumbTitle { position: absolute; bottom: 0; background: rgba(0, 0, 0, .5); width: calc(100% - 20px); margin: 0; font-size: 16px; padding: 10px; color: #fff; font-weight: bold; z-index: 10 } .clockDigitalWrapper { display: flex; float: left } .clockDigitalWrapper .clockDigital { font-family: "SDFFaNum"; min-width: 60px } .accordion-caret .accordion-toggle:after, .accordion-caret .accordion-switch:before { content: ''; font-family: 'Glyphicons Halflings'; font-size: 14px; margin-right: 5px; vertical-align: -1px } .accordion-caret .accordion-toggle:after { float: left } .accordion-caret .accordion-toggle:not(.collapsed):after { content: ""; margin-left: 0 } .accordion-caret .accordion-toggle.collapsed:after { content: ""; margin-left: 5px } .accordion-caret .accordion-switch:not(.collapsed):before { content: ""; margin-left: 5px } .accordion-caret .accordion-switch.collapsed:before { content: ""; margin-left: 5px } .socialNetworksWrapper ul li a { font-size: 0 } .socialNetworksWrapper ul li a span { font-size: 1.4rem; display: inline-block; padding-right: 5px } .socialNetworksWrapper ul li a span.glyphicon { padding-right: unset } .generalSearchBox .input-group .input-group-btn { width: 34px; height: 34px; border-radius: 50% !important; border: none; box-shadow: none !important; color: #262c44; text-shadow: none; font-size: 13px } .generalSearchBox .input-group .input-group-btn.searchButtonWrapper:after { position: absolute; top: 3px; left: 0; z-index: 1; content: ''; font-family: "Glyphicons Halflings"; width: 24px; height: 24px; color: #262c44; font-size: 17px } .generalSearchBox .input-group .input-group-btn.searchButtonWrapper input { background: none !important; position: relative; width: 100%; height: 100%; z-index: 10 } .fixedToolsBox { position: fixed; right: -100px; width: 100px; padding: 10px; background: #fff; z-index: 999; top: 50%; transform: translateY(-50%); text-align: left; box-shadow: 10px 10px 15px rgba(0, 0, 0, .4); transition: all linear .3s } .fixedToolsBox .colorsBox .blueColor, .fixedToolsBox .colorsBox .redColor { width: 100%; height: 35px; cursor: pointer } .fixedToolsBox .colorsBox .blueColor { background-color: #4da2fa } .fixedToolsBox .colorsBox .redColor { background-color: #ce1717 } .fixedToolsBox .setFonts>div, .fixedToolsBox .setdarkMode .dark, .fixedToolsBox .reset span, .fixedToolsBox .magnify span, .fixedToolsBox .showLink span, .fixedToolsBox .audioFile span, .fixedToolsBox .contrast span, .fixedToolsBox .saturation span { display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #ddd; height: 48px } .fixedToolsBox .glyphicon { font-size: 20px; color: #333; cursor: pointer } .fixedToolsBox .reset span { border-bottom: 0 } .fixedToolsBox .fixedToolsIcon { background: transparent; position: absolute; left: -36px; top: 0; cursor: pointer; width: 30px; height: 30px } .fixedToolsIcon .glyphicon { font-size: 55px; text-align: center; animation: spin 2s infinite linear; color: #f7f855; transition: all linear .3s } .fixedToolsBox.show { right: 0 } .fixedToolsBox.show .fixedToolsIcon .glyphicon { font-size: 40px } .fixedToolsBox .setdarkMode .switch-input { display: none; position: relative; margin-bottom: 0 } .fixedToolsBox .setdarkMode .dark .text { display: none } .setFont, .setFont .switchBar a, .setFont .menu3dmega>ul>li>a, .setFont .menu3dmega>ul>li>span, .setFont .menu3dmega>ul li>a, .setFont .panel>.panel-heading .box-title { font-family: 'SDF Subsidiary' !important } .setMagnify { position: relative; overflow-x: hidden } .setBlue .headerBottom, .setBlue .generalSearchBox .input-group, .setBlue .goToTop, .setBlue .mainFooterWrap, .setBlue .radcomCopyrightAndLogo { background: #4da2fa } .setBlue .mainHeaderWrap { border-top: 6px solid #4da2fa } .setBlue .panel-style1.panel, .setBlue .panel-style1>.panel-heading { background-color: #4da2fa } .setBlue .menu3dmega>ul li:hover, .setBlue .menu3dmega>ul li.current { background: #4da2fa !important } .setRed .headerBottom, .setRed .generalSearchBox .input-group, .setRed .goToTop, .setRed .mainFooterWrap, .setRed .radcomCopyrightAndLogo { background: #ce1717 } .setRed .mainHeaderWrap { border-top: 6px solid #ce1717 } .setRed .panel-style1.panel, .setRed .panel-style1>.panel-heading { background-color: #ce1717 } .setRed .menu3dmega>ul li:hover, .setRed .menu3dmega>ul li.current { background: #ce1717 !important } .fixedToolsBox .hidePhotos { text-align: center; border-bottom: 1px solid #ddd; padding: 12px } .hidePhotos i { font-size: 23px } .hidePhotos img { visibility: hidden } .glyphicon-noimage:before { content: "" } .showLink a, .showLink a span, .showLink a span i, .showLink a i { background: #044fc8; color: #fff !important } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @media(max-width:767px) { .fixedToolsBox { width: 80px; right: -80px } } .easyPieChart { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 130px; height: 130px } .easyPieChart canvas { position: absolute; top: 0; left: 0 } .menuFullScreen .parentChildWrapper { padding: 10px; margin: auto } .menuFullScreen .menuStickyTopWrapper { height: 50px; text-align: left; width: auto; z-index: 1; left: 0; top: 0 } .menuFullScreen .menuStickyTopWrapper .glyphicon { color: white; margin: 0; font-size: 28px; transition: 100ms all ease-in; cursor: pointer; padding: 14px 10px; width: 54px; height: 54px; text-align: center; background: #262c44 } .menuFullScreen .menuStickyTopWrapper .glyphicon:hover { color: #bbb } .menuFullScreen #menuBottomWrapper { position: fixed; top: 69px; display: none; margin: auto; z-index: 10; background: white; overflow-y: auto; height: calc(100% - 50px); right: 0; left: 0; margin: 0 auto } .menuFullScreen #menuBottomWrapper>div { margin: auto; text-align: center; float: none } .menuFullScreen .socialNetworksWrapper { padding: 10px; margin: 0 auto } .menuFullScreen .parentHeader { font-weight: bolder; border-bottom: 1px solid black; padding: 5px; margin-bottom: 10px } .menuFullScreen .childrenWrapper { margin-top: 10px } .file-uploader .ruInputs li { display: block !important } .file-uploader .ruInputs li .ruStyled { width: 100% !important } .file-uploader .ruInputs li .ruStyled .ruUploadProgress { height: 15px; max-width: 90%; margin: auto; padding: 0 15px } .file-uploader .ruInputs li .ruRemove, .file-uploader .ruInputs li .ruStyled .ruFileInput, .file-uploader .ruInputs li .ruStyled .ruBrowse, .file-uploader .ruInputs li .ruStyled .ruCancel { display: none !important } .file-uploader .ruInputs li .ruCancel { display: flex; margin: auto } .aparatVideo .h_iframe-aparat_embed_frame { position: relative } .aparatVideo .h_iframe-aparat_embed_frame .ratio { display: block; width: 100%; height: auto } .aparatVideo .h_iframe-aparat_embed_frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }