/*****************/ /*saYellow Window*/ /*****************/ .sayWindow { background-color: #f1f1f1; border: 1px solid #d3d3d3; height: 600px; position: absolute; text-align: center; width: 300px; z-index: 1010; } .sayWindowCaret { -o-transform: rotate(315deg); -moz-osx-font-smoothing: grayscale; -moz-transform: rotate(315deg); -webkit-font-smoothing: antialiased; -webkit-transform: rotate(315deg); bottom: 0; cursor: nwse-resize; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; position: absolute; right: 0; text-rendering: auto; transform: rotate(315deg); } .sayWindowClose { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; cursor: pointer; float: right; font-size: 16px; text-rendering: auto; } .sayWindowContent { overflow-y: scroll; overflow-x: auto; text-align: left; } .sayWindowContent::-webkit-scrollbar { -webkit-appearance: none; } .sayWindowContent::-webkit-scrollbar:vertical { width: 12px; } .sayWindowContent::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } .sayWindowContent::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; } .sayWindowHeader { background-color: #2196F3; color: #fff; cursor: move; font-weight: bold; padding: 10px; text-align: left; z-index: 1010; } /****************/ /* Star Ratings */ /****************/ .circle { background-color: #009688; border-radius: 50% !important; color: #fff; display: inline-block; font-size: 18px; height: 50px; line-height: 50px; margin-bottom: 5px; text-align: center; width: 50px; } .rating-loading { width: 25px; height: 25px; font-size: 0; color: #fff; background: transparent url('/images/loading.gif') top left no-repeat; border: none; } /** Stars & Input **/ .rating-container .rating-stars { position: relative; cursor: pointer; vertical-align: middle; display: inline-block; overflow: hidden; white-space: nowrap; } .rating-container .rating-input { position: absolute; cursor: pointer; width: 100%; height: 1px; bottom: 0; left: 0; font-size: 1px; border: none; background: none; opacity: 0; padding: 0; margin: 0; } .rating-container.is-display-only .rating-input, .rating-container.is-display-only .rating-stars { cursor: default; } .rating-disabled .rating-input, .rating-disabled .rating-stars { cursor: not-allowed; } .rating-container .star { display: inline-block; margin: 0 2px; text-align: center; } .rating-container .empty-stars { color: #e0e0e0; } .rating-container .filled-stars { position: absolute; left: 0; top: 0; margin: auto; color: #fbbc04; white-space: nowrap; overflow: hidden; -webkit-text-stroke: 0px #777; text-shadow: 1px 1px #e0e0e0; } .rating-animate .filled-stars { transition: width 0.25s ease; } /** Clear **/ .rating-container .clear-rating { color: #aaa; cursor: not-allowed; display: inline-block; vertical-align: middle; font-size: 60%; } .clear-rating-active { cursor: pointer !important; } .clear-rating-active:hover { color: #843534; } .rating-container .clear-rating { padding-right: 5px; } /** Caption extend support to BS4 **/ .rating-container .caption .label { display: inline-block; padding: .25em .4em; line-height: 1; text-align: center; vertical-align: baseline; border-radius: .25rem; } .rating-container .caption { color: #999; display: inline-block; vertical-align: middle; line-height: 1; } .rating-container .caption { margin-left: 5px; margin-right: 0; } .rating-reviews { font-size: 50%; } /** Print **/ @media print { .rating-container .clear-rating { display: none; } } /** Sizes **/ .rating-xl { font-size: 48px; } .rating-lg { font-size: 40px; } .rating-md { font-size: 32px; } .rating-sm { font-size: 24px; } .rating-xs { font-size: 16px; } .rating-xl .caption { font-size: 20px; } .rating-lg .caption { font-size: 18px; } .rating-md .caption { font-size: 16px; } .rating-sm .caption { font-size: 14px; } .rating-xs .caption { font-size: 12px; } .review-btn-round { border-radius: 12px !important; outline: 0; } .review-btn-round:focus, .review-btn-round:active { outline: none !important; }