/* Minification failed. Returning unminified contents. (16231,15): run-time error CSS1035: Expected colon, found 'text-align' */ /***************************** Required styles *****************************/ /** * For the correct positioning of the placeholder element, the dnd-list and * it's children must have position: relative */ .advancedDemo ul[dnd-list], .advancedDemo ul[dnd-list] > li { position: relative; } /***************************** Dropzone Styling *****************************/ /** * The dnd-list should always have a min-height, * otherwise you can't drop to it once it's empty */ .advancedDemo .dropzone ul[dnd-list] { min-height: 42px; margin: 0px; padding-left: 0px; } /** * The dnd-lists's child elements currently MUST have * position: relative. Otherwise we can not determine * whether the mouse pointer is in the upper or lower * half of the element we are dragging over. In other * browsers we can use event.offsetY for this. */ .advancedDemo .dropzone li { display: block; } /** * Reduce opacity of elements during the drag operation. This allows the user * to see where he is dropping his element, even if the element is huge. The * .dndDragging class is automatically set during the drag operation. */ .advancedDemo .dropzone .dndDragging { opacity: 0.7; } /** * The dndDraggingSource class will be applied to the source element of a drag * operation. It makes sense to hide it to give the user the feeling that he's * actually moving it. Note that the source element has also .dndDragging class. */ .advancedDemo .dropzone .dndDraggingSource { display: none; } /** * An element with .dndPlaceholder class will be added as child of the dnd-list * while the user is dragging over it. */ .advancedDemo .dropzone .dndPlaceholder { background-color: #ddd !important; min-height: 42px; display: block; position: relative; } /***************************** Element type specific styles *****************************/ .advancedDemo .dropzone .itemlist { min-height: 120px !important; } .advancedDemo .dropzone .itemlist > li { background-color: #337ab7; border: none; border-radius: .25em; color: #fff; float: left; font-weight: 700; height: 50px; margin: 5px; padding: 3px; text-align: center; width: 50px; } .advancedDemo .dropzone .container-element { margin: 10px; } .toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter: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:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter: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: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:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}} /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; /*touch-action: none;*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: white url(/Content/images/ajax-loader.gif) center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide img.slick-loading { background: white url(/Content/images/ajax-loader.gif) center center no-repeat; padding-bottom: 100%; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Icons */ @font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: 0px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; margin: 10px 0; height: 15px; } .slick-dots li { position: relative; display: inline-block; height: 15px; width: 14px; margin: 0px 5px; padding: 0px; } .slick-dots li a { display: block; outline: none; line-height: 0; font-size: 0; color: black; padding: 5px; border-radius: 50%; width: 10px; height: 10px; background: #FFF; border: 2px solid #2183bA; } .slick-dots li.slick-active a { display: block; outline: none; line-height: 0; font-size: 0; color: black; padding: 5px; border-radius: 50%; width: 10px; height: 10px; background: #2183bA; border: 2px solid #2183bA; } /* Arrows */ .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media /* Generic breakpoint */ screen and (min-width: 601px) { .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; } .slick-prev { display: none !important; left: 10px; background-image: url(/Content/images/arrow_left_grey.png); width: 30px; height: 80px; background-repeat: no-repeat; background-size: 30px; z-index: 10; } .slick-next { display: none !important; right: 10px; background-image: url(/Content/images/arrow_right_grey.png); width: 30px; height: 80px; background-repeat: no-repeat; background-size: 30px; z-index: 10; } .slick-slider:hover .slick-prev, .slick-slider:hover .slick-next { display: block !important; } } @media /* Generic breakpoint */ screen and (max-width: 600px) /* Smartphones (portrait and landscape) */ , only screen and (min-device-width: 320px) and (max-device-width: 480px) /* iPhone 4, 4S (Portrait and Landscape) */ , only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) /* iPhone 5 and 5S (Portrait and Landscape) */ , only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) /* iPhone 6 (Portrait and Landscape) */ , only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) /* iPhone 6+ (Portrait and Landscape) */ , only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) { .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 40%; margin-top: -10px; padding: 0; border: none; } .slick-prev { left: 5px; background-image: url(/Content/images/arrow_left_grey.png); width: 25px; height: 55px; background-repeat: no-repeat; background-size: 10px; background-position: center; z-index: 10; } .slick-next { right: 5px; background-image: url(/Content/images/arrow_right_grey.png); width: 25px; height: 55px; background-repeat: no-repeat; background-size: 10px; background-position: center; z-index: 10; } } /*.slick-dots li a:before { content: '\8226'; font-family: "slick"; font-size: 6px; line-height: 2; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active a:before { opacity: 0.75; }*/ * { box-sizing: border-box; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-rendering: optimizeLegibility !important; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased !important; -webkit-box-sizing: border-box; } body { font-family: 'Open Sans', sans-serif !important; } li { margin-bottom: 10px; } .align-center { text-align: center !important; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } .float-left { float: left !important; } .account-member-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 20px; font-weight: 100; line-height: normal; padding: 40px; text-align: center; margin-top: -1px; } .account-member-result { margin-top: 20px; } .account-member-activity-panel { } .account-member-activity-panel .timeline { background: #fff; max-width: none; padding: 20px 20px; position: relative; width: 100%; } .account-member-activity-panel .timeline:before { content: ''; position: absolute; top: 25px; left: calc(29% + 21px); bottom: 0px; width: 3px; background: #ddd; } .account-member-activity-panel .timeline:after { content: ""; display: table; clear: both; } .account-member-activity-panel .timeline-container { border: 1px solid #dbdbdb; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin-top: -1px; } .account-member-activity-panel .timeline-header { border: 1px solid #dbdbdb; padding: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .account-member-activity-panel .entry { clear: both; text-align: left; position: relative; } .account-member-activity-panel .entry .title .status { font-weight: 600; } .account-member-activity-panel .entry .title { margin-bottom: 2em; float: left; width: 29%; padding-right: 15px; text-align: right; position: relative; } .account-member-activity-panel .entry .title:before { content: ''; position: absolute; width: 15px; height: 15px; border: 3px solid #dbdbdb; background-color: #fff; border-radius: 100%; top: 5%; right: -22px; z-index: 99; } .account-member-activity-panel .entry .body { margin: 0 0 2em; float: right; width: 70%; padding-left: 30px; } .account-member-activity-panel .entry .body .item-type-container { border: 1px solid #dbdbdb; cursor: pointer; min-height: 60px; padding: 5px; } .account-member-activity-panel .entry .body .item-type-container .item-type-name { background-color: #dbdbdb; padding-left: 3px; width: 100%; } .account-member-tab-section { max-width: 90%; margin: 0 auto; } .account-member-booking { border-top: 1px solid #dbdbdb; } .account-member-booking-header { display: inline-block; text-align: left; font-size: 16px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; } .account-member-booking-section { padding: 10px; margin-bottom: 20px; border: 1px solid #dbdbdb; } .account-member-booking-section-block { display: inline-block; width: 49%; text-align: left; font-size: 16px; margin-bottom: 10px; } .account-member-booking-section-block.right { text-align: right; } .account-member-booking-section-block-button { display: inline-block; width: 49.5%; text-align: center; padding: 10px; height: 40px; font-size: 14px; cursor: pointer; background: #1B95C6; border: 1px solid #1B95C6; color: #FFF; border-radius: 4px; } .account-member-booking-section-block-full { width: 99.5%; margin-bottom: 10px; font-size: 14px; } .account-member-booking-section-block-main { width: 99%; text-align: center; } .account-member-booking-section-toggle-button { display: inline-block; background: #BABABA; color: #FFF; border-radius: 4px; padding: 6px 10px; margin-top: 5px; text-align: center; width: 40%; cursor: pointer; font-size: 1.2em; } .account-member-booking-section-toggle-button.active { background: #1B95C6; border: 1px solid #1B95C6; cursor: text; } .account-member-profile-header { font-size: 24px; font-weight: 300; padding-bottom: 20px; } .account-member-profile-email-logo { color: #dbdbdb; display: inline-block; font-size: 16px; width: 49%; padding-bottom: 20px; } .account-member-profile-phone-logo { color: #dbdbdb; display: inline-block; font-size: 16px; width: 49%; padding-bottom: 20px; } .account-member-profile-section { border-bottom: 1px solid #dbdbdb; padding-top: 20px; padding-bottom: 20px; } .account-member-profile-section:first-child { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding-top: 20px; padding-bottom: 20px; } .account-member-profile-section-header { display: inline-block; text-align: left; font-size: 16px; font-weight: bold; word-wrap: break-word; padding-left: 10px; vertical-align: top; width: 24%; } .account-member-profile-section-header-full { display: inline-block; text-align: left; font-size: 16px; font-weight: bold; margin-bottom: 0%; margin-left: 2%; margin-right: 2%; word-wrap: break-word; vertical-align: top; width: 26%; } .account-member-profile-section-info { display: inline-block; text-align: left; font-size: 16px; word-wrap: break-word; padding-left: 16px; width: 24%; vertical-align: top; } .account-member-profile-section-info-full { display: inline-block; text-align: left; font-size: 16px; word-wrap: break-word; margin-bottom: 0%; margin-left: 2%; margin-right: 2%; width: 63%; vertical-align: top; } .account-member-profile-section-info-input { display: inline-block; text-align: left; width: 64%; vertical-align: top; } .account-member-profile-section-booking { border: 1px solid #dbdbdb; padding-top: 10px; padding-bottom: 10px; } .account-member-profile-section-booking-container { border: 1px dashed #dbdbdb; padding-top: 10px; margin-bottom: 10px; } .account-member-profile-section-booking-header { display: inline-block; text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; width: 20%; vertical-align: top; margin-bottom: 5px; } .account-member-profile-section-booking-info { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; width: 29%; } .account-member-profile-section-booking-info-full { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; width: 60%; } .account-member-profile-section-booking-info-machine-activation { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; padding-right: 5px; width: 79%; } .account-member-profile-section-booking-info-treatment-date { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; padding-right: 5px; width: 79%; } .account-member-profile-section-booking-remark-header { display: inline-block; text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; width: 99%; } .account-member-profile-section-booking-remark-info { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; width: 99%; } .account-member-profile-section-booking-radio-button { display: inline-block; margin-top: 5px; margin-bottom: 10px; font-weight: bold; font-size: 14px; width: 99%; } .account-member-profile-section-booking-radio-button-text { display: inline-block; font-weight: bold; font-size: 14px; margin-bottom: 10px; width: auto; } .account-member-profile-section-invoice { border: 1px solid #dbdbdb; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; } .account-member-profile-section-invoice-container { border: 1px dashed #dbdbdb; padding-top: 10px; margin: 5px; } .account-member-profile-section-invoice-header { display: inline-block; text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; width: 45%; vertical-align: top; } .account-member-profile-section-invoice-header-click { cursor: pointer; display: inline-block; text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; width: 45%; vertical-align: top; } .account-member-profile-section-invoice-info { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; width: 49%; } .account-member-profile-section-invoice-info-full { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; width: 100%; } .account-member-profile-section-invoice-topic { display: inline-block; text-align: left; font-size: 16px; font-weight: bold; padding-bottom: 10px; padding-left: 5px; padding-top: 20px; width: 100%; vertical-align: top; } .account-member-profile-section-invoice-detail-header { display: inline-block; text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; width: 19.5%; } .account-member-profile-section-invoice-detail-header-right { display: inline-block; text-align: right; font-size: 14px; font-weight: bold; padding-right: 5px; width: 19.5%; } .account-member-profile-section-invoice-detail-info { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; width: 19.5%; } .account-member-profile-section-invoice-detail-info-right { display: inline-block; text-align: right; font-size: 14px; padding-right: 5px; width: 19.5%; } .account-member-profile-section-invoice-detail-summary-header-right { display: inline-block; text-align: right; font-size: 14px; font-weight: bold; padding-right: 5px; width: 79.5%; } .account-member-profile-section-invoice-detail-summary-info-right { display: inline-block; text-align: right; font-size: 14px; padding-right: 5px; width: 19.5%; } .account-member-profile-section-invoice-remark-header { display: inline-block; text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; width: 99%; } .account-member-profile-section-invoice-remark-info { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; width: 99%; } .account-member-profile-button { display: inline-block; width: 49.5%; text-align: center; padding: 10px; margin-top: 10px; height: 40px; font-size: 14px; cursor: pointer; background: #1B95C6; border: 1px solid #1B95C6; color: #FFF; border-radius: 4px; } .account-member-profile-back { padding-top: 20px; float: right; } .account-member-input-field { width: 99%; } .account-member-input-field-invoice { width: 49%; } .account-member-input-field-invoice-detail { width: 19%; } .account-member-action-time-container { margin: 10px; } .account-member-action-time-container .account-member-action-times { flex-wrap: nowrap; align-items: stretch; list-style-type: none; padding-left: 0; } .account-member-action-time-container .account-member-action-times .account-member-action-time { flex: 1; line-height: 20px; font-size: 14px; margin-bottom: -10px; } .account-member-action-button-container { margin: 0; } .account-member-action-button-container .account-member-action-buttons { display: flex; flex-wrap: nowrap; align-items: stretch; list-style-type: none; padding-left: 0; width: 99%; } .account-member-action-button-container .account-member-action-buttons .account-member-action-button { flex: 1; font-size: 30px; padding-top: 20px; padding-bottom: 20px; text-align: center; cursor: pointer; border-radius: 0px; border: 1px solid #dbdbdb; } .account-member-action-button-container .account-member-action-buttons .account-member-action-button.active { box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15); } .action { border: 1px solid #dbdbdb; border-radius: 4px; cursor: pointer; display: inline-block; margin: 10px; padding: 20px; } .action:hover { border: 1px solid #2183bA; } .action .name { font-size: 15px; font-weight: 400; } .action-panel { text-align: right; } .activate-button-description { display: inline-block; font-size: 14px; margin-bottom: 10px; margin-top: 7px; } .activity-back-button { margin-top: 40px !important; } .activity-back-homepage-button { margin-top: 40px !important; } .activity-container .material-cover-photo, .activity-container .material-banner-photo { max-width: 100%; max-height: 180px; } .activity-form-container { font-size: 15px; text-align: left; margin-top: 30px; } .activity-form-container .form-signature { text-align: left; margin-bottom: 10px; margin-top: 10px; width: 100%; } .activity-form-container .form-signature-name { width: 100%; } .activity-form-container .form-signature-name-field { width: 100%; } .activity-form-checkbox-text { font-size: 15px; display: inline-block; width: 90%; margin-bottom: 10px; margin-left: 50px; } .activity-form-data-business-card { max-width: 100%; } .activity-form-data-table-button { padding: 5px 13px !important; } .activity-form-data-table td { vertical-align: middle !important; } .activity-form-reset-button { float: right; margin-left: 3px; /*border: 1px solid #DDD !important; background: rgba(0, 0, 0, 0) linear-gradient(#DDD, #BBB) repeat scroll 0 0 !important;*/ } .activity-form-submit-button { float: right; } .activity-form-submit-button.error { border: 1px solid #DDD; background: rgba(0, 0, 0, 0) linear-gradient(#DDD, #BBB) repeat scroll 0 0; } .activity-form-submitted-message { font-size: 17px; margin-top: 50px; margin-bottom: 50px; } .activity-form-toggle-button { width: 29%; margin-top: 0px !important; text-align: center; } .activity-managment-remarks { width: 100%; } .activity-materials .banner-remove-button { margin: 5px 0 0 0 !important; width: 70px; text-align: center; padding: 5px 8px; float: none !important; position: absolute; right: 14px; bottom: 15px; } .activity-materials .material-remove-button { margin: 5px 0 0 0 !important; width: 15%; text-align: center; padding: 5px 8px; float: none !important; position: absolute; right: 5px; bottom: 5px; } .activity-panel { margin-bottom: 10px; margin-top: 10px; text-align: right; width: 100%; } .animate-fade.ng-enter { -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s; -o-transition: all linear 0.5s; transition: all linear 0.5s; } .animate-fade.ng-enter { opacity: 0; } .animate-fade.ng-enter.ng-enter-active { opacity: 1; } .panel-applicationSummary { border: 1px solid #9a9a9a; /*margin-bottom: 50px;*/ margin-top: 10px; } .applicationSummary-header-container { background-color: #9a9a9a; font-size: 20px; padding-bottom: 10px; padding-top: 10px; text-align: center; width: 100%; } .panel-applicationSummary .applicationSummary-header-container .applicationSummary-header-container .applicationSummary-header { } .application-summary-workflow-container { height: 100%; /*margin-bottom: 20px;*/ text-align: center; width: 100%; } .application-summary-workflow-container .filter-list-block { text-align: left; } .application-summary-workflow-container .workflow-list-block { text-align: left; } .application-summary-workflow-container .workflow-list-block .workflow-item { border: 1px solid #dfdfdf; padding-bottom: 15px; padding-top: 15px; } .application-summary-workflow-container .workflow-list-block .workflow-item .row:after { content: ""; display: table; clear: both; } .application-summary-workflow-container .workflow-list-block .workflow-item .row .column { padding-bottom: 15px; padding-top: 15px; float: left; width: 80%; padding: 10px; } application-summary-workflow-container .workflow-list-block .workflow-item .parent-workflow { font-weight: bold; font-size: 20px; padding-left: 15px; padding-right: 15px; text-align: left; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-status-container { display: inline-block; padding-left: 15px; padding-right: 15px; text-align: left; width: 59%; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-status-container .img { height: auto; max-width: 130px; width: auto; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-info-container { display: inline-block; padding-left: 100px; padding-right: 15px; vertical-align: top; width: 59%; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-info-container .section { width: 100%; padding-left: 50px; margin-bottom: 10px; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-info-container .section .row { width: 100%; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-info-container .section .row .icon { display: inline-block; width: 9%; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-info-container .section .row .icon { display: inline-block; width: 9%; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-info-container .section .row .title { display: inline-block; font-weight: 600; width: 89%; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-info-container .section .row .text { display: inline-block; width: 89%; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-info-container .section .row .imgthumb { float: left; padding-right: 20px; width: 109%; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-info-container .section .row .image-container { display: inline-block; padding-right: 15px; text-align: center; } .application-summary-workflow-container .workflow-list-block .workflow-item .profile-info-container .section .row .image-container .img { float: left; } .application-summary-workflow-container .workflow-list-block .workflow-item .button-container { display: inline-block; margin-top: 20px; padding-right: 20px; text-align: right; vertical-align: top; width: 100%; } .article-textbox { width: 100%; } .assessment-container { width: 100%; text-align: center; } .assessment-container .material-cover-photo, .assessment-container .material-banner-photo { max-width: 80%; } .assessment-calendar-container { height: 100%; margin-bottom: 20px; text-align: left; width: 100%; } .assessment-calendar-container .filter-list-block { display: inline-block; margin: 1.5%; text-align: left; vertical-align: top; width: 46%; } .assessment-calendar-container .filter-list-block .booking-date-panel { display: inline-block; vertical-align: top; width: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container { display: inline-block; vertical-align: top; width: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item { display: inline-block; margin-left: 1%; margin-right: 1%; width: 48%; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row { font-size: 11px; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box { display: inline-block; vertical-align: top; width: 48%; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box .time { font-size: 13px; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box { display: inline-block; vertical-align: top; width: 49%; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box .time { font-size: 13px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-box { height: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-box.selected { background-color: #1B95C6; color: #fff; cursor: pointer; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-box-month { display: block; font-size: 10px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-day { margin-top: 0px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box { display: inline-block; vertical-align: top; width: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar-container { display: inline-block; width: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar thead tr td { font-size: 14px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar .calendar-grid .calendar-box .calendar-date-box .calendar-day { font-size: 15px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-grid { height: 40px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-grid:hover .calendar-box { background-color: #1B95C6 !important; color: #fff; cursor: pointer; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-grid.calendar-date-grid-disabled .calendar-box.selected { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed !important; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-grid.calendar-date-grid-disabled:hover .calendar-box { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed !important; } .assessment-calendar-container .form-block { display: inline-block; margin: 1.5%; text-align: left; vertical-align: top; width: 46%; } .attendance-list-header-text { color: #9a9a9a; } .attendance-list-header-text-medium { color: #9a9a9a; font-size: 16px; } .available-timeslot-item-row { border: 1px dashed #d6d6d6; cursor: pointer; margin: 5px 0; padding: 8px; position: relative; } .available-timeslot-item-row:hover { border: 1px solid #2183bA; } .available-timeslot-item-row:hover .selected { border: 1px solid #575757; } .available-timeslot-item-row.selected { border: 1px solid #00a3ff; } .back-button { padding: 0px 5px; display: inline-block; cursor: pointer; float: left; } .become-beauti-partner-container { position: relative; margin-top: -5px; } .become-beauti-partner-container .button-transparent { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: transparent !important; } .become-beauti-partner-container .button-transparent img { width: 27vw !important; max-width: 918px; } .become-beauti-partner-image { width: 100%; max-width: 1280px; } .become-instant-dr-image { width: 100%; } .become-instant-dr-container { position: relative; } .become-instant-dr-container .button-transparent { position: relative; margin-top: -10%; margin-bottom: 20px; } .become-instant-dr-container .button-transparent img { width: 300px; } .become-instant-dr-toggle-on { cursor: pointer; height: 230px; } .become-instant-dr-toggle-off { cursor: pointer; height: 105px; } .become-member-container { position: relative; margin-top: -5px; } .become-member-container .button { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: #EE4B51 !important; width: 11.7vw; height: 3.4vw; font-size: 1.21vw !important; } .become-member-image { width: 100%; max-width: 1280px; } .become-therapist-container { position: relative; } .become-therapist-container .button-transparent { position: absolute; top: 80%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: transparent !important; } .become-therapist-image { width: 100%; } .bold { font-weight: 600; } .booking-container { /* border: 1px solid #dfdfdf; */ display: inline-block; padding-left: 20px; text-align: left; vertical-align: top; width: calc(100% - 40px); float: left; position: relative; top: -20px; /* width: 69%; */ } .booking-container.sidebar-toggled { /*width: calc(100% - 300px);*/ visibility: hidden; } .booking-container .booking-calendar-container { border: 1px solid #dbdbdb; height: 100%; } .booking-container .booking-calendar-tab-container { text-align: left; } .booking-container .booking-calendar-tab-container .custom-tab-item { min-width: 50px; padding: 5px; text-align: center; } .booking-container .booking-calendar-container .booking-calendar-panel { margin: 5px; } .booking-container .booking-calendar-container .accordion-button { cursor: pointer; display: inline-block; margin: 5px; padding: 5px; } .booking-container .booking-calendar-container .accordion-button:hover { background: #BDC3C7; color: #FFFFFF; } .booking-container .booking-calendar-container .accordion-button i { margin-right: 0; font-size: 1.5rem; } .booking-container .booking-calendar-container .booking-calendar-panel .filter-panel { display: inline-flex; align-items: center; } .booking-container .booking-calendar-container .booking-calendar-panel .filter-panel .scheduler-filter-button-div { margin: 5px; } .booking-container .booking-calendar-container .booking-calendar-panel .filter-panel .page-dropdown-field { margin: 0 5px; } /* .booking-container .booking-calendar-container .booking-calendar-panel .filter-panel .scheduler-filter-button-div .scheduler-filter-button { display: inline-block; background: #1B95C6; border: 1px solid #1B95C6; color: #FFF; border-radius: 4px; padding: 6px 10px; margin: 1px; cursor: pointer; text-align: center; width: auto; } */ .booking-calendar-closing { padding: 5px; height: 100%; } .booking-calendar-closing .form-field .button { float: none; } .scheduler-filter-button { display: inline-block; background: #1B95C6; border: 1px solid #1B95C6; color: #FFF; border-radius: 4px; padding: 6px 10px; margin: 1px; cursor: pointer; text-align: center; width: auto; min-width: 30px; } .scheduler-filter-button i { margin-right: 0; } .scheduler-dropdown-small { width: 60px !important; } .page-button-hide { visibility: hidden; } .booking-container .booking-calendar-container .booking-calendar-panel .button-panel .scheduler-option-toggle-button { display: inline-block; background: #BABABA; color: #FFF; border-radius: 4px; padding: 3px; /*padding: 6px 10px;*/ /*margin-top: 5px;*/ margin: 1px; cursor: pointer; text-align: center; width: auto; } .booking-container .booking-calendar-container .booking-calendar-panel .button-panel .scheduler-option-toggle-button.active { background: #1B95C6; border: 1px solid #1B95C6; /*cursor: pointer;*/ } .booking-container .booking-calendar-container .booking-calendar-panel .button-panel .scheduler-option-toggle-button.inactive { background: #BABABA !important; /*cursor: not-allowed;*/ } .booking-container .booking-calendar-container .booking-scheduler-container { overflow-x: auto; overflow-y: hidden; width: 100%; } /* .booking-container .booking-calendar-container .booking-scheduler-container .booking-record-container { border-bottom: 1px solid; } */ /* .booking-container .booking-calendar-container .booking-scheduler-container .dx-scheduler-appointment { width: 200px; background-color: #2185d0; } */ .booking-container .booking-calendar-container .booking-scheduler-container .booking-scheduler-timeout { background-color: #9a9a9a; } .booking-container .booking-calendar-container .booking-scheduler-container .dx-scheduler-cell-sizes-vertical { /*height: 80px;*/ height: 60px; } .booking-container .booking-calendar-container .booking-scheduler-container .dx-scheduler-view-switcher { display: none; } .booking-container .booking-calendar-container .booking-scheduler-container .dx-scrollbar-hoverable { background-color: rgba(191, 191, 191, 0.2); } .booking-container .booking-calendar-container .booking-scheduler-container .dx-scrollbar-vertical { width: 15px !important; } .booking-container .booking-calendar-container .booking-scheduler-container .dx-scrollbar-vertical .dx-scrollable-scroll { width: 15px !important; } .booking-container .booking-calendar-container .booking-scheduler-container .dx-scrollbar-horizontal { height: 15px !important; } .booking-container .booking-calendar-container .booking-scheduler-container .dx-scrollbar-horizontal .dx-scrollable-scroll { height: 15px !important; } .booking-container .booking-calendar-container .booking-scheduler-container .booking-scheduler-header { white-space: normal; font-size: 12px; } .booking-container .booking-calendar-container .booking-scheduler-container .dx-scheduler-appointment-content { padding: 0; } .booking-container .booking-calendar-container .booking-scheduler-container .booking-scheduler-detail-section-divider { width: 100%; border-bottom: 1px solid #ffffff; margin: 1px 0; } .booking-container .booking-calendar-container .booking-scheduler-container .bottom-container { float: left; display: inline-block; margin: 2px; font-size: 0.95em; /*width: calc(100% - 35px);*/ width: 100%; height: 100%; white-space: normal; } .booking-container .booking-calendar-container .booking-scheduler-container .bottom-container.full-width { width: 100%; } .booking-container .booking-calendar-container .booking-scheduler-container .bottom-container .machine-list { margin: 0; padding-left: 0px; list-style: none; } .booking-container .booking-calendar-container .booking-scheduler-container .bottom-container .status-label { min-height: 0; min-width: 0; border-radius: 500rem; padding: 0.5em !important; display: inline-block; line-height: normal; } .booking-container .booking-calendar-container .booking-scheduler-container .booking-scheduler-detail-large { display: block; /*word-wrap: break-word;*/ width: 100%; white-space: normal; font-size: 18px; font-weight: bold; text-align: center; } .booking-container .booking-calendar-container .booking-scheduler-container .booking-scheduler-detail-medium { display: block; white-space: normal; font-size: 14px; font-weight: bold; text-align: center; } .booking-container .booking-calendar-container .booking-scheduler-container .top-container { width: 100%; text-align: center; } .booking-container .booking-calendar-container .booking-scheduler-container .top-container .status-tag { display: inline-block; color: white; font-weight: bold; text-align: center; background-color: #a0a0a0; padding: 0 3px; border-radius: 0 0 3px 3px; } .booking-container .booking-calendar-container .booking-scheduler-container .top-container .tag { width: 20px; display: inline-block; color: white; font-weight: bold; text-align: center; border-radius: 0 0 3px 3px; } .booking-container .booking-calendar-container .booking-scheduler-container .top-container .tag i { /*width: 30px;*/ margin: 0; } #booking-reminder { height: 100%; } #booking-reminder-header { border-bottom: 1px solid #BABABA; /*margin-bottom: 5px;*/ } #booking-reminder-header .button-panel .reminder-option-toggle-button { display: inline-block; color: #EEE; border-radius: 4px; border: 1px solid; padding: 6px 10px; /*margin: 1px;*/ cursor: pointer; text-align: center; width: 100%; } #booking-reminder-header .button-panel .reminder-option-toggle-button.inactive { background: #BABABA !important; border-color: #BABABA !important; } #booking-reminder-content { height: calc(100% - 40px); overflow: auto; } #booking-reminder-content .no-record-panel { color: #9a9a9a; font-size: 20px; font-weight: 100; line-height: normal; text-align: center; margin: 10px 0px; } #booking-reminder-content .booking-reminder-container { color: #EEE; border-radius: 2px; padding: 5px; margin-bottom: 3px; width: 100%; white-space: normal; cursor: pointer; } #booking-reminder-content .booking-reminder-container .booking-reminder-title { font-weight: bold; } .booking-sidebar-panel { display: inline-block; width: 35px; /*height: 100%;*/ text-align: left; vertical-align: top; position: fixed; right: 0; top: 140px; height: calc(100% - 140px); } .booking-sidebar-panel.sidebar-toggled { /* width: calc(20% + 35px); */ width: 100%; } .booking-sidebar-panel .booking-sidebar-button-panel { display: inline-block; position: relative; right: -3px; width: 35px; vertical-align: top; } .booking-sidebar-panel .booking-sidebar-button-panel .sidebar-toggle-button { display: block; width: 100%; padding: 10px !important; text-align: center; } .booking-sidebar-panel .booking-sidebar-button-panel .sidebar-toggle-button.red { background: #db2828; } /* .booking-sidebar-panel .booking-detail-container { border: 1px solid #dfdfdf; display: none; padding: 20px; text-align: left; vertical-align: top; } */ .booking-sidebar-panel .booking-sidebar-content { border: 1px solid #dfdfdf; padding: 10px; width: calc(100% - 40px); display: none; height: 92%; overflow: auto; } .booking-sidebar-panel .booking-sidebar-content .booking-sidebar-content-title { height: 40px; width: 100%; } .booking-sidebar-panel .booking-sidebar-content .booking-sidebar-content-container { height: calc(100% - 40px); } .booking-sidebar-panel .booking-sidebar-content .booking-sidebar-close-button { float: right; display: block; cursor: pointer; padding: 5px 10px; position: relative; top: -15px; right: -10px; } .booking-sidebar-panel .booking-sidebar-content .booking-sidebar-close-button:hover { background-color: lightgrey; } .booking-sidebar-panel .booking-sidebar-content .booking-sidebar-close-button i { margin: 0; } .booking-sidebar-panel.sidebar-toggled .booking-sidebar-content { display: inline-block; } .booking-sidebar-panel .booking-sidebar-content .booking-sidebar-content-container .booking-sidebar-detail-container { height: 100%; overflow: auto; padding-right: 5px; } /* .booking-sidebar-panel .booking-detail-container { display: inline-block; } */ .booking-list-table { vertical-align: top; } .booking-list-table .csat-column-style { max-width: 15%; width: 15%; vertical-align: top; } .booking-list-table .doctor-column-style { max-width: 10%; width: 10%; vertical-align: top; } .booking-list-table .deadline-column-style { max-width: 10%; width: 10%; vertical-align: top; } .booking-list-table .id-column-style { max-width: 5%; width: 5%; vertical-align: top; } .booking-list-table .booking-column-style { max-width: 15%; width: 15%; vertical-align: top; } .booking-list-table .location-column-style { max-width: 15%; width: 15%; vertical-align: top; } .booking-list-table .manpower-column-style { max-width: 15%; width: 15%; vertical-align: top; } .booking-list-table .work-order-column-style { max-width: 10%; width: 10%; vertical-align: top; } .booking-list-table .action-column-style { max-width: 15%; width: 15%; vertical-align: top; } .booking-list-table .follow-up-column-style { max-width: 15%; width: 15%; vertical-align: top; } .booking-list-table .patient-column-style { max-width: 10%; width: 10%; vertical-align: top; } .booking-log-container { margin-bottom: 15px; margin-top: 15px; } .booking-log-sub-container { border: solid 1px black; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; margin-top: 15px; padding: 10px; } .business-card-upload { text-align: left; } .button { background: rgba(0, 0, 0, 0) linear-gradient(#37aaea, #117ed2) repeat scroll 0 0; border: 1px solid #1992d9; border-radius: 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; color: #fff; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 600; margin-bottom: 2px; margin-top: 2px; padding: 6px 20px; outline: 0; } .button.fix-width { min-width: 105px; } .button.narrow { padding-left: 20px; padding-right: 20px; } .button.disabled { background: rgba(0, 0, 0, 0) linear-gradient(#8a8a8a, #767676) repeat scroll 0 0; border: 1px solid #a1a1a1; border-radius: 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset; color: #bfbcbb; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 600; padding: 6px 20px; } .button.grey { background: rgba(0, 0, 0, 0) linear-gradient(#8a8a8a, #6f6f6f) repeat scroll 0 0; border: 1px solid #a1a1a1; border-radius: 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; color: #fff; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 600; padding: 6px 20px; } .button.purple { background: rgba(0, 0, 0, 0) linear-gradient(#9a50bd, #510c87) repeat scroll 0 0; border: 1px solid #b55fe2; border-radius: 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; color: #fff; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 600; padding: 6px 20px; } .button.red { background: rgba(0, 0, 0, 0) linear-gradient(#db2828, #ca2828) repeat scroll 0 0; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; border-color: #bb2828; } .button:hover { background-color: #2183bA; color: #fff; } .button.replenishment { background-color: #750da4; } .button.job-date-next-button, .button.job-date-prev-button { float: none !important; margin-right: 0px !important; margin-top: 5px !important; } .calendar { width: 100% !important; } .calendar thead tr { border: none !important; color: #000 !important; font-size: 14px !important; } .calendar thead tr td { border: none !important; padding-right: 7px !important; text-align: right !important; width: 14% !important; } .calendar tbody tr td { color: #000; border: 1px solid black !important; position: relative !important; vertical-align: top !important; } .calendar .current-date { color: #FFF; background-color: #1B95C6; } .calendar-blocked-schedule { padding: 20px; text-align: left; } .calendar-blocked-schedule .action-buttons { text-align: right; } .calendar-box { font-size: 15px !important; text-align: right !important; } .calendar-box-month { display: inline-block; padding-right: 5px; } .calendar-date-box { display: inline-block; padding-top: 3px !important; } .calendar-date-grid-disabled { background-clip: padding-box !important; background-color: #9a9a9a !important; color: #bfbcbb !important; cursor: not-allowed !important; } .calendar-date-box-content-appointment { color: #000; float: left; font-size: 12px; position: relative; text-align: left; width: 89%; } .calendar-date-box-content-button { display: inline-block; background: #BABABA; color: #FFF; border-radius: 4px; padding: 6px 10px; margin-top: 5px; cursor: pointer; text-align: center; width: auto; } .calendar-date-box-content-button.active { background: #6400ff; border: 1px solid #6400ff; } .calendar-date-box-content-circle { color: #1A6B98; } .calendar-date-box-content-circle .doctor-schedule { color: #19984c; } .calendar-date-box-content-circle .seminar { color: #34bec9; } .calendar-date-box-content-circle .treatment-booking { color: #ff7dbd; } .calendar-date-box-content-circle .trial-purchase { color: #6400ff; } .calendar-date-box-content-text { background-color: #fff !important; border-bottom: 1px solid #bfbcbb !important; border-left: 4px solid #1A6B98 !important; border-right: 1px solid #bfbcbb !important; border-top: 1px solid #bfbcbb !important; cursor: pointer !important; margin-bottom: 1px !important; margin-left: 3px !important; margin-right: 3px !important; margin-top: 1px !important; padding-left: 3px !important; } .calendar-date-box-content-text-doctor-schedule { background-color: #fff !important; border-bottom: 1px solid #bfbcbb !important; border-left: 4px solid #19984c !important; border-right: 1px solid #bfbcbb !important; border-top: 1px solid #bfbcbb !important; cursor: pointer !important; margin-bottom: 1px !important; margin-left: 3px !important; margin-right: 3px !important; margin-top: 1px !important; padding-left: 3px !important; } .calendar-date-box-content-text-seminar { background-color: #fff !important; border-bottom: 1px solid #bfbcbb !important; border-left: 4px solid #34bec9 !important; border-right: 1px solid #bfbcbb !important; border-top: 1px solid #bfbcbb !important; cursor: pointer !important; margin-bottom: 1px !important; margin-left: 3px !important; margin-right: 3px !important; margin-top: 1px !important; padding-left: 3px !important; } .calendar-date-box-content-text-treatment-booking { background-color: #fff !important; border-bottom: 1px solid #bfbcbb !important; border-left: 4px solid #ff7dbd !important; border-right: 1px solid #bfbcbb !important; border-top: 1px solid #bfbcbb !important; cursor: pointer !important; margin-bottom: 1px !important; margin-left: 3px !important; margin-right: 3px !important; margin-top: 1px !important; padding-left: 3px !important; } .calendar-date-box-content-text-trial-purchase { background-color: #fff !important; border-bottom: 1px solid #bfbcbb !important; border-left: 4px solid #6400ff !important; border-right: 1px solid #bfbcbb !important; border-top: 1px solid #bfbcbb !important; cursor: pointer !important; margin-bottom: 1px !important; margin-left: 3px !important; margin-right: 3px !important; margin-top: 1px !important; padding-left: 3px !important; } .calendar-date-box-content-row { text-align: left; width: 100%; } .calendar-date-box-content-row .right { text-align: right; } .calendar-date-box-content-row-half { display: inline-block; width: 49%; } .calendar-date-box-content-row-half .right { text-align: right; } .calendar-date-box-content-row-right { text-align: right; width: 100%; } .calendar-date-box-content-timestamp { color: black; display: inline-block; float: right; padding-right: 2px; position: relative; text-align: right; width: 9%; } .calendar-day { margin-right: 7px; margin-top: 5px; } .calendar-day-mode { } .calendar-day-mode .day-mode-table-row { display: inline-block; height: auto; width: 100%; } .calendar-day-mode .day-mode-table-time-row { display: inline-block; width: 19%; } .calendar-day-mode .day-mode-table-content-row { display: inline-block; width: 79%; } .calendar-day-mode-button { background-color: #9a9a9a; border: 1px solid #9a9a9a; border-radius: 4px; color: white; cursor: pointer; font-size: 13px; display: inline-block; margin-top: 5px; padding: 6px 10px; } .calendar-day-mode-button-active { background-color: #34bec9; border: 1px solid #34bec9; border-radius: 4px; color: white; cursor: default; font-size: 13px; display: inline-block; margin-top: 5px; padding: 6px 10px; } .calendar-day-mode-button-container { float: right; margin-bottom: 10px; text-align: right; width: 100%; } .calendar-day-mode-icon { float: right; display: inline-block; text-align: right; width: 10%; } .calendar-day-mode-item-doctor-schedule { background-color: #19984c; border-color: #19984c; } .calendar-day-mode-item-on-demand { background-color: #1a6b98; border-color: #1a6b98; } .calendar-day-mode-item-seminar { background-color: #34bec9; border-color: #34bec9; } .calendar-day-mode-item-treatment-booking { background: #ff7dbd; border-color: #ff7dbd; } .calendar-day-mode-item-trial-purchase { background-color: #6400ff; border-color: #6400ff; } .calendar-day-mode-item { border-radius: 4px; color: white; display: inline-block; height: 100%; padding: 10px; text-align: left; width: 100%; } .calendar-day-mode-item-container { display: inline-block; height: 100%; padding: 10px; text-align: left; vertical-align: top; width: 100%; } .calendar-day-mode-item-width-20 { border-radius: 4px; color: white; display: inline-block; height: 100%; padding: 10px; text-align: left; vertical-align: top; width: 19%; } .calendar-day-mode-item-width-25 { border-radius: 4px; color: white; display: inline-block; height: 100%; padding: 10px; text-align: left; vertical-align: top; width: 24%; } .calendar-day-mode-item-width-33 { border-radius: 4px; color: white; display: inline-block; height: 100%; padding: 10px; text-align: left; vertical-align: top; width: 32%; } .calendar-day-mode-item-width-50 { border-radius: 4px; color: white; display: inline-block; height: 100%; padding: 10px; text-align: left; vertical-align: top; width: 49%; } .calendar-day-mode-middle-button { border-radius: 0; margin-left: -6px; margin-right: -6px; padding-left: 15px; padding-right: 15px; width: 80%; } .calendar-dimmer { border: 1px solid #fff !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; padding-left: 1px !important; z-index: 1; } .calendar-dimmer .ui.active.dimmer { background-color: rgba(255, 255, 255, 0.4); } .calendar-dimmer .ui.active.dimmer .loader { height: 100%; position: relative; width: 100%; } .calendar-dimmer .ui.active.dimmer .loader .fa-spinner { left: 50%; margin: -15% 0 0 -25%; position: absolute; top: 50%; width: 50%; } .calendar-edit-schedule-calendar-color { background-clip: padding-box !important; background-color: greenyellow !important; color: black !important; cursor: pointer !important; } .calendar-edit-schedule-item { text-align: left; padding-left: 5px; } .calendar-panel { text-align: center; } .calendar-edit-schedule-panel { text-align: right; } .calendar-edit-schedule-panel-header-text { font-size: 12px; font-weight: 600; } .calendar-edit-schedule-panel-text { display: inline-block; font-size: 12px; line-height: normal; text-align: left; } .calendar-edit-schedule-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 20px; font-weight: 100; line-height: normal; text-align: center; padding: 40px; } .calendar-grid { height: 90px; } .calendar-grid:hover, .calendar-grid.selected { background-color: #1B95C6; color: #fff; cursor: pointer; } .calendar-middle-button { border-radius: 0; margin-left: -6px; margin-right: -6px; padding-left: 15px; padding-right: 15px; } .calendar-month { display: inline-block; font-size: 30px !important; font-weight: 500 !important; } .calendar-month-year-box { display: inline-block; margin: 20px auto; text-align: center; width: 60%; } .calendar-month-year-box-full { display: inline-block; margin: 20px auto; text-align: center; width: 100%; } .calendar-navigation-box { display: inline-block; text-align: right; width: 39%; } .calendar-today { background: red; border-radius: 50%; color: #fff; display: inline-block; height: 30px; width: 30px; margin-right: 2px; } .calendar-year { color: dimgrey !important; display: inline-block !important; font-size: 25px !important; font-weight: 300 !important; } .calendar-prev-button { border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 6px 12px; } .calendar-middle-button { border-radius: 0; margin-left: -6px; margin-right: -6px; padding: 6px 12px; } .calendar-next-button { border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 6px 12px; } .calendar-option-list-block { height: 100%; width: 100%; text-align: center; } .calendar-option-list-block .calendar-option-block { border: 1px solid #1A6B98; cursor: pointer; display: inline-block; height: 130px; margin: 15px; text-align: left; width: 350px; } .calendar-option-list-block .calendar-option-block .header-side { color: #1A6B98; display: inline-block; font-size: 24px; font-weight: 600; height: 100%; line-height: 30px; padding-left: 15px; padding-right: 15px; padding-top: 30px; vertical-align: middle; text-align: center; width: 100%; /*width: 49%;*/ } /* .calendar-option-list-block .calendar-option-block .image-side { display: inline-block; text-align: center; width: 49%; } .calendar-option-list-block .calendar-option-block .image-side .img { padding: 10px; height: auto; max-height: 130px; max-width: 100%; width: auto; } */ .cancel-button-size { width: 98px; } .cancel-button-size-patient { width: 105px; } .center { width: 80%; margin: 0 auto; text-align: center; } .checkin-container { width: 96%; margin: 2%; text-align: center; } .checkin-container .checkin-container-title { font-size: 18px; font-weight: 500; line-height: normal; text-align: left; } .checkin-container .checkin-message { font-size: 25px; font-weight: 500; line-height: normal; } .checkin-container .checkin-error-logo { font-size: 120px; color: #f30a3d; padding-bottom: 20px; } .checkin-container .checkin-success-logo { font-size: 120px; color: #1fa67a; padding-bottom: 20px; } .checkin-container .checkin-booking-list-container { text-align: left; padding: 5px; } .checkin-container .checkin-booking-list-container .checkin-booking-set-record { border: 1px solid #dfdfdf; border-radius: 5px; cursor: pointer; } .checkin-container .checkin-booking-list-container .checkin-booking-set-record.selected { border: 5px solid #1B95C6; } .checkin-container .checkin-booking-list-container .checkin-booking-set-record .checkin-booking-set-header-field { background-color: #2183bA; color: #fff; text-align: left; padding: 3px 10px; } .checkin-container .checkin-booking-list-container .checkin-booking-set-record .checkin-booking-set-header-field .content { font-size: 15px; } .checkin-container .checkin-booking-list-container .checkin-booking-set-record .checkin-booking-record { padding: 5px 10px; } .checkin-container .checkin-booking-list-container .checkin-booking-set-record .checkin-booking-record:not(:last-child) { border-bottom: 1px solid #dfdfdf; } .checkin-container .checkin-booking-list-container .checkin-booking-set-record .checkin-booking-field { text-align: left; line-height: normal; } .checkin-container .checkin-booking-list-container .checkin-booking-set-record .checkin-booking-field .content { font-size: 15px; } .checkin-container .checkin-booking-list-container .checkin-booking-set-record .checkin-booking-field .status-label { min-height: 0; min-width: 0; border-radius: 500rem; padding: 0.5em !important; display: inline-block; line-height: normal; } .checkin-container .checkin-booking-list-container .checkin-booking-set-record .checkin-booking-field .status-label.success { background-color: #21ba45 !important; } .checkin-container .checkin-booking-list-container .checkin-booking-set-record .checkin-booking-field .status-label.failed { background-color: #db2828 !important; } .check-out { background-color: #fff !important; color: black !important; font-size: 10px !important; display: inline-block; position: absolute; right: 30px; top: 6px; } .checkbox-button { display: inline-block; background: #CCC; color: #FFF; padding: 5px 7px; border-radius: 4px; cursor: pointer; margin: 2px; } .checkbox-button.active { background: #0dba32; padding: 5px 7px; } .clear-fix { overflow: auto; zoom: 1; } .clear-float { clear: both; } .consultant-cart-panel { display: inline-block; margin: 20px; text-align: left; width: 100%; } .consultant-cart-details-panel { display: inline-block; text-align: left; vertical-align: top; width: 100%; } .consultant-cart-details-left-panel { display: inline-block; vertical-align: top; width: 55%; } .consultant-cart-details-right-panel { border-left: 1px solid #ccc; display: inline-block; padding: 10px; vertical-align: top; width: 44%; } .consultant-cart-name-panel { display: inline-block; text-align: left; vertical-align: top; width: 39%; } .consultant-cart-info-panel { display: inline-block; text-align: left; width: 59%; } .consultant-on-demand-container { height: 100%; margin-bottom: 20px; text-align: left; width: 100%; } .consultant-on-demand-container .filter-list-block { display: inline-block; text-align: left; width: 48%; } .consultant-on-demand-container .filter-list-block .booking-date-panel { display: inline-block; vertical-align: top; width: 100%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .available-timeslot-container { display: inline-block; vertical-align: top; width: 100%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item { display: inline-block; margin-left: 1%; margin-right: 1%; width: 48%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row { font-size: 11px; } .consultant-on-demand-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box { display: inline-block; vertical-align: top; width: 48%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .consultant-on-demand-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box .time { font-size: 13px; } .consultant-on-demand-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box { display: inline-block; vertical-align: top; width: 49%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .consultant-on-demand-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box .time { font-size: 13px; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-box { height: 100%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-box.selected { background-color: #1B95C6; color: #fff; cursor: pointer; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-box-month { display: block; font-size: 10px; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-day { margin-top: 0px; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box { display: inline-block; vertical-align: top; width: 100%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar-container { display: inline-block; width: 100%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar thead tr td { font-size: 14px; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar .calendar-grid .calendar-box .calendar-date-box .calendar-day { font-size: 15px; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-grid { height: 40px; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-grid:hover .calendar-box { background-color: #1B95C6 !important; color: #fff; cursor: pointer; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-grid.calendar-date-grid-disabled .calendar-box.selected { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed !important; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-grid.calendar-date-grid-disabled:hover .calendar-box { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed !important; } .consultant-on-demand-container .consultant-list-block { display: inline-block; margin-left: 2%; text-align: left; vertical-align: top; width: 48%; } .consultant-on-demand-container .consultant-list-block .consultant-item { border: 1px solid #dfdfdf; padding-bottom: 15px; padding-top: 15px; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-image-container { display: inline-block; padding-left: 15px; padding-right: 15px; text-align: center; width: 39%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-image-container .img { height: auto; max-width: 130px; width: auto; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container { display: inline-block; padding-left: 15px; padding-right: 15px; vertical-align: top; width: 60%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section { width: 100%; margin-bottom: 10px; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row { width: 100%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row .icon { display: inline-block; width: 9%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row .title { display: inline-block; font-weight: 600; width: 89%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row .text { display: inline-block; width: 89%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row .text .rating-title { display: inline-block; width: 39%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row .text .rating-star { display: inline-block; width: 59%; } .consultant-on-demand-container .consultant-list-block .consultant-item .button-container { display: inline-block; margin-top: 20px; padding-right: 20px; text-align: right; vertical-align: top; width: 100%; } .cursor-pointer { cursor: pointer; } .custom-button { background-color: #fff; color: #58585B; display: inline-block; padding: 5px 10px; cursor: pointer; border: 1px solid #CCC; border-radius: 4px; font-size: 12px; } .custom-button.active { background-color: #1A6B98; color: #FFF; } .custom-button:hover { border: 1px solid #1A6B98; } .custom-button-small { background-color: #fff !important; color: #58585B !important; display: inline-block; padding: 0px 10px; cursor: pointer; border: 1px solid #CCC; border-radius: 4px; font-size: 12px; } .custom-button-small:hover { border: 1px solid #1A6B98; } .custom-container { border: 1px solid #CCC; border-radius: 4px; padding: 5px; position: relative; } .custom-container-left { width: 89%; } .custom-container-edit { position: absolute; width: 10%; bottom: 7px; right: 7px; text-align: right; } .custom-container-title { font-size: 15px; } .custom-input-field { border: 1px solid #CCC; border-radius: 4px; color: #000; font-size: 13px; height: 32px; padding: 5px 10px; } .custom-input-field.error { background-color: #FFF6F6; border: 1px solid red !important; } .custom-input-field.k-dropdown p { padding-top: 3px; } .custom-input-field .k-state-hover { border-color: #1A6B98; } .custom-input-field.k-datepicker { padding: 0px; border: 0px; } .custom-input-field.k-input { border: 0px !important; } textarea.custom-input-field { height: auto; } .custom-label-medium { font-size: 20px; margin-top: 5px; margin-bottom: 5px; line-height: 1em; } .custom-label-medium.green { color: green; font-weight: 600; } .custom-label-medium.red { color: red; font-weight: 600; } .custom-label-small { font-size: 14px; margin-top: 5px; margin-bottom: 5px; line-height: 1em; } .custom-label-bold { font-size: 14px; font-weight: bold; } .right { float: right; } .custom-tab { list-style: none; padding: 0; margin: 0; } .custom-tab li { display: inline-block; padding: 10px; margin-bottom: -1px; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; cursor: pointer; background: #dbdbdb; border-top-left-radius: 4px; border-top-right-radius: 4px; } .custom-tab li.active { border-bottom: 1px solid #FFF; background: #fff; } .custom-tab .desktop-form-col-3 { width: 33%; } .custom-tab.account-member { overflow-x: auto; overflow-y: hidden; text-align: center; } .custom-tab.account-member li { padding: 5px; width: 24%; font-size: 12px; vertical-align: bottom; height: 50px; } .custom-tab.account-member li.custom-height { height: auto !important; } .custom-tab.account-member li.custom-width-2-tab { width: 40% !important; font-size: 1.2em; } .custom-tab.account-member li.custom-width-3-tab { width: 32% !important; font-size: 1.2em; } .custom-tab.account-member li.custom-width-4-tab { width: 24% !important; font-size: 1.2em; } .custom-tab.account-member li .label.ui { padding: 4px 7px; } .custom-tab.job-list { overflow-x: auto; overflow-y: hidden; } .custom-tab.job-list li { padding: 5px; } .custom-tab.job-list li .label.ui { padding: 4px 7px; } .custom-table { border: 1px solid #1A6B98; border-collapse: collapse; width: 100%; } .custom-table thead { background: #1A6B98; color: white; } .custom-table th, .custom-table td { padding: 5px 10px; text-align: left; vertical-align: top; } .custom-table tr { cursor: pointer; } .custom-table tbody tr:not(.same-color):nth-child(even) { background: #ECF0F1; } .custom-table th .custom-input-field { width: 100%; } .custom-table.form { width: 94%; } .custom-table.editable .custom-input-field { border: 0px; border-radius: 0px; height: 100%; width: 100%; } .custom-table.editable th { padding: 5px 10px; } .custom-table.editable td { border: 1px solid #dbdbdb; padding: 0px; } .custom-table.editable td > span, .custom-table.editable td > div, .custom-table.editable td > a { padding: 5px 10px; } .custom-table-account-member { border: 1px solid #1A6B98; border-collapse: collapse; width: 100%; font-size: 1.2em; } .custom-table-account-member thead { background: #1A6B98; color: white; } .custom-table-account-member th, .custom-table-account-member td { padding: 5px 10px; text-align: left; vertical-align: top; width: 33%; } .custom-table-account-member tr { /*cursor: pointer;*/ } .custom-table-account-member tbody tr:not(.same-color):nth-child(even) { background: #ECF0F1; } .custom-table-account-member th .custom-input-field { width: 100%; } .custom-table.form { width: 94%; } .custom-table-account-member.editable .custom-input-field { border: 0px; border-radius: 0px; height: 100%; width: 100%; } .custom-table-account-member.editable th { padding: 5px 10px; } .custom-table-account-member.editable td { border: 1px solid #dbdbdb; padding: 0px; } .custom-table-account-member.editable td > span, .custom-table-account-member.editable td > div, .custom-table-account-member.editable td > a { padding: 5px 10px; } /*.custom-table.ng-enter, .custom-table.ng-leave { -o-transition: all linear 0.5s; -moz-transition: all linear 0.5s; -webkit-transition: all linear 0.5s; transition: all linear 0.5s; } .custom-table.ng-enter, .custom-table.ng-leave.ng-leave-active { opacity: 0; } .custom-table.ng-leave, .custom-table.ng-enter.ng-enter-active { opacity: 1; }*/ .custom-table-container { overflow: auto; } .dashboard-button-panel, .dashboard-search-panel { margin-bottom: 10px; margin-top: 10px; text-align: right; width: 100%; } .dashboard-data-grid { border: 1px solid #1A6B98; border-collapse: collapse; width: 100%; } .dashboard-data-grid.doctor-network { border: 1px solid #FFC000; } .dashboard-data-grid.sales-performance { border: 1px solid #9BC2E6; } .dashboard-data-grid .data-group-lv1 { background-color: #EBF5FB; } .dashboard-data-grid .data-group-lv2 { background-color: #D6EAF8; } .dashboard-data-grid .data-group-lv3 { background-color: #5DADE2; } .dashboard-data-grid .data-group-lv4 { background-color: #3498DB; } .dashboard-data-grid .doctor-network-thead { background: #FFC000; color: black; } .dashboard-data-grid .doctor-network-detail-thead { background: #FFF2CC; color: black; } .dashboard-data-grid .fanatic-discipline-thead { background: #CC99FF; color: black; } .dashboard-data-grid .fixed-column { position: absolute; margin-left: -140px; width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dashboard-data-grid .fixed-column-thead { border: none; } .dashboard-data-grid .sales-performance-detail-thead { background: #DDEBF7; color: black; } .dashboard-data-grid .sales-performance-thead { background: #5D9CD5; color: black; } .dashboard-data-grid thead th { text-align: center; font-size: 16px; } .dashboard-data-grid tbody td { color: black; font-weight: 600; white-space: nowrap; } .dashboard-data-grid tbody td:first-child { text-align: left; } .dashboard-data-grid tbody td:not(first-child) { text-align: right; } .dashboard-data-grid th, .dashboard-data-grid td { padding: 5px 10px; vertical-align: top; min-width: 100px; border: 1px solid #515A5A; } .dashboard-data-grid-container { position: relative; width: 100%; overflow-x: scroll; overflow-y: visible; } .dashboard-data-grid-inner-container { overflow-x: auto; overflow-y: visible; margin-left: 140px; } .dashboard-data-grid-outer-container { position: relative; } .dashboard-input-field { width: 100px; } .dashboard-tab-container { width: 100%; } .dashboard-tab-container .dashboard-tabs { display: flex; flex-wrap: nowrap; align-items: stretch; list-style-type: none; padding-left: 0; } .dashboard-tab-container .dashboard-tabs .dashboard-tab { flex: 1; font-size: 16px; padding-bottom: 7px; padding-top: 7px; text-align: center; cursor: pointer; border-radius: 0px; } .dashboard-tab-container .dashboard-tabs .dashboard-tab.active { box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15); } .dashboard-tab-container .dashboard-tabs .dashboard-tab:first-child { border-radius: 4px 0px 0px 4px; } .dashboard-tab-container .dashboard-tabs .dashboard-tab:last-child { border-radius: 0px 4px 4px 0px; } .dashboard-panel { margin-bottom: 10px; margin-top: 10px; text-align: right; width: 100%; } .dashboard-title { font-size: 22px; color: #000; padding-bottom: 15px; margin-top: 15px; text-align: center; vertical-align: middle; line-height: 1em; } .dashboard-main-title { font-size: 30px; background: #dbdbdb; color: #000; padding-top: 30px; padding-bottom: 30px; margin-top: 15px; text-align: center; border: 1px solid #000; border-radius: 4px 4px 0 0; } .dashboard-content-border { padding-bottom: 10px; padding-left: 5px; padding-right: 5px; border: 1px solid #000; border-radius: 0 0 4px 4px; box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15); } .dashboard-content-chart-border { min-height: 1200px; } .dashboard-content-kpi-box { min-height: 125px; margin-bottom: 5px; } .dashboard-content-kpi-outer-box:not(:last-child) { border-bottom: 1px solid #dbdbdb; } .dashboard-green { font-weight: bolder; color: #21BA45; } .dashboard-green-light { font-weight: bolder; background: #21BA45; color: #fff; } .dashboard-red { font-weight: bolder; color: #DB2828; } .dashboard-red-light { font-weight: bolder; background: #DB2828; color: #fff; } .dashboard-grey { font-weight: bolder; color: #838383; } .dashboard-grey-light { font-weight: bolder; background: #838383; color: #fff; } .dashboard-yellow { font-weight: bolder; color: #FBBD08; } .dashboard-yellow-light { font-weight: bolder; background: #FBBD08; color: #fff; } .dashboard-item-row { background: #E5FFCC; } .dashboard-item-subscription-row { background: #FFE5CC; } .dashboard-item-subscription-salesperson-row { background: #FFCCCC; } .dashboard-salesperson-row { background: #FFCCCC; } .dashboard-salesperson-item-row { background: #E5FFCC; } .dashboard-salesperson-item-subscription-row { background: #FFE5CC; } .dashboard-left-panel { text-align: left; } dashboard-statistics { padding-top: 10px; padding-bottom: 50px; text-align: center; } .dashboard-doctor-list-table-account-code { font-size: 17px; margin-bottom: 5px; } .dashboard-doctor-list-table-label { font-weight: 600; } .dashboard-doctor-list-table-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 20px; font-weight: 100; line-height: normal; padding: 40px; text-align: center; margin-top: -1px; } .dashboard-table-display-name { font-size: 17px; text-align: left; } .dashboard-table-actual-subscription { font-size: 17px; text-align: right; } .dashboard-table-actual-subscription-percent { display: inline-block; } .district-group-row { margin-top: 10px; } .district-group-container { margin-left: 20px; } .district-group-container .district-row { margin-top: 10px; } .dms-bold { font-weight: 600; } .dms-inbox-left-panel { position: absolute; width: 100%; top: 50px; bottom: 0; overflow: auto; height: 200px; } .dms-responsive-table { border: 1px solid rgba(34, 36, 38, 0.15); width: 100%; margin: 1em 0em; padding: 0; border-collapse: separate; border-spacing: 0; border-radius: 0.33333333rem; box-shadow: none; } .dms-responsive-table h4 { text-align: left; } .dms-responsive-table tr { /*border: 1px solid #a1cbd4;*/ padding: 5px; } .dms-responsive-table thead tr:first-child > th:first-child { border-radius: 0.33333333rem 0em 0em 0em; } .dms-responsive-table thead tr:first-child > th:last-child { border-radius: 0em 0.33333333rem 0em 0em; } .dms-responsive-table th, table.dms-responsive-table td { font-size: 13px; padding: 10px; text-align: left; } .dms-responsive-table tbody.dms-responsive-visible { display: none; } .dms-responsive-table th { color: #FFFFFF; background-color: #2183bA; font-size: 13px; /*letter-spacing: 1px;*/ } .dms-responsive-sub-table { border: 1px solid rgba(34, 36, 38, 0.15); width: 100%; margin: 1em 0em; padding: 0; border-collapse: separate; border-spacing: 0; border-radius: 0.33333333rem; box-shadow: none; } .dms-responsive-sub-table h4 { text-align: left; } .dms-responsive-sub-table tr { /*border: 1px solid #a1cbd4;*/ padding: 5px; } .dms-responsive-sub-table thead tr:first-child > th:first-child { border-radius: 0.33333333rem 0em 0em 0em; } .dms-responsive-sub-table thead tr:first-child > th:last-child { border-radius: 0em 0.33333333rem 0em 0em; } .dms-responsive-sub-table th, dms-responsive-sub-table td { font-size: 13px; padding: 10px; text-align: left; } .dms-responsive-sub-table tbody.dms-responsive-visible { display: none; } .dms-responsive-sub-table th { color: #FFFFFF; background-color: #9a9a9a; font-size: 13px; /*letter-spacing: 1px;*/ } .dms-celled.dms-responsive-table tr th, .dms-celled.dms-responsive-table tr td { border-left: 1px solid rgba(34, 36, 38, 0.1); } .dms-celled.dms-responsive-table tr th, .dms-celled.dms-responsive-table tr td { border-left: 1px solid rgba(34, 36, 38, 0.1); } .doctor-registration-container { height: 100%; margin-bottom: 20px; text-align: left; width: 100%; } .doctor-registration-container .filter-list-block { display: inline-block; text-align: left; width: 48%; } .doctor-registration-container .filter-list-block .booking-date-panel { display: inline-block; vertical-align: top; width: 100%; } .doctor-registration-container .filter-list-block .booking-date-panel .available-timeslot-container { display: inline-block; vertical-align: top; width: 100%; } .doctor-registration-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item { display: inline-block; margin-left: 1%; margin-right: 1%; width: 48%; } .doctor-registration-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row { font-size: 11px; } .doctor-registration-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box { display: inline-block; vertical-align: top; width: 48%; } .doctor-registration-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .doctor-registration-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box .time { font-size: 13px; } .doctor-registration-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box { display: inline-block; vertical-align: top; width: 49%; } .doctor-registration-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .doctor-registration-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box .time { font-size: 13px; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-box { height: 100%; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-box.selected { background-color: #1B95C6; color: #fff; cursor: pointer; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-box-month { display: block; font-size: 10px; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-day { margin-top: 0px; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box { display: inline-block; vertical-align: top; width: 100%; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar-container { display: inline-block; width: 100%; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar thead tr td { font-size: 14px; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar .calendar-grid .calendar-box .calendar-date-box .calendar-day { font-size: 15px; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-grid { height: 40px; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-grid:hover .calendar-box { background-color: #1B95C6 !important; color: #fff; cursor: pointer; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-grid.calendar-date-grid-disabled .calendar-box.selected { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed !important; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-grid.calendar-date-grid-disabled:hover .calendar-box { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed !important; } .doctor-registration-container .doctor-registration-list-block-session { display: inline-block; margin-left: 2%; text-align: left; vertical-align: top; width: 98%; } .doctor-registration-container .doctor-registration-list-block-session .available-timeslot-container .available-timeslot-item { display: inline-block; margin-left: 2%; text-align: left; vertical-align: top; width: 30%; } .doctor-registration-container .doctor-registration-list-block-session .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box { width: 98%; } .doctor-registration-container .doctor-registration-list-block { display: inline-block; margin-left: 2%; text-align: left; vertical-align: top; width: 48%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item { border: 1px solid #dfdfdf; padding-bottom: 15px; padding-top: 15px; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item .profile-image-container { display: inline-block; padding-left: 15px; padding-right: 15px; text-align: center; width: 39%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item .profile-image-container .img { height: auto; max-width: 130px; width: auto; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item .profile-info-container { display: inline-block; padding-left: 15px; padding-right: 15px; vertical-align: top; width: 60%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section { width: 100%; margin-bottom: 10px; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row { width: 100%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row .icon { display: inline-block; width: 9%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row .title { display: inline-block; font-weight: 600; width: 89%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row .text { display: inline-block; width: 89%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row .text .rating-title { display: inline-block; width: 39%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row .text .rating-star { display: inline-block; width: 59%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.button-container { display: inline-block; margin-top: 20px; padding-right: 20px; text-align: right; vertical-align: top; width: 100%; } .doctor-registration-container .doctor-registration-list-block .available-timeslot-container .available-timeslot-item { display: inline-block; margin-left: 2%; text-align: left; vertical-align: top; width: 48%; } .doctor-time-slot-container { height: 100%; margin-bottom: 20px; text-align: center; width: 100%; } .doctor-time-slot-container .filter-list-block { text-align: left; } .doctor-time-slot-container .doctor-list-block { text-align: left; } .doctor-time-slot-container .doctor-list-block .doctor-item { border: 1px solid #dfdfdf; padding-bottom: 15px; padding-top: 15px; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-image-container { display: inline-block; padding-left: 15px; padding-right: 15px; text-align: center; width: 29%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-image-container .img { height: auto; width: auto; /*max-width: 150px;*/ } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-image-container2 { padding-left: 15px; padding-right: 15px; /*text-align: center;*/ width: 109%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-image-container2 .img { /*display: inline-block; float: left; padding-right: 20px;*/ /*width: 79%;*/ } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container { display: inline-block; /*padding-left: 95px;*/ padding-right: 15px; vertical-align: top; width: 59%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section { width: 100%; padding-left: 50px; margin-bottom: 10px; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row { width: 100%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .icon { display: inline-block; width: 9%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .title { display: inline-block; font-weight: 600; width: 89%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .text { display: inline-block; width: 89%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .imgthumb { float: left; padding-right: 20px; width: 109%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .image-container { display: inline-block; padding-right: 15px; text-align: center; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .image-container .img { float: left; } .doctor-time-slot-container .doctor-list-block .doctor-item .button-container { display: inline-block; margin-top: 20px; padding-right: 20px; text-align: right; vertical-align: top; width: 100%; } .delivery-schedule-timeslot-to { padding-left: 7px; padding-right: 7px; } .doctor-profile-dist-tab-container { width: 100%; } .doctor-profile-dist-tab-container .doctor-profile-dist-tabs { display: flex; flex-wrap: nowrap; align-items: stretch; list-style-type: none; padding-left: 0; } .doctor-profile-dist-tab-container .doctor-profile-dist-tabs .doctor-profile-dist-tab { flex: 1; font-size: 16px; padding-bottom: 10px; text-align: center; cursor: pointer; margin-left: 5px; margin-right: 5px; } .doctor-profile-dist-tab-container .doctor-profile-dist-tabs .doctor-profile-dist-tab.active { border-bottom: 2px solid #1B95C6; } .doctor-invoice { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; } .doctor-invoice-container { width: 80%; margin: 0 auto; text-align: left; } .doctor-invoice-header { display: inline-block; text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; width: 49%; vertical-align: top; } .doctor-invoice-header-click { cursor: pointer; display: inline-block; text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; width: 45%; vertical-align: top; } .doctor-invoice-info { display: inline-block; text-align: left; font-size: 14px; /*padding-left: 5px;*/ width: 49%; } .doctor-invoice-info-full { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; width: 100%; } .doctor-invoice-topic { display: inline-block; text-align: left; font-size: 16px; font-weight: bold; padding-bottom: 10px; padding-left: 5px; padding-top: 20px; width: 100%; vertical-align: top; } .doctor-invoice-detail-header-group { border-bottom: 2px double black; padding: 5px; } .doctor-invoice-detail-summary-group { border-top: 1px dotted black; } .doctor-invoice-detail-header { display: inline-block; text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; width: 30%; vertical-align: top; } .doctor-invoice-detail-header-right { display: inline-block; text-align: right; font-size: 14px; font-weight: bold; padding-right: 5px; width: 30%; vertical-align: top; } .doctor-invoice-detail-info { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; width: 30%; vertical-align: top; } .doctor-invoice-detail-info-right { display: inline-block; text-align: right; font-size: 14px; padding-right: 5px; width: 30%; vertical-align: top; } .doctor-invoice-detail-summary-header-right { display: inline-block; text-align: right; font-size: 14px; font-weight: bold; padding-right: 5px; width: 60%; } .doctor-detail-summary-info-right { display: inline-block; text-align: right; font-size: 14px; padding-right: 5px; width: 30%; } .doctor-invoice-remark { min-width: 300px; } .doctor-invoice-remark-header { text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; /*float: right;*/ } .doctor-invoice-remark-info { text-align: left; font-size: 14px; padding-left: 5px; /*float: right;*/ } .workflow-approval-radio-button { display: inline-block; margin-top: 5px; margin-bottom: 10px; font-weight: bold; font-size: 14px; width: 99%; } .workflow-approval-radio-button-text { display: inline-block; font-weight: bold; font-size: 14px; margin-bottom: 10px; width: auto; } .dynamic-form-container { visibility: visible; height: auto; } .error-container { box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); background-color: #FFF6F6; color: #9F3A38; padding: 10px; border-radius: 4px; } .error-container .header { font-weight: bold; } .error-container .list { padding-left: 30px; } .expired { color: #DB2828 !important; } .fa { margin-right: 5px; } .fa-checkbox { cursor: pointer; font-size: 19px; } .fa-checkbox.fa-check-square-o { color: #0dba32; } .fa-checkbox.fa-check-square-o.disabled { color: #a9a6a6; } .fa-checkbox.fa-square-o { color: #dbdbdb; } .facebook-sharing-container { width: 100%; margin-bottom: 15px; margin-top: 15px; text-align: left; } .facebook-sharing-container .facebook-sharing-quote-dropdownlist-container { display: inline-block; margin-bottom: 15px; margin-top: 15px; width: 100%; } .facebook-sharing-container .facebook-sharing-quote-selected { display: inline-block; margin-bottom: 15px; margin-top: 15px; width: 100%; } .facebook-sharing-container .facebook-sharing-quote-dropdownlist-container .facebook-sharing-quote-dropdownlist { text-wrap: normal; width: 100%; word-wrap: break-word; } .facebook-sharing-container .facebook-sharing-quote-button { display: inline-block; margin-bottom: 15px; margin-top: 15px; width: 100%; } .facebook-sharing-header { font-size: 14px; font-weight: 600; } .form-checkbox { width: 20px; position: absolute; margin-top: -7px; height: 32px; } .form-field { margin: 10px 0px; font-size: 14px; } .form-field .button { margin-right: 5px; margin-top: 15px; float: right; } .form-field input, .form-field .k-autocomplete, .form-field .k-datepicker, .form-field .k-datetimepicker, .form-field .k-dropdown, .form-field .k-numerictextbox, .form-field .k-combobox, .form-field textarea { margin-top: 5px; width: 100%; margin-bottom: 10px; } .form-field .k-timepicker { width: 100%; } .form-field .k-combobox.activity-form-type { width: 69%; } .form-field .km-switch { margin-top: 5px; } .form-field .toggle-checkbox { margin-top: 5px; } .form-field .toggle-checkbox i { font-size: 28px; } .form-field-group { padding: 10px 10px 10px 10px; border: 1px solid #CCC; border-radius: 4px; background: #fcfcfc; position: relative; } .form-width-10-percent { width: 9%; vertical-align: top; } .form-width-20-percent { width: 19%; vertical-align: top; } .form-width-30-percent { width: 29%; vertical-align: top; } .form-width-33-percent { width: 32%; vertical-align: top; } .form-width-40-percent { width: 39%; vertical-align: top; } .form-width-50-percent { margin-right: 4px; width: 49%; vertical-align: top; } .form-width-60-percent { width: 59%; vertical-align: top; } .form-width-70-percent { width: 69%; vertical-align: top; } .form-width-80-percent { width: 79%; vertical-align: top; } .form-width-90-percent { width: 89%; vertical-align: top; } .form-width-100-percent { margin-bottom: 5px; width: 99%; vertical-align: top; } .form-quiz-detail-container { border: 1px solid #dbdbdb; border-radius: 4px; display: inline-block; width: 32%; margin: 5px; padding: 10px; } .form-quiz-header { font-weight: bold; font-size: 20px; } .form-quiz-detail { padding-top: 10px; padding-bottom: 10px; } .form-quiz-detail .header { font-weight: bold; font-size: 16px; padding-top: 5px; padding-bottom: 5px; } .form-quiz-detail .header .pass-indicator { color: green; } .form-quiz-detail .content { font-size: 14px; padding-top: 5px; padding-bottom: 5px; } .full-size { width: 100%; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; } .grab-order-container { width: 100%; } .grab-order-container .grab-order-filter-box { display: inline-block; margin-bottom: 3%; margin-top: 3%; padding-left: 3%; padding-right: 3%; text-align: left; vertical-align: top; width: 48%; } .grab-order-container .grab-order-filter-box .grap-order-title { display: inline-block; text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; width: 100%; vertical-align: top; } .grab-order-container .grab-order-filter-box .grap-order-field { margin-bottom: 5px; margin-top: 5px; width: 100%; } .grab-order-container .grab-order-item-group { display: inline-block; vertical-align: top; width: 48%; } .grab-order-container .grab-order-item-group .grab-order-item { border: 1px solid black; margin-bottom: 3%; margin-left: 3%; margin-right: 3%; margin-top: 3%; padding: 10px; width: 94%; } .grab-order-container .grab-order-item-group .grab-order-item .grab-order-button { background-color: green; color: white; cursor: pointer; font-size: 30px; font-weight: 600; line-height: 30px; padding-bottom: 5px; padding-top: 5px; text-align: center; width: 100%; } .grab-order-container .grab-order-item-group .grab-order-saturday { color: green; } .grab-order-container .grab-order-item-group .grab-order-sunday { color: red; } .grab-order-container .grab-order-item-group .grab-order-item .grab-order-left-column { display: inline-block; text-align: left; vertical-align: top; width: 24%; } .grab-order-container .grab-order-item-group .grab-order-item .grab-order-first-line { font-size: 28px; font-weight: 600; line-height: 32px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-item .grab-order-forth-line { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-item .grab-order-fifth-line { font-size: 16px; font-weight: 400; line-height: 22px; margin-bottom: 10px; color: red; } .grab-order-container .grab-order-item-group .grab-order-item .grab-order-right-column { display: inline-block; text-align: right; vertical-align: top; width: 74%; } .grab-order-container .grab-order-item-group .grab-order-item .grab-order-second-line { font-size: 21px; font-weight: 400; line-height: 25px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-item .grab-order-third-line { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item { background-color: yellow; border: 1px solid black; margin-bottom: 3%; margin-left: 3%; margin-right: 3%; margin-top: 3%; padding: 10px; width: 94%; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-button { background-color: red; color: white; cursor: pointer; font-size: 30px; font-weight: 600; line-height: 30px; padding-bottom: 5px; padding-top: 5px; text-align: center; width: 100%; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-left-column { display: inline-block; margin-bottom: 10px; text-align: left; vertical-align: top; width: 24%; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-first-line { font-size: 28px; font-weight: 600; line-height: 32px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-forth-line { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-fifth-line { font-size: 16px; font-weight: 400; line-height: 22px; margin-bottom: 10px; color: red; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-fifth-line .field-column { display: inline-block; font-size: 13px; width: 69%; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-fifth-line .field-column .input-field { border: 1px solid #CCC; border-radius: 4px; color: #000; font-size: 13px; padding: 5px 10px; width: 100%; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-fifth-line .title-column { display: inline-block; font-size: 18px; font-weight: 600; text-align: left; vertical-align: top; width: 29%; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-right-column { display: inline-block; margin-bottom: 10px; text-align: right; vertical-align: top; width: 74%; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-second-line { font-size: 21px; font-weight: 400; line-height: 25px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-third-line { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-overlapped-item { background-color: lightgrey; border: 1px solid black; margin-bottom: 3%; margin-left: 3%; margin-right: 3%; margin-top: 3%; padding: 10px; width: 94%; } .grab-order-container .grab-order-item-group .grab-order-overlapped-item .grab-order-button { background-color: #9a9a9a; color: white; cursor: pointer; font-size: 30px; font-weight: 600; line-height: 30px; padding-bottom: 5px; padding-top: 5px; text-align: center; width: 100%; } .grab-order-container .grab-order-item-group .grab-order-overlapped-item .grab-order-left-column { display: inline-block; text-align: left; vertical-align: top; width: 24%; } .grab-order-container .grab-order-item-group .grab-order-overlapped-item .grab-order-first-line { font-size: 28px; font-weight: 600; line-height: 32px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-overlapped-item .grab-order-forth-line { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-overlapped-item .grab-order-fifth-line { font-size: 16px; font-weight: 400; line-height: 22px; margin-bottom: 10px; color: red; } .grab-order-container .grab-order-item-group .grab-order-overlapped-item .grab-order-right-column { display: inline-block; text-align: right; vertical-align: top; width: 74%; } .grab-order-container .grab-order-item-group .grab-order-overlapped-item .grab-order-second-line { font-size: 21px; font-weight: 400; line-height: 25px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-overlapped-item .grab-order-third-line { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 10px; } .grab-order-container .grab-order-item-group .grab-order-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #58585b; font-size: 20px; font-weight: 100; line-height: normal; text-align: center; margin-bottom: 3%; margin-top: 3%; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; padding-top: 40px; } .grab-order-container .grab-order-item-group .grab-order-no-record-panel .grab-order-wordings { padding-bottom: 20px; padding-top: 20px; } .grab-order-container .grab-order-item-group .grab-order-no-record-panel .grab-order-button { background-color: dodgerBlue; color: white; cursor: pointer; font-size: 30px; font-weight: 600; line-height: 30px; padding-bottom: 5px; padding-top: 5px; text-align: center; width: 100%; } .gratus-color { /* color: #E84C52;*/ } .full-width { width: 100% !important; } .half-width { width: 50% !important; } .height-auto { height: auto !important; } .hide { display: none !important; } .icon-button { background-color: #1B95C6; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 500; padding: 5px 7px; margin: 2px; } .icon-button-left { text-align: left; margin: 0 auto; width: 99%; } .icon-button .icon-button-label { display: none !important; } .icon-button:hover { color: #fff; background-color: #2183bA; } .icon-button:hover .icon-button-label { display: inline-block !important; } .icon-button .fa { margin: 0; } .icon-button-dashboard { background-color: #1B95C6; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 500; padding: 5px 7px; vertical-align: middle; } .icon-button-dashboard:hover { background-color: #2183bA; } .icon-no-margin { margin: 0; } .inbox-action-panel { text-align: right; } .inbox-message-container { bottom: 0; left: 0; top: 0px; position: absolute; width: 100%; padding-left: 10px; } .inbox-doctor-selector { cursor: pointer; } .inbox-doctor-selector input { margin-top: 2px !important; color: #AAA; } .inbox-doctor-selector .k-multiselect-wrap .k-icon.k-i-close { margin-top: -2px; } .inbox-doctor-selector .k-button { text-align: left; background-color: #1A6B98; border-color: #1A6B98; } .inbox-left-panel { position: absolute; width: 100%; top: 95px; bottom: 0; overflow-x: hidden; overflow-y: scroll; } .inbox-left-panel::-webkit-scrollbar-track, .inbox-message-container::-webkit-scrollbar-track, .inbox-right-column::-webkit-scrollbar-track { display: none; } .inbox-left-panel::-webkit-scrollbar, .inbox-message-container::-webkit-scrollbar-scrollbar, .inbox-right-column::-webkit-scrollbar { width: 4px; background-color: transparent; } .inbox-left-panel::-webkit-scrollbar-thumb, .inbox-message-container::-webkit-scrollbar-thumb, .inbox-right-column::-webkit-scrollbar-thumb { background-color: #DDD; } .inbox-left-panel-message { border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-bottom: 10px; cursor: pointer; margin-right: 3px; } .inbox-left-panel-message:last-child { margin: 0; } .inbox-left-panel-message-read { border-left: 4px solid transparent; } .inbox-left-panel-message-unread { border-left: 4px solid #2183bA; } .inbox-message-left-panel-date { width: 100%; text-align: right; } .inbox-message-left-panel-subject { width: 100%; text-align: left; height: 42px; line-height: 22px; overflow: hidden; font-size: 15px; margin-left: 5px; } .inbox-message-center { text-align: center; } .inbox-message-date { font-size: 13px; } .inbox-message-doctor-toggle { margin-left: 20px; color: #1A6B98; cursor: pointer; } .inbox-message-form { font-size: 1rem; position: relative; max-width: 100%; margin-top: 20px; } .inbox-message-form .field > label, .inbox-message-form .field > .inbox-message-label { display: block; margin: 0em 0em 0.33333333rem 0em; color: #58585b; font-size: 0.91666667em; font-weight: bold; text-transform: none; cursor: default; } .inbox-message-form .field { clear: both; margin: 0em 0em 2em; } .inbox-message-form-input-field { width: 100%; } .inbox-message-icon .label { border-radius: 2px; font-size: 10px; padding: 1px 7px; position: absolute; margin-left: 15px; margin-top: -1px; } .inbox-message-left-panel-button { width: 48%; } .inbox-message-tips-label { color: #bfbcbb; font-size: 20px; font-weight: 100; padding-top: 40px; } .inbox-message-search-box { width: 97%; } .inbox-message-search-container { width: 100%; } .inbox-message-title { color: #1A6B98; margin-top: -0.14285em; line-height: 1.2857em; } .inbox-message-title-separator { background-color: #CCC; height: 1px; border: 0; margin-bottom: 20px; margin-top: 10px; } .inbox-message-two-column-container { display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; top: 60px; } .inbox-title { text-align: left; font-weight: 500; font-family: 'Open Sans', sans-serif !important; } .icon-inactive { color: #CCC; } .inline-block { display: inline-block !important; } .in-stock-abnormal { color: red; font-weight: 600; } .in-stock-available { color: green; font-weight: 600; } .in-stock-warning { color: red; } .item-hide { } .item-master-calendar-header-box { margin-bottom: 10px; margin-top: 10px; width: 100%; } .item-master-calendar-header-left-panel { display: inline-block; margin-bottom: 5px; margin-top: 5px; text-align: left; width: 49%; } .item-master-calendar-header-right-panel { display: inline-block; margin-bottom: 5px; margin-top: 5px; text-align: right; width: 50%; } .item-master-calendar { width: 99%; } .item-master-calendar .calendar thead tr td { border: none !important; padding-right: 7px !important; text-align: right !important; width: 12% !important; } .item-master-calendar .calendar tbody tr td { color: #000; border: 1px solid black !important; position: relative !important; vertical-align: top !important; padding: 5px; } .item-master-calendar .calendar tbody tr td.calendar-grid-header { text-align: right; } .item-master-calendar .calendar .order-box { border-color: #1A6B98; background-color: #1A6B98; border-radius: 4px; cursor: pointer; padding: 0.5em; text-align: left; color: #FFF; width: 100%; } .item-master-calendar .item-master-calendar-left-panel { display: inline-block; padding: 5px; width: 69%; vertical-align: top; } .item-master-calendar .item-master-calendar-right-panel { display: inline-block; padding: 5px; width: 30%; vertical-align: top; } .item-master-item-type-cat-lv1-name { color: #4d95b2; font-size: 18px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-item-type-cat-lv2-name { color: #4d95b2; font-size: 16px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-item-type-cat-lv3-name { color: #4d95b2; font-size: 14px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-item-type-dropdownlist { font-size: 13px; } .item-master-item-type-marked-category { color: #4d95b2; } .item-master-item-type-marked-compulsory { color: red; } .item-master-item-type-marked-normal { color: black; } .item-master-item-type-header-text { font-size: 12px; } .item-master-item-type-lv1-name { font-size: 16px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-item-type-lv2-name { font-size: 14px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-item-type-lv3-name { font-size: 12px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-item-type-text { color: black; display: inline-block; font-size: 12px; line-height: normal; text-align: left; } .item-master-items-assoc-combo-box { width: 200px; } .item-master-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 20px; font-weight: 100; line-height: normal; text-align: center; padding: 40px; } .item-type { border: 1px solid #dbdbdb; border-radius: 4px; cursor: default; display: inline-block; height: 400px; margin: 10px; padding: 20px; vertical-align: top; overflow: hidden; position: relative; } .item-type:hover { border: 1px solid #2183bA; } .item-type .item-type-material { height: 300px; width: 200px; } .item-type img { max-width: 100%; max-height: 100%; } .item-type .name { background: #fff; color: #000; font-size: 17px; font-weight: 400; } .item-type-bottom-panel { color: #fff; background-color: #1A6B98; bottom: 0; position: fixed; text-align: left; width: 100%; } .item-type-bottom-panel .name { font-size: 17px; font-weight: 300; padding: 12px 30px; } .item-type-cat-lv1 { border-top: 1px solid #bfbcbb; margin-top: 20px; padding-top: 15px; text-align: left; } .item-type-cat-lv1-name { color: #4d95b2; font-size: 16px; font-weight: 400; margin-bottom: 10px; padding-bottom: 5px; padding-left: 8px; } .item-type-cat-lv2 { display: inline-block; padding: 6px 0; vertical-align: top; width: 50%; } .item-type-cat-lv2-name { color: #a5a5a5; font-size: 10px; font-weight: 900; } .item-type-cube { border: 1px solid rgb(214, 214, 214); border-radius: 5px; cursor: pointer; float: left; margin: 2px; padding: 2px 4px; } .item-type-cube:hover { border: 1px solid #575757; } .item-type-cube.selected { border: 2px solid #2183bA !important; } .item-type-cube-name { font-size: 10px; } .item-type-header { margin-bottom: 20px; } .item-type-header-name { color: black; font-size: 32px; font-weight: 200; line-height: 45px; text-align: left; } .item-type-header .description { color: black; font-size: 14px; font-weight: 100; margin-bottom: 25px; margin-left: 5px; text-align: left; } .item-type-lv1-block { cursor: none; display: inline-block; text-align: left; margin-left: 9px; width: 45%; } .item-type-lv1-row { cursor: none; text-align: left; margin-left: 9px; } .item-type-lv1-name { display: inline-block; font-weight: 700; width: 79%; } .item-type-lv1-qty { display: inline-block; font-weight: 400; text-align: right; width: 20%; } .item-type-material { margin-bottom: 10px; width: 250px; } .item-type-material img { width: 100%; } .item-type-required { background-color: #fff; margin: 5px; text-align: left; } .item-type-required .name { font-size: 12px; line-height: 20px; margin-bottom: 0; } .item-type-row { background-color: #fff; border: 1px dashed #d6d6d6; border-radius: 2px; cursor: pointer; margin-bottom: 10px; padding: 8px; position: relative; text-align: left; } .item-type-row:hover { border: 1px dashed #d6d6d6; background-color: #f7f7f7; padding: 8px; } .item-type-row .left-panel { display: inline-block; vertical-align: top; width: 39%; } .item-type-row .left-panel .image img { max-height: 900%; max-width: 90%; } .item-type-row .right-panel.max-width { width: 100% !important; } .item-type-row .right-panel .bottom-panel { margin-top: 10px; } .item-type-table-cust-dn { text-align: center !important; } .inventory-container { text-align: left; } .inventory-container .transaction-history { margin-top: 30px; } .inventory-item-panel, .inventory-item-type-panel, .inventory-search-panel { margin-bottom: 10px; margin-top: 10px; text-align: right; width: 100%; } .inventory-item-type-item-panel { margin-bottom: 10px; text-align: right; width: 100%; } .job-date-input { width: initial !important; } .job-date-next-button, .job-date-prev-button { padding: 6px 14px; } .job-list-vendor { margin-top: 20px; } .job-time-label { cursor: pointer; } .k-button, .k-input[type=text], .k-input[type=number], .k-picker-wrap .k-input, .k-textbox, .k-textbox > input { font-size: 13px !important; } .k-datetimepicker { width: 100%; } .k-multiselect { margin-bottom: 5px; margin-top: 5px; min-height: 30px; } .k-multiselect-wrap { min-height: 30px; } .k-nodata div { padding: 0; } .k-nodata-label { text-align: left; padding-left: 5px !important; font-size: 12px; color: #000; } .k-nodata-title { font-size: 14px; color: #000; text-align: left; padding-left: 5px !important; } .k-progressbar { background-color: #dbdbdb; border-color: #dbdbdb; } .k-progressbar > .k-state-selected { background-color: #1B95C6; border-color: #1B95C6; } .k-progressbar > .k-state-selected.k-complete { background-color: #21BA45; border-color: #21BA45; } .k-progress-status { visibility: hidden; } .library-container { width: 100%; text-align: left; } .library-container .library-left-container { display: inline-block; vertical-align: top; width: 59%; } .library-container .header { font-size: 25px; font-weight: 300; margin-bottom: 15px; } .library-container .message { font-size: 20px; font-weight: 100; line-height: normal; margin-bottom: 10px; } .library-container .library-left-container .library-item { margin-bottom: 15px; margin-top: 15px; } .library-container .library-left-container .library-item .library-item-img { height: auto; max-width: 100%; width: auto; } .library-container .library-right-container { display: inline-block; vertical-align: top; width: 39%; } .library-container .library-right-container .library-item { margin-bottom: 30px; margin-top: 15px; } .main-logo { height: 20px !important; padding-top: 3px; } .order-entry-header .page-menu-left-panel { width: 58%; } .order-entry-title { /*position: absolute;*/ left: 5%; right: 5%; width: 90%; text-align: left; /*word-break: break-all;*/ } .order-linkage-detail .order-entry-header .page-menu-left-panel { width: 100%; } .order-linkage-detail .page-menu { padding: 0; } .order-linkage-detail .back-button { display: none; } .legend { border: 1px solid #f1eded; border-radius: 4px; margin: 8px 0; padding: 20px; } .login-page-frame { display: table; position: fixed; height: 85%; width: 100%; } .login-page-frame > .box { display: table-cell; vertical-align: middle; } .login-page-frame > .box > .entry { margin-left: auto; margin-right: auto; text-align: center; } .login-page-frame > .box > .entry > .field > .custom-input-field { margin-bottom: 8px; } .login-link-button { font-size: 14px; padding: 8px; text-decoration: underline; } .login-link-button:hover { text-decoration: underline; } .order-entry-link-button { color: #fff; text-decoration: underline; } .order-entry-link-button:hover { color: #fff; text-decoration: underline; } .machine-activation-doctor-panel { margin-top: 15px; text-align: left; } .machine-activation-doctor-panel .machine-activation-doctor-record { border: 1px solid #dbdbdb; border-radius: 4px; margin-bottom: 10px; } .machine-activation-doctor-panel .machine-activation-doctor-item-panel { border-top: 1px solid #dbdbdb; padding-bottom: 20px; padding-left: 20px; padding-top: 20px; width: 100%; } .machine-activation-doctor-panel .machine-activation-doctor-item-left-panel { display: inline-block; vertical-align: top; width: 25%; } .machine-activation-doctor-panel .item-image-panel { margin-bottom: 15px; vertical-align: top; width: 100%; } .machine-activation-doctor-panel .item-image-panel .item-image { text-align: center; } .machine-activation-doctor-panel .item-image-panel .item-image img { width: 180px; } .machine-activation-doctor-panel .machine-activation-doctor-item-right-panel { display: inline-block; vertical-align: top; width: 55%; } .machine-activation-doctor-panel .item-details-panel { display: inline-block; vertical-align: top; padding-left: 20px; width: 100%; } .machine-activation-doctor-panel .item-details-panel-booked { color: red; font-size: 24px; font-weight: 600; } .machine-activation-doctor-panel .header-text { font-size: 15px; font-weight: 700; line-height: normal; } .machine-activation-doctor-panel .text { display: inline-block; font-size: 13px; line-height: normal; } .machine-activation-operator-panel { margin: 0 auto; text-align: left; } .machine-activation-operator-panel .title { font-family: 'Open Sans', sans-serif !important; font-size: 25px; font-weight: 500; margin: 0 auto; margin-bottom: 20px; color: #1A6B98; width: 50%; line-height: 30px; } .machine-activation-operator-panel .machine-activation-operator-record { border: 1px solid #dbdbdb; border-radius: 4px; margin-bottom: 10px; width: 50%; } .machine-activation-operator-panel .machine-activation-operator-item-panel { border-top: 1px solid #dbdbdb; padding: 10px; width: 100%; } .machine-activation-operator-panel .machine-activation-operator-item-left-panel { display: inline-block; vertical-align: top; width: 45%; } .machine-activation-operator-panel .machine-activation-operator-item-right-panel { display: inline-block; vertical-align: top; width: 50%; } .machine-activation-operator-panel .item-details-panel { display: inline-block; vertical-align: top; padding: 10px; width: 100%; text-align: left; } .machine-activation-operator-panel .header-text { font-size: 28px; font-weight: 500; line-height: 28px; } .machine-activation-operator-panel .text { font-size: 20px; font-weight: 400; line-height: 24px; } .machine-activation-operator-panel .action-button { flex: 1; font-size: 20px; padding-top: 5px; padding-bottom: 5px; text-align: center; cursor: pointer; border-radius: 4px; border: 1px solid #dbdbdb; } .machine-activation-operator-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 20px; font-weight: 100; line-height: normal; padding: 40px; text-align: center; width: 50%; margin: 0 auto; } .main-menu { background: rgba(0, 0, 0, 0) linear-gradient(#2396d7, #2183bA) repeat scroll 0 0; /*background-color: #2183bA;*/ /*position: fixed;*/ text-align: center; top: 0; width: 100%; z-index: 999; } .main-menu-item { color: #fff; cursor: pointer; display: inline-block; font-size: 16px !important; font-weight: 300 !important; padding: 15px 20px; position: relative; } .main-menu-item:hover { color: #e2dfdf; } .main-menu-item a { color: #fff; } .main-menu-item a:hover { color: #e2dfdf; } .main-menu-item .one-hour-on-demand-menu { color: #FCFC4B; } .main-menu-item img { height: 30px; } .main-menu-item.lang-list > .fa { cursor: auto; margin-right: 10px; } .main-menu-item.lang-list > .fa:hover { color: #fff; } .main-menu-item.lang-list { cursor: auto; } .main-menu-item.lang-list:hover { color: #fff; } .main-menu-item.lang-list > .ui.divided.list { margin: 0; } .main-menu-item.lang-list > .ui.divided.list > .item { cursor: pointer; } .main-menu-item.lang-list > .ui.divided.list > .item:hover { color: #e2dfdf; } .main-menu-item-have-child { /*background: #fff; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;*/ border: 1px solid #dbdbdb; } .main-menu-item-have-child:hover { /*color: #00a2e2 !important;*/ } .main-menu-item-right .main-menu-item i { font-size: 17px; } .main-menu-item-right .main-menu-item .label { font-size: 15px; } .material-uploader-container { position: relative; display: inline-block; width: 100%; } .material-uploader-container .dropzone-clear-button { position: absolute; margin: 0; right: 5px; bottom: 5px; padding: 6px 20px; } .margin-bottom { margin-bottom: 50px !important; } .margin-bottom-medium { margin-bottom: 20px !important; } .margin-bottom-xsmall { margin-bottom: 5px !important; } .margin-bottom-xxlarge { margin-bottom: 80px !important; } .margin-bottom-small { margin-bottom: 10px !important; } .margin-right-medium { margin-right: 20px !important; } .margin-right-small { margin-right: 10px !important; } .margin-right-xsmall { margin-right: 5px !important; } .margin-top-medium { margin-top: 20px !important; } .margin-top-large { margin-top: 40px !important; } .margin-top-xlarge { margin-top: 60px !important; } .margin-top-xxlarge { margin-top: 80px !important; } .margin-top { margin-top: 80px !important; } .margin-top-small { margin-top: 10px !important; } .marketing-profile-margin-bottom { margin-bottom: 50px; text-align: left; } .margin-top-xsmall { margin-top: 5px !important; } .member-container { border: 1px solid #CCC; border-radius: 4px; padding: 5px; position: relative; } .member-detail-container { width: 89%; } .member-edit { position: absolute; width: 10%; bottom: 7px; right: 7px; text-align: right; } .member-create-container, .member-list-container, .order-list-container { text-align: left; } .member-list-container.center { width: 50%; } .member-name { font-size: 15px; } .member-remove-address-button { position: absolute; right: 10px; top: 10px; } .mobile-side-menu { border: 1px solid #ccc; background-color: rgb(255, 255, 255); color: #000; left: 5px; position: fixed; top: 52px; width: 97%; height: 90%; z-index: 199; overflow-y: scroll; } .mobile-side-menu a { color: #000; } .mobile-side-menu-item { border-bottom: 1px solid #ccc; cursor: pointer; font-size: 16px; text-align: left; padding: 13px 0px; margin: 0 30px; min-width: 250px; } .mobile-side-menu-item:hover { color: #00a2e2 !important; } .mobile-side-menu-item .right { text-align: right; } .mobile-side-menu-item.one-hour-on-demand-menu { color: #FBBD08; } .mobile-side-menu-item-child { cursor: pointer; font-size: 14px; text-align: left; padding: 13px 25px; margin: 0 30px; min-width: 250px; } .mobile-side-menu-item-child:hover { color: #00a2e2 !important; } .more-button { cursor: pointer; display: inline-block; font-size: 14px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; margin-top: 10px; } .business-card-upload .seperator-text-container { left: 50%; position: absolute; margin-top: -12px; } .business-card-upload-container { position: relative; width: 305px; margin: 10px auto 30px auto; text-align: center; } .business-card-upload-container input { position: absolute; top: 0; left: 0; right: 0; padding: 13px 0; cursor: pointer; width: 100%; opacity: 0; } .business-card-upload-trigger { background: #4183C4; color: #FFF; padding: 14px 10px; display: block; font-size: 17px; cursor: pointer; } .img { height: auto; max-height: 130px; width: auto; } .k-dialog-container { align-content: center; vertical-align: middle; width: 100%; } .k-dialog { align-content: center; font-size: small; width: 35%; vertical-align: middle; } .k-dialog .k-content { font-size: small; margin: 0; padding-bottom: 2em; padding-left: 1em; padding-right: 1em; padding-top: 2em; text-align: left; width: auto; } .k-dialog.k-window { overflow-y: auto !important; } .k-dialog .k-window-titlebar { color: #1a6b98; font-size: medium; font-weight: 600; margin: 0; padding-bottom: 0.8em; padding-left: 1em; padding-right: 1em; padding-top: 0.8em; text-align: left; width: auto; } .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched { background-color: #ebebeb; color: black; font-size: small; font-weight: 600; } /*.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched:hover { background-color: #58585b; color: white; }*/ .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button { background-color: #2183bA; color: white; } .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:hover { background-color: #4183c4; color: white; } .k-overlay { background-color: #fff; } .k-window .k-overlay { visibility: hidden; } .new-lead-form-seperator { display: block; border-bottom: 2px solid #4183C4; } .seperator-text { position: relative; left: -50%; background: #FFF; font-size: 23px; padding: 0 20px; color: #4183C4; } .machine-activation-toggle-button { display: inline-block; background: #BABABA; color: #FFF; border-radius: 4px; padding: 6px 10px; margin-top: 5px; cursor: pointer; text-align: center; width: auto; } .machine-activation-toggle-button.active { background: #1B95C6; border: 1px solid #1B95C6; cursor: pointer; } .machine-activation-toggle-button.inactive { background: #BABABA !important; cursor: not-allowed; } .media-image { max-width: 300px; } .media-image-container { display: inline-block; margin-right: 15px; } .nd-icon { border: 1px solid #ccc; border-radius: 50%; display: inline-block; height: 100%; width: 100%; vertical-align: top; } .nd-icon-clinic { display: inline-block; height: 25px; width: 25px; } .nd-icon-doctor { display: inline-block; height: 25px; width: 25px; } .nd-icon-info-container { display: inline-block; margin-left: 20px; margin-top: 10px; width: 70vw; vertical-align: top; } .nd-icon-pin { display: inline-block; height: 25px; width: 25px; } .nd-profile-container { text-align: left; margin-bottom: 2vh; margin-top: 4vh; width: 70%; } .nd-profile-info-container { display: inline-block; margin-left: 5px; margin-top: 5px; text-align: left; vertical-align: top; } .nd-profile-container .nd-icon-container { display: inline-block; max-height: 100px; max-width: 100px; height: 20%; width: 20%; } .nd-profile-container .profile-account-name { display: inline-block; font-size: 20px; font-weight: 600; height: 100%; margin-left: 15px; text-align: left; vertical-align: top; width: 79%; } .nd-profile-container .profile-account-name .basic-info { display: block; font-size: 15px; font-weight: normal; cursor: default; margin-bottom: 10px; width: 100%; } .nd-profile-container .profile-account-name .basic-info .account-name { color: dimGray; font-size: 18px; font-weight: bold; margin-bottom: 0px; } .nd-profile-container .profile-account-name .basic-info .sub-info { font-size: 14px; margin-top: 10px; } .nd-profile-container .profile-account-name .basic-info .sub-info .img { display: inline-block; height: 10%; max-height: 25px; max-width: 25px; width: 10%; } .nd-profile-container .profile-account-name .basic-info .sub-info .text { display: inline-block; margin-top: 3px; vertical-align: top; width: 85%; } .nd-profile-container .profile-account-name .logout { color: #9a9a9a; display: inline-block; font-size: 18px; font-weight: normal; cursor: pointer; text-align: right; } .no-margin { margin: 0 !important; } .no-padding { padding: 0; } .not-scrollable { overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .on-demand-option-list-block { height: 100%; width: 100%; text-align: center; } .on-demand-option-list-block .on-demand-option-block { border: 1px solid #1A6B98; cursor: pointer; display: inline-block; height: 130px; margin: 15px; text-align: left; width: 350px; } .on-demand-option-list-block .on-demand-option-block .header-side { color: #1A6B98; display: inline-block; font-size: 24px; font-weight: 600; height: 100%; line-height: 30px; padding-left: 15px; padding-right: 15px; padding-top: 30px; vertical-align: top; width: 49%; } .on-demand-option-list-block .on-demand-option-block .image-side { display: inline-block; text-align: center; width: 49%; } .on-demand-option-list-block .on-demand-option-block .image-side .img { padding: 10px; height: auto; max-height: 130px; max-width: 100%; width: auto; } .opening-hours-day-field { display: inline-block; vertical-align: top; } .opening-hours-time-field { display: inline-block; vertical-align: top; width: 46%; margin-left: 1.5%; margin-right: 1.5%; } .opening-hours-time-field-register { display: inline-block; vertical-align: top; width: 40%; margin-left: 1.5%; margin-right: 1.5%; } .opening-hours-time-picker { height: 15px; } .order-box { border: 1px solid #1A6B98; border-radius: 4px; cursor: pointer; margin: 3px 0 3px 0; padding: 0.5em; text-align: left; width: 100%; } .order-containter { text-align: left; } .order-create-item { padding: 10px !important; } .order-entry-generate-button { margin-right: 3px; } .order-entry-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; } .order-invoice-no-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 20px; font-weight: 100; line-height: normal; padding: 40px; text-align: center; } .order-filter-panel { margin-bottom: 10px; text-align: left; vertical-align: top; } .order-filter-panel .button-panel { } .order-list-container { width: 95%; margin: 0 auto; } .order-item-column-item-action { width: 6%; } .order-item-column-item-index { width: 2%; } .order-item-column-item-qty { width: 10%; } .order-item-column-item-qty-deduced { width: 10%; } .order-item-column-item-qty-defect { width: 10%; } .order-item-column-item-qty-initial { width: 10%; } .order-item-column-item-qty-instock { width: 10%; } .order-item-column-item-qty-parent { width: 10%; } .order-item-column-item-sku { width: 26%; } .order-item-column-item-type { width: 26%; } .order-item-input-field { width: 80px; } .order-item-input-field-percent { width: 50%; } .order-item-input-item-type { /* width: 100%;*/ width: 250px; } .order-item-input-serial-no { /* width: 85%;*/ width: 250px; } .order-item-list { border: 1px solid #CCC; border-radius: 4px; } .order-item-list .order-item { border-radius: 4px; } .order-item-list .order-item:nth-child(odd) { padding: 10px; background: #FFFFFF; } .order-item-list .order-item:nth-child(even) { padding: 10px; background: #ECF0F1; } .order-linkage-container { text-align: left; padding: 10px; } .order-linkage-detail { border: 1px solid #dfdfdf; display: inline-block; padding: 20px; text-align: left; vertical-align: top; width: 100%; } .order-linkage-detail .page-menu { position: inherit; } .order-linkage-list { border: 1px solid #dfdfdf; display: inline-block; padding: 20px; text-align: left; vertical-align: top; width: 100%; } .order-linkage-item-header { margin-left: -10px; } .order-linkage-no-selection-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; } .order-linkage-update-btn { float: right; margin-left: 3px; } .order-linkage-summary-btn { float: right; margin-left: 3px; } .order-list-item { margin: 10px; font-size: 14px; } .order-list-item .button { text-align: center; } .order-list-item .order-flow { min-width: 150px; } .order-list-job-related-date { color: #FF695E; } .order-list-job-date { } .order-list-job-date .header { font-size: 14px; font-weight: 600; line-height: normal; } .order-list-job-date .job-date-navigation { font-size: 14px; } .order-list-job-date .job-date-next-button { border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 10px 12px; } .order-list-job-date .job-date-prev-button { border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 10px 12px; margin-right: -1px; } .order-list-panel { border: 1px solid #dbdbdb; border-radius: 4px; margin-top: -1px; padding: 10px; font-size: 0; } .order-list-panel .order-list-left-panel { display: inline-block; font-size: 12px; width: 30%; padding-right: 5px; vertical-align: top; border-right: 1px solid #dbdbdb; } .order-list-panel .order-list-right-panel { display: inline-block; font-size: 12px; width: 70%; padding-left: 10px; } .order-list-panel .order-list-right-panel .item-title { font-size: 14px; font-weight: 600; } .order-list-panel .order-list-right-panel-full { display: inline-block; font-size: 12px; width: 100%; padding-left: 10px; } .order-list-job-list-combo { background-color: #ECF0F1; padding-top: 5px; padding-bottom: 5px; } .order-list-job-list-left-panel { display: inline-block; width: 49%; vertical-align: top; } .order-list-job-list-right-panel { display: inline-block; width: 49%; vertical-align: top; } .order-list-schedule { border: 1px solid #1A6B98; border-collapse: collapse; } .order-list-schedule .fixed-column { /*position: absolute;*/ /*margin-left: -250px;*/ width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .order-list-schedule .fixed-column-thead { border: none; } .order-list-schedule .order-list-schedule-content { } .order-list-schedule .order-list-schedule-timeline { border-radius: 4px; color: #FFF; text-align: center; margin-bottom: 2px; position: relative; } .order-list-schedule .order-list-schedule-timeline .order-list-schedule-action-times { display: flex; background-color: #FFFFFF; flex-wrap: nowrap; align-items: stretch; list-style-type: none; padding-left: 0; margin-top: 0; margin-bottom: 0; } .order-list-schedule .order-list-schedule-timeline .order-list-schedule-action-times .order-list-schedule-action-time { flex: 1; text-align: center; border: solid 1px #DDDDDD; } .order-list-schedule .order-list-schedule-timeline .order-list-schedule-action-times:last-of-type .order-list-schedule-action-time:first-of-type { border-bottom-left-radius: 4px; } .order-list-schedule .order-list-schedule-timeline .order-list-schedule-action-times:last-of-type .order-list-schedule-action-time:last-of-type { border-bottom-right-radius: 4px; } .order-list-schedule thead th { background-color: #1A6B98; text-align: left; color: #FFF; } .order-list-schedule tbody td { color: black; font-weight: 600; white-space: nowrap; text-align: left; } .order-list-schedule tbody td:not(:first-child) { } .order-list-schedule th, .order-list-schedule td { padding: 5px 10px; vertical-align: top; min-width: 40px; border: 1px solid #1A6B98; } .order-list-schedule .order-list-schedule-thead { padding: 5px 0px; max-width: 40px; } .order-list-schedule td.order-list-schedule-timeline-container { padding: 5px 0px; max-width: 40px; overflow: visible; } .order-list-schedule td.order-list-schedule-timeline-container.current-time { background-color: #35B3F7 !important; } .order-list-schedule td.order-list-schedule-timeline-container.inactive { background: #BABABA !important; cursor: not-allowed; } /*.order-list-schedule tbody tr:nth-child(2n+1) { background-color: mediumvioletred; }*/ .order-list-schedule-action-button-container { margin: 0 -16px 0 -16px; } .order-list-schedule-action-button-container .order-list-schedule-action-buttons { display: flex; flex-wrap: nowrap; align-items: stretch; list-style-type: none; padding-left: 0; } .order-list-schedule-action-button-container .order-list-schedule-action-buttons .order-list-schedule-action-button { flex: 1; font-size: 36px; padding-top: 20px; padding-bottom: 20px; text-align: center; cursor: pointer; border-radius: 0px; border: 1px solid #dbdbdb; } .order-list-schedule-action-button-container .order-list-schedule-action-buttons .order-list-schedule-action-button.active { box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15); } .order-list-schedule-action-time-container { margin: 0 -16px 0 -16px; } .order-list-schedule-action-time-container .order-list-schedule-action-times { display: flex; flex-wrap: nowrap; align-items: stretch; list-style-type: none; padding-left: 0; } .order-list-schedule-action-time-container .order-list-schedule-action-times .order-list-schedule-action-time { flex: 1; font-size: 16px; line-height: 20px; text-align: center; cursor: pointer; border-radius: 0px; margin-bottom: -20px; padding: 5px 0px; border: solid 1px #DDDDDD; } .order-list-schedule-container { position: relative; width: 100%; overflow-x: scroll; overflow-y: visible; } .order-list-schedule-inner-container { overflow-x: auto; overflow-y: visible; /*margin-left: 250px;*/ } .order-list-schedule-item { } .order-list-schedule-item .order-list-item-group { margin-top: 5px; margin-bottom: 5px; } .order-list-schedule-item .order-list-item-group .icon-button { float: right; } .order-list-schedule-item .order-list-schedule-left-panel { display: inline-block; width: 39%; text-align: left; font-size: 96px; font-weight: 700; line-height: 96px; } .order-list-schedule-item .order-list-schedule-right-panel { display: inline-block; width: 59%; text-align: center; vertical-align: top; } .order-list-schedule-item .order-list-date { font-size: 36px; line-height: 42px; font-weight: 700; } .order-list-schedule-item .order-list-job-time { font-size: 64px; line-height: 64px; font-weight: 700; } .order-list-schedule-item .order-list-job-time-from-now { line-height: 22px; font-size: 22px; } .order-list-schedule-item .order-list-address { font-size: 24px; line-height: 24px; font-weight: 700; } .order-list-schedule-item .order-list-horizontal-value { font-size: 16px; display: inline-block; } .order-list-schedule-outer-container { position: relative; } .order-list-termination-label, .order-list-warning-label { color: red; } .order-management-item-desc .order-item-input-item-type { width: 100%; } .order-number-container { display: none; } .order-panel { margin-bottom: 10px; margin-top: 10px; text-align: right; width: 100%; } .order-panel .order-left-panel { text-align: left; width: 40%; display: inline-block; } .order-panel .order-right-panel { text-align: right; width: 59%; display: inline-block; } .padding-small { padding-left: 10px; } .padding-medium { padding-left: 20px; } .padding-large { padding-left: 40px; } .page-menu { padding: 5px 10px; /*position: relative;*/ background-color: #fff; border-bottom: 1px solid #dfdfdf; color: #000; margin-bottom: 30px; padding-top: 5px; padding-bottom: 5px; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0px; text-align: left; width: 100%; z-index: 2; height: 38px; } .page-menu .no-margin { padding: 5px 10px; /*position: relative;*/ background-color: #fff; border-bottom: 1px solid #dfdfdf; color: #000; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0px; text-align: left; width: 100%; z-index: 2; height: 38px; } .page-menu .header.no-side-button .page-title { position: relative; left: auto; right: auto; width: 100%; text-align: center !important; } .page-menu-back-panel { border-right: 1px solid #bfbcbb; cursor: pointer; display: inline-block; height: 100%; text-align: center; vertical-align: top; width: 4%; } .page-menu-back-panel > .back-box { padding: 10px 0; text-align: center; vertical-align: middle; } .page-menu-back-panel > .back-box:hover { background-color: #e8e8e8; } .page-menu-back-panel > .back-box > .back-button { color: #4f4f4f; font-size: 16px; line-height: normal; text-align: center; } .page-menu-left-panel .header { color: #2183bA; font-size: 20px; font-weight: 400; line-height: 1.333em; text-align: left; } .page-menu-left-panel .serial-no { color: #bfbcbb; font-size: 15px; } .page-menu-right-panel { display: inline-block; font-size: 20px; font-weight: 100; text-align: right; float: right; display: inline-block; height: 30px; margin-right: 15px; margin-top: -2px; position: absolute; right: 0; background: #FFF; padding-left: 5px; } .page-menu-right-panel .button { display: inline-block; padding: 0 10px; } .page-menu-right-panel .link-button { cursor: pointer; display: inline-block; font-size: 11px; font-weight: 400; margin-left: 10px; color: #000; } .page-menu-right-panel .link-page { cursor: pointer; display: inline-block; font-size: 12px; font-weight: 400; margin-left: 20px; color: #000; } .page-menu-right-panel .link-button:hover { color: #1B95C6; text-decoration: underline; } .page-menu-right-panel .link-button.selected { color: #1B95C6; text-decoration: underline; } .page-menu-panel-simple { display: inline-block; font-size: 20px; font-weight: 100; text-align: center; padding-bottom: 10px; } .page-menu-panel-simple .link-button { display: inline-block; margin-top: 5px; } .page-menu-panel-simple .calendar-prev-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .page-menu-panel-simple .calendar-middle-button { border-radius: 0; margin-left: -6px; margin-right: -6px; } .page-menu-panel-simple .calendar-next-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pager { margin-top: 5px; text-align: center; } .pager .custom-button { margin: 0 2px 20px 2px; } .pager .custom-button .fa { margin: 0; } .panel-container { text-align: center; } .panel-container .homepage-account-header { font-size: 20px; font-weight: 600; height: 30px; margin-bottom: 4%; margin-top: 4%; text-align: left; } .panel-container .homepage-account-header .logout { color: #9a9a9a; font-size: 18px; font-weight: normal; cursor: pointer; } .panel-container .panel-homepage { color: white; cursor: pointer; display: inline-block; height: 19vw; margin-right: 0.5vw; margin-top: 10px; min-height: 320px; min-width: 320px; text-align: center; width: 19vw; } .panel-container .panel-homepage .panel-header { border-bottom: 2px solid #9a9a9a; font-size: calc(12px + 0.8vw); font-weight: 600; line-height: calc(12px + 0.8vw); padding-bottom: 3%; padding-top: 3%; text-align: center; width: 100%; } .panel-container .panel-homepage .panel-container { height: 85%; margin: 0; text-align: center; } .panel-container .panel-homepage .panel-container .full-panel { display: inline-block; height: 100%; margin-bottom: 3px; width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-content { float: right; height: 70%; width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-content .panel-text { font-size: calc(5em + 3vw); font-weight: 600; line-height: 60px; padding-top: calc(40px + 2vw); } .panel-container .panel-homepage .panel-container .full-panel .panel-desc { float: right; font-size: calc(13.5px + 0.4vw); font-weight: 600; line-height: calc(13.5px + 0.4vw); width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-arrow-button { display: inline-block; font-size: 2vw; margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel { display: inline-block; height: 49.99%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel:last-of-type { border-top: 2px solid #9a9a9a; } .panel-container .panel-homepage .panel-container .left-panel .panel-content { display: inline-block; float: right; height: 70%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content .panel-text { font-size: calc(5em + 3vw); font-weight: 600; padding-top: calc(16px + 2vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-desc { float: right; font-size: calc(13.5px + 0.4vw); font-weight: 600; height: 29%; line-height: calc(13.5px + 0.4vw); padding-top: calc(12px + 0.3vw); width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-arrow-button { display: inline-block; font-size: calc(14px + 2vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .name-panel { border-bottom: 1px solid #9a9a9a; display: inline-block; font-size: calc(12px + 0.5vw); font-weight: 600; height: 20%; padding-top: 5px; text-align: center; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel { display: inline-block; height: 80%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half { border-right: 1px solid #9a9a9a; display: inline-block; height: 100%; width: 49%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-content { display: inline-block; float: right; font-size: calc(24px + 2vw); font-weight: 600; height: 70%; padding-top: calc(12px + 1vw); width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-content .panel-arrow-button { display: inline-block; font-size: calc(16px + 1vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-desc { float: right; font-size: calc(12px + 0.3vw); font-weight: 600; height: 29%; line-height: calc(12px + 0.5vw); padding-top: 0.4vw; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half { display: inline-block; float: right; height: 100%; padding-top: 0%; width: 49%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-content { display: inline-block; float: right; font-size: calc(24px + 2vw); font-weight: 600; height: 70%; padding-top: calc(12px + 1vw); width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-content .panel-arrow-button { display: inline-block; font-size: calc(16px + 1vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-desc { float: right; font-size: calc(12px + 0.3vw); font-weight: 600; height: 29%; line-height: calc(12px + 0.5vw); padding-top: 0.4vw; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .left-panel-half { display: inline-block; height: 100%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half { display: inline-block; float: right; font-weight: 600; height: 100%; padding-bottom: 5%; padding-top: 5%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .upper-content { font-size: calc(18px + 2vw); line-height: calc(18px + 2vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .middle-content { font-size: calc(18px + 1vw); line-height: calc(18px + 1vw); padding-bottom: 10px; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .lower-content { font-size: calc(12px + 1vw); line-height: calc(12px + 1vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .panel-arrow-button-half { display: inline-block; font-size: calc(18px + 1vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half { display: inline-block; height: 100%; float: right; padding-top: 5%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row { display: inline-block; font-size: calc(12px + 1vw); height: 33.3%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row .left-column { display: inline-block; width: 60%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row .right-column { display: inline-block; width: 36%; } .homepage-reminder-no-record-panel { color: #9a9a9a; font-size: 20px; font-weight: 100; line-height: normal; text-align: center; padding: 40px; } .panel-calendar { background-color: #2ecc71; } .panel-consultation { background-color: #b9288f; } .panel-consultant-on-demand { background-color: #283CB9; } .panel-center-admission { background-color: #cc99fe; } .panel-gratus-clinic { background-color: #ff465C; } .panel-medical-channel { background-color: #51b9d3; } .panel-machine-on-demand { background-color: #3498db; } .panel-patient-management { background-color: #f1c40f; } .panel-calendar-header { background-color: #27ae60; } .panel-consultation-header { background-color: #b9285d; } .panel-center-admission-header { background-color: #9933ff; } .panel-gratus-clinic-header { background-color: #ff112e; } .panel-medical-channel-header { background-color: #6f8bd1; } .panel-machine-on-demand-header { background-color: #2980b9; } .panel-patient-management-header { background-color: #e67e22; } .panel-reminder { border: 1px solid #9a9a9a; margin-bottom: 50px; margin-top: 10px; } .panel-reminder .reminder-header-container { background-color: #9a9a9a; font-size: 20px; padding-bottom: 10px; padding-top: 10px; text-align: center; width: 100%; } .panel-reminder .reminder-header-container .reminder-header { } .panel-reminder .reminder-content-container { font-size: 15px; margin-left: 10px; margin-right: 10px; text-align: left; width: 100%; } .panel-reminder .reminder-content-container .reminder-group { margin-bottom: 30px; margin-left: 10px; margin-right: 10px; margin-top: 10px; } .panel-reminder .reminder-content-container .reminder-group .active { cursor: pointer; } .panel-reminder .reminder-content-container .reminder-group .reminder-row { margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; } .panel-reminder .reminder-content-container .reminder-group .reminder-row .reminder-row-header { font-size: 20px; font-weight: 600; line-height: 20px; margin-bottom: 10px; margin-top: 10px; } .panel-reminder .reminder-content-container .reminder-group .reminder-row .reminder-row-text { font-size: 17px; line-height: 20px; } .panel-seminar { background-color: #9b59b6; } .panel-seminar-header { background-color: #8e44ad; } .patient-event-banner img { max-width: 100%; } .patient-item { font-size: 13px; margin-bottom: 5px; /*padding: 15px;*/ padding-bottom: 15px; padding-top: 15px; } .product-catalog-item-button { font-size: 15px; padding-top: 15px; } .product-catalog-item-button i { margin-left: 10px; } .product-catalog-item-button-custom { position: absolute; bottom: 0; right: 0; width: 50%; border-radius: 0; margin-bottom: 0; font-size: 15px; line-height: 30px; } .product-catalog-item-button-one-hour { position: absolute; bottom: 0; left: 0; width: 50%; border-radius: 0; margin-bottom: 0; background: rgba(0, 0, 0, 0) linear-gradient(#db2828, #db2828) repeat scroll 0 0; border: 1px solid #db2828; font-size: 15px; line-height: 30px; } .product-catalog-item-button-options { margin: 0 auto; width: 80%; } .promotion { background-color: #1A6B98; } .promotion-item { cursor: pointer; } .promotion-item img { width: 100%; } .qr-code-container { text-align: center; } .qr-code-container-treatment-quotation { text-align: left; } .qr-code-text { border-radius: 15px; border: 1px solid black; padding: 20px; font-size: 20px; } .ranking-level { cursor: default; display: inline-block; font-size: 15px; width: 100%; } .ranking-level .rating-star { color: #fc3; display: inline-block; font-size: 15px; margin-bottom: 10px; width: 59%; } .ranking-level .ranking { display: inline-block; font-size: 15px; margin-bottom: 10px; text-align: right; width: 39%; } .ranking-level .ranking .bronze { color: #8C7853; } .ranking-level .ranking .silver { color: #a8a8a8; } .ranking-level .ranking .gold { color: #CFB53B; } .ranking-level .ranking .copper { color: #b87333; } .ranking-level .ranking .normal { color: #8B4513; } .ranking-level .ranking .arrow-up { color: #21BA45; } .ranking-level .ranking .arrow-down { color: #DB2828; } .read-only { pointer-events: none !important; } .remove-button { position: absolute; right: 5px; top: 2px; } .report-button-container { width: 39%; text-align: right; display: inline-block; } .report-item { padding: 10px; border: 1px solid #1A6B98; text-align: left; margin-bottom: 5px; } .report-link { font-size: 14px; } .report-link-large { font-size: 20px; } .report-title { text-align: left; font-size: 15px; display: inline-block; width: 60%; line-height: 27px; } .required-indicator { color: red; } .review-container { display: inline-block; width: 100%; } .review-container .review-item { border: 1px solid #fff; display: inline-block; } .review-table-row { display: inline-block; margin-bottom: 5px; margin-top: 5px; vertical-align: bottom; width: 100%; } .review-table-row-index { width: 3%; display: inline-block; vertical-align: bottom; } .review-table-row-info { width: 96%; display: inline-block; vertical-align: bottom; } .review-table-rating-star { font-size: 30px; margin-right: 15px; } .review-comment-right-panel { text-align: right; width: 100%; } .review-comment-status { display: block; margin-right: 20px; } .review-comment-status-container { display: inline-block; width: 100%; } .review-comment-text { word-break: break-word; width: 100%; } .review-comment-textView { border: 1px solid #CCC; border-radius: 4px; color: #000; font-size: 13px; line-height: 20px; min-height: 150px; overflow: auto; padding: 5px 10px; width: 100%; } .review-comment-title { font-weight: 600; } .scheduler { width: 100%; } .scheduler thead tr { border: none !important; color: #000 !important; font-size: 14px !important; } .scheduler thead tr td { border: none !important; text-align: center !important; } .scheduler tbody tr td { color: #000; border: 1px solid #ccc !important; position: relative !important; vertical-align: top !important; } .scheduler-date-box { text-align: center !important; font-size: 16px; font-weight: 600; margin-top: 10px; margin-bottom: 10px; } .scheduler-grid { height: 50px; } .scheduler-grid:first-child { width: 20%; } .scheduler-time-box { text-align: center !important; font-size: 14px; } .scheduler-order-box { background-color: #1A6B98; border-radius: 4px; cursor: pointer; margin: 0.333em; padding: 0.333em; text-align: left; color: #FFF; } .scheduler-order-grid { display: flex; height: 100%; } .separator { border-bottom: 1px solid #dbdbdb; } .separator.black { border-bottom: 1px solid #000; } .share-buttons { color: black; font-size: 30px; margin-right: 5px; display: inline-block; } share-buttons-container { width: 99%; text-align: left; } .shopping-cart { position: relative; } .shopping-cart-bottom-panel { color: #fff; background-color: #1A6B98; bottom: 0; height: 41px; position: fixed; text-align: left; width: 100%; } .shopping-cart-botton-consumable-cost-estimation { position: fixed; bottom: 0; left: 0; width: 60%; border: 1px solid black; border-radius: 0; margin-bottom: 0; z-index: 110; line-height: 20px; vertical-align: middle; text-align: center; height: 73px; background: white; cursor: pointer; } .shopping-cart-botton-consumable-cost-estimation-amount { margin-top: 15px; margin-right: 5px; font-size: 15px; font-weight: bold; color: black; } .shopping-cart-botton-consumable-cost-estimation-amount-minimum { margin-right: 5px; font-size: 15px; color: #9a9a9a; } .shopping-cart-botton-submit { position: fixed; bottom: 0; left: 60%; width: 40%; border-radius: 0; margin-bottom: 0; z-index: 110; font-size: 20px; line-height: 60px; } .shopping-cart-botton-submit.disabled { font-size: 20px; } .shopping-cart-botton-submit-full { position: fixed; bottom: 0; left: 0; width: 100%; border-radius: 0; margin-bottom: 0; z-index: 110; font-size: 30px; line-height: 60px; } .shopping-cart-botton-submit-full.disabled { font-size: 30px; } .shopping-cart-button-consumable-cost-estimation { cursor: pointer; display: inline-block; margin-top: 10px; text-align: right; vertical-align: top; width: 80%; } .shopping-cart-button-consumable-cost-estimation-amount { margin-right: 5px; font-size: 15px; font-weight: bold; color: black; } .shopping-cart-button-consumable-cost-estimation-amount-minimum { font-size: 15px; color: #9a9a9a; } .shopping-cart-button-submit { font-size: 15px; vertical-align: top; } .shopping-cart-button-submit.disabled { font-size: 15px; } .shopping-cart-calendar-left-panel { display: inline-block; vertical-align: top; width: 69%; } .shopping-cart-calendar-right-panel { display: inline-block; padding-left: 10px; padding-top: 65px; vertical-align: top; width: 30%; } .shopping-cart-calendar-right-panel .name { font-size: 17px; font-weight: 600; line-height: normal; margin: 12px 0; text-align: left; } .shopping-cart-cat-lv1 { font-weight: 700; text-align: left; padding-top: 10px; } .shopping-cart-cat-lv2 { font-weight: 700; text-align: left; } .shopping-cart-continue-button { margin-top: 40px; } .shopping-cart-consumable-cost-estimation-title { display: inline-block; width: 65%; font-size: 15px; font-weight: 700; padding: 10px 0; text-align: left; } .shopping-cart-consumable-cost-estimation-charge { font-size: 15px; text-align: left; font-weight: normal; } .shopping-cart-consumable-cost-estimation-amount { display: inline-block; font-size: 15px; text-align: left; vertical-align: top; margin-top: 3px; padding: 10px 0; font-weight: 700; width: 13%; } .shopping-cart-consumable-cost-estimation-detail { display: inline-block; padding-left: 5px; text-align: left; width: auto; } .shopping-cart-consumable-cost-estimation-amount-button { /*color: #4183C4; font-size: 14px; padding-left: 10px; text-decoration: underline;*/ } .shopping-cart-consumable-cost-estimation-amount-button:hover { /*color: #4183C4; text-decoration: underline;*/ } .shopping-cart-consumable-cost-estimation-item { width: 100%; font-size: 14px; text-align: left; margin-bottom: 10px; } .shopping-cart-consumable-cost-estimation-item-display { text-align: left; } .shopping-cart-consumable-cost-estimation-item-name { width: 35%; display: inline-block; vertical-align: top; margin: 5px 0px 5px 0px; text-align: left; } .shopping-cart-consumable-cost-estimation-item-qty { width: 40%; display: inline-block; vertical-align: top; margin: 5px 0px 5px 0px; text-align: left; } .shopping-cart-consumable-cost-estimation-item-qty-slider { display: inline-block; width: 85%; } .shopping-cart-consumable-cost-estimation-item-cost-amount { width: 20%; display: inline-block; vertical-align: top; margin: 5px 0px 5px 0px; text-align: right; } .shopping-cart-consumable-cost-estimation-item-cost-subtotal { font-size: 14px; font-weight: bold; color: #fff; background: #bfbcbb; border-top: 1px solid black; border-bottom: 1px solid black; } .shopping-cart-consumable-cost-estimation-item-cost-subtotal-name { width: 75%; display: inline-block; margin: 5px 0px 5px 0px; text-align: right; } .shopping-cart-consumable-cost-estimation-item-cost-subtotal-amount { width: 20%; display: inline-block; margin: 5px 0px 5px 0px; text-align: right; } .shopping-cart-consumable-cost-estimation-item-cost-total { font-size: 14px; font-weight: bold; color: #fff; background: #bfbcbb; border-bottom: 2px solid black; } .shopping-cart-consumable-cost-estimation-item-cost-total-name { width: 75%; display: inline-block; margin: 5px 0px 5px 0px; text-align: right; } .shopping-cart-consumable-cost-estimation-item-cost-total-amount { width: 20%; display: inline-block; margin: 5px 0px 5px 0px; text-align: right; } .shopping-cart-consumable-cost-estimation-total-qty-progress-bar { display: inline-block; width: 5%; margin-top: 2px; margin-bottom: 2px; font-size: 12px; text-align: left; color: black; } .shopping-cart-consumable-cost-estimation-total-qty-progress-bar .qty-level { cursor: default; margin-left: -3px; } .shopping-cart-consumable-cost-estimation-total-qty-progress-bar .qty-level:hover { color: #117ed2; font-weight: bold; } .shopping-cart-consumable-cost-estimation-total-qty-progress-bar .qty-level-selected { font-weight: bold; } .shopping-cart-consumable-cost-estimation-total-qty-progress-bar .qty-level-moq { margin-left: -3px; } .shopping-cart-consumable-cost-estimation-total-qty-progress-bar .qty-level-moq-text { font-size: 8px; } .shopping-cart-consumable-cost-estimation-total-qty-progress-bar .count { background: #1A6B98; height: 30px; } .shopping-cart-consumable-cost-estimation-total-qty-progress-bar .not-count { background: #bfbcbb; height: 30px; } .shopping-cart-consumable-cost-estimation-cycle-cost-list { width: 75%; border: 1px solid black; border-radius: 10px; padding: 5px; font-size: 14px; text-align: left; font-weight: 600; color: black; } .shopping-cart-consumable-cost-estimation-cycle-cost-list-name-full { margin: 5px 0px 5px 0px; text-align: left; } .shopping-cart-consumable-cost-estimation-cycle-cost-list-name { width: 55%; display: inline-block; margin: 5px 0px 5px 0px; text-align: left; } .shopping-cart-consumable-cost-estimation-cycle-cost-list-cost { width: 40%; display: inline-block; margin: 5px 0px 5px 0px; text-align: right; } .shopping-cart-delivery-date-panel { text-align: left; } .shopping-cart-header { cursor: pointer; display: inline-block; margin: 0 20px; margin-bottom: 10px; padding-bottom: 10px; } .shopping-cart-header.disabled { color: #dbdbdb !important; cursor: not-allowed !important; } .shopping-cart-header.disabled:hover { color: #dbdbdb !important; cursor: not-allowed !important; } .shopping-cart-header:hover { color: #1B95C6; } .shopping-cart-header .icon { font-size: 30px; margin-bottom: 10px; } .shopping-cart-header.selected { border-bottom: 2px solid #1B95C6; } .shopping-cart-header .name { font-size: 15px; } .shopping-cart-header-left-panel { display: inline-block; text-align: left; width: 60%; } .shopping-cart-header-name-panel { display: inline-block; text-align: left; } .shopping-cart-header-right-panel { display: inline-block; text-align: right; vertical-align: middle; width: 39%; } .shopping-cart-icon .label { position: absolute; top: 16px; left: 40px; font-size: 11px; } .shopping-cart-menu-container { position: relative; display: inline-block; } .shopping-cart-name { display: inline-block; font-size: 14px; } .shopping-cart-no-items { color: #bfbcbb; font-size: 30px; font-weight: 100; padding-top: 40px; } .shopping-cart-order-item-header { font-size: 20px; font-weight: 600; padding-bottom: 5px; padding-top: 15px; } .shopping-cart-order-item-header-separator { border-bottom: 1px solid #dbdbdb; padding: 3px 0; } .shopping-cart-popup-close { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .shopping-cart-popup-item { border-bottom: 1px solid #dbdbdb; color: #7e7e7e; cursor: pointer; font-size: 14px; margin: 0 30px; min-width: 200px; padding: 14px 0; text-align: left; } .shopping-cart-popup-item:last-child { border-bottom: 0; } .shopping-cart-popup-item:hover { color: #00a2e2 !important; } .shopping-cart-popup-item a { color: #7e7e7e; } .shopping-cart-popup-item a:hover { color: #00a2e2 !important; } .shopping-cart-popup-item-image { display: inline-block; width: 30px; } .shopping-cart-popup-item-name { display: inline-block; text-align: left; } .shopping-cart-popup-item-left-panel { display: inline-block; width: 29%; vertical-align: top; } .shopping-cart-popup-item-right-panel { display: inline-block; padding-top: 5px; padding-left: 5px; width: 69%; vertical-align: top; } .shopping-cart-popup-item-right-panel .name { font-size: 14px; } .shopping-cart-row { border: 1px dashed #d6d6d6; cursor: pointer; margin: 5px 0; padding: 8px; position: relative; } .shopping-cart-row:hover { border: 1px solid #2183bA; } .shopping-cart-row:hover .selected { border: 1px solid #575757; } .shopping-cart-row.selected { border: 1px solid #00a3ff; } .shopping-cart-subscription-item { font-size: 13px; font-weight: 600; } .shopping-cart-qty-textbox { border: 1px solid #dbdbdb; border-radius: 2px; font-size: 10px; height: 23px; margin: 1px 0; text-align: center; width: 25px; } .shorten-url-base-url { font-size: 15px; } .shorten-url-generate-button { margin-top: 5px !important; margin-right: 0 !important; width: 33%; text-align: center; } .shorten-url-key { width: 66% !important; } .shorten-url-panel { margin-bottom: 10px; margin-top: 10px; text-align: right; width: 100%; } .show-more-search-panel { text-align: left; vertical-align: bottom; } .sign-out-username { font-size: 11px; } .signature-clear-button { bottom: 5px; right: 0px; position: absolute; } .signature-container { position: relative; } .signature-viewport { -ms-touch-action: none; -ms-scroll-chaining: none; height: 100%; width: 100%; border: 1px solid #1992d9 !important; border-radius: 0.2857rem !important; cursor: pointer; } .skin-snap-report-container .report-list { border: 2px solid #BABABA; width: 60%; padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px; } .skin-snap-report-container .report-photo { display: inline-block; padding: 10px; margin: 10px; cursor: pointer; } .skin-snap-report-container .report-photo img { max-width: 100%; } .skin-snap-report-container .report-photo-large { padding: 10px; margin: 10px; } .skin-snap-report-container .dms-responsive-table tr td:first-child { width: 40%; } .skin-snap-report-tab-container { border-bottom: 2px solid #000; padding-bottom: 2px; text-align: left; } .skin-snap-report-title-container { border-bottom: 2px solid #000; padding-bottom: 2px; text-align: left; font-weight: bold; } .slick-slider { margin-bottom: 0px !important; } .staff-entry-chart { height: 100px; } .staff-entry-statistic { margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 10px; } .sub-title { font-size: 25px; } .text-box { border: 1px solid #ccc; border-radius: 3px 0 0 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #333; height: 2.6em; padding-left: 10px; } .page-title { position: absolute; left: 5%; right: 5%; text-align: center; height: 29px; overflow: hidden; word-break: break-all; } .timeout-container { display: inline-block; text-align: left; vertical-align: top; width: 100%; float: left; position: relative; top: -20px; } .timeout-container.sidebar-toggled { visibility: hidden; } .timeout-container button { display: inline-block; background: #1B95C6; border: 1px solid #1B95C6; color: #FFF; border-radius: 4px; padding: 6px 10px; margin: 1px; cursor: pointer; text-align: center; width: auto; min-width: 30px; } .timeout-container button.red { background: #db2828; border-color: #db2828; } .timeout-container button.green { background: green; border-color: green; } .timeout-container .timeout-calendar-tab-container { text-align: left; } .timeout-container .timeout-calendar-tab-container .custom-tab-item { min-width: 50px; padding: 5px; text-align: center; } .timeout-container .timeout-calendar-container { border: 1px solid #dbdbdb; height: 100%; width: 100%; } .timeout-container .timeout-calendar-container .accordion-button { cursor: pointer; display: inline-block; margin: 5px; padding: 5px; } .timeout-container .timeout-calendar-container .accordion-button:hover { background: #BDC3C7; color: #FFFFFF; } .timeout-container .timeout-calendar-container .accordion-button i { margin-right: 0; font-size: 1.5rem; } .timeout-container .timeout-calendar-container .timeout-calendar-panel { padding: 5px; } .timeout-container .timeout-calendar-container .timeout-scheduler-container { overflow-x: auto; overflow-y: hidden; } .timeout-container .timeout-calendar-container .timeout-scheduler-container .dx-scheduler-view-switcher { display: none; } .timeout-container .timeout-calendar-container .timeout-scheduler-container .dx-scheduler-group-table { width: 100px; } .timeout-container .timeout-calendar-container .timeout-scheduler-container .dx-scheduler-group-table .dx-scheduler-group-header-content { width: 100%; font-size: 1.2rem; } .timeout-container .timeout-calendar-container .timeout-scheduler-container .dx-scheduler-time-panel { width: 80px; } #timeout-detail-panel { height: 100%; } .timeout-detail-title { height: 40px; width: 100%; } .timeout-detail-container { height: calc(100% - 40px); overflow: auto; } .timeout-detail-container button { display: inline-block; background: #1B95C6; border: 1px solid #1B95C6; color: #FFF; border-radius: 4px; padding: 6px 10px; margin: 1px; cursor: pointer; text-align: center; width: auto; min-width: 30px; } .timeout-detail-container button.red { background: #db2828; border-color: #db2828; } .timeout-detail-container button.green { background: green; border-color: green; } .timeout-detail-container button.grey { background: grey; border-color: grey; } .timeout-detail-container .timeout-detail-add-form-field { display: inline-flex; align-items: center; } /* .timeout-sidebar-panel { top: auto; display: inline-block; position: relative; vertical-align: top; height: 100%; width: 29%; border: 1px solid #dbdbdb; } */ .timeout-sidebar-panel { /*display: none;*/ width: 0; height: 100%; text-align: left; vertical-align: top; margin-right: 10px; position: fixed; /*right: 0;*/ right: -100%; height: calc(100% - 140px); padding: 20px; } .timeout-sidebar-panel.sidebar-toggled { width: 100%; left: 1px; top: 130px; border: none; /* display: inline-block; position: fixed; right: 0; top: 140px; */ } .timeout-sidebar-panel .timeout-sidebar-close-button { float: right; display: block; cursor: pointer; padding: 5px 10px; position: relative; top: -10px; right: -10px; } .timeout-sidebar-panel .timeout-sidebar-close-button:hover { background-color: lightgrey; } .timeout-sidebar-panel .timeout-sidebar-close-button i { margin: 0; } .toggle-button-label { display: inline-block; padding: 6px 10px 6px 0px; margin-top: 5px; } .toggle-button { display: inline-block; background: #BABABA; color: #FFF; border-radius: 4px; padding: 6px 10px; margin-top: 5px; cursor: pointer; text-align: center; width: auto; } .toggle-button.active { background: #1B95C6; border: 1px solid #1B95C6; } .toggle-button.inactive { background: #BABABA !important; } .toggle-button.doctor-schedule { background: #19984c; border: 1px solid #19984c; } .toggle-button.on-demand { background: #1a6b98; border: 1px solid #1a6b98; } .toggle-button.seminar { background: #34bec9; border: 1px solid #34bec9; } .toggle-button.treatment-booking { background: #ff7dbd; border: 1px solid #ff7dbd; } .toggle-button.trial-purchase { background: #6400ff; border: 1px solid #6400ff; } .toggle-button.active.approve { background: #1B95C6; border: 1px solid #1B95C6; } .toggle-button.reject.active { background: #ff0000; border: 1px solid #1B95C6; } .toggle-button-small { display: inline-block; background: #BABABA; color: #FFF; border-radius: 4px; padding: 6px 10px; margin-top: 5px; cursor: pointer; } .toggle-checkbox { cursor: pointer; margin-top: 23px; font-size: 15px; } .treatment-history-table-row { margin-bottom: 10px; margin-top: 10px; width: 100%; } .treatment-history-table-row .treatment-history-table-row-half-left { display: inline-block; width: 69%; text-align: left; } .treatment-history-table-row .treatment-history-table-row-half-right { display: inline-block; width: 29%; text-align: right; } .treatment-total-qty-progress-bar { display: inline-block; width: 65%; } .treatment-total-qty-progress-bar-desc { display: inline-block; margin-left: 3px; margin-top: 3px; } .total-qty-usage-consumable-total-qty-progress-bar { display: inline-block; width: 100%; } .total-qty-usage-consumable-total-qty-progress-bar-desc { display: inline-block; margin-left: 3px; margin-top: 3px; } .total-qty-usage-consumable-total-qty-progress-bar.k-progressbar { background-color: #dbdbdb; border-color: #dbdbdb; } .total-qty-usage-consumable-total-qty-progress-bar.k-progressbar > .k-state-selected { background-color: #1B95C6; border-color: #1B95C6; } .total-qty-usage-consumable-total-qty-progress-bar.k-progressbar > .k-state-selected.k-complete { background-color: #1B95C6; border-color: #1B95C6; } .work-order-history-custom-table { border: 1px solid #1A6B98; border-collapse: collapse; width: 100%; } .work-order-history-custom-table thead { background: #1A6B98; color: white; } .work-order-history-custom-table th, .work-order-history-custom-table td { padding: 5px 10px; text-align: left; vertical-align: top; } .work-order-history-custom-table tr { cursor: pointer; } .work-order-history-custom-table tbody tr.first-row { background: #FFF; } .work-order-history-custom-table tbody tr.second-row { background: #ECF0F1; } .work-order-history-custom-table tbody tr:not(.no-highlight):hover { background: #BDC3C7; color: #FFFFFF; } .work-order-history-custom-table th.custom-input-field { width: 100%; } .work-order-history-custom-table.form { width: 94%; } .work-order-history-custom-table.editable .custom-input-field { border: 0px; border-radius: 0px; height: 100%; width: 100%; } .work-order-history-custom-table.editable th { padding: 5px 10px; } .work-order-history-custom-table.editable td { border: 1px solid #dbdbdb; padding: 0px; } .work-order-history-custom-table.editable td > span, .work-order-history-custom-table.editable td > div, .work-order-history-custom-table.editable td > a { padding: 5px 10px; } .ui.segment.custom-dimmer { border: none; box-shadow: none; height: 100%; padding: 0; position: relative; text-align: center; width: 100%; } .ui.segment.custom-dimmer > .dimmer { position: absolute; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.3); } .ui.segment.custom-dimmer > .ui.active.dimmer > .loader { height: 100%; position: relative; width: 100%; } .ui.segment.custom-dimmer > .ui.active.dimmer > .loader > .spinner { color: #2183bA; left: 50%; position: absolute; top: 40%; } .ui.segment.custom-dimmer > .ui.active.dimmer > .loader > .spinner > .description { font-size: 14px; font-weight: 400; margin-top: 10px; } .vertical-align-top { vertical-align: top; } .youtube-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .youtube-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* DevExtreme Scheduler For Doctor Calendar Override original styles */ .doctor-scheduler { width: 100%; padding-top: 20px; padding-bottom: 20px; } .doctor-scheduler-container { } .doctor-scheduler-container .dx-scheduler-time-panel { width: 60px; } .doctor-scheduler-container .dx-scheduler-time-panel-cell { font-size: 12px; padding-left: 0px; } .doctor-scheduler-container .dx-scheduler-all-day-table-row:before, .doctor-scheduler-container .dx-scheduler-header-row:before, .doctor-scheduler-container .dx-scheduler-all-day-title { width: 60px; } .doctor-scheduler-container .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { height: 100px; } .doctor-scheduler-container .dx-scheduler-date-table { width: calc(100% + 40px); } .doctor-scheduler-container .dx-scheduler-work-space-month .dx-scheduler-date-table { width: 100%; } .doctor-scheduler-container .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .doctor-scheduler-container .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin-left: 60px; } .doctor-scheduler-container .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable, .doctor-scheduler-container .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: initial; } @media /* Generic breakpoint */ screen and (min-width: 601px) and (max-width: 1024px) { .nd-profile-container { text-align: left; margin-bottom: 2vh; margin-top: 4vh; width: 100%; } } @media /* Generic breakpoint */ screen and (min-width: 601px) { .activity-container { text-align: left !important; } .activity-container .k-datetimepicker { margin-bottom: 5px; } .activity-banner-container { background: #EFEFEF; border-radius: 4px; margin-bottom: 5px; padding: 10px; position: relative; min-height: 185px; } .activity-content-html { margin-bottom: 10px; } .activity-content-html .ta-editor { margin-bottom: 5px; } .activity-list-box { margin: 0 auto; width: 80%; } .activity-list-panel { line-height: normal; padding: 30px; padding-top: 50px; width: 100%; } .activity-list-panel.member-home { padding-top: 0; } .activity-list-panel .activity-list-header { margin: 30px auto; width: 50%; } .activity-list-panel .activity-header-icon { margin-bottom: 5px; } .activity-list-panel .activity-header-icon img { width: 80px; } .activity-list-panel .activity-header-text { background: #FFF; border: 1px solid #2183bA; border-radius: 4px; color: #2183bA; cursor: pointer; float: left; font-size: 20px; font-weight: 400; line-height: 35px; margin-top: 10px; width: 100%; } .activity-list-panel .activity-header-text.active { background: #2183bA; color: #fff; } .activity-list-panel .activity-header-text.half { width: 50%; } .activity-list-panel .activity-header-text.past-event.half { border-bottom-right-radius: 0; border-top-right-radius: 0; } .activity-list-panel .activity-header-text.upcoming-event.half { border-bottom-left-radius: 0; border-top-left-radius: 0; } .activity-list-panel .activity-list-item { border-top: 1px solid #dbdbdb; margin: 20px 0; vertical-align: top; width: 100%; overflow: hidden; } .activity-list-panel .activity-list-item-top-panel { display: inline-block; float: left; width: 29%; } .activity-list-panel .activity-list-item-top-panel img { width: 100%; } .activity-list-panel .activity-list-item-bottom-panel { display: inline-block; padding-top: 10px; padding-left: 10px; text-align: left; vertical-align: top; width: 70%; } .activity-list-panel .activity-list-item-text { color: #1B95C6; font-size: 18px; font-weight: 600; text-align: left; } .activity-list-panel .activity-list-item-text > a:hover { color: #1B95C6 !important; text-decoration: underline !important; } .activity-list-panel .activity-list-item-date { margin-top: 10px; } .activity-list-panel .activity-list-item-date > .header { font-size: 14px; font-weight: 600; line-height: normal; } .activity-list-panel .activity-list-item-date > .text { font-size: 14px; line-height: normal; } .activity-list-panel .event-item-time { margin-top: 10px; } .activity-list-panel .event-item-time > .header { font-size: 14px; font-weight: 600; line-height: normal; } .activity-list-panel .event-item-time > .text { font-size: 14px; line-height: normal; } .activity-list-panel .activity-list-item-location { margin-top: 10px; } .activity-list-panel .activity-list-item-location > .header { font-size: 14px; font-weight: 600; line-height: normal; } .activity-list-panel .activity-list-item-location > .text { font-size: 14px; line-height: normal; } .activity-location .form-width-100-percent { width: 99%; } .activity-materials .material-path { width: 80%; } .activity-materials .k-listview { margin-top: 5px; border-radius: 4px; min-height: 100px; margin-bottom: 10px; } .activity-materials .material { width: 31.1%; margin: 5px 1.1%; display: inline-block; position: relative; } .activity-materials .material img { display: block; max-width: 100%; max-height: 180px; height: auto; margin-left: auto; margin-right: auto; } .activity-materials .material .custom-input-field { padding: 0; height: 20px; } .activity-message { color: #bfbcbb; font-size: 30px; font-weight: 100; padding-top: 40px; display: inline-block; width: 100%; } .booking-sidebar-panel { /*top: auto;*/ } .booking-sidebar-panel.sidebar-toggled { width: 500px; } .booking-container.sidebar-toggled { width: calc(100% - 500px); visibility: visible; } .calendar-content { width: 100%; } .calendar-content-box { margin-top: 8px; } .check-icon { color: #fff; position: absolute; right: 2px; top: 0; } .check-icon .fa { font-size: 14px; margin-right: 2px; } .cover-dropzone { min-height: 220px !important; } .cover-dropzone .dz-message { margin-top: 80px !important; } .custom-table tbody tr:not(.no-highlight):hover { background: #BDC3C7; color: #FFFFFF; } .dashboard-container { text-align: left !important; } .desktop-form-col-1 { vertical-align: top; width: 100%; } .desktop-form-col-1 input, .desktop-form-col-1 select { width: 94%; } .desktop-form-col-1 textarea { width: 94%; border-radius: 4px; padding: 5px 10px; border: 1px solid #CCC; } .desktop-form-col-1.form-group select { width: 100%; } .desktop-form-col-1 .custom-input-field.k-numerictextbox { padding: 0; width: 94% !important; border: 0; } .desktop-form-col-2 { vertical-align: top; width: 49%; } .desktop-form-col-2 input, .desktop-form-col-2 select { width: 90%; } .desktop-form-col-2 .custom-input-field.k-datepicker, .desktop-form-col-2 .custom-input-field.k-datetimepicker, .desktop-form-col-2 .custom-input-field.k-numerictextbox, .desktop-form-col-2 .custom-input-field.k-dropdown, .desktop-form-col-2 .custom-input-field.k-combobox { padding: 0; width: 90% !important; border: 0; } .desktop-form-col-2 .desktop-form-col-1.form-group { width: 90%; } .desktop-form-col-2 .desktop-form-col-1.form-group input { width: 100%; } .desktop-form-col-2 .desktop-form-col-1.form-group .custom-input-field.k-dropdown { width: 100% !important; } .desktop-form-col-2 .desktop-form-col-1.form-group .field { width: 100%; } .desktop-form-col-2 .k-combobox, .desktop-form-col-2 .k-autocomplete { width: 90%; } .desktop-form-col-2 .signature-container { width: 90% !important; } .desktop-form-col-3 { width: 32%; } .desktop-form-col-3 input { width: 90%; } .desktop-form-col-4 { width: 24.3%; } .desktop-form-col-4 input, .desktop-form-col-4 select { width: 80%; } .desktop-form-col-4 .custom-input-field.k-datepicker, .desktop-form-col-4 .custom-input-field.k-datetimepicker, .desktop-form-col-4 .custom-input-field.k-numerictextbox, .desktop-form-col-4 .custom-input-field.k-dropdown, .desktop-form-col-4 .custom-input-field.k-combobox { padding: 0; width: 81% !important; border: 0; } .estatement-panel { margin-top: 15px; } .estatement-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; } .form-group { padding: 10px 10px 0 10px; border: 1px solid #CCC; border-radius: 4px; width: 94%; background: #fcfcfc; position: relative; } .inbox-container { position: sticky; left: 0; right: 0; bottom: 0; top: 52px; width: auto; overflow: hidden; background: #FFF; height: 785px; } .inbox-left-column { width: 40%; position: absolute; top: 0; left: 0; bottom: 0; border-right: 1px solid rgba(34, 36, 38, 0.15); } .inbox-message-title-container { padding: 10px 0; left: 10px; right: 10px; width: auto; } .inbox-right-content { margin-left: 10px; margin-right: 10px; } .inbox-right-column { width: 60%; position: absolute; right: 0; top: 0; bottom: 0; overflow: auto; text-align: left; } .item-type-details { background-color: #fff; display: inline-block; vertical-align: top; width: 480px; } .item-type-row.selected { border: 1px solid #00a3ff; padding: 8px; } .item-type-row.selected:hover { border: 1px solid #00a3ff; padding: 8px; } .item-subscription-plan { display: inline-block; vertical-align: top; width: 400px; } .item-subscription-plan img { max-width: 400px; } .item-subscription-plan-no-img { display: inline-block; vertical-align: top; width: 600px; } .item-type-lv2 { font-size: 13px; line-height: normal; } .item-type-lv2 .qty { color: #727272; } .item-type-lv3 { font-size: 13px; line-height: normal; } .item-type-lv3 .qty { color: #727272; } .item-type-promo { display: inline-block; text-align: center; padding-right: 5px; width: 60%; } .item-type-row .right-panel { display: inline-block; vertical-align: top; width: 60%; } .item-type-row .right-panel .name { display: inline-block; font-size: 15px; font-weight: 600; line-height: 20px; margin-bottom: 0; vertical-align: top; } .main-menu-item-center, .main-menu-item-left, .main-menu-item-right { display: inline-block; } .member-contact-person, .member-phone { width: auto; margin-left: 10px; } .mobile-only { display: none !important; } .desktop-only { display: normal !important; } .order-history-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; } .order-history-panel { margin-top: 15px; text-align: left; } .order-history-panel .calendar-month-year-panel { margin-bottom: 20px; text-align: center; } .order-history-panel .order-history-record { border: 1px solid #dbdbdb; border-radius: 4px; margin-bottom: 10px; } .order-history-panel .order-replenishment-history-record { border-top: 6px double #dbdbdb; } .order-history-panel .order-header-panel { } .order-history-panel .order-header-left-panel { display: inline-block; padding: 10px; width: 60%; } .order-history-panel .order-date-panel .header-text { display: inline-block; font-size: 16px; font-weight: 600; line-height: normal; } .order-history-panel .order-date-panel .text { display: inline-block; line-height: normal; } .order-history-panel .order-no-panel { color: #9a9a9a; font-size: 13px; } .order-history-panel .order-no-panel .text { display: inline-block; } .order-history-panel .order-header-right-panel { display: inline-block; text-align: right; width: 39%; } .order-history-panel .cancel-order-panel { padding-right: 10px; } .order-history-panel .cancel-order-panel .header-text { font-size: 15px; font-weight: 700; } .order-history-panel .order-history-item-panel { border-top: 1px solid #dbdbdb; padding-bottom: 20px; padding-left: 20px; padding-top: 20px; width: 100%; } .order-history-panel .order-service-panel { margin-bottom: 10px; } .order-history-panel .order-delivery-dt-panel { margin-bottom: 10px; } .order-history-panel .order-return-dt-panel { margin-bottom: 10px; } .order-history-panel .order-return-dt-panel .button { display: inline-block; } .order-history-panel .order-address-panel { margin-bottom: 10px; } .order-history-panel .order-item-left-panel { display: inline-block; vertical-align: top; width: 25%; } .order-history-panel .order-item-left-panel .header-text { font-size: 15px; font-weight: 600; line-height: normal; } .order-history-panel .order-item-left-panel .text { color: #9a9a9a; font-size: 13px; line-height: normal; } .order-history-panel .order-item-middle-panel { display: inline-block; vertical-align: top; width: 45%; } .order-history-panel .order-item-right-panel { display: inline-block; vertical-align: top; width: 29%; } .order-history-panel .order-item-right-panel .button-panel { text-align: right; } .order-history-panel .order-item-right-panel .calendar-available-timeslot-box .shopping-cart-row { font-size: 11px; } .order-history-panel .order-item-right-panel .calendar-available-timeslot-from-box { display: inline-block; vertical-align: top; width: 49%; } .order-history-panel .order-item-right-panel .calendar-available-timeslot-from-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .order-history-panel .order-item-right-panel .calendar-available-timeslot-from-box .time { font-size: 13px; } .order-history-panel .order-item-right-panel .calendar-available-timeslot-to-box { display: inline-block; vertical-align: top; width: 49%; } .order-history-panel .order-item-right-panel .calendar-available-timeslot-to-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .order-history-panel .order-item-right-panel .calendar-available-timeslot-to-box .time { font-size: 13px; } .order-history-panel .order-item-right-panel .calendar-box-month { display: block; font-size: 10px; } .order-history-panel .order-item-right-panel .calendar-day { margin-top: 0px; } .order-history-panel .order-item-right-panel .calendar-delivery-date-time-box { padding-left: 16px; padding-right: 10px; } .order-history-panel .order-item-right-panel .calendar-delivery-date-time-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .order-history-panel .order-item-right-panel .calendar-delivery-date-time-box .calendar thead tr td { font-size: 14px; } .order-history-panel .order-item-right-panel .calendar-delivery-date-time-box .calendar .calendar-grid .calendar-box .calendar-date-box .calendar-day { font-size: 15px; } .order-history-panel .order-item-right-panel .calendar-grid { height: 40px; } .order-history-panel .order-item-right-panel .calendar-box { height: 100%; } .order-history-panel .order-item-right-panel .calendar-grid:hover .calendar-box { background-color: #1B95C6 !important; color: #fff; cursor: pointer; } .order-history-panel .order-item-right-panel .calendar-grid.calendar-date-grid-disabled .calendar-box.selected { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed !important; } .order-history-panel .order-item-right-panel .calendar-grid.calendar-date-grid-disabled:hover .calendar-box { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed !important; } .order-history-panel .order-item-right-panel .calendar-box.selected { background-color: #1B95C6; color: #fff; cursor: pointer; } .order-history-panel .order-item-right-panel .calendar-month-year-box { display: inline-block; margin: 10px 0; text-align: left; width: 100%; } .order-history-panel .order-item-right-panel .calendar-month-year-box .calendar-month { font-size: 18px !important; vertical-align: middle; } .order-history-panel .order-item-right-panel .calendar-month-year-box .calendar-year { font-size: 15px !important; vertical-align: middle; } .order-history-panel .order-item-right-panel .calendar-navigation-box { display: inline-block; float: right; vertical-align: top; width: 60%; } .order-history-panel .order-item-right-panel .calendar-subscription-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .order-history-panel .order-item-right-panel .calendar-contact-box { border-top: 1px solid #ccc; margin: 15px 0; padding-top: 10px; } .order-history-panel .order-item-right-panel .calendar-contact-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .order-history-panel .order-item-right-panel .calendar-contact-box .header { font-size: 13px; font-weight: 600; margin: 5px 0; } .order-history-panel .order-item-right-panel .calendar-contact-box .custom-input-field { width: 100%; } .order-history-panel .order-item-right-panel .order-extension-panel { padding-left: 16px; padding-right: 10px; margin-bottom: 10px; } .order-history-panel .order-item-right-panel .order-extension-panel .header-text { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .order-history-panel .order-image-panel { margin-bottom: 15px; vertical-align: top; width: 100%; } .order-history-panel .order-image-panel .order-image { text-align: center; } .order-history-panel .order-image-panel .order-image img { width: 180px; } .order-history-panel .order-item-details-panel { display: inline-block; vertical-align: top; padding-left: 20px; width: 100%; } .order-history-panel .order-item-cat-panel .order-item-cat { margin-bottom: 10px; } .order-history-panel .order-item-cat-panel .order-item-cat .header-text { font-size: 15px; font-weight: 700; line-height: normal; } .order-history-panel .order-item-name-panel { display: inline-block; vertical-align: top; width: 78%; } .order-history-panel .order-item-name-panel .text { display: inline-block; font-size: 13px; line-height: normal; } .order-history-panel .order-item-consumption-panel { display: inline-block; color: #9a9a9a; font-size: 11px; } .order-history-panel .order-item-consumption-panel .text { display: inline-block; } .order-history-panel .order-item-qty-panel { display: inline-block; vertical-align: top; width: 20%; } .order-history-panel .order-item-qty-panel .text { display: inline-block; font-size: 13px; line-height: normal; } .overdue-font { color: red; font-weight: bold; } .page-menu .header { color: #2183bA; font-size: 20px; font-weight: 400; line-height: 1.333em; text-align: left; width: 100%; display: inline-block; position: relative; } .page-menu-left-panel { display: inline-block; vertical-align: middle; margin-top: -2px; } .order-linkage-detail { width: 70%; } .order-linkage-list { width: 29%; } .order-list-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 20px; font-weight: 100; line-height: normal; padding: 40px; text-align: center; margin-top: -1px; } .patient-request-table-row { width: 100%; margin-bottom: 5px; display: inline-block; vertical-align: bottom; } .patient-request-table-row-half-left { width: 60%; display: inline-block; vertical-align: bottom; } .patient-request-table-row-half-right { width: 39%; display: inline-block; vertical-align: bottom; } .regular-schedule-item-day-off-label { font-weight: bold; } .required-color { color: indianred; } .shorten-url-container { text-align: left !important; } .scheduler-content { display: none; } .scheduler-content-no-event { display: none; } .shopping-cart-address-panel { margin-top: 5px; } .shopping-cart-details-panel { display: inline-block; text-align: left; vertical-align: top; width: 80%; } .section { width: 100%; margin-bottom: 10px; } .section .row { width: 100%; } .section .row .icon { display: inline-block; vertical-align: top; width: 9%; } .section .row .title { display: inline-block; font-weight: 600; width: 89%; } .section .row .text { display: inline-block; width: 89%; } .section .row .text .rating-title { display: inline-block; width: 39%; } .section .row .text .rating-star { display: inline-block; width: 59%; } .section-header { font-family: 'Open Sans', sans-serif !important; font-size: 25px; font-weight: 500; margin-bottom: 15px; } .section-header.blue { color: #1A6B98; } .section-header.red { color: #db2828; } .shopping-cart-image-panel { display: inline-block; text-align: center; padding-top: 20px; vertical-align: top; width: 19%; } .shopping-cart-message-thank-you-order { color: #bfbcbb; font-size: 30px; font-weight: 100; padding-top: 40px; } .shopping-cart-message-processing { font-size: 14px; font-weight: 100; line-height: normal; padding-top: 20px; } .shopping-cart-name-panel { display: inline-block; text-align: left; width: 65%; } .shopping-cart-order { border: 1px solid #dbdbdb; border-radius: 4px; margin-top: 20px; padding-bottom: 20px; } .shopping-cart-order-item-cat-name { font-size: 15px; font-weight: 700; padding: 10px 0; text-align: left; } .shopping-cart-order-item-left-panel { display: inline-block; vertical-align: top; width: 55%; } .shopping-cart-order-item-right-panel { border-left: 1px solid #ccc; display: inline-block; padding: 10px; vertical-align: top; width: 44%; } .shopping-cart-order-item-right-panel .calendar-available-timeslot-box .shopping-cart-row { font-size: 11px; } .shopping-cart-order-item-right-panel .calendar-available-timeslot-from-box { display: inline-block; vertical-align: top; width: 49%; } .shopping-cart-order-item-right-panel .calendar-available-timeslot-from-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .shopping-cart-order-item-right-panel .calendar-available-timeslot-from-box .time { font-size: 13px; } .shopping-cart-order-item-right-panel .calendar-available-timeslot-to-box { display: inline-block; vertical-align: top; width: 49%; } .shopping-cart-order-item-right-panel .calendar-available-timeslot-to-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .shopping-cart-order-item-right-panel .calendar-available-timeslot-to-box .time { font-size: 13px; } .shopping-cart-order-item-right-panel .calendar-box-month { display: block; font-size: 10px; } .shopping-cart-order-item-right-panel .calendar-day { margin-top: 0px; } .shopping-cart-order-item-right-panel .calendar-delivery-date-time-box { border-top: 1px solid #ccc; margin-top: 15px; padding-top: 10px; } .shopping-cart-order-item-right-panel .calendar-delivery-date-time-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .shopping-cart-order-item-right-panel .calendar-delivery-date-time-box .calendar thead tr td { font-size: 14px; } .shopping-cart-order-item-right-panel .calendar-delivery-date-time-box .calendar .calendar-grid .calendar-box .calendar-date-box .calendar-day { font-size: 15px; } .shopping-cart-order-item-right-panel .calendar-grid { height: 40px; } .shopping-cart-order-item-right-panel .calendar-box { height: 100%; } .shopping-cart-order-item-right-panel .calendar-grid:hover .calendar-box { background-color: #1B95C6; color: #fff; cursor: pointer; } .shopping-cart-order-item-right-panel .calendar-grid.calendar-date-grid-disabled .calendar-box.selected { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed; } .shopping-cart-order-item-right-panel .calendar-grid.calendar-date-grid-disabled:hover .calendar-box { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed; } .shopping-cart-order-item-right-panel .calendar-box.selected { background-color: #1B95C6; color: #fff; cursor: pointer; } .shopping-cart-order-item-right-panel .calendar-month-year-box { display: inline-block; margin: 10px 0; text-align: left; width: 100%; } .shopping-cart-order-item-right-panel .calendar-month-year-box .calendar-month { font-size: 18px !important; vertical-align: middle; } .shopping-cart-order-item-right-panel .calendar-month-year-box .calendar-year { font-size: 15px !important; vertical-align: middle; } .shopping-cart-order-item-right-panel .calendar-month-year-box .calendar-navigation-box { display: inline-block; float: right; vertical-align: top; width: 60%; } .shopping-cart-order-item-right-panel .calendar-subscription-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .shopping-cart-order-item-right-panel .calendar-contact-box { border-top: 1px solid #ccc; margin: 15px 0; padding-top: 10px; } .shopping-cart-order-item-right-panel .calendar-contact-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .shopping-cart-order-item-right-panel .calendar-contact-box .header { font-size: 13px; font-weight: 600; margin: 5px 0; } .shopping-cart-order-item-right-panel .calendar-contact-box .custom-input-field { width: 100%; } .shopping-cart-order-item-right-panel .item-type-schedule-type-box { text-align: left; } .shopping-cart-order-item-right-panel .item-type-schedule-type-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .shopping-cart-order-item-right-panel .item-type-schedule-type-box select { } .shopping-cart-popup { background: rgb(255, 255, 255); border: 1px solid #dbdbdb; border-radius: 2px; /*margin-top: 5px;*/ position: absolute; /*top: 42px;*/ right: 0; z-index: 11; } .shopping-cart-popup::before { filter: blur(5px); } .shopping-cart-product-image { width: 60%; max-width: 140px; } .shopping-cart-qty-panel { display: inline-block; font-size: 13px; margin-top: 2px; text-align: right; vertical-align: top; width: auto; } .shopping-cart-qty-panel .k-dropdown { font-size: 12px; width: 63px; } .shopping-cart-qty-panel .k-dropdown .k-input { text-align: left; } .shopping-cart-remove-button { color: #ff0000; font-size: 14px; padding-left: 10px; text-decoration: underline; } .shopping-cart-remove-button:hover { color: #ff0000; text-decoration: underline; } .shopping-cart-remove-panel { display: inline-block; padding-left: 5px; text-align: left; width: auto; line-height: 28px; } .shopping-cart-remove-right-panel { display: inline-block; padding-left: 5px; text-align: left; width: auto; line-height: 28px; } .shopping-cart-unit { color: #bfbcbb; display: inline-block; font-size: 11px; } .slick-dots { bottom: auto; } .slick-dots li { display: inline-block; height: 15px; position: relative; width: 14px; margin: 0 5px; padding: 0px; } .slick-dots li a { border: 1px solid #2183ba; height: 10px; padding: 3px; width: 10px; } .slick-dots li.slick-active a { border: 1px solid #2183ba; padding: 3px; } .support-contact { margin-top: 10px; } .support-contact-item { display: inline-block; font-size: 20px; font-weight: 500; padding-left: 6px; } .support-email-logo { color: #dbdbdb; display: inline-block; font-size: 17px; } .support-tel-logo { color: #dbdbdb; display: inline-block; font-size: 17px; } .support-contact-separator { display: inline-block; font-size: 12px; } .support-contact-email { display: inline-block; font-size: 16px; } .support-contact-email-separator { color: #bfbcbb; display: inline-block; } .support-contact-tel { display: inline-block; font-size: 16px; } .support-contact-tel-separator { color: #bfbcbb; display: inline-block; } .support-contact-info { display: inline-block; font-size: 16px; } .support-header { padding-top: 20px; } .support-header-description { padding-top: 10px; font-size: 12px; } .support-header-title { font-size: 18px; font-weight: 300; } .support-header-message { font-size: 45px; font-weight: 100; line-height: normal; } .support-logo { color: #dbdbdb; font-size: 80px; padding-top: 20px; } .support-section:nth-child(n+2) { border-top: 1px solid #dbdbdb; margin-top: 40px; } .timeout-container { padding: 0 20px; } .timeout-container.sidebar-toggled { width: calc(100% - 35%); visibility: visible; } .timeout-sidebar-panel { width: 0; } .timeout-sidebar-panel.sidebar-toggled { width: 35%; border: 1px solid #dbdbdb; right: 0; left: auto; } .top-right-corner { border-top: 35px solid #00a3ff; border-left: 35px solid transparent; height: 0; position: absolute; right: 0; top: 0; width: 0; } .upsell-item-action-row { text-align: right; } .upsell-item-container { background-color: #9a9a9a; } .upsell-item-separator { border-bottom: 1px solid #9a9a9a; width: 100%; } } @media /* Generic breakpoint */ screen and (min-width: 1231px) and (max-width: 1700px) { .panel-container { text-align: center; } .panel-container .homepage-account-header { font-size: 20px; font-weight: 600; height: 30px; margin-bottom: 4%; margin-top: 4%; text-align: left; } .panel-container .homepage-account-header .logout { color: #9a9a9a; font-size: 18px; font-weight: normal; cursor: pointer; } .panel-container .panel-homepage { color: white; cursor: pointer; display: inline-block; height: 19vw; margin-right: 0.5vw; margin-top: 10px; min-height: 230px; min-width: 230px; text-align: center; width: 19vw; } .panel-container .panel-homepage .panel-header { border-bottom: 2px solid #9a9a9a; font-size: calc(12px + 0.5vw); font-weight: 600; line-height: calc(12px + 0.5vw); padding-bottom: 3%; padding-top: 3%; text-align: center; width: 100%; } .panel-container .panel-homepage .panel-container { height: 85%; margin: 0; text-align: center; } .panel-container .panel-homepage .panel-container .full-panel { display: inline-block; height: 100%; margin-bottom: 3px; width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-content { float: right; height: 70%; width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-content .panel-text { font-size: calc(5em + 2vw); font-weight: 600; line-height: 60px; padding-top: calc(20px + 2vw); } .panel-container .panel-homepage .panel-container .full-panel .panel-desc { float: right; font-size: calc(13px + 0.2vw); font-weight: 600; line-height: calc(13px + 0.2vw); width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-arrow-button { display: inline-block; font-size: 2vw; margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel { display: inline-block; height: 49.99%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel:last-of-type { border-top: 2px solid #9a9a9a; } .panel-container .panel-homepage .panel-container .left-panel .no-record { float: right; font-size: 6vw; font-weight: 600; line-height: 6vw; padding-top: 1vw; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content { display: inline-block; float: right; height: 70%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content .panel-text { font-size: calc(5em + 2vw); font-weight: 600; padding-top: calc(12px + 1.5vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-desc { float: right; font-size: calc(11px + 0.2vw); font-weight: 600; height: 29%; line-height: calc(11px + 0.2vw); padding-top: 8px; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-arrow-button { display: inline-block; font-size: calc(14px + 2vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .name-panel { border-bottom: 1px solid #9a9a9a; display: inline-block; font-size: 17px; font-weight: 600; height: 20%; padding-top: 0px; text-align: center; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel { display: inline-block; height: 80%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half { border-right: 1px solid #9a9a9a; display: inline-block; height: 100%; width: 49%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-content { display: inline-block; float: right; font-size: calc(30px + 1vw); font-weight: 600; height: 70%; padding-top: calc(12px + 1vw); width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-content .panel-arrow-button { display: inline-block; font-size: calc(13px + 0.5vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-desc { float: right; font-size: 15px; font-weight: 600; height: 29%; line-height: 15px; padding-top: 5px; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half { display: inline-block; float: right; height: 100%; padding-top: 0%; width: 49%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-content { display: inline-block; float: right; font-size: calc(30px + 1vw); font-weight: 600; height: 70%; padding-top: calc(12px + 1vw); width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-content .panel-arrow-button { display: inline-block; font-size: calc(13px + 0.5vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-desc { float: right; font-size: 15px; font-weight: 600; height: 29%; line-height: 15px; padding-top: 5px; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .left-panel-half { display: inline-block; height: 100%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half { display: inline-block; float: right; font-weight: 600; height: 100%; padding-bottom: 5%; padding-top: 5%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .upper-content { font-size: calc(12px + 2vw); line-height: calc(12px + 2vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .middle-content { font-size: calc(12px + 1vw); line-height: calc(12px + 1vw); padding-bottom: 10px; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .lower-content { font-size: calc(12px + 0.5vw); line-height: calc(12px + 0.5vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .panel-arrow-button-half { display: inline-block; font-size: calc(18px + 1vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half { display: inline-block; height: 100%; float: right; padding-top: 5%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row { display: inline-block; font-size: calc(13px + 0.5vw); height: 33.3%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row .left-column { display: inline-block; width: 60%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row .right-column { display: inline-block; width: 36%; } } @media screen and (min-width: 601px) and (max-width:1230px) { .panel-container { text-align: center; } .panel-container .homepage-account-header { font-size: 20px; font-weight: 600; height: 30px; margin-bottom: 4%; margin-top: 4%; text-align: left; } .panel-container .homepage-account-header .logout { color: #9a9a9a; font-size: 18px; font-weight: normal; cursor: pointer; } .panel-container .panel-homepage { color: white; cursor: pointer; display: inline-block; height: 38vw; margin-right: 0.5vw; margin-top: 10px; max-height: 350px; max-width: 350px; min-height: 230px; min-width: 230px; text-align: center; width: 38vw; } .panel-container .panel-homepage .panel-header { border-bottom: 2px solid #9a9a9a; font-size: calc(12px + 1.2vw); font-weight: 600; line-height: calc(12px + 1.2vw); padding-bottom: 3%; padding-top: 3%; text-align: center; width: 100%; } .panel-container .panel-homepage .panel-container { height: 85%; margin: 0; text-align: center; } .panel-container .panel-homepage .panel-container .full-panel { display: inline-block; height: 100%; margin-bottom: 3px; width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-content { float: right; height: 70%; width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-content .panel-text { font-size: calc(4em + 5vw); font-weight: 600; line-height: 60px; padding-top: calc(16px + 5vw); } .panel-container .panel-homepage .panel-container .full-panel .panel-desc { float: right; font-size: calc(13.5px + 0.4vw); font-weight: 600; line-height: calc(13.5px + 0.4vw); width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-arrow-button { display: inline-block; font-size: calc(16px + 3vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel { display: inline-block; height: 49.99%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel:last-of-type { border-top: 2px solid #9a9a9a; } .panel-container .panel-homepage .panel-container .left-panel .no-record { float: right; font-size: 6vw; font-weight: 600; line-height: 6vw; padding-top: 1vw; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content { display: inline-block; float: right; height: 70%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content .panel-text { font-size: calc(4em + 5vw); font-weight: 600; padding-top: calc(13px + 3vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-desc { float: right; font-size: calc(12px + 0.4vw); font-weight: 600; height: 29%; line-height: calc(12px + 0.4vw); padding-top: calc(12px + 0.3vw); width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-arrow-button { display: inline-block; font-size: calc(16px + 3vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .name-panel { border-bottom: 1px solid #9a9a9a; display: inline-block; font-size: calc(12px + 0.5vw); font-weight: 600; height: 20%; padding-top: 0.5vw; text-align: center; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel { display: inline-block; height: 80%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half { border-right: 1px solid #9a9a9a; display: inline-block; height: 100%; width: 49%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-content { display: inline-block; float: right; font-size: calc(24px + 2vw); font-weight: 600; height: 70%; padding-top: calc(12px + 2vw); width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-content .panel-arrow-button { display: inline-block; font-size: calc(16px + 1vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-desc { float: right; font-size: calc(10px + 0.5vw); font-weight: 600; height: 29%; line-height: calc(12px + 0.5vw); padding-top: 0.4vw; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half { display: inline-block; float: right; height: 100%; padding-top: 0%; width: 49%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-content { display: inline-block; float: right; font-size: calc(24px + 2vw); font-weight: 600; height: 70%; padding-top: calc(12px + 2vw); width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-content .panel-arrow-button { display: inline-block; font-size: calc(16px + 1vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-desc { float: right; font-size: calc(10px + 0.5vw); font-weight: 600; height: 29%; line-height: calc(12px + 0.5vw); padding-top: 0.4vw; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .left-panel-half { display: inline-block; height: 100%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half { display: inline-block; float: right; font-weight: 600; height: 100%; padding-bottom: 5%; padding-top: 5%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .upper-content { font-size: calc(18px + 2vw); line-height: calc(18px + 2vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .middle-content { font-size: calc(18px + 1vw); line-height: calc(18px + 1vw); padding-bottom: 10px; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .lower-content { font-size: calc(12px + 1vw); line-height: calc(12px + 1vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .panel-arrow-button-half { display: inline-block; font-size: calc(18px + 1vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half { display: inline-block; height: 100%; float: right; padding-top: 5%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row { display: inline-block; font-size: calc(12px + 1vw); height: 33.3%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row .left-column { display: inline-block; width: 60%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row .right-column { display: inline-block; width: 36%; } } .dataCellTemplate { text-align: center; } .dataCellSelected { background-color: #fc9d00; } .dataCell { } .dot { height: 5px; width: 5px; background-color: #bbb; border-radius: 50%; display: inline-block; } .no-dot { height: 5px; width: 5px; display: inline-block; } .calendar-mobile-container { text-align: left; margin-left: 10px; } .appointment-entry { border: 1px solid #dbdbdb; padding: 8px; text-align: left; margin: 10px; } .appointment-entry .date-time { font-size: 20px; font-weight: 600; line-height: 28px; margin-bottom: 5px; } .appointment-entry .title { font-size: 18px; font-weight: 400; line-height: 24px; margin-bottom: 5px; } .appointment-entry .location { font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 5px; } .appointment-entry .additional-information { font-size: 14px; font-weight: 300; line-height: 22px; } .appointment-entry .additional-information .remark { width: 50%; white-space: pre; border: 1px solid #dbdbdb; padding: 5px; margin: 5px; min-height: 150px; } .appointment-entry span { text-align: left; padding-top: 5px; padding-bottom: 5px; } .appointment-entry-more { border: 1px solid #dbdbdb; padding: 8px; text-align: left; margin: 10px; } .warning { color: #DB2828; } .warning > div { display: inline-block; } .warning > div + div::before { content: ' / '; } .booking-detail-close-button { float: right; display: block; cursor: pointer; padding: 5px 10px; position: relative; } .booking-detail-close-button:hover { background-color: lightgrey; } .booking-detail-close-button i { margin: 0; } .center-admission-form { text-align: left; padding: 20px; } .center-admission-technology-item { cursor: pointer; } .center-admission-technology-item img { max-height: 240px; max-width: 300px; margin: 20px auto; } .center-admission-technology-item .text { text-align: center; } .center-admission-panel { line-height: normal; padding: 30px; padding-top: 0px; padding-bottom: 0px; width: 100%; } .center-admission-panel .center-admission-header { margin: 0 auto; width: 100%; margin-top: -50px; position: relative; z-index: 99; } .center-admission-panel .center-admission-header-text { background: #2183bA; border: 1px solid #2183bA; border-radius: 4px; color: #fff; cursor: pointer; float: left; font-size: 16px; font-weight: 400; line-height: 35px; margin-top: 10px; width: 100%; } .center-admission-panel .center-admission-header-text.active { background: #2183bA; color: #fff; } .center-admission-work-order-button .button { display: inline-block; border-radius: 4px; padding: 20px; margin: 10px; cursor: pointer; text-align: center; font-size: 30px; width: 75px; } .monthly-statement-invoice-header { text-align: left; margin-bottom: 20px; } .monthly-statement-invoice-header .form-field { margin-bottom: 10px; } .monthly-statement-invoice-detail-table td, th { vertical-align: top; } .monthly-statement-invoice-detail-table.ui.celled.table tr th:first-child, .ui.celled.table tr td:first-child { border-left: 1px solid rgba(34, 36, 38, 0.1); } .monthly-statement-invoice-detail-table.ui.table tr:first-child td { border-top: 1px solid rgba(34, 36, 38, 0.1); } .monthly-statement-invoice-detail-table.ui.table .subtotal { cursor: auto; background: #F9FAFB; text-align: inherit; color: #58585b; padding: 0.91666667em 0.75em; text-transform: none; border-top: 1px solid rgba(34, 36, 38, 0.1); } .monthly-statement-invoice-detail-table.ui.table .grand-total { font-size: 20px; font-weight: bold; } .monthly-statement-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; } .skin-snap-report-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; } .center-admission-table { vertical-align: top; } .center-admission-table .id-column-style { max-width: 10%; width: 10%; vertical-align: top; } .center-admission-table .booking-column-style { max-width: 20%; width: 20%; vertical-align: top; } .center-admission-table .address-column-style { max-width: 25%; width: 25%; vertical-align: top; } .center-admission-table .technology-column-style { max-width: 15%; width: 15%; vertical-align: top; } .center-admission-table .action-column-style { max-width: 15%; width: 15%; vertical-align: top; } .center-admission-reminder-message-booking { color: red; font-weight: bold; font-size: 12pt; font-style: italic; } .center-admission-reminder-message-manpower { font-weight: bold; } .doctor-quota-setting-detail-container { border: 1px solid #dbdbdb; border-radius: 4px; display: inline-block; width: 32%; margin: 5px; padding: 10px; } .doctor-quota-setting-header { font-weight: bold; font-size: 14px; } .doctor-quota-setting-detail { padding-top: 10px; padding-bottom: 10px; } .main-menu-child { background: #fff; border: 1px solid #dbdbdb; /*margin-top: 5px;*/ position: absolute; /*top: 100px;*/ z-index: 11; /*left: -1px; right: -1px; min-width: 150px;*/ width: 100%; } .main-menu-child::before { filter: blur(5px); } .main-menu-child-close { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .main-menu-child-item { /*border-bottom: 1px solid #dbdbdb;*/ color: #000; cursor: pointer; font-size: 14px; margin: 0 20px; /*min-width: 200px;*/ padding: 14px 0; text-align: center; display: inline-block; } .main-menu-child-item:last-child { border-bottom: 0; } .main-menu-child-item:hover { color: #00a2e2 !important; } .main-menu-child-item a { color: #7e7e7e; } .main-menu-child-item a:hover { color: #00a2e2 !important; } .main-menu-child-item-image { display: inline-block; width: 30px; } .main-menu-child-item-name { display: inline-block; text-align: left; } .main-menu-child-item-left-panel { display: inline-block; width: 29%; vertical-align: top; } .main-menu-child-item-right-panel { display: inline-block; padding-top: 5px; padding-left: 5px; width: 69%; vertical-align: top; } .main-menu-child-item-right-panel .name { font-size: 14px; } .etraining-quiz-container { text-align: left; width: 50%; } .etraining-quiz-container-workflow-approval { text-align: left; width: 100%; } .etraining-quiz-question { font-size: 18px; font-weight: bold; padding-bottom: 20px; } .etraining-quiz-question-workflow-approval { font-size: 14px; font-weight: bold; padding-bottom: 5px; } .etraining-quiz-answer { font-size: 14px; padding-top: 20px; } .etraining-quiz-answer-workflow-approval { font-size: 14px; padding-top: 5px; } .etraining-quiz-answer-workflow-approval .correct { background: green; color: #fff; } .etraining-quiz-answer-workflow-approval .wrong { background: red; color: #fff; } .booking-survey-container { text-align: left; width: 50%; } .booking-survey-container .title { font-family: 'Open Sans', sans-serif !important; font-size: 22px; font-weight: 400; margin: 0 auto; margin-bottom: 10px; color: #1A6B98; line-height: 30px; } .booking-survey-container .question { font-size: 18px; padding-top: 10px; padding-bottom: 10px; white-space: normal; } .booking-survey-container .answer { font-size: 16px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; white-space: normal; } .booking-survey-container .no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; } .instantdr-wk-container { width: 960px; margin: auto; margin-top: -1px; } .instantdr-wk-button-list { display: flex; width: 490px; flex-flow: wrap; margin: auto; } .instantdr-wk-image-button { width: 490px; display: contents; cursor: pointer; } .instantdr-wk-image-full { width: 960px; } .instantdr-wk-image-half { width: 122px; } .instantdr-wk-image-detail { width: 868px; } .instantdr-wk-image-overlay { display: block; position: relative; bottom: 65px; width: 480px; margin: auto; margin-bottom: -50px; } .instantdr-wk-image-overlay img { width: 185px; } .print-only { display: none; } .print-main-content { width: 100%; } .page-header, .page-header-space { height: 40px; margin-bottom: 10px; } .page-footer, .page-footer-space { height: 10px; margin-top: 5px; } .page-header { position: fixed; top: 0mm; width: 100%; border-bottom: 1px solid black; padding-bottom: 10px; } .page-footer { position: fixed; bottom: 0; width: 100%; /*border-top: 1px solid black;*/ padding-top: 5px; } .main-logo-print { height: 25px; padding: 3px; } .company-name-print { font-size: 9px; margin-top: -5px; } .company-name-center-print { font-size: 14px; vertical-align: middle; text-align: center; height: 35px; margin-top: 20px; display: inline-block; font-weight: bold; } .doc-name-print { font-size: 14px; height: 35px; margin-top: 20px; } .operator-biz-unit-loc { margin: 10px 0; } .operator-biz-unit-loc .operator-biz-unit-loc-container { border: 1px solid #dbdbdb; height: 100%; padding-left: 10px; } .operator-biz-unit-loc .operator-biz-unit-loc-tab-container { text-align: left; } .operator-biz-unit-loc .operator-biz-unit-loc-tab-container .custom-tab-item { min-width: 50px; padding: 5px; text-align: center; } @media only screen and (device-width: 768px) { } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* For portrait layouts only */ .center { width: 90%; } .order-item-input-item-type { width: 130px; } .order-item-input-serial-no { width: 170px; } .custom-table th, .custom-table td { padding: 5px; } .filter-panel { width: 100%; } .booking-sidebar-panel { height: calc(100% - 180px); } .booking-sidebar-panel.sidebar-toggled { width: 330px; } .booking-container.sidebar-toggled { width: calc(100% - 330px); } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For landscape layouts only */ .center { width: 90%; } .order-item-input-item-type { width: 180px; } .order-item-input-serial-no { width: 180px; } .filter-panel { width: 100%; } } @media /* Generic breakpoint */ screen and (max-width: 600px) /* Smartphones (portrait and landscape) */ , only screen and (min-device-width: 320px) and (max-device-width: 480px) /* iPhone 4, 4S (Portrait and Landscape) */ , only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) /* iPhone 5 and 5S (Portrait and Landscape) */ , only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) /* iPhone 6 (Portrait and Landscape) */ , only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) /* iPhone 6+ (Portrait and Landscape) */ , only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) { .account-header { font-size: 17px !important; } .account-table-head { font-size: 15px !important; } .account-member-tab-section { max-width: 100%; } .account-member-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; text-align: center; margin-top: -1px; } .account-member-booking-section-block-button { display: inline-block; /*width: 99%;*/ text-align: center; padding: 10px; border: 1px solid #dbdbdb; height: 40px; font-size: 14px; cursor: pointer; } .account-member-profile-section-invoice-detail-header { display: inline-block; text-align: left; font-size: 14px; font-weight: bold; padding-left: 5px; width: 24%; } .account-member-profile-section-invoice-detail-header-right { display: inline-block; text-align: right; font-size: 14px; font-weight: bold; padding-right: 5px; width: 24%; } .account-member-profile-section-invoice-detail-info { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; width: 24%; } .account-member-profile-section-invoice-detail-info-right { display: inline-block; text-align: right; font-size: 14px; padding-right: 5px; width: 24%; } .account-member-profile-section-invoice-detail-summary-header-right { display: inline-block; text-align: right; font-size: 14px; font-weight: bold; padding-right: 5px; width: 74%; } .account-member-profile-section-invoice-detail-summary-info-right { display: inline-block; text-align: right; font-size: 14px; padding-right: 5px; width: 24%; } .account-member-input-field-invoice-detail { width: 24%; } .account-member-booking-section-toggle-button { padding: 5px; width: 48.5%; } .account-member-booking-section-block-button { /*max-width: 49%;*/ } .account-member-profile-section-header { width: 33% !important; } .account-member-profile-section-header-full { margin-bottom: 2%; width: 96%; } .account-member-profile-section-info { width: 65% !important; } .account-member-profile-section-info-full { margin-bottom: 2%; width: 96%; } .account-member-profile-section-booking-header { width: 35% !important; } .account-member-profile-section-booking-header-full { display: inline-block; font-size: 14px; font-weight: bold; margin-bottom: 5px; padding-left: 5px; vertical-align: top; text-align: left; width: 99%; } .account-member-profile-section-booking-info { width: 62% !important; } .account-member-profile-section-booking-info-full { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; width: 99%; } .account-member-profile-section-booking-info-machine-activation { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; padding-right: 5px; width: 64%; } .account-member-profile-section-booking-info-treatment-date { display: inline-block; text-align: left; font-size: 14px; padding-left: 5px; padding-right: 5px; width: 100%; } .activity-banner-container { background: #EFEFEF; border-radius: 4px; margin-bottom: 5px; padding: 10px; position: relative; } .activity-banner-container .k-numerictextbox { margin-bottom: 50px; } .activity-container { text-align: left; } .activity-container .activity-description { height: 70px; } .activity-form-container .form-signature { text-align: center; } .activity-form-item { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; } .activity-form-item .table-row-half { margin-bottom: 5px; margin-right: 5px; width: 48%; vertical-align: top; } .activity-form-item .title { font-weight: 600; } .activity-form-item .value { word-wrap: break-word; width: 100%; } .activity-list-panel { line-height: normal; padding: 15px 10px; padding-top: 35px; width: 100%; } .activity-list-panel .activity-list-header { margin-bottom: 20px; } .activity-list-panel .activity-header-icon img { margin-top: 10px; width: 50px; } .activity-list-panel .activity-header-text { background: #FFF; border: 1px solid #2183bA; border-radius: 4px; color: #2183bA; cursor: pointer; float: left; font-size: 15px; font-weight: 400; line-height: 30px; margin-top: 10px; width: 100%; } .activity-list-panel .activity-header-text.active { background: #2183bA; color: #FFF; } .activity-list-panel .activity-header-text.half { width: 49.5%; } .activity-list-panel .activity-header-text.past-event.half { border-bottom-right-radius: 0; border-top-right-radius: 0; } .activity-list-panel .activity-header-text.upcoming-event.half { border-bottom-left-radius: 0; border-top-left-radius: 0; } .activity-list-panel .activity-list-content { margin: 0 auto; width: 100%; } .activity-list-panel .activity-list-item { border-top: 1px solid #dbdbdb; margin-bottom: 20px; vertical-align: top; width: 100%; overflow: hidden; } .activity-list-panel .activity-list-item-date { margin-top: 10px; } .activity-list-panel .activity-list-item-date > .header { font-size: 14px; font-weight: 600; line-height: normal; } .activity-list-panel .activity-list-item-date > .text { font-size: 14px; line-height: normal; } .activity-list-panel .event-item-time { margin-top: 10px; } .activity-list-panel .event-item-time > .header { font-size: 14px; font-weight: 600; line-height: normal; } .activity-list-panel .event-item-time > .text { font-size: 14px; line-height: normal; } .activity-list-panel .activity-list-item-location { margin-top: 10px; } .activity-list-panel .activity-list-item-location > .header { font-size: 14px; font-weight: 600; line-height: normal; } .activity-list-panel .activity-list-item-location > .text { font-size: 14px; line-height: normal; } .activity-list-panel .activity-list-item-top-panel { display: inline-block; float: left; width: 39%; } .activity-list-panel .activity-list-item-top-panel img { width: 100%; } .activity-list-panel .activity-list-item-bottom-panel { display: inline-block; padding-top: 10px; padding-left: 10px; text-align: left; vertical-align: top; width: 60%; } .activity-list-panel .activity-list-item-text { color: #1B95C6; font-size: 15px; font-weight: 600; text-align: left; } .activity-list-panel .activity-item-text > a:hover { color: #1B95C6 !important; text-decoration: underline !important; } .activity-list-panel .activity-item-date { margin-top: 10px; } .activity-list-panel .activity-item-date > .header { font-size: 13px; font-weight: 600; line-height: normal; } .activity-list-panel .activity-item-date > .text { font-size: 13px; line-height: normal; } .activity-list-panel .activity-item-time { margin-top: 10px; } .activity-list-panel .activity-item-time > .header { font-size: 13px; font-weight: 600; line-height: normal; } .activity-list-panel .activity-item-time > .text { font-size: 13px; line-height: normal; } .activity-list-panel .activity-item-location { margin-top: 10px; } .activity-list-panel .activity-item-location > .header { font-size: 13px; font-weight: 600; line-height: normal; } .activity-list-panel .activity-item-location > .text { font-size: 13px; line-height: normal; } .activity-management-activity-name { font-size: 17px; margin-bottom: 5px; } .activity-management-item { border: 1px solid #1A6B98; font-size: 13px; margin-bottom: 5px; padding: 5px; } .activity-management-item .activity-management-item-container { cursor: pointer; } .activity-management-item .activity-management-item-container:hover { background: #d3effa; } .activity-managment-remarks { width: 100%; } .activity-management-table-label { display: inline-block; font-weight: 600; text-align: left !important; width: 50%; } .activity-management-table-label-full-width { font-size: 14px; margin-bottom: 5px; width: 100%; font-weight: 600; } .activity-management-table-label-header { font-size: 16px; font-weight: 600; margin-bottom: 5px; margin-top: 5px; width: 100%; } .activity-management-table-label-third-width { display: inline-block; font-weight: 600; text-align: left !important; vertical-align: top; width: 32%; } .activity-management-table-label-quarter-width { display: inline-block; font-weight: 600; text-align: left !important; width: 25%; } .activity-materials .material { width: 47%; margin: 5px; display: inline-block; position: relative; } .activity-materials .material img { display: block; max-width: 100%; max-height: 180px; height: auto; margin-left: auto; margin-right: auto; } .activity-member-table { border: 1px solid #1A6B98; border-collapse: collapse; width: 100%; } .activity-member-table thead { background: #1A6B98; color: white; } .activity-member-table th, .activity-member-table td { padding: 5px 10px; text-align: left; vertical-align: top; } .activity-member-table tr { cursor: pointer; } .activity-member-table tbody tr:not(.same-color):nth-child(even) { background: #ECF0F1; } .activity-member-table tbody tr:not(.no-highlight):hover { background: #BDC3C7; color: #FFFFFF; } .activity-member-table th .custom-input-field { width: 100%; } .activity-message { color: #bfbcbb; font-size: 20px; font-weight: 100; padding-top: 40px; display: inline-block; width: 100%; } .add-tag-panel { background-color: rgba(0,0,0,0.6); display: block; height: 100%; left: 0; overflow: auto; padding-top: 20%; padding-bottom: 10%; position: fixed; top: 0; width: 100%; z-index: 1; } .add-tag-panel .container { background-color: white; margin-left: 10%; margin-right: 10%; padding-bottom: 40px; padding-top: 40px; } .add-tag-panel .header { color: #2183ba; font-size: 15px; margin-bottom: 10px; } .application-summary-container { height: 100%; text-align: center; width: 100%; } .application-summary-container .filter-list-block { text-align: left; } .application-summary-container .workflow-list-block { text-align: left; } .application-summary-container .workflow-list-block .workflow-item { border: 1px solid #dfdfdf; padding-bottom: 15px; padding-top: 15px; } .application-summary-container .workflow-list-block .workflow-item .profile-image-container { display: inline-block; padding-left: 15px; padding-right: 15px; text-align: center; width: 19%; } .application-summary-container .workflow-list-block .workflow-item .profile-image-container .img { height: auto; max-width: 110px; width: auto; } .application-summary-container .workflow-list-block .workflow-item .profile-image-container2 { padding-left: 15px; padding-right: 15px; /*text-align: center;*/ width: 109%; } .application-summary-container .workflow-list-block .workflow-item .profile-image-container2 .img { /*display: inline-block; float: left; padding-right: 20px;*/ /*width: 79%;*/ } .application-summary-container .workflow-list-block .workflow-item .profile-info-container { display: inline-block; padding-left: 15px; padding-right: 15px; vertical-align: top; width: 69%; } .application-summary-container .workflow-list-block .workflow-item .profile-info-container .section { width: 100%; margin-bottom: 10px; } .application-summary-container .workflow-list-block .workflow-item .profile-info-container .section .row { width: 100%; } .application-summary-container .workflow-list-block .workflow-item .profile-info-container .section .row .icon { display: inline-block; width: 9%; } .application-summary-container .workflow-list-block .workflow-item .profile-info-container .section .row .title { display: inline-block; font-weight: 600; width: 89%; } .application-summary-container .workflow-list-block .workflow-item .profile-info-container .section .row .text { display: inline-block; width: 89%; } .application-summary-container .workflow-list-block .workflow-item .profile-info-container .section .row .imgthumb { float: left; padding-right: 20px; width: 109%; } .application-summary-container .workflow-list-block .workflow-item .profile-info-container .section .row .image-container { display: inline-block; padding-right: 15px; text-align: center; } .application-summary-container .workflow-list-block .workflow-item .profile-info-container .section .row .image-container .img { float: left; } .application-summary-container .workflow-list-block .workflow-item .button-container { display: inline-block; margin-top: 20px; padding-right: 20px; text-align: right; vertical-align: top; width: 100%; } .application-summary-workflow-container .workflow-list-block .workflow-item .row .column { padding-bottom: 15px; padding-top: 15px; float: left; width: 100%; padding: 10px; } .assessment-calendar-container { height: 100%; margin-bottom: 20px; text-align: left; width: 100%; } .assessment-calendar-container .filter-list-block { display: inline-block; margin-left: 0px; margin-right: 0px; text-align: left; width: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel { display: inline-block; vertical-align: top; width: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container { display: inline-block; vertical-align: top; width: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item { display: inline-block; margin-left: 1%; margin-right: 1%; width: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row { font-size: 11px; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box { display: inline-block; vertical-align: top; width: 48%; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-from-box .time { font-size: 13px; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box { display: inline-block; vertical-align: top; width: 49%; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box .name { font-size: 14px; font-weight: bold; padding-right: 5px; } .assessment-calendar-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item .available-timeslot-item-row .calendar-available-timeslot-to-box .time { font-size: 13px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-box { height: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-box.selected { background-color: #1B95C6; color: #fff; cursor: pointer; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-box-month { display: block; font-size: 10px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-day { margin-top: 0px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box { display: inline-block; vertical-align: top; width: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar-container { display: inline-block; width: 100%; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar thead tr td { font-size: 14px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar .calendar-grid .calendar-box .calendar-date-box .calendar-day { font-size: 15px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-grid { height: 40px; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-grid:hover .calendar-box { background-color: #1B95C6 !important; color: #fff; cursor: pointer; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-grid.calendar-date-grid-disabled .calendar-box.selected { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed !important; } .assessment-calendar-container .filter-list-block .booking-date-panel .calendar-grid.calendar-date-grid-disabled:hover .calendar-box { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed !important; } .assessment-calendar-container .form-block { display: inline-block; margin-left: 0px; margin-right: 0px; text-align: left; width: 100%; } .become-beauti-partner-container { position: relative; } .become-beauti-partner-container .button { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /*background-color: #f2703b !important; color: #fff;*/ } .become-beauti-partner-container .button-transparent img { width: 30vw !important; } .become-beauti-partner-container-mobile .button { position: fixed; bottom: 0; left: 0; width: 100%; border: 1px solid #fb3059; border-radius: 4px; background-color: #fb3059 !important; color: #fff; } .become-beauti-partner-image-container { margin-bottom: 60px; } .become-beauti-partner-image { width: 100%; max-width: 1280px; } .become-instant-dr-image-container { margin-top: -10px; } .become-instant-dr img { width: 375px; } .become-instant-dr-container { position: relative; } .become-instant-dr-container .button-transparent { position: absolute; left: 50%; bottom: auto; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: transparent !important; } .become-instant-dr-container .button-transparent img { width: 375px; } .become-instant-dr-toggle-on { cursor: pointer; height: 230px; } .become-instant-dr-toggle-off { cursor: pointer; height: 105px; } .become-member-container { position: relative; } .become-member-container .button { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: #EE4B51 !important; width: 25vw; height: 6.5vw; font-size: 2.3vw !important; } .become-member-container-mobile .button { position: fixed; bottom: 0; left: 0; width: 100%; border-radius: 4px; background-color: #EE4B51 !important; } .become-member-image-container { margin-bottom: 60px; } .become-member-image { width: 100%; max-width: 1280px; } .become-therapist-container { position: relative; } .become-therapist-container .button { position: absolute; top: 80%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: #fff !important; color: #f2703b; } .become-therapist-container-mobile .button { position: fixed; bottom: 0; left: 0; width: 100%; border-radius: 4px; background-color: #f2703b !important; color: #fff; } .become-therapist-image-container { margin-bottom: 60px; } .become-therapist-image { width: 100%; } .booking-item { border: 1px solid #1A6B98; font-size: 13px; margin-bottom: 5px; padding: 5px; } .booking-item .table-row { width: 100%; margin-bottom: 8px; display: inline-block; vertical-align: top; } .booking-item .table-row .table-row-half { width: 49%; display: inline-block; vertical-align: top; } .booking-list-item { border: 1px solid #1A6B98; font-size: 13px; margin-bottom: 5px; padding: 5px; } .booking-list-item .table-row { width: 100%; margin-bottom: 20px; display: inline-block; vertical-align: top; } .booking-list-item .table-row .table-row-half { width: 49%; display: inline-block; vertical-align: top; } .button { margin-bottom: 2px; margin-top: 2px; } .button.narrow { padding-left: 10px; padding-right: 10px; } .calendar-available-timeslot-box .shopping-cart-row { font-size: 11px; position: relative; } .calendar-available-timeslot-from-box { display: inline-block; text-align: left; vertical-align: top; width: 48%; } .calendar-available-timeslot-from-box .name { font-size: 13px; font-weight: bold; padding-right: 3px; } .calendar-available-timeslot-from-box .time { font-size: 12px; } .calendar-available-timeslot-to-box { display: inline-block; vertical-align: top; width: 49%; } .calendar-available-timeslot-to-box .name { font-size: 13px; font-weight: bold; padding-right: 3px; } .calendar-available-timeslot-to-box .time { font-size: 12px; } .calendar-box { height: 100%; } .calendar-box:hover { background-color: #1B95C6; color: #fff; cursor: pointer !important; } .calendar-box-month { display: block; font-size: 10px; } .calendar-content-box { display: none; } .calendar-date-box-content-button { display: inline-block; background: #BABABA; color: #FFF; border-radius: 4px; padding: 6px 10px; margin-top: 5px; cursor: pointer; text-align: center; width: auto; } .calendar-date-box-content-button.active { background: #6400ff; border: 1px solid #6400ff; } .calendar-date-box-content-circle { color: #1A6B98; } .calendar-date-box-content-circle .doctor-schedule { color: #19984c; } .calendar-date-box-content-circle .seminar { color: #34bec9; } .calendar-date-box-content-circle .treatment-booking { color: #ff7dbd; } .calendar-date-box-content-circle .trial-purchase { color: #6400ff; } .calendar-date-box-content-row { width: 100%; } .calendar-date-box-content-row .right { text-align: right; } .calendar-date-box-content-row-half { display: inline-block; width: 49%; } .calendar-date-box-content-row-half .right { text-align: right; } .calendar-day { margin-top: 0px; } .calendar-day-mode-button { background-color: #9a9a9a; border: 1px solid #9a9a9a; border-radius: 4px; color: white; cursor: pointer; font-size: 13px; display: inline-block; margin-top: 5px; padding: 6px 10px; } .calendar-day-mode-button-active { background-color: #34bec9; border: 1px solid #34bec9; border-radius: 4px; color: white; cursor: default; font-size: 13px; display: inline-block; margin-top: 5px; padding: 6px 10px; } .calendar-day-mode-button-container { float: right; margin-bottom: 10px; text-align: right; width: 100%; } .calendar-day-mode-middle-button { border-radius: 0; margin-left: -6px; margin-right: -6px; padding-left: 15px; padding-right: 15px; width: 80%; } .calendar-delivery-date-time-box .calendar thead tr td { font-size: 14px; } .calendar-delivery-date-time-box .calendar .calendar-grid .calendar-box .calendar-date-box .calendar-day { font-size: 15px; } .calendar-edit-schedule-calendar-color { background-clip: padding-box !important; background-color: greenyellow !important; color: black !important; cursor: pointer !important; } .calendar-panel { text-align: center; } .calendar-panel .toggle-button { height: 50px; vertical-align: middle; } .calendar-edit-schedule-panel { text-align: right; } .calendar-edit-schedule-panel-action { text-align: right; } .calendar-edit-schedule-panel-header-text { font-size: 12px; font-weight: 600; } .calendar-edit-schedule-panel-text { display: inline-block; font-size: 12px; line-height: normal; text-align: left; } .calendar-edit-schedule-panel-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; text-align: center; margin-top: -1px; } .calendar-edit-schedule-panel-weekday { height: 40px; vertical-align: central; } .calendar-grid { height: 40px; } .calendar-box.selected { background-color: #1B95C6; color: #fff; cursor: pointer; } .calendar-grid:hover .calendar-box { background-color: #1B95C6; color: #fff; cursor: pointer; } .calendar-grid.calendar-date-grid-disabled .calendar-box.selected { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed; } .calendar-grid.calendar-date-grid-disabled:hover .calendar-box { background-color: #9a9a9a; color: #bfbcbb; cursor: not-allowed; } .calendar-month-year-box { display: inline-block; margin: 10px 0; text-align: left; width: 100%; } .calendar-month-year-box .calendar-month { font-size: 18px !important; vertical-align: middle; } .calendar-month-year-box .calendar-year { font-size: 15px !important; vertical-align: middle; } .calendar-navigation-box { display: inline-block; float: right; vertical-align: top; } .calendar-subscription-box { text-align: left; } .calendar-subscription-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; text-align: left; } .center { width: 95%; } .check-icon { color: #fff; font-size: 10px; position: absolute; right: -3px; top: -1px; } .consultant-cart-panel { display: inline-block; margin: 0px; text-align: left; width: 100%; } .consultant-cart-name-panel { display: inline-block; text-align: left; vertical-align: top; width: 39%; } .consultant-cart-info-panel { display: inline-block; text-align: left; width: 59%; } .consultant-on-demand-container { height: 100%; width: 100%; text-align: center; } .consultant-on-demand-container .filter-list-block { width: 100%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .available-timeslot-container { margin-top: 0px; width: 100%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item { width: 100%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box { width: 100%; } .consultant-on-demand-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar-container { display: inline-block; width: 100%; } .consultant-on-demand-container .consultant-list-block { text-align: left; width: 100%; } .consultant-on-demand-container .consultant-list-block .consultant-item { border: 1px solid #dfdfdf; padding-bottom: 15px; padding-top: 15px; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-image-container { display: inline-block; padding-left: 15px; padding-right: 15px; text-align: center; width: 39%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-image-container .img { height: auto; max-width: 110px; width: auto; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container { display: inline-block; padding-left: 15px; padding-right: 15px; vertical-align: top; width: 59%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section { width: 100%; margin-bottom: 10px; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row { width: 100%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row .icon { display: inline-block; width: 9%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row .title { display: inline-block; font-weight: 600; width: 89%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row .text { display: inline-block; width: 89%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row .text .rating-title { display: inline-block; width: 39%; } .consultant-on-demand-container .consultant-list-block .consultant-item .profile-info-container .section .row .text .rating-star { display: inline-block; width: 59%; } .consultant-on-demand-container .consultant-list-block .consultant-item .button-container { display: inline-block; margin-top: 20px; padding-right: 0px; text-align: center; vertical-align: top; width: 100%; } .consumable-usage-container { height: 100%; margin-bottom: 20px; text-align: left; width: 100%; } .consumable-usage-container .consumable-usage-order { border: 1px solid #dfdfdf; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; padding-top: 15px; } .consumable-usage-container .consumable-usage-order .consumable-usage-item-description-item { border: 1px solid #dfdfdf; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; } .consumable-usage-container .consumable-usage-order .consumable-usage-item-description-item .table-row { width: 100%; margin-bottom: 5px; display: inline-block; vertical-align: top; } .consumable-usage-container .consumable-usage-order .consumable-usage-item-description-item .table-row-half { width: 49%; display: inline-block; vertical-align: top; } .custom-button .desktop-only.fa { margin: 0; } .custom-input-field.k-datepicker, .custom-input-field.k-datetimepicker, .custom-input-field.k-numerictextbox, .custom-input-field.k-dropdown, .custom-input-field.k-combobox { padding: 0; width: 100%; border: 0; } .custom-tab.account-member .tab-container { width: 120%; } .custom-tab.account-member::-webkit-scrollbar { display: none; } .custom-tab.job-list .tab-container { width: 120%; } .custom-tab.job-list::-webkit-scrollbar { display: none; } .custom-table thead { display: none; } .custom-table tr { display: block; } .custom-table td { display: block; text-align: right; min-height: 2em; } .custom-table td:before { content: attr(data-label); float: left; font-weight: 600; margin-right: 1em; } .dashboard-container { text-align: left; } .dashboard-content-border .dashboard-content-kpi-box:not(:last-child) { border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; } .dashboard-content-chart-border { min-height: inherit; } .dashboard-doctor-list-table-account-code { font-size: 17px; margin-bottom: 5px; } .dashboard-doctor-list-table-label { font-weight: 600; } .dashboard-doctor-list-table-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; text-align: center; margin-top: -1px; } .dashboard-tab-container .dashboard-tabs { display: block; } .dashboard-tab-container .dashboard-tabs .dashboard-tab { width: 100%; border-radius: 4px 4px 4px 4px !important; } .dashboard-table .dashboard-table-row { width: 100%; display: inline-block; margin-bottom: 5px; } .dashboard-tab-container .dashboard-tabs .dashboard-tab { padding-top: 10px; } .dashboard-table .dashboard-table-row-half { width: 49%; display: inline-block; } .dashboard-table .category { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; } .dashboard-table .category .display-name { display: inline-block; font-size: 17px; margin-bottom: 5px; } .dashboard-table .category .actual-subscription { display: inline-block; font-size: 17px; margin-bottom: 5px; } .dashboard-table .category .actual-subscription-percent { display: inline-block; } .dashboard-target-action-button { text-align: right; } .dashboard-target-item { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; vertical-align: central; } .dashboard-target-table-label { display: inline-block; width: 40%; font-weight: 600; margin-bottom: 5px; } /*.desktop-only { display: none !important; } .mobile-only { display: normal !important; }*/ .district-group-row { margin-top: 20px; } .district-group-container { margin-left: 20px; } .district-group-container .district-row { margin-bottom: 20px; margin-top: 20px; } .doctor-scheduler-appointment-list-container { } .doctor-scheduler-appointment-list .doctor-scheduler-appointment { border-left: 5px solid; padding: 10px 0 10px 10px; margin-bottom: 5px; } .doctor-scheduler-appointment-list .doctor-scheduler-appointment:not(:last-child) { border-bottom: 1px solid #dbdbdb; } .doctor-registration-container { height: 100%; width: 100%; text-align: center; } .doctor-registration-container .filter-list-block { width: 100%; } .doctor-registration-container .filter-list-block .booking-date-panel .available-timeslot-container { margin-top: 0px; width: 100%; } .doctor-registration-container .filter-list-block .booking-date-panel .available-timeslot-container .available-timeslot-item { width: 100%; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box { width: 100%; } .doctor-registration-container .filter-list-block .booking-date-panel .calendar-delivery-date-time-box .calendar-container { display: inline-block; width: 100%; } .doctor-registration-container .consultant-list-block { text-align: left; width: 100%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item { border: 1px solid #dfdfdf; padding-bottom: 15px; padding-top: 15px; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-image-container { display: inline-block; padding-left: 15px; padding-right: 15px; text-align: center; width: 39%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-image-container .img { height: auto; max-width: 110px; width: auto; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container { display: inline-block; padding-left: 15px; padding-right: 15px; vertical-align: top; width: 59%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section { width: 100%; margin-bottom: 10px; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row { width: 100%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row .icon { display: inline-block; width: 9%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row .title { display: inline-block; font-weight: 600; width: 89%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row .text { display: inline-block; width: 89%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row .text .rating-title { display: inline-block; width: 39%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.profile-info-container .section .row .text .rating-star { display: inline-block; width: 59%; } .doctor-registration-container .doctor-registration-list-block .doctor-registration-item.button-container { display: inline-block; margin-top: 20px; padding-right: 0px; text-align: center; vertical-align: top; width: 100%; } .doctor-registration-container .doctor-registration-list-block-session .available-timeslot-container .available-timeslot-item { width: 98%; } .doctor-time-slot-container { height: 100%; text-align: center; width: 100%; } .doctor-time-slot-container .filter-list-block { text-align: left; } .doctor-time-slot-container .doctor-list-block { text-align: left; } .doctor-time-slot-container .doctor-list-block .doctor-item { border: 1px solid #dfdfdf; padding-bottom: 15px; padding-top: 15px; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-image-container { display: inline-block; padding-left: 15px; padding-right: 15px; text-align: center; width: 19%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-image-container .img { height: auto; max-width: 110px; width: auto; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-image-container2 { padding-left: 15px; padding-right: 15px; /*text-align: center;*/ width: 109%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-image-container2 .img { /*display: inline-block; float: left; padding-right: 20px;*/ /*width: 79%;*/ } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container { display: inline-block; padding-left: 15px; padding-right: 15px; vertical-align: top; width: 69%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section { width: 100%; margin-bottom: 10px; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row { width: 100%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .icon { display: inline-block; width: 9%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .title { display: inline-block; font-weight: 600; width: 89%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .text { display: inline-block; width: 89%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .imgthumb { float: left; padding-right: 20px; width: 109%; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .image-container { display: inline-block; padding-right: 15px; text-align: center; } .doctor-time-slot-container .doctor-list-block .doctor-item .profile-info-container .section .row .image-container .img { float: left; } .doctor-time-slot-container .doctor-list-block .doctor-item .button-container { display: inline-block; margin-top: 20px; padding-right: 20px; text-align: right; vertical-align: top; width: 100%; } .workflow-approval-radio-button { display: inline-block; margin-top: 5px; margin-bottom: 10px; font-weight: bold; font-size: 14px; width: 99%; } .workflow-approval-radio-button-text { display: inline-block; font-weight: bold; font-size: 14px; margin-bottom: 10px; width: auto; } .estatement-panel { margin-top: 15px; } .estatement-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 17px; font-weight: 100; line-height: normal; padding: 30px; } .estatement-page-center { margin: auto; padding: 10px; width: 80%; } .estatement-summary-header { margin: auto; border-bottom: 0 !important; width: 100%; } .estatement-summary-table { margin: 0 !important; border-top: 0 !important; } .estatement-summary-table td { font-size: 15px; } .estatement-summary-table .td-right { text-align: right; } .facebook-sharing-container .facebook-sharing-quote-dropdownlist-container { display: block; margin-bottom: 15px; margin-top: 15px; width: 100%; } .facebook-sharing-container .facebook-sharing-quote-button { display: block; margin-bottom: 15px; margin-top: 15px; width: 100%; } .form-quiz-detail-container { width: 95%; } .form-field-group:not(:first-child) { margin-top: 10px; } .form-group { border: 1px solid #CCC; border-radius: 4px; padding: 10px 10px 0 10px; background: #fcfcfc; position: relative; } .form-width-10-percent, .form-width-20-percent, .form-width-30-percent, .form-width-40-percent, .form-width-50-percent, .form-width-60-percent, .form-width-70-percent, .form-width-80-percent, .form-width-90-percent { width: 99%; vertical-align: top; } .inbox-container { position: fixed; left: 0; right: 0; bottom: 0; top: 52px; width: auto; overflow: hidden; background: #FFF; } .inbox-right-column { width: 100%; padding-left: 0.5rem !important; padding-right: 1rem !important; position: absolute; right: 0; top: 0px; bottom: 0; text-align: left; overflow: scroll; } .grab-order-container .grab-order-filter-box { display: block; width: 100%; } .grab-order-container .grab-order-item-group { display: block; width: 100%; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-left-column .title-column { font-size: 18px; font-weight: 600; text-align: left; width: 100%; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-right-column .field-column { font-size: 13px; text-align: left; width: 100%; } .grab-order-container .grab-order-item-group .grab-order-confirmed-item .grab-order-right-column .field-column .input-field { border: 1px solid #CCC; border-radius: 4px; color: #000; font-size: 13px; padding: 5px 10px; width: 100%; } .hide-inbox-message { display: none; } .hide-inbox-message-menu { display: none; } .inbox-message-container { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; display: inline-block; height: auto; padding-bottom: 20px; } .item-master-calendar .item-master-calendar-left-panel, .item-master-calendar .item-master-calendar-right-panel { width: 99%; } .item-master-calendar-header-left-panel, .item-master-calendar-header-right-panel { text-align: center; width: 99%; } .item-master-calendar-header-left-panel-half { text-align: left; width: 49%; } .item-master-calendar-header-right-panel-half { text-align: right; width: 49%; } .item-master-item-type-action { text-align: right; } .item-master-item-type-cat-lv1-name { color: #4d95b2; font-size: 18px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-item-type-cat-lv2-name { color: #4d95b2; font-size: 16px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-item-type-cat-lv3-name { color: #4d95b2; font-size: 14px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-item-type-dropdownlist { font-size: 13px; width: 100%; } .item-master-item-type-marked-category { color: #4d95b2; } .item-master-item-type-marked-compulsory { color: red; } .item-master-item-type-marked-normal { color: black; } .item-master-item-type-header-text { font-size: 12px; text-align: left; } .item-master-item-type-lv1-name { font-size: 16px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-item-type-lv2-name { font-size: 14px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-item-type-lv3-name { font-size: 12px; font-weight: 400; padding-left: 3px; text-align: left; } .item-master-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; text-align: center; margin-top: -1px; } .item-master-item-type-text { color: black; display: inline-block; font-size: 12px; line-height: normal; text-align: left; } .item-master-items-assoc-action { display: inline-block; width: 100%; text-align: right; } .item-master-items-assoc-item-index { font-size: 17px; margin-bottom: 5px; } .item-master-items-assoc-label { display: inline-block; width: 20%; font-weight: 600; } .item-master-items-assoc-combo-box { display: inline-block; width: 79%; } .item-master-items-assoc-table { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; } .item-option-image-container { display: inline-block; width: 45%; } .item-type-cat-table .item-type-cat-item { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; } .item-type-cat-table .item-type-cat-table-effective-date, .item-type-cat-table .item-type-cat-table-expiry-date { margin-bottom: 5px; width: 100%; font-weight: 600; } .item-type-cat-table .item-type-cat-table-item-type-cat-name { font-size: 17px; margin-bottom: 5px; } .item-type-cat-table .item-type-cat-table-row { width: 100%; margin-bottom: 5px; display: inline-block; } .item-type-cat-table .item-type-cat-table-row-half { width: 49%; display: inline-block; } .item-table .item-table-row { width: 100%; display: inline-block; margin-bottom: 5px; } .item-table .item-table-row-half { width: 49%; display: inline-block; } .item-table .item { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; } .item-table .item .item-table-item-name { font-size: 17px; margin-bottom: 5px; } .item-table .item-table-effective-date, .item-table .item-table-expiry-date, .item-table .item-table-label-100-percent { margin-bottom: 5px; width: 100%; font-weight: 600; } .item-table .item .item-table-item-id, .item-table .item .item-table-qty, .item-table .item .item-table-item-status, .item-table .item .item-table-label { width: 50%; display: inline-block; font-weight: 600; } .item-table .item .item-table-location { width: 24%; display: inline-block; font-weight: 600; margin-bottom: 5px; } .item-table .item .item-table-sn { width: 24%; display: inline-block; font-weight: 600; } .item-tx-table .item-tx-table-row { width: 100%; display: inline-block; margin-bottom: 5px; } .item-tx-table .item-tx-table-row-half { width: 49%; display: inline-block; } .item-tx-table .item-tx-item { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; } .item-tx-table .item-tx-item .item-tx-table-item-tx-id { font-size: 17px; margin-bottom: 5px; } .item-tx-table .item-tx-item .item-tx-table-label { width: 24%; display: inline-block; font-weight: 600; } .item-type-details, .item-subscription-plan { display: block; margin-bottom: 50px; padding: 20px; text-align: center; vertical-align: top; } .item-subscription-plan img { max-width: 100%; } .item-type-lv2 { font-size: 13px; line-height: 20px; } .item-type-promo { display: block; text-align: center; } .item-type-promo img { width: 300px; } .item-type-row.selected { border: 1px solid #00a3ff; padding: 8px; } .item-type-row.selected:hover { border: 2px solid #00a3ff; padding: 8px; } .item-type-row .left-panel { display: inline-block; vertical-align: top; width: 100%; text-align: center; } .item-type-row .right-panel { display: inline-block; text-align: left; vertical-align: top; width: 100%; } .item-type-row .right-panel .name { display: inline-block; font-size: 15px; font-weight: 600; line-height: 20px; margin-bottom: 0; vertical-align: top; } .item-type-table .item-type-item { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; } .item-type-table .item-type-table-available, .item-type-table .item-type-table-cust-dn, .item-type-table .item-type-table-damage, .item-type-table .item-type-table-on-hold, .item-type-table .item-type-table-total-qty, .item-type-table .item-type-table-label { width: 50%; display: inline-block; text-align: left !important; font-weight: 600; } .item-type-table .item-type-table-effective-date, .item-type-table .item-type-table-expiry-date { margin-bottom: 5px; width: 100%; font-weight: 600; } .item-type-table .item-type-table-item-type-name, .item-type-table .item-type-table-location-name { font-size: 17px; margin-bottom: 5px; } .item-type-table .item-type-table-row { width: 100%; margin-bottom: 5px; display: inline-block; } .item-type-table .item-type-table-row-half { width: 49%; display: inline-block; vertical-align: top; } .k-button, .k-input[type=text], .k-input[type=number], .k-picker-wrap .k-input, .k-textbox, .k-textbox > input { font-size: 13px !important; } .k-dialog-container { align-content: center; vertical-align: middle; } .k-dialog { align-content: center; font-size: small; width: 80%; vertical-align: middle; } .k-dialog .k-content { font-size: small; margin: 0; padding-bottom: 2em; padding-left: 1em; padding-right: 1em; padding-top: 2em; text-align: left; width: auto; } .k-dialog.k-window { overflow-y: auto !important; } .k-dialog .k-window-titlebar { color: #1a6b98; font-size: medium; font-weight: 600; margin: 0; padding-bottom: 0.8em; padding-left: 1em; padding-right: 1em; padding-top: 0.8em; text-align: left; width: auto; } .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li { background-color: #ebebeb; color: black; font-size: small; font-weight: 600; } .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li:hover { background-color: #58585b; color: white; } .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li:first-child.k-button { background-color: #2183bA; color: white; } .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li:first-child.k-button:hover { background-color: #4183c4; color: white; } .k-overlay { background-color: #fff; } .k-window .k-overlay { visibility: hidden; } .library-container { width: 100%; text-align: center; } .library-container .library-left-container { display: block; width: 100%; } .library-container .library-right-container { display: block; width: 100%; } .machine-activation-doctor-panel { margin-top: 15px; text-align: left; } .machine-activation-doctor-panel .machine-activation-doctor-record { border: 1px solid #dbdbdb; border-radius: 4px; margin-bottom: 10px; } .machine-activation-doctor-panel .machine-activation-doctor-item-panel { border-top: 1px solid #dbdbdb; padding-bottom: 20px; padding-left: 20px; padding-top: 20px; width: 100%; } .machine-activation-doctor-panel .machine-activation-doctor-item-left-panel { display: inline-block; padding: 10px; width: 60%; } .machine-activation-doctor-panel .item-image-panel { border-bottom: 1px solid #dbdbdb; display: inline-block; margin-bottom: 15px; padding-bottom: 20px; vertical-align: top; width: 100%; } .machine-activation-doctor-panel .item-image-panel .item-image { text-align: center; } .machine-activation-doctor-panel .item-image-panel .item-image img { width: 150px; } .machine-activation-doctor-panel .machine-activation-doctor-item-right-panel { display: inline-block; vertical-align: top; width: 100%; } .machine-activation-doctor-panel .item-details-panel { display: inline-block; vertical-align: top; width: 100%; } .machine-activation-doctor-panel .header-text { font-size: 15px; font-weight: 700; } .machine-activation-doctor-panel .text { display: inline-block; } .machine-activation-operator-panel .title { width: 95%; } .machine-activation-operator-panel .machine-activation-operator-record { width: 95%; } .machine-activation-operator-panel .machine-activation-operator-item-left-panel { width: 100%; } .machine-activation-operator-panel .machine-activation-operator-item-right-panel { width: 100%; } .machine-activation-operator-no-record-panel { width: 95%; } .library-container .library-left-container { display: block; width: 100%; } .library-container .library-right-container { display: block; width: 100%; } .machine-activation-doctor-panel { margin-top: 15px; text-align: left; } .machine-activation-doctor-panel .machine-activation-doctor-record { border: 1px solid #dbdbdb; border-radius: 4px; margin-bottom: 10px; } .machine-activation-doctor-panel .machine-activation-doctor-item-panel { border-top: 1px solid #dbdbdb; padding-bottom: 20px; padding-left: 20px; padding-top: 20px; width: 100%; } .machine-activation-doctor-panel .machine-activation-doctor-item-left-panel { display: inline-block; padding: 10px; width: 60%; } .machine-activation-doctor-panel .item-image-panel { border-bottom: 1px solid #dbdbdb; display: inline-block; margin-bottom: 15px; padding-bottom: 20px; vertical-align: top; width: 100%; } .machine-activation-doctor-panel .item-image-panel .item-image { text-align: center; } .machine-activation-doctor-panel .item-image-panel .item-image img { width: 150px; } .machine-activation-doctor-panel .machine-activation-doctor-item-right-panel { display: inline-block; vertical-align: top; width: 100%; } .machine-activation-doctor-panel .item-details-panel { display: inline-block; vertical-align: top; width: 100%; } .machine-activation-doctor-panel .header-text { font-size: 15px; font-weight: 700; } .machine-activation-doctor-panel .text { display: inline-block; } .machine-on-demand-promo-img { width: 80%; margin-right: 0; } .material-uploader-container { position: relative; display: inline-block; width: 100%; } .material-uploader-container .dropzone-clear-button { position: absolute; margin: 0; right: 5px; bottom: 5px; padding: 5px 10px; } .main-menu-item { padding: 15px 15px; } .main-menu-item-center { text-align: center; } .main-menu-item-left { padding-left: 10px; position: absolute; left: 5px; top: 5px; } .main-menu-item-right { padding-right: 10px; position: absolute; right: 5px; top: 5px; } .member-contact { width: 100%; } .member-contact-person, .member-phone { width: 100%; margin-top: 5px; } .member-list-container.center { width: 95%; } .mobile-align-left { text-align: left !important; } .mobile-form-col-1 { width: 100%; } .mobile-form-col-1 input, .mobile-form-col-1 select { width: 99%; } .mobile-form-col-1 textarea { width: 99%; border-radius: 4px; padding: 5px 10px; border: 1px solid #CCC; } .mobile-form-col-1 .k-autocomplete { width: 99%; } .mobile-form-col-1 .signature-container { width: 99% !important; } .mobile-form-col-2 { width: 49%; } .mobile-form-col-2 input, .mobile-form-col-2 select { width: 100%; } .mobile-form-col-2 textarea { width: 100%; border-radius: 4px; padding: 5px 10px; border: 1px solid #CCC; } .mobile-form-col-2 .k-autocomplete { width: 100%; } .mobile-icon-no-margin { margin: 0; } .mobile-no-padding { padding: 0; } .nd-icon { border: 1px solid #ccc; border-radius: 50%; display: inline-block; height: 100%; width: 100%; vertical-align: top; } .mobile-side-menu-item.lang-list > .fa { margin-right: 10px; } .mobile-side-menu-item.lang-list > .ui.divided.list { margin: 0; } .nd-icon-clinic { display: inline-block; height: 25px; width: 25px; } .nd-icon-doctor { display: inline-block; height: 25px; width: 25px; } .nd-icon-info-container { display: inline-block; margin-left: 10px; margin-top: 5px; width: 60vw; vertical-align: top; } .nd-icon-pin { display: inline-block; height: 25px; width: 25px; } .nd-profile-container { text-align: left; height: auto; margin-bottom: 20px; margin-top: 20px; width: 100%; } .nd-profile-container .nd-icon-container { display: inline-block; height: 25%; width: 25%; } .nd-profile-container .profile-account-name { display: inline-block; font-size: 20px; font-weight: 600; height: 100%; text-align: left; vertical-align: top; width: 69%; } .nd-profile-container .profile-account-name .basic-info { display: block; font-size: 15px; font-weight: normal; cursor: pointer; margin-bottom: 10px; width: 100%; } .nd-profile-container .profile-account-name .basic-info .account-name { color: dimGray; display: block; font-size: 18px; font-weight: bold; margin-bottom: 0px; } .nd-profile-container .profile-account-name .basic-info .sub-info { font-size: 14px; margin-top: 10px; } .nd-profile-container .profile-account-name .basic-info .sub-info .img { display: inline-block; height: 10%; width: 10%; } .nd-profile-container .profile-account-name .basic-info .sub-info .text { display: inline-block; margin-top: 3px; vertical-align: top; width: 85%; } .nd-profile-container .profile-account-name .logout { color: #9a9a9a; display: inline-block; font-size: 18px; font-weight: normal; cursor: pointer; text-align: right; } .nd-profile-info-container { display: inline-block; margin-left: 5px; margin-top: 5px; text-align: left; vertical-align: top; } .on-demand-option-list-block { height: 100%; width: 100%; text-align: center; } .on-demand-option-list-block .on-demand-option-block { border: 1px solid #1A6B98; cursor: pointer; display: block; height: 130px; margin: 15px; text-align: left; width: auto; } .on-demand-option-list-block .on-demand-option-block .header-side { color: #1A6B98; display: inline-block; font-size: 24px; font-weight: 600; line-height: 30px; padding-left: 15px; padding-right: 15px; padding-top: 30px; width: 49%; } .on-demand-option-list-block .on-demand-option-block .image-side { display: inline-block; text-align: center; width: 49%; } .on-demand-option-list-block .on-demand-option-block .image-side .img { padding: 10px; height: auto; max-height: 130px; max-width: 100%; width: auto; } .opening-hours-time-field { width: 100%; } .order-entry-link-button { color: black; text-decoration: underline; } .order-entry-link-button:hover { color: black; text-decoration: underline; } .order-history-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; } .order-history-panel { margin-top: 15px; text-align: left; } .order-history-panel .calendar-month-year-panel { margin-bottom: 20px; text-align: center; } .order-history-panel .order-history-record { border: 1px solid #dbdbdb; border-radius: 4px; margin-bottom: 10px; } .order-history-panel .order-replenishment-history-record { border-top: 6px double #dbdbdb; } .order-history-panel .order-header-panel { border-bottom: 1px solid #dbdbdb; } .order-history-panel .order-header-left-panel { display: inline-block; padding: 10px; width: 60%; } .order-history-panel .order-date-panel .header-text { display: inline-block; font-size: 15px; font-weight: 600; } .order-history-panel .order-date-panel .text { display: inline-block; } .order-history-panel .order-no-panel { color: #9a9a9a; font-size: 13px; } .order-history-panel .order-no-panel .text { display: inline-block; } .order-history-panel .order-header-right-panel { display: inline-block; text-align: right; width: 39%; } .order-history-panel .cancel-order-panel { padding-right: 5px; } .order-history-panel .cancel-order-panel .header-text { font-size: 15px; font-weight: 700; } .order-history-panel .order-history-item-panel { padding: 10px; } .order-history-panel .order-item-left-panel { border-bottom: 1px solid #dbdbdb; display: inline-block; margin-bottom: 20px; padding-bottom: 5px; vertical-align: top; width: 100%; } .order-history-panel .order-service-panel { margin-bottom: 10px; } .order-history-panel .order-delivery-dt-panel { display: inline-block; margin-bottom: 10px; vertical-align: top; width: 49%; } .order-history-panel .order-return-dt-panel { display: inline-block; margin-bottom: 10px; vertical-align: top; width: 49%; } .order-history-panel .order-address-panel { display: inline-block; margin-bottom: 10px; vertical-align: top; width: 49%; } .order-history-panel .order-status-panel { display: inline-block; margin-bottom: 10px; vertical-align: top; width: 49%; } .order-history-panel .order-item-left-panel .header-text { font-weight: 600; font-size: 15px; } .order-history-panel .order-item-left-panel .text { color: #9a9a9a; font-size: 13px; line-height: 17px; } .order-history-panel .order-item-right-panel { display: inline-block; vertical-align: top; width: 100%; } .order-history-panel .order-item-right-panel .calendar-delivery-date-time-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .order-history-panel .order-item-right-panel .order-extension-panel { margin-bottom: 10px; } .order-history-panel .order-item-right-panel .order-extension-panel .header-text { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .order-history-panel .order-item-right-panel .button-panel { text-align: right; } .order-history-panel .order-image-panel { border-bottom: 1px solid #dbdbdb; display: inline-block; margin-bottom: 15px; padding-bottom: 20px; vertical-align: top; width: 100%; } .order-history-panel .order-image-panel .order-image { text-align: center; } .order-history-panel .order-image-panel .order-image img { width: 150px; } .order-history-panel .order-item-details-panel { display: inline-block; vertical-align: top; width: 100%; } .order-history-panel .order-item-details-panel .order-item { font-size: 13px; line-height: 19px; } .order-history-panel .order-item-cat-panel .order-item-cat { margin-bottom: 10px; } .order-history-panel .order-item-cat-panel .order-item-cat .header-text { font-weight: 700; font-size: 15px; } .order-history-panel .order-item-name-panel { display: inline-block; vertical-align: top; width: 73%; } .order-history-panel .order-item-name-panel .text { display: inline-block; } .order-history-panel .order-item-consumption-panel { display: inline-block; color: #9a9a9a; font-size: 11px; } .order-history-panel .order-item-consumption-panel .text { display: inline-block; } .order-history-panel .order-item-qty-panel { display: inline-block; vertical-align: top; text-align: right; width: 26%; } .order-history-panel .order-item-qty-panel .text { display: inline-block; } .order-item-input-field { width: 60px !important; } .order-item-input-serial-no { width: 90%; } .order-list-job-related-date { color: #FF695E; } .order-list-job-list-delivery { background-color: #ECF0F1; padding-top: 5px; padding-bottom: 5px; } .order-list-job-list-left-panel { display: inline-block; width: 50%; vertical-align: top; } .order-list-job-list-right-panel { display: inline-block; width: 49%; vertical-align: top; } .order-list-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; text-align: center; margin-top: -1px; } .order-list-panel .order-list-left-panel, .order-list-panel .order-list-right-panel, .order-list-panel .order-list-right-panel-full { display: block; width: 100%; border: none; padding-left: 0; padding-right: 0; } .order-management-account { margin-bottom: 5px; width: 49%; } .order-management-account .order-management-table-label { width: 40%; display: inline-block; } .order-management-action { display: inline-block; width: 100%; text-align: right; } .order-management-date-label { margin-bottom: 5px; width: 100%; font-weight: 600; } .order-management-item { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; } .order-management-item-container { margin-top: 5px; } .order-management-item-list { border: 1px solid #1A6B98; } .order-management-item-list .order-management-item { border: none; } .order-management-item-selection { width: 5%; display: inline-block; text-align: right; margin-bottom: 5px; } .order-management-item-type-label { width: 78%; font-size: 17px; margin: 15px 0px; display: inline-block; } .order-management-order-no { font-size: 17px; margin-bottom: 5px; } .order-management-row { width: 100%; margin-bottom: 5px; display: inline-block; } .order-management-row-half { width: 49%; display: inline-block; } .order-management-row-half .order-management-table-label { margin-bottom: 5px; width: 100%; font-weight: 600; } .order-management-row-selection { width: 19%; display: inline-block; text-align: right; } .order-management-row-title { width: 79%; display: inline-block; } .order-management-table-field { width: 79%; display: inline-block; } .order-management-table-label { display: inline-block; width: 20%; font-weight: 600; } .order-management-table-label-25-percent { width: 39%; } .order-management-status-combo-box, .order-management-return-location-combo-box { display: inline-block; width: 79%; } .order-management-invoice-no, .order-management-item-desc, .order-management-sn, .order-management-status, .order-management-remarks, .order-management-return-location, .order-management-inspection { display: inline-block; width: 99%; margin-bottom: 5px; } .order-management-defect-qty, .order-management-initial-qty, .order-management-deduced-qty, .order-management-instock-qty, .order-management-qty, .order-management-remain-qty { display: inline-block; width: 100%; margin-bottom: 5px; vertical-align: top; } .order-management-deduced-qty .order-management-table-label, .order-management-defect-qty .order-management-table-label, .order-management-initial-qty .order-management-table-label, .order-management-instock-qty .order-management-table-label, .order-management-qty .order-management-table-label, .order-management-remain-qty .order-management-table-label { width: 48%; } .order-management-item-desc .order-management-table-label { width: 99%; } .order-management-sn .order-management-sn-combo-box { width: 99%; } .order-management-table-field-label { display: inline-block; width: 48%; } .order-management-status-50-percent { width: 49%; } .order-management-status-show { width: 59%; display: inline-block; } .order-panel .order-left-panel { width: 100%; } .order-panel .order-right-panel { width: 100%; } .overdue-font { color: red; font-weight: bold; } .panel-container .panel-homepage { color: white; cursor: pointer; display: inline-block; height: 90vw; margin-right: 0.5vw; margin-top: 10px; min-height: 300px; min-width: 300px; text-align: center; width: 90vw; } .panel-container .panel-homepage .panel-header { border-bottom: 2px solid #9a9a9a; font-size: calc(12px + 2vw); font-weight: 600; line-height: calc(12px + 2vw); padding-bottom: 3%; padding-top: 3%; text-align: center; width: 100%; } .panel-container .panel-homepage .panel-container { height: 86%; margin: 0; text-align: center; } .panel-container .panel-homepage .panel-container .full-panel { display: inline-block; height: 100%; margin-bottom: 3px; width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-content { float: right; height: 70%; width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-content .panel-text { font-size: calc(7em + 4vw); font-weight: 600; line-height: 6vw; padding-top: calc(30px + 10vw); } .panel-container .panel-homepage .panel-container .full-panel .panel-desc { float: right; font-size: calc(15px + 1vw); font-weight: 600; line-height: calc(15px + 1vw); width: 100%; } .panel-container .panel-homepage .panel-container .full-panel .panel-arrow-button { display: inline-block; font-size: calc(30px + 4vw); position: absolute; } .panel-container .panel-homepage .panel-container .left-panel { display: inline-block; height: 49.99%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel:last-of-type { border-top: 2px solid #9a9a9a; } .panel-container .panel-homepage .panel-container .left-panel .no-record { float: right; font-size: 6vw; font-weight: 600; line-height: 6vw; padding-top: 1vw; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content { display: inline-block; float: right; height: 70%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content .panel-text { font-size: calc(7em + 4vw); font-weight: 600; padding-top: calc(30px + 2vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-desc { float: right; font-size: calc(12px + 1vw); font-weight: 600; height: 29%; line-height: calc(12px + 1vw); padding-top: calc(12px + 0.3vw); width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-arrow-button { display: inline-block; font-size: calc(30px + 4vw); margin-left: 5px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .name-panel { border-bottom: 1px solid #9a9a9a; display: inline-block; font-size: calc(16px + 1vw); font-weight: 600; height: 20%; padding-top: 5px; text-align: center; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel { display: inline-block; height: 80%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half { border-right: 1px solid #9a9a9a; display: inline-block; height: 100%; width: 49%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-content { display: inline-block; float: right; font-size: calc(30px + 6vw); font-weight: 600; height: 70%; padding-top: calc(12px + 3vw); width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-content .panel-arrow-button { display: inline-block; font-size: calc(20px + 1vw); margin-left: 10px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .left-panel-half .panel-desc { float: right; font-size: calc(14px + 1vw); font-weight: 600; height: 29%; line-height: calc(14px + 1vw); padding-top: 0.4vw; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half { display: inline-block; float: right; height: 100%; padding-top: 0%; width: 49%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-content { display: inline-block; float: right; font-size: calc(30px + 6vw); font-weight: 600; height: 70%; padding-top: calc(12px + 3vw); width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-content .panel-arrow-button { display: inline-block; font-size: calc(20px + 1vw); margin-left: 0px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .info-panel .right-panel-half .panel-desc { float: right; font-size: calc(14px + 1vw); font-weight: 600; height: 29%; line-height: calc(14px + 1vw); padding-top: 0.4vw; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .left-panel-half { display: inline-block; height: 100%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half { display: inline-block; float: right; font-weight: 600; height: 100%; padding-bottom: 5%; padding-top: 5%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .upper-content { font-size: calc(25px + 3vw); line-height: calc(25px + 3vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .middle-content { font-size: calc(16px + 3vw); line-height: calc(16px + 3vw); padding-bottom: 10px; } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .lower-content { font-size: calc(12px + 3vw); line-height: calc(12px + 3vw); } .panel-container .panel-homepage .panel-container .left-panel .panel-content-half .panel-arrow-button-half { display: inline-block; font-size: calc(24px + 3vw); margin-left: 10px; position: absolute; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half { display: inline-block; height: 100%; float: right; padding-top: 5%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row { display: inline-block; font-size: calc(16px + 2vw); height: 33.3%; width: 100%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row .left-column { display: inline-block; width: 60%; } .panel-container .panel-homepage .panel-container .left-panel .right-panel-half .row .right-column { display: inline-block; width: 36%; } .panel-reminder .reminder-content-container .reminder-row { margin-bottom: 20px; margin-top: 20px; } .page-menu { padding: 5px 10px; background-color: #fff; border-bottom: 1px solid #dfdfdf; color: #000; margin-bottom: 30px; padding-bottom: 5px; /*padding-left: 20px;*/ padding-top: 5px; /*padding-right: 10px;*/ position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0px; width: 100%; z-index: 2; } .page-menu .header { color: #2183bA; font-size: 20px; font-weight: 400; line-height: 1.333em; text-align: left; width: 100%; display: inline-block; position: relative; } .page-menu-left-panel { display: inline-block; vertical-align: top; } .page-menu-left-panel .header { line-height: normal; } .page-menu-right-panel { display: inline-block; padding-right: 0px; vertical-align: top; background: #FFF; padding-left: 5px; } .page-menu-right-panel .button { margin-top: 0; } .page-menu-right-panel .link-button { margin-left: 10px; margin-right: 10px; /*margin-top: 8px;*/ } .page-menu-right-panel .link-page { cursor: pointer; display: inline-block; font-size: 12px; font-weight: 400; margin-left: 10px; } .patient-request-table-row-half-left { width: 100%; display: inline-block; vertical-align: bottom; } .patient-request-table-row-half-right { width: 100%; display: inline-block; vertical-align: bottom; } .promo-img { background-color: dodgerblue; height: 400px; } .product-catalog-item-button-custom { margin-bottom: 0; } .product-catalog-item-button-one-hour { margin-bottom: 0; } .profile-container { border: 1px solid #CCC; border-radius: 4px; padding: 5px; position: relative; } .profile-detail-container { width: 89%; } .profile-edit { position: absolute; width: 10%; bottom: 7px; right: 7px; text-align: right; } .profile-name { font-size: 12px; } .qr-code-container-treatment-quotation { text-align: center; } .regular-schedule-item { border: 1px solid #1A6B98; font-size: 13px; margin-bottom: 5px; text-align: left; padding-top: 10px; padding-bottom: 10px; } .regular-schedule-item .table-row { width: 100%; margin-bottom: 5px; display: inline-block; vertical-align: top; } .regular-schedule-item .table-row .table-row-half { width: 49%; display: inline-block; vertical-align: top; padding-left: 20px; padding-right: 20px; } .regular-schedule-item-day-off-label { font-weight: bold; } .regular-schedule-table-label { margin-bottom: 5px; width: 100%; font-weight: 600; } .required-color { color: indianred; } .review-table-row-index { width: 9%; display: inline-block; vertical-align: bottom; } .review-table-row-info { width: 89%; display: inline-block; vertical-align: bottom; } .review-comment-header { font-size: 17px; } .review-comment-item { border: 1px solid #1A6B98; font-size: 13px; margin-bottom: 5px; padding: 5px; } .review-comment-text { word-break: break-word; width: 100%; } .review-comment-textView { border: 1px solid #CCC; border-radius: 4px; color: #000; font-size: 13px; line-height: 20px; max-height: 300px; min-height: 150px; overflow: auto; padding: 5px 10px; width: 100%; } .review-comment-title { font-weight: 600; } .scheduler-content { border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; text-align: left; margin-top: -1px; padding: 10px; } .scheduler-content-appointment { display: inline-block; border-left: 4px solid #1a6b98; padding-left: 10px; width: 90%; font-size: 15px; } .scheduler-content-doctor-schedule { display: inline-block; border-left: 4px solid #19984c; padding-left: 10px; width: 90%; font-size: 15px; } .scheduler-content-seminar { display: inline-block; border-left: 4px solid #34bec9; padding-left: 10px; width: 90%; font-size: 15px; } .scheduler-content-treatment-booking { display: inline-block; border-left: 4px solid #ff7dbd; padding-left: 10px; width: 90%; font-size: 15px; } .scheduler-content-trial-purchase { display: inline-block; border-left: 4px solid #6400ff; padding-left: 10px; width: 90%; font-size: 15px; } .scheduler-content-timestamp { display: inline-block; font-size: 15px; width: 8%; vertical-align: top; } .scheduler-content-timestamp span { font-size: 15px; font-weight: bold; } .scheduler-order-grid { display: block; } .section { width: 100%; margin-bottom: 10px; } .section .row { width: 100%; } .section .row .icon { display: inline-block; vertical-align: top; width: 9%; } .section .row .title { display: inline-block; font-weight: 600; width: 89%; } .section .row .text { display: inline-block; width: 89%; } .section .row .text .rating-title { display: inline-block; width: 39%; } .section .row .text .rating-star { display: inline-block; width: 59%; } .section-header { font-family: 'Open Sans', sans-serif !important; font-size: 20px; font-weight: 500; margin-bottom: 15px; } .section-header.blue { color: #1A6B98; } .select-all-button-container { width: 100%; text-align: right; } .select-all-button-container .checkbox-button { margin-top: 5px; } .share-buttons-container { width: 99%; text-align: center; } .shopping-cart-address-panel { margin-top: 5px; width: 90%; } .shopping-cart-botton-consumable-cost-estimation { position: fixed; bottom: 0; left: 0; width: 60%; border: 1px solid black; border-radius: 0; margin-bottom: 0; z-index: 110; line-height: 20px; vertical-align: middle; text-align: center; height: 73px; background: white; cursor: pointer; } .shopping-cart-botton-consumable-cost-estimation-amount { margin-top: 15px; margin-right: 15px; font-size: 15px; font-weight: bold; color: black; } .shopping-cart-botton-consumable-cost-estimation-amount-minimum { margin-right: 15px; font-size: 15px; color: #9a9a9a; } .shopping-cart-botton-submit { position: fixed; bottom: 0; left: 60%; width: 40%; border-radius: 0; margin-bottom: 0; z-index: 110; font-size: 15px; line-height: 60px; } .shopping-cart-botton-submit.disabled { font-size: 15px; } .shopping-cart-botton-submit-full { position: fixed; bottom: 0; left: 0; width: 100%; border-radius: 0; margin-bottom: 0; z-index: 110; font-size: 30px; line-height: 60px; } .shopping-cart-botton-submit-full.disabled { font-size: 30px; } .shopping-cart-consumable-cost-estimation-title { width: auto; } .shopping-cart-consumable-cost-estimation-detail { width: auto; } .shopping-cart-consumable-cost-estimation-cycle-cost-list { width: 100%; } .shopping-cart-consumable-cost-estimation-item-qty { width: 65%; margin-left: 10px; } .shopping-cart-consumable-cost-estimation-item-cost-amount { width: 30%; } .shopping-cart-header-left-panel { text-align: center; width: auto; } .shopping-cart-header-right-panel { visibility: hidden; width: 0%; } .shopping-cart-header-remove-panel { display: inline-block; text-align: right; width: 20%; } .shopping-cart-image-panel { padding-top: 20px; } .shopping-cart-message-thank-you-order { color: #bfbcbb; font-size: 25px; font-weight: 100; padding-top: 40px; } .shopping-cart-message-processing { font-size: 13px; font-weight: 100; line-height: normal; padding-top: 20px; } .shopping-cart-name-panel { display: inline-block; line-height: 30px; text-align: left; width: 45%; } .shopping-cart-name-panel .shopping-cart-name { font-size: 13px; } .shopping-cart-name-panel .shopping-cart-name .shopping-cart-unit { color: #bfbcbb; display: inline-block; font-size: 13px; } .shopping-cart-no-items { color: #bfbcbb; font-size: 20px; font-weight: 100; padding-top: 40px; } .shopping-cart-order { margin-left: 10px; margin-right: 10px; margin-top: 20px; } .shopping-cart-order-item { text-align: left; } .shopping-cart-order-item-cat-name { font-size: 15px; font-weight: 700; padding: 10px 0; text-align: left; } .shopping-cart-order-item-left-panel { vertical-align: top; } .shopping-cart-order-item-right-panel { border-top: 1px solid #ccc; margin-top: 18px; padding-top: 18px; vertical-align: top; } .shopping-cart-order-item-right-panel .calendar-delivery-date-time-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; text-align: left; } .shopping-cart-order-item-right-panel .calendar-delivery-date-time-box .message-box { background-color: #f3e350; border: 1px solid #deba11; border-radius: 4px; color: #000; margin: 10px 0; padding: 10px; } .shopping-cart-order-item-right-panel .calendar-delivery-date-time-box .calendar-month-year-box .calendar-navigation-box { width: auto; } .shopping-cart-order-item-right-panel .calendar-contact-box { border-top: 1px solid #ccc; margin: 15px 0; padding-top: 10px; text-align: left; } .shopping-cart-order-item-right-panel .calendar-contact-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .shopping-cart-order-item-right-panel .calendar-contact-box .header { font-size: 13px; font-weight: 600; margin: 5px 0; } .shopping-cart-order-item-right-panel .calendar-contact-box .custom-input-field { width: 100%; } .shopping-cart-order-item-right-panel .item-type-schedule-type-box { i text-align: left; } .shopping-cart-order-item-right-panel .item-type-schedule-type-box .name { font-size: 15px; font-weight: 700; padding-bottom: 10px; } .shopping-cart-order-item-right-panel .item-type-schedule-type-box select { } .shopping-cart-popup { background: rgb(255, 255, 255); border: 1px solid #dbdbdb; border-radius: 2px; /*margin-top: 5px;*/ position: absolute; right: -10px; z-index: 11; } .shopping-cart-product-image { width: 50%; } .shopping-cart-qty-panel { display: inline-block; font-size: 13px; margin-top: 2px; text-align: left; vertical-align: top; width: 35%; } .shopping-cart-qty-panel .k-dropdown { font-size: 13px; width: 68px; } .shopping-cart-qty-panel .k-dropdown .k-input { text-align: left; } .shopping-cart-remove-button { color: #ff0000; font-size: 13px; text-decoration: underline; } .shopping-cart-remove-button:hover { color: #ff0000; text-decoration: underline; } .shopping-cart-remove-panel { line-height: 28px; } .shopping-cart-remove-right-panel { line-height: 28px; display: inline-block; vertical-align: top; } .shopping-cart-subscription-item { font-size: 13px; } .shorten-url-container { text-align: left; } .shorten-url-management-url-key { font-size: 17px; margin-bottom: 5px; } .shorten-url-management-item { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; } .shorten-url-management-table-label { width: 50%; display: inline-block; text-align: left !important; font-weight: 600; margin-bottom: 5px; } .show-more-search-panel { text-align: right; vertical-align: bottom; } .slick-dots { bottom: auto; } .slick-dots li { display: inline-block; height: 15px; position: relative; width: 14px; margin: 0 5px; padding: 0px; } .slick-dots li a { border: 1px solid #2183ba; height: 10px; padding: 3px; width: 10px; } .slick-dots li.slick-active a { border: 1px solid #2183ba; padding: 3px; } .skin-snap-report-container .report-list { width: 90%; } .skin-snap-report-container .report-photo-large { overflow-x: scroll; } .support-contact { margin-top: 10px; } .support-contact-item { display: block; font-size: 20px; font-weight: 500; width: auto; } .support-email-logo { color: #dbdbdb; display: block; font-size: 17px; } .support-tel-logo { color: #dbdbdb; display: inline-block; font-size: 17px; } .support-contact-separator { display: inline-block; font-size: 12px; } .support-contact-email { display: inline-block; font-size: 15px; } .support-contact-email-separator { color: #bfbcbb; display: none; } .support-contact-tel { display: inline-block; font-size: 15px; } .support-contact-tel-separator { color: #bfbcbb; display: none; } .support-contact-info { display: inline-block; font-size: 15px; } .support-header { padding-top: 20px; } .support-header-description { padding-top: 10px; font-size: 12px; } .support-header-title { font-size: 14px; font-weight: 300; } .support-header-message { font-size: 20px; font-weight: 100; line-height: normal; } .support-logo { color: #dbdbdb; font-size: 50px; padding-top: 20px; } .support-section:nth-child(n+2) { border-top: 1px solid #dbdbdb; margin-top: 40px; } .table-item { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; } .table-label { width: 100%; display: inline-block; text-align: left !important; font-weight: 600; } .table-row { width: 100%; margin-bottom: 5px; display: inline-block; } .table-row-half { width: 49%; display: inline-block; } .table-title { font-size: 17px; margin-bottom: 5px; } .toggle-button { display: inline-block; background: #BABABA; color: #FFF; border-radius: 4px; padding: 6px 10px; margin-top: 5px; cursor: pointer; text-align: center; width: 100%; } .toggle-button.active { background: #1B95C6; border: 1px solid #1B95C6; } .toggle-button.doctor-schedule { background: #19984c; border: 1px solid #19984c; } .toggle-button.on-demand { background: #1a6b98; border: 1px solid #1a6b98; } .toggle-button.seminar { background: #34bec9; border: 1px solid #34bec9; } .toggle-button.treatment-booking { background: #ff7dbd; border: 1px solid #ff7dbd; } .toggle-button.trial-purchase { background: #6400ff; border: 1px solid #6400ff; } .toggle-button.toggle-button-col-3 { width: 30%; } .toggle-button.active.approve { background: #1B95C6; border: 1px solid #1B95C6; } .toggle-button.reject.active { background: #ff0000; border: 1px solid #1B95C6; } .top-right-corner { border-top: 30px solid #00a3ff; border-left: 30px solid transparent; height: 0; position: absolute; right: 0; top: 0; width: 0; } .treatment-progress-bar { display: inline-block; width: 50%; } .treatment-progress-bar-desc { display: inline-block; margin-left: 3px; margin-top: 3px; } .upsell-item-action-row { text-align: right; } .upsell-item-container { padding: 5px; border: 1px solid #1A6B98; margin-bottom: 5px; font-size: 13px; } .upsell-item-container-header { font-size: 17px; } .upsell-item-table-label { display: inline-block; font-weight: 600; } /* DevExtreme Scheduler For Doctor Calendar Override original styles */ .doctor-scheduler { overflow: scroll; } .doctor-scheduler-container { width: 1000px; } .doctor-scheduler-container .dx-scheduler-header-panel-cell { font-size: 11px; } .doctor-scheduler-container .dx-scrollable-container { touch-action: auto; } .upsell-item-50-percent { display: inline-block; width: 49%; } .upsell-item-separator { border-bottom: 1px solid #9a9a9a; width: 100%; } .dx-scheduler-date-table { border-color: white; } .dataCellTemplate { text-align: center; padding-left: 6px; } .dataCellSelected { background-color: #fc9d00; } .dataCell { } .dot { height: 5px; width: 5px; background-color: #bbb; border-radius: 50%; display: inline-block; } .no-dot { height: 5px; width: 5px; display: inline-block; } .center-admission-botton-submit-full { position: fixed; bottom: 0; left: 0; width: 100%; border-radius: 0; margin-bottom: 0; z-index: 110; font-size: 30px; line-height: 60px; text-align: center; } .center-admission-item { border: 1px solid #1A6B98; font-size: 13px; margin-bottom: 5px; padding: 5px; text-align: left; } .center-admission-item .table-row { width: 100%; margin-bottom: 20px; display: inline-block; vertical-align: top; } .center-admission-item .table-row .table-row-half { width: 49%; display: inline-block; vertical-align: top; } .doctor-invoice-container { width: 90%; } .doctor-quota-setting-detail-container { display: block; width: 95%; } .patient-event-botton-submit { position: fixed; bottom: 0; right: 0; width: 50%; border-radius: 0; margin-bottom: 0; z-index: 110; font-size: 30px; line-height: 60px; text-align: center; } .patient-event-botton-back { position: fixed; bottom: 0; left: 0; width: 50%; border-radius: 0; margin-bottom: 0; z-index: 110; font-size: 30px; line-height: 60px; text-align: center; } .qr-code-text { padding: 10px; font-size: 14px; } .etraining-quiz-container { text-align: left; width: 90%; } .appointment-entry.center { width: 95%; } .appointment-entry-account-list { width: 95%; margin: 0 auto; } .appointment-entry .additional-information .remark { width: 95% } .instantdr-wk-container { width: 375px; margin: auto; } .instantdr-wk-button-list { display: flex; width: 375px; flex-flow: wrap; margin: auto; } .instantdr-wk-image-button { width: 185px; display: contents; } .instantdr-wk-image-full { width: 370px; height: 100%; margin-top: -1px; } .instantdr-wk-image-half { width: 185px; height: 100%; } .instantdr-wk-image-overlay { display: block; position: relative; bottom: 75px; width: 375px; margin: auto; margin-bottom: -50px; } } @media /* Generic breakpoint */ screen and (max-width: 600px) { .desktop-only { display: none !important; } .mobile-only { display: normal !important; } } @page { size: A4; margin-top: 1cm; margin-bottom: 1cm; margin-left: 0.5cm; margin-right: 0.5cm; } @media print { body { } table { break-inside: avoid-column; } .no-print { display: none; } .print-only { display: block; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } .button { display: none; } .center { width: 90%; margin: 0 auto; text-align: center; } .custom-label-medium { font-size: 18px; margin-top: 3px; margin-bottom: 3px; line-height: 1em; } .custom-label-medium.green { color: green; font-weight: 600; } .custom-label-medium.red { color: red; font-weight: 600; } .custom-table { border: 1px solid #000; border-collapse: collapse; width: 100%; } .custom-table thead { background: #000; color: white; } .custom-table th, .custom-table td { padding: 5px 10px; text-align: left; vertical-align: top; } .custom-table tr { cursor: pointer; } .custom-table tbody tr:nth-child(even) { background: #ECF0F1; } .custom-table th .custom-input-field { width: 100%; } .custom-table.form { width: 94%; } .custom-table-container { overflow: auto; } .dynamic-form-container { visibility: hidden; height: 0px; } .fa { margin-right: 5px; } .form-field .button { margin-right: 5px; margin-top: 15px; float: right; } .form-field input { margin-top: 5px; width: 100%; margin-bottom: 5px; } .form-field-group { padding: 10px 10px 10px 10px; border: 1px solid #CCC; border-radius: 4px; background: #fcfcfc; position: relative; } .form-width-50-percent { margin-right: 4px; width: 49%; vertical-align: top; } .form-width-100-percent { margin-bottom: 3px; width: 99%; vertical-align: top; } .inline-block { display: inline-block !important; } .item-hide { display: none !important; } .main-menu { visibility: hidden; height: 1px; } .margin-bottom { margin-bottom: 40px; } .margin-bottom-medium { margin-bottom: 10px; } .margin-bottom-small { margin-bottom: 5px; } .margin-right-medium { margin-right: 10px; } .margin-top-medium { margin-top: 10px; } .margin-top { margin-top: 60px; } .margin-top-small { margin-top: 5px; } .mobile-only { display: none; } .order-containter { text-align: left; } .order-entry-no-record-panel { border: 1px solid #dbdbdb; border-radius: 4px; color: #9a9a9a; font-size: 15px; font-weight: 100; line-height: normal; padding: 40px; } .order-item-list-container { } .order-item-input-field { width: 80px; } .order-item-input-item-type { width: 250px; } .order-item-input-serial-no { width: 200px; } .order-number-container { display: inline-block; font-size: 18px; font-weight: bold; text-align: left; width: 100%; } .page-menu { display: none; } .section-header { font-family: 'Open Sans', sans-serif !important; font-size: 20px; font-weight: 500; } .section-header.blue { color: black; } .separator { border-bottom: 1px solid #dbdbdb; } .separator.black { border-bottom: 1px solid #000; } .sign-out-username { font-size: 11px; } .signature-viewport { -ms-touch-action: none; -ms-scroll-chaining: none; height: 80%; width: 80%; border: 1px solid #000 !important; border-radius: 0.2857rem !important; cursor: pointer; } .signature-style { width: 300px; align-content: center; } .center.activity-container { text-align: left !important; } thead { display: table-header-group; } tfoot { display: table-footer-group; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: -1px; } .btn-group>.btn, .btn-group-vertical>.btn { position: relative; float: left; } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-left: 5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .ta-hidden-input { width: 1px; height: 1px; border: none; margin: 0; padding: 0; position: absolute; top: -10000px; left: -10000px; opacity: 0; overflow: hidden; } /* add generic styling for the editor */ .ta-root.focussed > .ta-scroll-window.form-control { /* border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);*/ } .ta-editor.ta-html, .ta-scroll-window.form-control { min-height: 300px; height: auto; overflow: auto; font-family: inherit; font-size: 100%; } .ta-editor, .white-box { padding: 10px; background-color: #FFF; border: 1px solid #EEE; } .ta-scroll-window.form-control { position: relative; padding: 0; border: 1px solid #CCC; border-radius: 4px; } .ta-scroll-window > .ta-bind { height: auto; min-height: 300px; padding: 6px 12px; } .ta-editor:focus { user-select: text; } /* add the styling for the awesomness of the resizer */ .ta-resizer-handle-overlay { z-index: 100; position: absolute; display: none; } .ta-resizer-handle-overlay > .ta-resizer-handle-info { position: absolute; bottom: 16px; right: 16px; border: 1px solid black; background-color: #FFF; padding: 0 4px; opacity: 0.7; } .ta-resizer-handle-overlay > .ta-resizer-handle-background { position: absolute; bottom: 5px; right: 5px; left: 5px; top: 5px; border: 1px solid black; background-color: rgba(0, 0, 0, 0.2); } .ta-resizer-handle-overlay > .ta-resizer-handle-corner { width: 10px; height: 10px; position: absolute; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl{ top: 0; left: 0; border-left: 1px solid black; border-top: 1px solid black; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr{ top: 0; right: 0; border-right: 1px solid black; border-top: 1px solid black; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl{ bottom: 0; left: 0; border-left: 1px solid black; border-bottom: 1px solid black; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-br{ bottom: 0; right: 0; border: 1px solid black; cursor: se-resize; background-color: white; } .ta-toolbar { background-color: #F0F0F0; padding: 10px 10px 5px; margin-left: 0px; border: 1px solid #EEE; display: inline-block; border-radius: 4px; } .ta-toolbar .btn-group { margin-bottom: 5px; } .ta-toolbar .btn-group .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid #ddd; white-space: nowrap; padding: 6px 9px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .ta-toolbar .btn-group .btn .fa { margin: 0; } /* copy the popover code from bootstrap so this will work even without it */ .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .popover.top { margin-top: -10px; } .popover.bottom { margin-top: 10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } /* * The MIT License * Copyright (c) 2012 Matias Meno */ @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .dropzone, .dropzone * { box-sizing: border-box; } .dropzone { min-height: 150px; border: 1px solid #CCC; border-radius: 4px; background: white; padding: 20px 20px; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; font-size: 20px; } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-style: solid; } .dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .dropzone .dz-message { text-align: center; margin: 2em 0; } .dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; } .dropzone .dz-preview:hover { z-index: 1000; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); } .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; } .dropzone .dz-preview.dz-image-preview { background: white; } .dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; } .dropzone .dz-preview .dz-remove:hover { text-decoration: underline; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; } .dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; } .dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); } .dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; } .dropzone .dz-preview .dz-image img { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .dropzone .dz-preview.dz-error .dz-error-message { display: block; } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; } .dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; } /*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; }*/ /*table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, .details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }*/ .invoiceBody { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 12px; margin: 0; padding: 0; } .invoiceContainer { min-width: 500px; margin: 0 auto; padding: 0 20px; } .clearfix:after { content: ""; display: table; clear: both; } body .no-break { page-break-inside: avoid; } .invoiceHeader { margin-top: 20px; margin-bottom: 50px; } /*header figure { float: left; width: 60px; height: 60px; margin-right: 10px; background-color: #A4A4A4; border-radius: 50%; text-align: center; } header figure img { margin-top: 13px; }*/ .company-address { float: left; max-width: 150px; line-height: 1.7em; } .company-address .title { color: #A4A4A4; font-weight: 400; font-size: 1.5em; text-transform: uppercase; } .company-contact { float: right; height: 60px; padding: 0 10px; background-color: #A4A4A4; color: white; } .company-contact span { display: inline-block; vertical-align: middle; } .company-contact .circle { width: 20px; height: 20px; background-color: white; border-radius: 50%; text-align: center; } .company-contact .circle img { vertical-align: middle; } .company-contact .phone { height: 100%; margin-right: 20px; } .company-contact .email { height: 100%; min-width: 100px; text-align: right; } .details { margin-bottom: 55px; } .client { width: 50%; float: left; line-height: 20px; } .details .client .name { color: #A4A4A4; } .data { width: 50%; text-align: right; float: right; } .details .title { margin-bottom: 15px; color: #A4A4A4; font-size: 3em; font-weight: 400; text-transform: uppercase; } .invoiceSection table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 0.9166em; } .invoiceSection table .qty, .invoiceSection table .unit, .invoiceSection table .total { width: 20%; } .invoiceSection table .desc { width: 55%; } .invoiceSection table thead { display: table-header-group; vertical-align: middle; border-color: inherit; } .invoiceSection table thead th { padding: 5px 10px; background: #A4A4A4; border-bottom: 5px solid #FFFFFF; border-right: 4px solid #FFFFFF; text-align: right; color: white; font-weight: 400; text-transform: uppercase; } .invoiceSection table thead th:last-child { border-right: none; } .invoiceSection table thead .desc { text-align: left; } .invoiceSection table tbody td { padding: 10px; background: #E7E8E6; color: #777777; text-align: right; border-bottom: 5px solid #FFFFFF; border-right: 4px solid #E7E8E6; } .invoiceSection table tbody td:last-child { border-right: none; } .invoiceSection table tbody h3 { margin-bottom: 5px; color: #A4A4A4; font-weight: 600; } .invoiceSection table tbody .desc { text-align: left; } .invoiceSection table.grand-total { margin-bottom: 45px; } .invoiceSection table.grand-total td { padding: 5px 10px; border: none; color: #777777; text-align: right; } .invoiceSection table.grand-total .desc { border-left: 150px solid #FFFFFF; color: #777777; text-align: right; } .invoiceSection table.grand-total tr:last-child td { font-weight: 600; color: #A4A4A4; font-size: 1.18181818181818em; } /*footer { margin-bottom: 20px; } footer .thanks { margin-bottom: 40px; color: #A4A4A4; font-size: 1.16666666666667em; font-weight: 600; } footer .notice { margin-bottom: 25px; } footer .end { padding-top: 5px; border-top: 2px solid #A4A4A4; text-align: center; } */ .pageA4 { background: white; margin: 0 auto; margin-bottom: 0.5cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); width: 21cm; min-height: 29.7cm; } .invoice_signature{ width:100px; height:50px; } .invoice_signature_underline{ padding-bottom: 5px; border-bottom: 2px solid #A4A4A4; text-align: center; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } /*********************************************/ @-webkit-keyframes revolve-in-forward { 0% { opacity: 0; -webkit-transform: scale(0, 0) translateX(0px); transform: scale(0, 0) translateX(0px); } 50% { opacity: 0.5; -webkit-transform: scale(0.5, 0.5) translateX(100%); transform: scale(0.5, 0.5) translateX(100%); } 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0px); transform: scale(1, 1) translateX(0px); } } @keyframes revolve-in-forward { 0% { opacity: 0; -webkit-transform: scale(0, 0) translateX(0px); transform: scale(0, 0) translateX(0px); } 50% { opacity: 0.5; -webkit-transform: scale(0.5, 0.5) translateX(100%); transform: scale(0.5, 0.5) translateX(100%); } 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0px); transform: scale(1, 1) translateX(0px); } } @-webkit-keyframes revolve-out-forward { 50% { opacity: 0.5; -webkit-transform: scale(0.5, 0.5) translateX(-100%); transform: scale(0.5, 0.5) translateX(-100%); } 100% { opacity: 0; -webkit-transform: scale(0, 0) translateX(0px); transform: scale(0, 0) translateX(0px); } } @keyframes revolve-out-forward { 50% { opacity: 0.5; -webkit-transform: scale(0.5, 0.5) translateX(-100%); transform: scale(0.5, 0.5) translateX(-100%); } 100% { opacity: 0; -webkit-transform: scale(0, 0) translateX(0px); transform: scale(0, 0) translateX(0px); } } @-webkit-keyframes revolve-in-backward { 0% { opacity: 0; -webkit-transform: scale(0, 0) translateX(0px); transform: scale(0, 0) translateX(0px); } 50% { opacity: 0.5; -webkit-transform: scale(0.5, 0.5) translateX(-100%); transform: scale(0.5, 0.5) translateX(-100%); } 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0px); transform: scale(1, 1) translateX(0px); } } @keyframes revolve-in-backward { 0% { opacity: 0; -webkit-transform: scale(0, 0) translateX(0px); transform: scale(0, 0) translateX(0px); } 50% { opacity: 0.5; -webkit-transform: scale(0.5, 0.5) translateX(-100%); transform: scale(0.5, 0.5) translateX(-100%); } 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0px); transform: scale(1, 1) translateX(0px); } } @-webkit-keyframes revolve-out-backward { 50% { opacity: 0.5; -webkit-transform: scale(0.5, 0.5) translateX(100%); transform: scale(0.5, 0.5) translateX(100%); } 100% { opacity: 0; -webkit-transform: scale(0, 0) translateX(0px); transform: scale(0, 0) translateX(0px); } } @keyframes revolve-out-backward { 50% { opacity: 0.5; -webkit-transform: scale(0.5, 0.5) translateX(100%); transform: scale(0.5, 0.5) translateX(100%); } 100% { opacity: 0; -webkit-transform: scale(0, 0) translateX(0px); transform: scale(0, 0) translateX(0px); } } .body-overflow-hidden { overflow: hidden !important; } .ng-image-gallery { outline: none; /***************************************************************** INLINE GALLERY /*****************************************************************/ } .ng-image-gallery * { outline: none; } .ng-image-gallery .ng-image-gallery-thumbnails { display: inline-block; width: 100%; } .ng-image-gallery .ng-image-gallery-thumbnails:after { content: ""; width: 0; height: 0; display: block; visibility: hidden; clear: both; } .ng-image-gallery .ng-image-gallery-thumbnails .thumb { float: left; width: 19%; height: 150px; overflow: hidden; border-radius: 3px; background-size: cover; background-position: center center; cursor: pointer; } .ng-image-gallery .ng-image-gallery-thumbnails .thumb:not(:last-child) { margin-right: 1%; margin-bottom: 1%; } .ng-image-gallery .ng-image-gallery-modal { position: fixed; z-index: 5000; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ng-image-gallery .ng-image-gallery-modal.ng-hide-add { opacity: 1; } .ng-image-gallery .ng-image-gallery-modal.ng-hide-add-active { opacity: 0; } .ng-image-gallery .ng-image-gallery-modal.ng-hide-remove { opacity: 0; } .ng-image-gallery .ng-image-gallery-modal.ng-hide-remove-active { opacity: 1; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-backdrop { background-color: rgba(0, 0, 0, 0.85); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container { position: absolute; right: 10px; top: 20px; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container .ext-url, .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container .close { position: relative; display: inline-block; width: 30px; height: 30px; overflow: hidden; cursor: pointer; text-decoration: none; color: #fff; vertical-align: bottom; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container .ext-url:hover, .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container .close:hover { -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; background-color: rgba(255, 255, 255, 0.1); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container .ext-url:before, .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container .close:before { content: ""; display: block; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; background-size: 100% 100%; background-repeat: no-repeat; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container .ext-url:before { background-image: url(ng-image-gallery-icons/external-link.svg); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container .close:before { background-image: url(ng-image-gallery-icons/close.svg); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .prev, .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden; cursor: pointer; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .prev.bubbles-on, .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .next.bubbles-on { top: calc((100% - 50px) / 2); } @media screen and (max-width: 600px) { .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .prev, .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .next { margin-top: -15px; width: 30px; height: 30px; } } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .prev { left: 0px; background-image: url(ng-image-gallery-icons/prev.svg); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .next { right: 0px; background-image: url(ng-image-gallery-icons/next.svg); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria { position: absolute; top: 0; bottom: 0; left: 80px; right: 80px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; /*****************************************************/ /*****************************************************/ } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images .galleria-image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fade .galleria-image.ng-enter { -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; opacity: 0; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fade .galleria-image.ng-enter-active { opacity: 1; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fade .galleria-image.ng-leave-active { opacity: 0; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fadeup .galleria-image.ng-enter { -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; opacity: 0; -webkit-transform: scale(0.98); transform: scale(0.98); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fadeup .galleria-image.ng-enter-active { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fadeup .galleria-image.ng-leave-active { opacity: 0; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-zoom .galleria-image.ng-enter { -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-zoom .galleria-image.ng-enter-active { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-zoom .galleria-image.ng-leave { -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-zoom .galleria-image.ng-leave-active { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-backward .galleria-image.ng-enter { -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-backward .galleria-image.ng-enter-active { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-backward .galleria-image.ng-leave { -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-backward .galleria-image.ng-leave-active { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-forward .galleria-image.ng-enter { -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-forward .galleria-image.ng-enter-active { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-forward .galleria-image.ng-leave { -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-forward .galleria-image.ng-leave-active { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-backward .galleria-image.ng-enter { -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform: translateX(-100%) scale(0, 0); transform: translateX(-100%) scale(0, 0); opacity: 0; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-backward .galleria-image.ng-enter-active { -webkit-transform: translateX(0px) scale(1, 1); transform: translateX(0px) scale(1, 1); opacity: 1; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-backward .galleria-image.ng-leave { -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-backward .galleria-image.ng-leave-active { opacity: 0; -webkit-transform: translateX(100%) scale(0, 0); transform: translateX(100%) scale(0, 0); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-forward .galleria-image.ng-enter { -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform: translateX(100%) scale(0, 0); transform: translateX(100%) scale(0, 0); opacity: 0; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-forward .galleria-image.ng-enter-active { -webkit-transform: translateX(0px) scale(1, 1); transform: translateX(0px) scale(1, 1); opacity: 1; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-forward .galleria-image.ng-leave { -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-forward .galleria-image.ng-leave-active { opacity: 0; -webkit-transform: translateX(-100%) scale(0, 0); transform: translateX(-100%) scale(0, 0); } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-revolve.img-move-dir-forward .galleria-image.ng-enter { -webkit-animation: revolve-in-forward; animation: revolve-in-forward; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-revolve.img-move-dir-forward .galleria-image.ng-leave { -webkit-animation: revolve-out-forward; animation: revolve-out-forward; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-revolve.img-move-dir-backward .galleria-image.ng-enter { -webkit-animation: revolve-in-backward; animation: revolve-in-backward; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-revolve.img-move-dir-backward .galleria-image.ng-leave { -webkit-animation: revolve-out-backward; animation: revolve-out-backward; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; text-align: center; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles span { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; display: inline-block; margin: 2px 4px; cursor: pointer; overflow: hidden; border-radius: 100%; background-size: cover; background-position: center center; vertical-align: middle; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles span:not(.img-bubble) { width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.5); border-radius: 100%; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles span:not(.img-bubble).active { background-color: #fff; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles span.img-bubble { box-sizing: border-box; width: 12px; height: 12px; margin: 2px 4px; border: 1px solid transparent; -webkit-transition: border 0.3s ease-in-out; transition: border 0.3s ease-in-out; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles span.img-bubble.active { border: 1px solid #fff; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50px; height: 50px; text-align: center; font-size: 10px; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner > div { background-color: #fff; height: 100%; width: 7px; margin: 0 3px 0 0; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .ng-image-gallery.inline .ng-image-gallery-modal { position: relative; z-index: 1; overflow: hidden; width: 100%; height: 300px; } .ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container { top: 0; } .ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container .ext-url { margin: 0; } .ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .destroy-icons-container .ext-url:before { background-image: url(ng-image-gallery-icons/external-link-inline.svg); } .ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .prev { background-image: url(ng-image-gallery-icons/prev-inline.svg); } .ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .next { background-image: url(ng-image-gallery-icons/next-inline.svg); } .ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .prev, .ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .next { margin-top: -15px; width: 30px; height: 30px; } .ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles span:not(.img-bubble) { background-color: rgba(0, 0, 0, 0.5); } .ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles span:not(.img-bubble).active { background-color: #333; } .ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles span.img-bubble.active { border: 1px solid #000; } .ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-loader .spinner > div { background-color: #999; } @media /* Generic breakpoint */ screen and (max-width: 600px) /* Smartphones (portrait and landscape) */ , only screen and (min-device-width: 320px) and (max-device-width: 480px) /* iPhone 4, 4S (Portrait and Landscape) */ , only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) /* iPhone 5 and 5S (Portrait and Landscape) */ , only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) /* iPhone 6 (Portrait and Landscape) */ , only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) /* iPhone 6+ (Portrait and Landscape) */ , only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) { .ng-image-gallery .ng-image-gallery-thumbnails .thumb { float: left; width: 49%; height: 150px; overflow: hidden; border-radius: 3px; background-size: cover; background-position: center center; cursor: pointer; } }