.dbform table td{padding-left:3px;padding-right:3px}.tableHeaderDBForm{background-color:#a99d5f;color:#fff;font-weight:bold;text-indent:0}.tableHeaderSelectDBForm{background-color:#496791;color:#fff;font-weight:bold;text-indent:0}.printDBForm{background-color:#f3f3f3;padding:0 10px 0 10px}.dbformFillEdit .textbox{width:auto}.dbform .radio-list label{margin-left:5px;margin-right:10px}.dbformControlContainer{margin:0 0 15px !important;padding-right:0}.dbformFillEdit .captcha{padding-bottom:5px}.printIconPanel{direction:rtl}
 /* Start of of General */ /* Start of Toast*/ .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; left: -.3em; top: -.3em; float: left; 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: 100% 0; border: 0; -webkit-appearance: none } .toast-top-center { top: 0; left: 0; width: 100% } .toast-center-center { position: absolute; top: 50%; right: 50%; -ms-transform: translateX(50%) translateY(-50%); -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); } .toast-bottom-center { bottom: 0; left: 0; width: 100% } .toast-top-full-width { top: 0; left: 0; width: 100% } .toast-bottom-full-width { bottom: 0; left: 0; width: 100% } .toast-top-left { top: 12px; right: 12px } .toast-top-right { top: 12px; left: 12px } .toast-bottom-right { left: 12px; bottom: 12px } .toast-bottom-left { bottom: 12px; right: 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 50px 15px 15px; 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: #fff; 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-right: auto; margin-left: auto } #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div { width: 96%; margin-right: auto; margin-left: 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; right: 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 50px 8px 8px; width: 11em } #toast-container .toast-close-button { left: -.2em; top: -.2em } } @media all and (min-width:241px) and (max-width:480px) { #toast-container > div { padding: 8px 50px 8px 8px; width: 18em } #toast-container .toast-close-button { left: -.2em; top: -.2em } } @media all and (min-width:481px) and (max-width:768px) { #toast-container > div { padding: 15px 50px 15px 15px; width: 25em } } /* End of Toast */ /* Start of Popup Calendar */ .calendar { text-align: center; background: #fff; z-index: 400; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.52) !important; box-shadow: 0 1px 3px rgba(0, 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 0 4px; } .weekDayHead:first-child { border-radius: 0 0 4px 0; } .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, 0.15); } .calendar .selected { color: #4fc1e9; box-shadow: 0 0 0px 2px #4fc1e9; } .calendarFooter { border-radius: 0 0 4px 4px; background-color: rgba(79, 193, 233, 0.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; } /* End of Popup Calendar */ /* Start of LastMessage */ .alertWrapper { display: table; width: 100%; } .alertWrapper .glyphicon { font-size: 16px; padding: 0 5px 0 0; float: left; } .alertWrapper .message { float: left; margin-bottom: 0px; } .alertWrapper .messageWrapper { float: left; display: flex; } .alertWrapper.alert { margin: 5px 2px; } .alertWrapper img { float: left; margin-right: 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; } /* End Of LastMessage */ /* Start of MagicZoom */ .MagicZoom img { border: 0 !important; padding: 0 !important; margin: 0 !important; } .MagicZoomBigImageCont { border: 1px solid #999; direction: rtl; } .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 24px 4px 4px !important; margin: 0; text-decoration: none; text-align: right; 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: left; 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 100% 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 22px 2px 2px; margin: 0; text-decoration: none; text-align: right; } .MagicThumb-swap { } .MagicThumb-external-caption { display: none; } div.MagicSlideshow { border: 1px solid #636363; background: transparent; display: none; direction: rtl; } img.MagicSlideshowImage { border: none; } div.MagicSlideshowImagesContainer { } img.MagicSlideshowThumbnail { direction: rtl; } div.MagicSlideshowThumbnailsContainer { padding: 0 1px; } div.MagicSlideshowThumbnailsContainerStyle { background: #FFFFFF; } .MagicSlideshowDescription { line-height: 24px; padding-left: 5px !important; padding-top: 15px !important; padding-bottom: 15px !important; font: bold 13px SDF; text-align: left; margin: 2px; } .MagicSlideshowDescriptionBelow { font: normal 11px SDF; } .MagicSlideshowDescription a { color: #CFCFCF; } .MagicSlideshowDescription a:visited { color: #ACACAC; } .MagicSlideshowDescription a:hover { color: #FFFFFF; } div.MagicSlideshowLoadingBox { background: #FFFFFF url( '/Components/General/Resources/Images/Graphics/loader.gif' ) no-repeat 2px 50%; padding: 4px 24px 4px 4px !important; margin: 0 !important; line-height: 15px; color: #363636; border: 1px solid #696969; text-align: left; } 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: 100% 0; } a.MagicSlideshowArrowBottom { background-position: 24px 24px; } a.MagicSlideshowArrowLeft { background-position: 100% 24px; } /* End Of MagicZoom */ /* Start of RichTextBox */ .radEditorWrapper { position: relative; } .radEditorStar { position: absolute; top: 3px; right: 0; } .radEditorHasValidator { padding-right: 10px; } .radEditorHasNotValidator { padding-right: 0; } /* End Of RichTextBox */ /* Start of Border Radius */ .radius { border-radius: 5px; } .radiusTop { border-top-right-radius: 5px; border-top-left-radius: 5px; } .radiusBottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .radiusTrBl { border-top-left-radius: 5px; border-bottom-right-radius: 5px; } .radiusTlBr { border-top-right-radius: 5px; border-bottom-left-radius: 5px; } /* End Border Radius */ /* Start of FancyBox */ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { right: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; right: 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; right: 0; position: absolute; left: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); 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: rtl; 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; right: 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 { left: 0; top: 0; } .fancybox-stage { direction: rtl; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; right: 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: right; 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%; right: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top right; transform-origin: top right; 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%; right: 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%; } /* Fix iOS */ .fancybox-iframe { right: 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; } /* Buttons */ .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; } /* Fix IE11 */ .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; right: 0; position: absolute; left: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 100%; transform-origin: 100%; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; left: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; left: 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; } /* Navigation arrows */ .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 { right: 0; right: env(safe-area-inset-right); padding: 31px 6px 31px 26px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 26px 31px 6px; left: 0; left: env(safe-area-inset-left); } /* Caption */ .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; right: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; left: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .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; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; right: 50%; margin: -25px -25px 0 0; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(-360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .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); } /* transitionEffect: fade */ .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; } /* transitionEffect: zoom-in-out */ .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); } /* transitionEffect: rotate */ .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); } /* transitionEffect: circular */ .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); } /* transitionEffect: tube */ .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); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-right: 6px; padding-left: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { left: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; left: 0; top: 0; width: 36px; } .fancybox-caption { padding-right: 12px; padding-left: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-right: max(12px, env(safe-area-inset-right)); padding-left: max(12px, env(safe-area-inset-left)); } } } /* Share */ .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-left: 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%; } /* Thumbs */ .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; left: 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 { left: 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: right; 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: ''; right: 0; opacity: 0; position: absolute; left: 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; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { left: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /* End of fancyBox */ /* scrollPanel */ .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 0.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; } /* End of scrollPanel */ .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 #aaaaaa; background-color: #fff; text-align: center; } .clearBoth { clear: both; display: block; } .justifyText { text-align: justify; } .hand { cursor: pointer; } .transparentDiv { opacity: .50; } .hide { display: none; } .noMargin { margin-right: 0 !important; margin-left: 0 !important; } .disabled { opacity: .30; } .dashed { border-style: dashed; } .reverseAlign { text-align: right; } .reverseFloat { float: right; } .correctAlign { text-align: left; } .correctFloat { float: left; } .centerAlign { text-align: center; } .ltr { direction: rtl; } .rtl { direction: ltr; } .noWrap { white-space: nowrap; } .boldText { font-weight: bold; font-size: 1.2rem; } .grid { border-collapse: separate; border-spacing: 1px; } /* Start of JPlayer*/ .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: rtl !important; } .mediaPlayer .right { float: left; } .mediaPlayer .left { float: right; } .mediaPlayer a.smooth { -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .mediaPlayer:hover > .controls { bottom: 0; } .mediaPlayer:hover > .controls .seekBar a { display: block; } .mediaPlayer.jp-video-full > .controls { position: absolute; right: 0; left: 0; bottom: 0; opacity: 0.8; z-index: 1000; } .mediaPlayer.jp-video-full, .mediaPlayer.jp-video-full object, .mediaPlayer.jp-video-full video { position: absolute !important; top: 0; right: 0; left: 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; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,0.4); z-index: 0; } .mediaPlayer .playerScreen .video-play .play-icon { position: absolute; top: 50%; right: 50%; margin: -42px -42px 0 0; 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; right: 0; bottom: -44px; left: 0; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .mediaPlayer .controls .seperator { display: inline-block; width: 2px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 100% 0; } .mediaPlayer .controls .progress { position: absolute; display: block; width: 100%; top: -3px; right: 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-right: -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: 0.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: 0.8; overflow: hidden; word-wrap: normal; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mediaPlayer .controls .volumecontrol:hover { opacity: 1; width: 115px; -webkit-transition: all 0.1s ease-in; transition: all 0.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: 0.8; } .mediaPlayer .controls .hd-video.disabled { opacity: 0.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: 0.8; } .mediaPlayer .controls .pause:hover { opacity: 1; } .mediaPlayer .controls .timer { display: block; float: right; line-height: 40px; margin: 0 10px; } .mediaPlayer .controls .timer .current { display: inline; text-align: right; color: #282828; } .mediaPlayer .controls .timer .duration { display: inline; left: 0; text-align: left; } .mediaPlayer .controls .timer .seperate { display: inline; } .mediaPlayer .controls .volumebar { display: block; margin: 19px 45px 0 0; background-color: #EBEBEB; background: rgba(0,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-right: -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: left; width: 40px; height: 40px; background: transparent url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 8px -191px; opacity: 0.4; } .mediaPlayer .controls .fullscreen:hover { opacity: 0.8; } .mediaPlayer .controls .smallscreen { display: block; float: left; width: 40px; height: 40px; background: transparent url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 8px -229px; opacity: 0.4; } .mediaPlayer .controls .smallscreen:hover { opacity: 0.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: #222222; height: auto; } .mediaPlayer.darkskin .controls { background: #191919; } .mediaPlayer.darkskin .controls .volumebar { background: rgba(255,255,255,0.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; } } /* End of JPlayer */ /* Start of SpinEdit */ .spinEditPanel { position: relative; } .spinEditPanel a span { position: absolute; right: 0; left: 0; top: 2px; margin: 0 auto; z-index: 1; } .spinEditPanel a + a span { top: 14px; } .spinEditPanel a span:before { font-size: .8em; } /* End of SpinEdit */ /* Start of Chart */ .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,0.1); -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1); box-shadow: 0 3px 10px rgba(0,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,0.1); -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1); box-shadow: 0 3px 10px rgba(0,0,0,0.15); } .pieChart { font-size: 1.4rem; line-height: 1.2em; } /* End of Chart */ /* Start of Capty */ 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; } /* End of Capty */ /* Start of LightSlider */ /** /!!! core css Should not edit !!!/**/ .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; right: 0; z-index: 9; margin-left: 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; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .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 0.5s linear 0; transition: all 0.5s linear 0; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #0848DD; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-right: 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: 0.7; overflow: hidden; -webkit-transition: opacity 0.35s linear 0; transition: opacity 0.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; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width: 24px; display: block; top: 50%; height: 24px; cursor: pointer; position: absolute; z-index: 400; margin-top: -12px; opacity: 0.5; transition: opacity 0.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; left: 8px; top: 2px; content: '\2039'; } .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; right: 8px; top: 2px; content: '\203a'; } .lSAction > .lSPrev { background-color: rgba(0, 0, 0, 0.8); border-radius: 15px; line-height: 0.8; right: 0; } .lSAction > .lSNext { background-color: rgba(0, 0, 0, 0.8); border-radius: 15px; line-height: 0.8; left: 0; content: '\203a'; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-left: 0 !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; left: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* Rtl */ .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, 0.8); border-radius: 15px; line-height: 0.8; left: 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; left: 8px; top: 2px; content: '\2039'; } .lightSliderWrapper .lightSliderPreviousOutside { background-color: rgba(0, 0, 0, 0.8); border-radius: 15px; line-height: 0.8; right: 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; right: 8px; top: 2px; content: '\203a'; } .lightSliderWrapper .sliderTools { width: 24px; display: block; top: 50%; height: 24px; cursor: pointer; position: absolute; z-index: 400; margin-top: -12px; opacity: 0.5; transition: opacity 0.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: right; margin: 0 2px; } } /* End of LightSlider*/ /* Start of ArchiveInformation*/ .archiveInformationList { list-style-type: none; } /* End of ArchiveInformation*/ /* code for animated blinking cursor */ .typed-cursor { opacity: 1; font-weight: 100; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; -o-animation: blink 0.7s infinite; animation: blink 0.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-right: 40px; background-color: #a1a9ad; padding-top: 15px; padding-left: 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-left: 0 !important; padding-right: 0 !important; } .billboard .billboardDetails .billboardItem { overflow: hidden; } .billboard .main { padding-right: 0 !important; padding-left: 0 !important; } .billboardItem .billboardMore { position: absolute; bottom: 0; left: 0; background-color: #333; color: #fff; width: 30px; height: 30px; } .billboardMore:before { content: "+"; font-size: 23px; margin-left: 7px; } .billboardItem .billboardDescription { display: none; } .billboardLarge .billboardItem .billboardTitle { font-size: 2.5rem; background-color: transparent; padding-left: 50px; display: table; padding-right: 20px; } .billboardLarge .billboardItem .billboardDescription { display: block; padding-left: 50px; padding-right: 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: rtl; } @media screen and (max-width: 767px) { .billboardMore:before { content: '\e814' !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 { right: 0; left: 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; } /***********Start Of JPlayer************/ .playerFlashError { color: #ff0000; font-size: 1.6rem; padding-top: 20px; } /****************End Of JPlayer*******************/ .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; left: 1px; cursor: pointer; } .Treant .collapsed .collapse-switch { background-color: #868DEE; } .Treant > .node img { border: none; float: right; } /************ Start of MultiLevelMenuCss *************/ @media(min-width:768px) { .level0SubMenu { position: static !important; } .level1SubMenu { display: inline-block; float: left !important; position: static !important; } li.level1SubMenu .dropdown-menu.open { display: block; } li.level1SubMenu .dropdown-menu .content { background-repeat: no-repeat; background-position: right 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-right: 1px solid #eee; } .full-width .dropdown-menu .content li a span { padding-left: 5px; } } .countUpContainer { padding: 0; } .countUpTextContainer { font-size: 3rem; } .countUpCounterContainer { font-size: 3rem; } .sliderLink h3 { position: relative; } .sliderPlayIcon { position: absolute; top: 50%; right: 50%; margin: -15px -15px 0 0 !important; display: block; width: 30px; height: 30px; color: #adacac; font-size: 20px; padding: 3px 11px 3px 7px; background-color: rgba(0,0,0,0.6); border: 2px solid #444; border-radius: 50%; display: table; } @media screen and (max-width: 544px) { .calendar { left: 10px !important; right: 10px !important; } } /************ End of MultiLevelMenuCss *************/ /* Start of Select2 */ .input-group .select2-selection { border-bottom-right-radius: 0 !important; border-top-right-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 { left: 10px !important; right: 10px !important; } } /* End of Select2 */ /* Start of ShowCaseSlider */ .showcaseSliderStyleFour .rrItem > div { position: relative; } .showcaseSliderStyleFour .rrItem > div > div { padding: 0 !important; } .showcaseSliderStyleFour .rrItem > div .bottmTitle { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px; text-align: left; background: rgba(0, 0, 0, 0.5); } .showcaseSliderStyleFour .rrItem > div .bottmTitle a { color: #fff; } .showcaseSliderStyleFour .rrItem > div .topTitle { position: absolute; top: 0; left: 0; right: 0; padding: 30px; text-align: left; background: rgba(0, 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: rgb(242, 242, 242) !important; } .showcaseSliderPanel { margin: 0 auto; } .showCaseSliderText { position: absolute; z-index: 5; background: rgba(0, 0, 0, 0.70); padding: 10px; top: 0; right: 0; left: 0; } .showCaseSliderText .showCaseSliderTitle, .showCaseSliderText .showCaseSliderDescription { color: #fff; } .showCaseSliderTextBottom .showCaseSliderText { top: auto !important; bottom: 0; } .showCaseSliderTextBottom .showCaseSliderDateTime { color: #fff; } .showCaseSliderThumbnail { } .pnlShowCaseSliderWrapper { } .pnlshowCaseSlider { } .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-left: 5px; padding-right: 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: left; 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-left: 28px; } .inlineCaptcha .RadCaptcha > .captchaAudioEnabled .rcRefreshImage { position: absolute; background: #E3E3E3 !important; width: 25px; left: 0; height: 18px; top: -9px; border-radius: 4px 4px 0 0; } .inlineCaptcha .RadCaptcha > .captchaAudioEnabled .rcRefreshImage:before { content: "\e545"; font-family: 'Glyphicons Halflings'; color: #11ab0d; font-size: 13px; font-weight: bolder; position: absolute; right: 6px; top: 4px; line-height: 1; } .inlineCaptcha .RadCaptcha > .captchaAudioEnabled .rcCaptchaAudioLink { position: absolute; background: #E3E3E3 !important; width: 25px; right: 0; height: 18px; bottom: 0; border-radius: 0 0 4px 4px; color: transparent; } .inlineCaptcha .RadCaptcha > .captchaAudioEnabled .rcCaptchaAudioLink:before { color: #000; font-size: 13px; right: 7px; top: 0px; content: '\E544'; position: absolute; font-family: 'Glyphicons Halflings'; } .inlineCaptcha .RadCaptcha > div > div, .inlineCaptcha .RadCaptcha > div > p { padding: 3px; float: left; position: relative; float: left; display: inline-block !important; } .inlineCaptcha .RadCaptcha > div > p { margin: 0; } .inlineCaptcha .RadCaptcha > div > div { padding-left: 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; right: 0; left: 0; padding: 7px; border: 1px solid #ccc; z-index: 4; } /* Google Search style */ .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; } /* End of Google Search style */ @media screen and (max-width: 460px) { .inlineCaptcha .RadCaptcha > div > div, .inlineCaptcha .RadCaptcha > div > p { } .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: rtl; } /* End of ShowCaseSlider */ .onlinePaymentMellatCharityWrapper p { padding-top: 10px; margin: 0; text-align: left; } /* Start Marquee */ .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_wrap.str_active { } .str_move { white-space: nowrap; position: absolute; top: 0; right: 0; cursor: move; } .str_move_clone { display: inline-block; vertical-align: top; position: absolute; top: 0; } .str_vertical .str_move_clone { right: 0; top: 100%; } .str_down .str_move_clone { right: 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 10px 10px 0 !important; } .paddingTopGeoLocationSelector { padding-top: 5px !important; } .geoLocationPreviewContainer { width: 100%; } /* End of Marquee */ .pac-container { z-index: 99999; } /****************Captcha Style************************/ .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; right: 5px; } .rcRefreshImage, a.rcRefreshImage { background: #F3F3F3 !important; margin: 0 0 0 5px !important; position: relative !important; height: 36px; width: 36px; background: #F3F3F3; border-radius: 4px; order: 2; text-align: center; top: 0; right: 0; } .rcRefreshImage, a.rcRefreshImage:before { content: "\e576"; font-family: 'Glyphicons Halflings'; color: #11ab0d; font-size: 27px; font-weight: bolder; position: absolute; right: 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: left; 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%; right: 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; right: 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-right-radius: 0 !important; border-top-right-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; left: 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; right: 0; bottom: 0; left: 0; box-shadow: 0 2px 6px rgba(0, 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 */ .modal-overlay-title-container > ul { float: left; margin: 0; padding: 0; } .modal-overlay-title-container > ul li { list-style: none; float: left; padding: 15px; } .modal-overlay-title-container > ul li .cms-modal-button { cursor: pointer; } .modal-overlay-title-container > ul li .cms-modal-button .glyphicon { padding-right: 5px; color: #4fc1e9; } .captchaRequiredValidator { position: absolute; right: -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; } } .commaSeparatedInput { } /***Count Down Info Style***/ .countDownInfoPopup .modal-body .countDownWrapper { display: table; margin: 0 auto; } .countDownInfoPopup .modal-content .countDownInfoCloseWrapper { border: 0; } /* End of Count Down Info */ /* Start of phoneBoxCallingCode */ .phoneBoxCallingCodeWrapper { position: relative; float: left; } .phoneBoxCallingCode .select2-selection { background-color: transparent !important; } .phoneBoxCallingCodeWrapper .phoneBoxCallingCode .glyphicon { color: #BEBEBE; position: absolute; left: 10px; font-size: 20px; top: 9px; } .phoneBoxCallingCodeWrapper > input[type="text"] { } .phoneBoxCallingCode { display: inline-block; direction: rtl; float: right; right: 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 90px 5px 5px; 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: right; } .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: left; } .phoneBoxCallingCodeTextItem { float: right; padding-right: 2px; } .phoneBoxCallingCodeWrapper .select2-container--default .select2-selection--single { border-radius: 0 4px 4px 0; border-left: none !important; padding-top: 3px !important; height: 38px !important; } .phoneBoxCallingCodeWrapper .select2-container { margin-right: -2px; } .siteMemberMobileLoginSignupWrapper { padding: 0 15px; } .phoneBoxCallingCodeWrapper .phoneNumber { border-radius: 4px 0 0 4px; border-right: none !important; display: inline-block !important; float: right; padding-right: 100px; padding-top: 4px; padding-left: 25px; height: 38px; } .phoneBoxCallingCodeWrapper .glyphicon { color: #BEBEBE; position: absolute; left: 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-left: 40px; } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper .glyphicon, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper .glyphicon { color: #BEBEBE; position: absolute; left: 10px; font-size: 20px; top: 10px; } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper label, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper label { left: 10px; background: #fff; transform: translateY(-45px) scale(0.8); padding: 0 10px; top: 12px; z-index: 23; } /* End of phoneBoxCallingCode */ /************ Start Of Pager Wrapper *************/ .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-right: 5px !important; } .pagerWrapper:after { content: '' !important; display: block !important; clear: both !important; height: 0 !important; visibility: hidden !important; } .pagerWrapper .sectionLeft { float: right !important; width: 95px !important; text-align: right !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: left !important; width: 55px !important; text-align: left !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 95px 0 55px !important; text-align: center !important; } .pagerWrapper .sectionMiddle.noLeft { margin: 0 0 0 55px !important; } .pagerWrapper .sectionMiddle.noLeft.noRight { margin: 0 !important; } .pagerWrapper .sectionMiddle.noRight { margin: 0 95px 0 0 !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: left !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: 0 20px 20px 0 !important; font-size: 0 !important; } .pagerWrapper .nextPage input, .pagerWrapper .previousPage input { padding: 10px 13px; border: none; background: none; position: relative; } .pagerWrapper .nextPage:before { content: "\e812" !important; position: absolute !important; top: 10px !important; left: 11px !important; font-family: "Glyphicons Halflings" !important; font-size: 14px !important; } .pagerWrapper .previousPage { border-radius: 20px 0 0 20px !important; font-size: 0 !important; } .pagerWrapper .previousPage:before { content: "\e814" !important; position: absolute !important; top: 10px !important; right: 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: right !important; height: 34px !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: #f5f5f5 !important; border-radius: 0 20px 20px 0 !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: 20px 0 0 20px !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: 20px 0 0 20px !important; border: none !important; -webkit-appearance: button !important; cursor: pointer !important; background: #EDEDED !important; color: #474747 !important; padding: 7px 0px; 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: 20px 0 0 20px !important; float: left !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: 0 20px 20px 0 !important; padding: 5px !important; color: #474747; } .pagerWrapper .showCount select option { color: #474747; } /****************************Sitemember Menu********************************/ .sitememberPanelBarContainer .panel { background: #444444; 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-right: 20px; } .sitememberPanelBarContainer .panel .panel-heading .panel-title a { color: #fff; font-size: 1.4rem; } .sitememberPanelBarContainer .panel .panel-heading .glyphicon { padding-right: 10px; font-size: 2.1rem; } .sitememberPanelBarContainer .panel .panel-heading .accordion-toggle:before { content: '\e812'; font-family: "Glyphicons Halflings"; display: block; position: absolute; top: 7px; right: 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: '\e812'; 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-left: 0; padding-right: 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; left: 0; bottom: 0; background: #0099CC; 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.selected .panel-heading { } .sitememberPanelBarContainer .panel-default .panel-heading { background-color: #2e3951; } .sitememberPanelBarContainer .panel-default .panel-heading.collapsed { background-color: #1c2331; } /******* Menu PanelBar Toggle ******/ .siteMemberMenuPanelBarToggle { background: none; color: #f2f2f2; cursor: pointer; font-size: 1.4rem; font-weight: bold; text-align: left; 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: right; background: none; } .siteMemberMenuPanelBarToggle .siteMemberMenuToggleIcon span { width: 100%; height: 4px; margin: 2px 0; display: block; position: relative; background: #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } /************************Sitemember TopBar********************/ .dashboardPage .toggleWrap .navToggle { padding: 4px 0 !important; } .sitememberTopBar .topBarItemWrapper { display: inline-block; margin: 0 0 0 10px; color: #fff; float: left; } .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: '\E756'; 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-left: 3px; } .sitememberTopBar .topBarItemWrapper.localMessage a .badge { position: absolute; top: 0; left: -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 { left: 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; left: 0; bottom: 0; background: #00b4ff; width: 0; height: 110%; margin: auto; border-radius: 0 5px 5px 0; -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, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.05)), color-stop(72%, rgba(255, 255, 255, 0.25)), color-stop(89%, rgba(255, 255, 255, 0.29)), to(rgba(255, 255, 255, 0.29))); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0.25) 72%, rgba(255, 255, 255, 0.29) 89%, rgba(255, 255, 255, 0.29) 100%); background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0.25) 72%, rgba(255, 255, 255, 0.29) 89%, rgba(255, 255, 255, 0.29) 100%); background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0.25) 72%, rgba(255, 255, 255, 0.29) 89%, rgba(255, 255, 255, 0.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-right: 10px; font-size: 2.4rem; } .sitememberTopBar .topBarItemWrapper.logout .glyphicon-turnoff:before { content: "\E768"; } .sitememberTopBar .topBarItemWrapper .glyphicon.navIcon { font-size: 22px; color: #fff; top: 3px; position: relative; } .sitememberTopBar .homeLink { margin: 0 10px; display: inline-block; float: right; } .sitememberTopBar .homeLink a { color: #fff; } .sitememberTopBar .homeLink a i { top: 3px; font-size: 22px; } .sitememberTopBar .toggleMenuLink { margin: 0; display: inline-block; float: right; } .sitememberTopBar .toggleMenuLink div { color: #fff; } .sitememberTopBar .toggleMenuLink div i { top: 5px; font-size: 18px; } .sitememberTopBar .menuSearchBox { display: inline-block; float: right; margin: 0 0 0 10px; } .leftItemWrapper { display: inline-block; } .logo { float: right; } .menuSearchBox .button { float: right; color: #fff; margin-left: 10px; width: 20px; margin-top: 3px; } .menuSearchBox .button i { font-size: 22px; right: 3px; } .menuSearchBox .searchBox { float: left; 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-left: 2px; } @media (max-width: 1366px) { .sitememberPanelBarContainer .panel .panel-collapse .panel-body .submenuContainer .itemContainer { padding: 10px 15px; } } @media (max-width: 767px) { .sitememberTopBar .homeLink { margin-right: 0; display: inline-block; } .sitememberTopBar .topBarItemWrapper { margin: 0 10px 0 0; } .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-left: 25px; } } @media(min-width: 768px) { } /* Start of xZoom */ /* Compatibility styles for frameworks like bootstrap, foundation e.t.c */ .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 Styles below */ .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,0.5); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); } .xzoom2, .xzoom3, .xzoom4, .xzoom5 { -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); } /* Thumbs */ .xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 { border: 1px solid #cecece; margin-right: 5px; margin-bottom: 10px; } .xzoom-source, .xzoom-hidden { display: block; position: static; float: none; clear: both; } /* Everything out of border is hidden */ .xzoom-hidden { overflow: hidden; } /* Preview */ .xzoom-preview { border: 1px solid #e2e2e2; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.50); } /* Lens */ .xzoom-lens { border: 1px solid #bbb; box-shadow: 0 0 10px rgba(100,100,100,0.50); cursor: crosshair; } /* Loading */ .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; } /* Additional class that applied to thumb when it is active */ .xactive { } /* Caption */ .xzoom-caption { position: absolute; bottom: -43px; right: 0; background: #000; width: 100%; text-align: right; } .xzoom-caption span { color: #fff; font-family: Arial, sans-serif; display: block; font-size: 0.75em; font-weight: bold; padding: 10px; } /* End of xZoom */ .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: left; display: table; float: none; } .siteMemberMenuPanelBar .tradingMenuSelectContainer .buyer { position: relative; color: #fff; text-align: center; font-size: 1.4rem; float: left; 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: right; 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; left: 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; } /* Start of Time Flip */ .time-flip-container { } .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: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.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: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0); position: absolute; top: 0; right: 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: 0% 213.5px; -moz-transform-origin: 0% 213.5px; -ms-transform-origin: 0% 213.5px; transform-origin: 0% 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); } /* End of Time Flip */ @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-right: 5px; padding-left: 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); } /* Admin Search Box */ .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, 0.07) !important; border-radius: 3px !important; padding: 20px 40px !important; z-index: 10; } .adminSearchBox .innerSearchButton { 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 15px 0 15px !important; cursor: pointer; } .adminSearchBox .innerSearchButton:hover { color: #0099CC; } .adminSearchBox .innerSearchButton:before { content: "\e80c"; } .adminSearchBox .searchMoreButton { 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 12px !important; cursor: pointer; } .adminSearchBox .searchMoreButton:hover { color: #0099CC; } .adminSearchBox .searchMoreButton:before { content: "\e863" } .adminSearchBox .searchMoreButton:before { content: "\e863" } .adminSearchBox .searchMoreButton.opened:before { content: "\e873" } .adminSearchBox .searchConditions { display: none; position: absolute; top: 43px; right: 0; left: 0; background: #f8f8f8 !important; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.07) !important; padding: 5px 5px 0 10px; border: 1px solid #ccc; border-top: none !important; z-index: 11; } .adminSearchBox .hiddenSearch { display: none; } /* End of Admin Search Box */ .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-left: -1px; width: auto !important; } } .passwordTogglerWrapper { position: relative; direction: ltr; } .passwordTogglerWrapper .passwordTogglerIcon { position: absolute; top: 0; left: 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-left: 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; } .lazy-is-loading { } .cute-slider-container { } .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: right; } .countDownText div { display: inline-block; line-height: 1; padding: 20px 0; font-size: 4rem; direction: rtl; } .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 { left: 0; border-right: 1px solid #E7E7E7; } .quantityTextboxWrapper .quantityTextboxIncrease:before { content: '\E805'; } .quantityTextboxWrapper .tools:hover:before { color: #00b4ff; } .quantityTextboxWrapper .quantityTextboxDescrease { right: 0; border-left: 1px solid #E7E7E7; } .quantityTextboxWrapper .quantityTextboxDescrease:before { content: '\E806'; } .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: 0.5; width: 50px; } .logo-container .flex-item { text-align: center; margin-top: -50px; } /* End of General */ /**************** Start Of Make Menu Fix **********************/ @keyframes smoothScroll { 0% { transform: translateY(-40px); } 100% { transform: translateY(0px); } } .fixedMenu { position: fixed; top: 0 !important; left: 0; right: 0; z-index: 9999999; width: 100%; box-shadow: 0px 0px 10px #AFAFAF; animation: smoothScroll 1s forwards; } /* Start of File Uploader */ .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: "\E683"; font-family: "Glyphicons Halflings"; font-size: 50px; color: #B7B7B7; position: absolute; top: 10px; left: 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: rtl; 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; right: 0; background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 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; right: 0; background: rgba(0, 0, 0, 0.7); border-radius: 5px; } .file-uploader .file-preview .file-info { width: 50%; text-align: right; position: absolute; top: 5px; right: 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: right; text-align: right; 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: right; text-align: right; opacity: 0.5; padding-top: 5px; } .file-uploader .file-preview .file-remove { text-align: left; position: absolute; top: 0; left: 5px; } .file-uploader .file-preview .file-remove:hover:before { color: #D81E1E; } .file-uploader .file-preview .file-remove:before { content: "\E680"; font-family: "Glyphicons Halflings"; font-size: 18px; color: #B7B7B7; cursor: pointer; } .file-uploader .ruInputs li { display: none; } .sitememberTopBar .shoppingCart { float: right; color: #fff; font-size: 2.5rem; margin-left: 7px; z-index: 0; position: relative; } .sitememberTopBar .cartCountWrapper { float: right; 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-right: -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-left: 15px; } } /* End of File Uploader */ .passwordErrorsWrapper { display: inline-block; position: absolute; top: 100%; right: 0; left: 0; z-index: 20; background-color: red; } .passwordErrorsWrapper .belowInputValidator { position: relative !important; float: left; 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 { left: 0px; padding-left: 0px; background: none; position: static !important; margin-top: 1px; display: block; } .calendarErrorsWrapper { display: inline-block; position: absolute; top: 100%; right: 0; left: 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: ltr; } .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(0px); 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-left: 0; padding-right: 15px; margin-top: 2px; } /* night mode */ .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: 0px 2px 6px 0px rgba(0,0,0,.5); top: -2px; right: 0; left: 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 { right: 25px; left: auto; background: #fff; } .switch-input { display: none; position: relative; margin-bottom: 0; } .switch .switch-active { color: #0f94e9; left: 0px; right: auto; z-index: 9; font-size: 1.5rem; top: 7px; position: absolute; cursor: pointer; transform: translateY(-50%); } .switch .switch-inactive { right: 3px; left: auto; z-index: 9; font-size: 15px; top: 7px; position: absolute; cursor: pointer; transform: translateY(-50%); } .switch-active { left: 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 { right: 25px; left: 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: rgb(54, 60, 31); } .visualizerContainer { position: relative; } .visualizerLine { width: 100%; height: 2px; background-color: rgb(7, 238, 86); 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,0.5); width: calc(100% - 20px); margin: 0; font-size: 16px; padding: 10px; color: #fff; font-weight: bold; z-index: 10; } /*clockDigitalWrapper*/ .clockDigitalWrapper { display: flex; float: right; } .clockDigitalWrapper .clockDigital { font-family: "SDFFaNum"; min-width: 60px; } /*clockDigitalWrapper*/ /************ Start Of accordion Slider *************/ .accordion-caret .accordion-toggle:after, .accordion-caret .accordion-switch:before { content: ''; font-family: 'Glyphicons Halflings'; font-size: 14px; margin-left: 5px; vertical-align: -1px; } .accordion-caret .accordion-toggle:after { float: right; } .accordion-caret .accordion-toggle:not(.collapsed):after { content: "\E857"; margin-right: 0; } .accordion-caret .accordion-toggle.collapsed:after { content: "\E812"; margin-right: 5px; } .accordion-caret .accordion-switch:not(.collapsed):before { content: "\E806"; margin-right: 5px; } .accordion-caret .accordion-switch.collapsed:before { content: "\E805"; margin-right: 5px; } /************ End Of accordion Slider *************/ .socialNetworksWrapper ul li a { font-size: 0; } .socialNetworksWrapper ul li a span { font-size: 1.4rem; display: inline-block; padding-left: 5px; } .socialNetworksWrapper ul li a span.glyphicon { padding-left: unset; } /************ search *************/ .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; right: 0; z-index: 1; content: '\E80C'; 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; } /************end search *************/ /************ Start of ThemeTools ************/ .fixedToolsBox { position: fixed; left: -100px; width: 100px; padding: 10px; background: #fff; z-index: 999; top: 50%; transform: translateY(-50%); text-align: right; box-shadow: -10px 10px 15px rgba(0, 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 { 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 .audioFile span { border-bottom: 0; } .fixedToolsBox .fixedToolsIcon { background: transparent; position: absolute; right: -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 { left: 0; } .fixedToolsBox.show .fixedToolsIcon .glyphicon { font-size: 40px; /*color: #333;*/ } .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*/ .setMagnify { position: relative; overflow-x: hidden; } /*setBlue*/ .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*/ .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; } @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; left: -80px; } } /************ End of ThemeTools ************/ .easyPieChart { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 130px; height: 130px; } .easyPieChart canvas { position: absolute; top: 0; right: 0; } /* End of General */