1 line
67 KiB
Plaintext
1 line
67 KiB
Plaintext
{"version":3,"sources":["rating/_main.scss","rating/_mixins.scss","rating/_variables.scss","rating.css","rating/_examples.scss","rating/rating-theme/_fontawesome-stars.scss","rating/rating-theme/_variables.scss","theme/_variables.scss","rating/rating-theme/_bars-1to10.scss","rating/rating-theme/_mixins.scss","rating/rating-theme/_bars-horizontal.scss","rating/rating-theme/_bars-movie.scss","rating/rating-theme/_bars-pill.scss","rating/rating-theme/_bars-reversed.scss","rating/rating-theme/_bars-square.scss","rating/rating-theme/_bootstrap-stars.scss","rating/rating-theme/_css-stars.scss","rating/rating-theme/_fontawesome-stars-o.scss"],"names":[],"mappings":"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","file":"rating.css","sourcesContent":["@import \"variables.scss\";\r\n@import \"mixins.scss\";\r\n.antennaio {\r\n @include retina-image('../img/antenna.png', '../img/antenna$2x.png', 60px, 60px);\r\n background-repeat: no-repeat;\r\n color: lighten($textColor, 35%);\r\n width: 280px;\r\n height: 60px;\r\n display: block;\r\n margin: auto;\r\n font-weight: 400;\r\n font-size: 0.6em; /* 12px */\r\n line-height: 5.5;\r\n letter-spacing: 2px;\r\n margin-bottom: 7em;\r\n\r\n -webkit-transition: color 2s;\r\n transition: color 2s;\r\n\r\n &:hover {\r\n color: $textColor;\r\n }\r\n\r\n span {\r\n padding: 0 0 0 70px;\r\n }\r\n}\r\n\r\n.bars {\r\n @include retina-image('../img/bars.png', '../img/bars$2x.png', 80px, 80px);\r\n width: 80px;\r\n height: 80px;\r\n display: block;\r\n margin: auto;\r\n}\r\n\r\n.section-intro {\r\n text-align: center;\r\n margin: 3em 0 4em 0;\r\n max-height: 9999px; /* no font boosting please */\r\n\r\n h1 {\r\n line-height: 2.4;\r\n }\r\n\r\n p {\r\n max-width: 560px;\r\n margin: auto;\r\n }\r\n\r\n p.tagline {\r\n font-size: 0.8em; /* 16px */\r\n color: lighten($textColor, 20%);\r\n margin-bottom: 3em;\r\n }\r\n}\r\n\r\n.section-examples {\r\n position: relative;\r\n background: $backgroundColor;\r\n}\r\n\r\n.section-docs {\r\n margin: 3em 0;\r\n}\r\n\r\n@mixin coloredDocs($color){\r\n header {\r\n background: $color;\r\n }\r\n\r\n strong {\r\n color: $color;\r\n }\r\n\r\n a {\r\n color: $color;\r\n\r\n &:hover {\r\n color: darken($color, 20%);\r\n }\r\n }\r\n\r\n pre {\r\n background: white;\r\n border-left: 2px solid $color;\r\n padding: 0 2em;\r\n }\r\n\r\n code {\r\n font-family: $fontFamilyMonospaced;\r\n font-size: 0.9em; /* 18px */\r\n color: $color;\r\n }\r\n}\r\n\r\n.docs {\r\n width: 800px;\r\n margin: auto;\r\n max-height: 9999px; /* no font boosting please */\r\n .how-to-use, .callbacks, .download {\r\n @include coloredDocs($blueColor);\r\n }\r\n\r\n .configuration, .faq {\r\n @include coloredDocs($greenColor);\r\n }\r\n\r\n .license, .methods {\r\n @include coloredDocs($orangeColor);\r\n }\r\n\r\n .instructions {\r\n padding: 2em 3em;\r\n background: $backgroundColor;\r\n }\r\n\r\n .faq {\r\n p {\r\n margin: 0 0 .5em 0;\r\n }\r\n\r\n .question {\r\n margin-bottom: 2em;\r\n }\r\n\r\n .question:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n.controls {\r\n position: absolute;\r\n top: -23px;\r\n left: 50%;\r\n margin-left: -190px;\r\n\r\n a {\r\n display: block;\r\n width: 150px;\r\n background-color: $greenColor;\r\n color: white;\r\n float: left;\r\n padding: .3em 1em .5em 1em;\r\n text-decoration: none;\r\n text-align: center;\r\n font-weight: 400;\r\n\r\n -webkit-transition: background-color 2s;\r\n transition: background-color 2s;\r\n\r\n &:hover {\r\n background-color: darken($greenColor, 5%);\r\n }\r\n\r\n &:focus {\r\n color: lighten($greenColor, 30%);\r\n background-color: darken($greenColor, 25%);\r\n }\r\n }\r\n\r\n a.rating-enable {\r\n -webkit-border-top-left-radius: 999px;\r\n -webkit-border-bottom-left-radius: 999px;\r\n -moz-border-radius-topleft: 999px;\r\n -moz-border-radius-bottomleft: 999px;\r\n border-top-left-radius: 999px;\r\n border-bottom-left-radius: 999px;\r\n }\r\n\r\n a.rating-disable {\r\n -webkit-border-top-right-radius: 999px;\r\n -webkit-border-bottom-right-radius: 999px;\r\n -moz-border-radius-topright: 999px;\r\n -moz-border-radius-bottomright: 999px;\r\n border-top-right-radius: 999px;\r\n border-bottom-right-radius: 999px;\r\n }\r\n\r\n a:last-child {\r\n border-left: 0;\r\n }\r\n\r\n a.deactivated {\r\n background: darken($greenColor, 15%);\r\n color: white;\r\n }\r\n}\r\n\r\n/* ==========================================================================\r\n Media Queries\r\n ========================================================================== */\r\n\r\n@media only screen and (min-width: 35em) {\r\n\r\n}\r\n\r\n@media print {\r\n .controls,\r\n .github,\r\n .antennaio {\r\n display: none;\r\n }\r\n\r\n .section-intro {\r\n margin: 1em 0 2em 0;\r\n\r\n p.tagline {\r\n color: black;\r\n }\r\n }\r\n\r\n .section-examples {\r\n background: transparent;\r\n\r\n .examples {\r\n padding: 1em 0;\r\n }\r\n }\r\n\r\n .section-docs {\r\n margin: 1em 0;\r\n }\r\n\r\n .docs {\r\n .how-to-use,\r\n .callbacks,\r\n .download,\r\n .configuration,\r\n .faq,\r\n .license,\r\n .methods {\r\n a {\r\n color: black;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n color: black;\r\n }\r\n }\r\n\r\n header {\r\n background: transparent;\r\n color: black;\r\n }\r\n\r\n code, strong {\r\n color: black;\r\n }\r\n\r\n pre {\r\n border: none;\r\n padding: 0;\r\n }\r\n\r\n .instructions {\r\n background: transparent;\r\n }\r\n }\r\n }\r\n\r\n}\r\n\r\n/* ==========================================================================\r\n Helper classes\r\n ========================================================================== */\r\n\r\n.hidden {\r\n display: none !important;\r\n visibility: hidden;\r\n}\r\n\r\n.visuallyhidden {\r\n border: 0;\r\n clip: rect(0 0 0 0);\r\n height: 1px;\r\n margin: -1px;\r\n overflow: hidden;\r\n padding: 0;\r\n position: absolute;\r\n width: 1px;\r\n}\r\n\r\n.visuallyhidden.focusable:active,\r\n.visuallyhidden.focusable:focus {\r\n clip: auto;\r\n height: auto;\r\n margin: 0;\r\n overflow: visible;\r\n position: static;\r\n width: auto;\r\n}\r\n\r\n.invisible {\r\n visibility: hidden;\r\n}\r\n\r\n.clearfix:before,\r\n.clearfix:after {\r\n content: \" \";\r\n display: table;\r\n}\r\n\r\n.clearfix:after {\r\n clear: both;\r\n}\r\n\r\n.clearfix {\r\n *zoom: 1;\r\n}\r\n","// Retina image\r\n@mixin retina-image($file-1x, $file-2x, $width-1x, $height-1x){\r\n background-image: url(\"${file-1x}\");\r\n\r\n @media\r\n only screen and (-webkit-min-device-pixel-ratio: 2),\r\n only screen and ( min--moz-device-pixel-ratio: 2),\r\n only screen and ( -o-min-device-pixel-ratio: 2/1),\r\n only screen and ( min-device-pixel-ratio: 2),\r\n only screen and ( min-resolution: 192dpi),\r\n only screen and ( min-resolution: 2dppx) {\r\n background-image: url(\"${file-2x}\");\r\n background-size: $width-1x $height-1x;\r\n }\r\n}\r\n","$fontFamily: \"Lato\", sans-serif;\r\n$fontFamilyMonospaced: \"Source Code Pro\", sans-serif;\r\n\r\n// Colors\r\n$textColor: #757575;\r\n$headerColor: #2d2d2d;\r\n$backgroundColor: #f8f8f8;\r\n$orangeColor: #EDB867;\r\n$greenColor: #50E3C2;\r\n$blueColor: #4278F5;\r\n$greyColor: #b4b4b4;\r\n$redColor: #f7605a;",".antennaio {\n background-image: url(\"${file-1x}\");\n background-repeat: no-repeat;\n color: #cecece;\n width: 280px;\n height: 60px;\n display: block;\n margin: auto;\n font-weight: 400;\n font-size: 0.6em;\n /* 12px */\n line-height: 5.5;\n letter-spacing: 2px;\n margin-bottom: 7em;\n -webkit-transition: color 2s;\n transition: color 2s; }\n @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {\n .antennaio {\n background-image: url(\"${file-2x}\");\n background-size: 60px 60px; } }\n .antennaio:hover {\n color: #757575; }\n .antennaio span {\n padding: 0 0 0 70px; }\n\n.bars {\n background-image: url(\"${file-1x}\");\n width: 80px;\n height: 80px;\n display: block;\n margin: auto; }\n @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {\n .bars {\n background-image: url(\"${file-2x}\");\n background-size: 80px 80px; } }\n\n.section-intro {\n text-align: center;\n margin: 3em 0 4em 0;\n max-height: 9999px;\n /* no font boosting please */ }\n .section-intro h1 {\n line-height: 2.4; }\n .section-intro p {\n max-width: 560px;\n margin: auto; }\n .section-intro p.tagline {\n font-size: 0.8em;\n /* 16px */\n color: #a8a8a8;\n margin-bottom: 3em; }\n\n.section-examples {\n position: relative;\n background: #f8f8f8; }\n\n.section-docs {\n margin: 3em 0; }\n\n.docs {\n width: 800px;\n margin: auto;\n max-height: 9999px;\n /* no font boosting please */ }\n .docs .how-to-use header, .docs .callbacks header, .docs .download header {\n background: #4278F5; }\n .docs .how-to-use strong, .docs .callbacks strong, .docs .download strong {\n color: #4278F5; }\n .docs .how-to-use a, .docs .callbacks a, .docs .download a {\n color: #4278F5; }\n .docs .how-to-use a:hover, .docs .callbacks a:hover, .docs .download a:hover {\n color: #0b43c6; }\n .docs .how-to-use pre, .docs .callbacks pre, .docs .download pre {\n background: white;\n border-left: 2px solid #4278F5;\n padding: 0 2em; }\n .docs .how-to-use code, .docs .callbacks code, .docs .download code {\n font-family: \"Source Code Pro\", sans-serif;\n font-size: 0.9em;\n /* 18px */\n color: #4278F5; }\n .docs .configuration header, .docs .faq header {\n background: #50E3C2; }\n .docs .configuration strong, .docs .faq strong {\n color: #50E3C2; }\n .docs .configuration a, .docs .faq a {\n color: #50E3C2; }\n .docs .configuration a:hover, .docs .faq a:hover {\n color: #1cb18f; }\n .docs .configuration pre, .docs .faq pre {\n background: white;\n border-left: 2px solid #50E3C2;\n padding: 0 2em; }\n .docs .configuration code, .docs .faq code {\n font-family: \"Source Code Pro\", sans-serif;\n font-size: 0.9em;\n /* 18px */\n color: #50E3C2; }\n .docs .license header, .docs .methods header {\n background: #EDB867; }\n .docs .license strong, .docs .methods strong {\n color: #EDB867; }\n .docs .license a, .docs .methods a {\n color: #EDB867; }\n .docs .license a:hover, .docs .methods a:hover {\n color: #d58b19; }\n .docs .license pre, .docs .methods pre {\n background: white;\n border-left: 2px solid #EDB867;\n padding: 0 2em; }\n .docs .license code, .docs .methods code {\n font-family: \"Source Code Pro\", sans-serif;\n font-size: 0.9em;\n /* 18px */\n color: #EDB867; }\n .docs .instructions {\n padding: 2em 3em;\n background: #f8f8f8; }\n .docs .faq p {\n margin: 0 0 .5em 0; }\n .docs .faq .question {\n margin-bottom: 2em; }\n .docs .faq .question:last-child {\n margin-bottom: 0; }\n\n.controls {\n position: absolute;\n top: -23px;\n left: 50%;\n margin-left: -190px; }\n .controls a {\n display: block;\n width: 150px;\n background-color: #50E3C2;\n color: white;\n float: left;\n padding: .3em 1em .5em 1em;\n text-decoration: none;\n text-align: center;\n font-weight: 400;\n -webkit-transition: background-color 2s;\n transition: background-color 2s; }\n .controls a:hover {\n background-color: #3adfba; }\n .controls a:focus {\n color: #d4f8f0;\n background-color: #199b7e; }\n .controls a.rating-enable {\n -webkit-border-top-left-radius: 999px;\n -webkit-border-bottom-left-radius: 999px;\n -moz-border-radius-topleft: 999px;\n -moz-border-radius-bottomleft: 999px;\n border-top-left-radius: 999px;\n border-bottom-left-radius: 999px; }\n .controls a.rating-disable {\n -webkit-border-top-right-radius: 999px;\n -webkit-border-bottom-right-radius: 999px;\n -moz-border-radius-topright: 999px;\n -moz-border-radius-bottomright: 999px;\n border-top-right-radius: 999px;\n border-bottom-right-radius: 999px; }\n .controls a:last-child {\n border-left: 0; }\n .controls a.deactivated {\n background: #20c7a1;\n color: white; }\n\n/* ==========================================================================\r\n Media Queries\r\n ========================================================================== */\n@media print {\n .controls,\n .github,\n .antennaio {\n display: none; }\n .section-intro {\n margin: 1em 0 2em 0; }\n .section-intro p.tagline {\n color: black; }\n .section-examples {\n background: transparent; }\n .section-examples .examples {\n padding: 1em 0; }\n .section-docs {\n margin: 1em 0; }\n .docs .how-to-use a,\n .docs .callbacks a,\n .docs .download a,\n .docs .configuration a,\n .docs .faq a,\n .docs .license a,\n .docs .methods a {\n color: black;\n text-decoration: none; }\n .docs .how-to-use a:hover,\n .docs .callbacks a:hover,\n .docs .download a:hover,\n .docs .configuration a:hover,\n .docs .faq a:hover,\n .docs .license a:hover,\n .docs .methods a:hover {\n color: black; }\n .docs .how-to-use header,\n .docs .callbacks header,\n .docs .download header,\n .docs .configuration header,\n .docs .faq header,\n .docs .license header,\n .docs .methods header {\n background: transparent;\n color: black; }\n .docs .how-to-use code, .docs .how-to-use strong,\n .docs .callbacks code,\n .docs .callbacks strong,\n .docs .download code,\n .docs .download strong,\n .docs .configuration code,\n .docs .configuration strong,\n .docs .faq code,\n .docs .faq strong,\n .docs .license code,\n .docs .license strong,\n .docs .methods code,\n .docs .methods strong {\n color: black; }\n .docs .how-to-use pre,\n .docs .callbacks pre,\n .docs .download pre,\n .docs .configuration pre,\n .docs .faq pre,\n .docs .license pre,\n .docs .methods pre {\n border: none;\n padding: 0; }\n .docs .how-to-use .instructions,\n .docs .callbacks .instructions,\n .docs .download .instructions,\n .docs .configuration .instructions,\n .docs .faq .instructions,\n .docs .license .instructions,\n .docs .methods .instructions {\n background: transparent; } }\n\n/* ==========================================================================\r\n Helper classes\r\n ========================================================================== */\n.hidden {\n display: none !important;\n visibility: hidden; }\n\n.visuallyhidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px; }\n\n.visuallyhidden.focusable:active,\n.visuallyhidden.focusable:focus {\n clip: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto; }\n\n.invisible {\n visibility: hidden; }\n\n.clearfix:before,\n.clearfix:after {\n content: \" \";\n display: table; }\n\n.clearfix:after {\n clear: both; }\n\n.clearfix {\n *zoom: 1; }\n\n/* Center ratings in container */\n.box-example-1to10 .br-wrapper {\n width: 210px;\n position: absolute;\n margin: 0px 0 0 -105px;\n left: 50%; }\n\n.box-example-movie .br-wrapper {\n width: 250px;\n position: absolute;\n margin: 0px 0 0 -125px;\n left: 50%; }\n\n.box-example-square .br-wrapper {\n width: 190px;\n position: absolute;\n margin: 0px 0 0 -95px;\n left: 50%; }\n\n.box-example-pill .br-wrapper {\n width: 232px;\n position: absolute;\n margin: 0px 0 0 -116px;\n left: 50%; }\n\n.box-example-reversed .br-wrapper {\n padding-top: 1.3em;\n width: 356px;\n position: absolute;\n margin: 0px 0 0 -178px;\n left: 50%; }\n\n.box-example-horizontal .br-wrapper {\n width: 120px;\n position: absolute;\n margin: 0px 0 0 -60px;\n left: 50%; }\n\n/* Display star ratings */\n.star-ratings h1 {\n font-size: 1.5em;\n line-height: 2;\n margin-top: 3em;\n color: #757575; }\n\n.star-ratings p {\n margin-bottom: 3em;\n line-height: 1.2; }\n\n.star-ratings h1, .star-ratings p {\n text-align: center; }\n\n.star-ratings .stars {\n width: 205px;\n text-align: center; }\n .star-ratings .stars .title {\n font-size: 14px;\n color: #cccccc;\n line-height: 3;\n font-weight: 600; }\n .star-ratings .stars select {\n width: 120px;\n font-size: 16px; }\n\n.star-ratings .stars-example-fontawesome,\n.star-ratings .stars-example-css,\n.star-ratings .stars-example-bootstrap {\n float: left; }\n\n.star-ratings .stars-example-fontawesome-o select {\n width: 200px; }\n\n.start-ratings-main {\n margin-bottom: 3em; }\n\n/* Boxes */\n.box {\n width: 100%;\n float: left;\n margin: 1em 0; }\n .box .box-header {\n text-align: center;\n font-weight: 400;\n padding: .5em 0; }\n .box .box-body {\n padding-top: 2em;\n height: 85px;\n /* rating widgets will be absolutely centered relative to box body */\n position: relative; }\n .box select {\n width: 120px;\n margin: 10px auto 0 auto;\n display: block;\n font-size: 16px; }\n\n.box-large .box-body {\n padding-top: 2em;\n height: 120px; }\n\n.box-orange .box-header {\n background-color: #EDB867;\n color: white; }\n\n.box-orange .box-body {\n background-color: white;\n border: 2px solid #f5d8ab;\n border-top: 0; }\n\n.box-green .box-header {\n background-color: #50E3C2;\n color: white; }\n\n.box-green .box-body {\n background-color: white;\n border: 2px solid #92eed9;\n border-top: 0; }\n\n.box-blue .box-header {\n background-color: #4278F5;\n color: white; }\n\n.box-blue .box-body {\n background-color: white;\n border: 2px solid #8bacf9;\n border-top: 0; }\n\n@media print {\n .star-ratings h1 {\n color: black; }\n .star-ratings .stars .title {\n color: black; }\n .box-orange .box-header,\n .box-green .box-header,\n .box-blue .box-header {\n background-color: transparent;\n color: black; }\n .box-orange .box-body,\n .box-green .box-body,\n .box-blue .box-body {\n background-color: transparent;\n border: none; } }\n\n.br-theme-fontawesome-stars .br-widget {\n height: 28px;\n white-space: nowrap; }\n .br-theme-fontawesome-stars .br-widget a {\n text-rendering: auto;\n -webkit-font-smoothing: antialiased;\n text-decoration: none;\n margin-right: 2px; }\n .br-theme-fontawesome-stars .br-widget a:after {\n content: '\\f005';\n color: #d2d2d2; }\n .br-theme-fontawesome-stars .br-widget a.br-active:after {\n color: #24695c; }\n .br-theme-fontawesome-stars .br-widget a.br-selected:after {\n color: #24695c; }\n .br-theme-fontawesome-stars .br-widget .br-current-rating {\n display: none; }\n\n.br-theme-fontawesome-stars .br-readonly a {\n cursor: default; }\n\n@media print {\n .br-theme-fontawesome-stars .br-widget a:after {\n content: '\\f006';\n color: black; }\n .br-theme-fontawesome-stars .br-widget a.br-active:after,\n .br-theme-fontawesome-stars .br-widget a.br-selected:after {\n content: '\\f005';\n color: black; } }\n\n.br-theme-bars-1to10 .br-widget {\n height: 50px;\n white-space: nowrap; }\n .br-theme-bars-1to10 .br-widget a {\n display: block;\n width: 12px;\n padding: 5px 0;\n height: 28px;\n float: left;\n background-color: rgba(36, 105, 92, 0.2);\n margin: 1px;\n text-align: center; }\n .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected {\n background-color: #24695c; }\n .br-theme-bars-1to10 .br-widget .br-current-rating {\n font-size: 20px;\n line-height: 1.8;\n float: left;\n padding: 0 20px 0 20px;\n color: #24695c;\n font-weight: 400; }\n\n.br-theme-bars-1to10 .br-readonly a {\n cursor: default; }\n .br-theme-bars-1to10 .br-readonly a.br-active, .br-theme-bars-1to10 .br-readonly a.br-selected {\n background-color: #318f7d; }\n\n.br-theme-bars-1to10 .br-readonly .br-current-rating {\n color: #318f7d; }\n\n@media print {\n .br-theme-bars-1to10 .br-widget a {\n border: 1px solid #b3b3b3;\n background: white;\n height: 38px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box; }\n .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected {\n border: 1px solid black;\n background: white; }\n .br-theme-bars-1to10 .br-widget .br-current-rating {\n color: black; } }\n\n.br-theme-bars-horizontal .br-widget {\n width: 120px;\n white-space: nowrap; }\n .br-theme-bars-horizontal .br-widget a {\n display: block;\n width: 120px;\n height: 5px;\n background-color: rgba(36, 105, 92, 0.2);\n margin: 1px; }\n .br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected {\n background-color: #24695c; }\n .br-theme-bars-horizontal .br-widget .br-current-rating {\n width: 120px;\n font-size: 18px;\n font-weight: 600;\n line-height: 2;\n text-align: center;\n color: #24695c; }\n\n.br-theme-bars-horizontal .br-readonly a {\n cursor: default; }\n .br-theme-bars-horizontal .br-readonly a.br-active, .br-theme-bars-horizontal .br-readonly a.br-selected {\n background-color: #318f7d; }\n\n.br-theme-bars-horizontal .br-readonly .br-current-rating {\n color: #318f7d; }\n\n@media print {\n .br-theme-bars-horizontal .br-widget a {\n border: 1px solid #b3b3b3;\n background: white;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box; }\n .br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected {\n border: 1px solid black;\n background: white; }\n .br-theme-bars-horizontal .br-widget .br-current-rating {\n color: black; } }\n\n.br-theme-bars-movie .br-widget {\n height: 50px;\n white-space: nowrap; }\n .br-theme-bars-movie .br-widget a {\n display: block;\n width: 60px;\n height: 8px;\n float: left;\n background-color: rgba(36, 105, 92, 0.2);\n margin: 1px; }\n .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected {\n background-color: #24695c; }\n .br-theme-bars-movie .br-widget .br-current-rating {\n clear: both;\n width: 240px;\n text-align: center;\n font-weight: 600;\n display: block;\n padding: .5em 0;\n color: #24695c; }\n\n.br-theme-bars-movie .br-readonly a {\n cursor: default; }\n .br-theme-bars-movie .br-readonly a.br-active, .br-theme-bars-movie .br-readonly a.br-selected {\n background-color: #318f7d; }\n\n.br-theme-bars-movie .br-readonly .br-current-rating {\n color: #318f7d; }\n\n@media print {\n .br-theme-bars-movie .br-widget a {\n border: 1px solid #b3b3b3;\n background: white;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box; }\n .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected {\n border: 1px solid black;\n background: white; }\n .br-theme-bars-movie .br-widget .br-current-rating {\n color: black; } }\n\n.br-theme-bars-pill .br-widget {\n white-space: nowrap; }\n .br-theme-bars-pill .br-widget a {\n padding: 7px 15px;\n background-color: rgba(36, 105, 92, 0.2);\n color: #24695c;\n text-decoration: none;\n font-size: 13px;\n line-height: 3;\n text-align: center;\n font-weight: 400; }\n .br-theme-bars-pill .br-widget a:first-child {\n -webkit-border-top-left-radius: 999px;\n -webkit-border-bottom-left-radius: 999px;\n -moz-border-radius-topleft: 999px;\n -moz-border-radius-bottomleft: 999px;\n border-top-left-radius: 999px;\n border-bottom-left-radius: 999px; }\n .br-theme-bars-pill .br-widget a:last-child {\n -webkit-border-top-right-radius: 999px;\n -webkit-border-bottom-right-radius: 999px;\n -moz-border-radius-topright: 999px;\n -moz-border-radius-bottomright: 999px;\n border-top-right-radius: 999px;\n border-bottom-right-radius: 999px; }\n .br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected {\n background-color: #24695c;\n color: white; }\n\n.br-theme-bars-pill .br-readonly a {\n cursor: default; }\n .br-theme-bars-pill .br-readonly a.br-active, .br-theme-bars-pill .br-readonly a.br-selected {\n background-color: #318f7d; }\n\n@media print {\n .br-theme-bars-pill .br-widget a {\n border: 1px solid #b3b3b3;\n border-left: none;\n background: white;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box; }\n .br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected {\n border: 1px solid black;\n border-left: none;\n background: white;\n color: black; }\n .br-theme-bars-pill .br-widget a:first-child {\n border-left: 1px solid black; } }\n\n.br-theme-bars-reversed .br-widget {\n height: 25px;\n white-space: nowrap; }\n .br-theme-bars-reversed .br-widget a {\n display: block;\n width: 22px;\n height: 22px;\n float: left;\n background-color: rgba(36, 105, 92, 0.2);\n margin: 1px;\n font-size: 15px;\n font-weight: 400;\n line-height: 1.4;\n color: #24695c;\n text-align: center; }\n .br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected {\n background-color: #24695c;\n color: white; }\n .br-theme-bars-reversed .br-widget .br-current-rating {\n line-height: 1.3;\n float: left;\n padding: 0 20px 0 20px;\n color: #24695c;\n font-size: 16px;\n font-weight: 600; }\n\n.br-theme-bars-reversed .br-readonly a {\n cursor: default; }\n .br-theme-bars-reversed .br-readonly a.br-active, .br-theme-bars-reversed .br-readonly a.br-selected {\n background-color: #318f7d; }\n\n.br-theme-bars-reversed .br-readonly .br-current-rating {\n color: #318f7d; }\n\n@media print {\n .br-theme-bars-reversed .br-widget a {\n border: 1px solid #b3b3b3;\n background: white;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box; }\n .br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected {\n border: 1px solid black;\n background: white; }\n .br-theme-bars-reversed .br-widget .br-current-rating {\n color: black; } }\n\n.br-theme-bars-square .br-widget {\n height: 40px;\n white-space: nowrap; }\n .br-theme-bars-square .br-widget a {\n display: block;\n width: 30px;\n height: 30px;\n float: left;\n border: 2px solid rgba(36, 105, 92, 0.2);\n background-color: white;\n margin: 2px;\n text-decoration: none;\n font-size: 14px;\n line-height: 1.8;\n text-align: center;\n color: #3eb59f;\n font-weight: 600; }\n .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected {\n border: 2px solid #24695c;\n color: #24695c; }\n .br-theme-bars-square .br-widget .br-current-rating {\n clear: both;\n width: 330px;\n text-align: center;\n font-weight: 600;\n display: block;\n padding: .5em 0;\n color: #646464; }\n\n.br-theme-bars-square .br-readonly a {\n cursor: default; }\n .br-theme-bars-square .br-readonly a.br-active, .br-theme-bars-square .br-readonly a.br-selected {\n border: 2px solid #24695c;\n color: #318f7d; }\n\n@media print {\n .br-theme-bars-square .br-widget a {\n border: 2px solid #b3b3b3;\n color: #b3b3b3; }\n .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected {\n border: 2px solid black;\n color: black; } }\n\n.br-theme-bootstrap-stars .br-widget {\n height: 28px;\n white-space: nowrap; }\n .br-theme-bootstrap-stars .br-widget a {\n font: normal normal normal 18px/1 'Glyphicons Halflings';\n text-rendering: auto;\n -webkit-font-smoothing: antialiased;\n text-decoration: none;\n margin-right: 2px; }\n .br-theme-bootstrap-stars .br-widget a:after {\n content: '\\e006';\n color: #d2d2d2; }\n .br-theme-bootstrap-stars .br-widget a.br-active:after {\n color: #EDB867; }\n .br-theme-bootstrap-stars .br-widget a.br-selected:after {\n color: #EDB867; }\n .br-theme-bootstrap-stars .br-widget .br-current-rating {\n display: none; }\n\n.br-theme-bootstrap-stars .br-readonly a {\n cursor: default; }\n\n@media print {\n .br-theme-bootstrap-stars .br-widget a:after {\n content: '\\e007';\n color: black; }\n .br-theme-bootstrap-stars .br-widget a.br-active:after,\n .br-theme-bootstrap-stars .br-widget a.br-selected:after {\n content: '\\e006';\n color: black; } }\n\n.br-theme-css-stars .br-widget {\n height: 28px;\n white-space: nowrap; }\n .br-theme-css-stars .br-widget a {\n text-decoration: none;\n height: 18px;\n width: 18px;\n float: left;\n font-size: 23px;\n margin-right: 5px; }\n .br-theme-css-stars .br-widget a:after {\n content: \"\\2605\";\n color: #d2d2d2; }\n .br-theme-css-stars .br-widget a.br-active:after {\n color: #EDB867; }\n .br-theme-css-stars .br-widget a.br-selected:after {\n color: #EDB867; }\n .br-theme-css-stars .br-widget .br-current-rating {\n display: none; }\n\n.br-theme-css-stars .br-readonly a {\n cursor: default; }\n\n@media print {\n .br-theme-css-stars .br-widget a:after {\n content: \"\\2606\";\n color: black; }\n .br-theme-css-stars .br-widget a.br-active:after,\n .br-theme-css-stars .br-widget a.br-selected:after {\n content: \"\\2605\";\n color: black; } }\n\n.br-theme-fontawesome-stars-o .br-widget {\n height: 28px;\n white-space: nowrap; }\n .br-theme-fontawesome-stars-o .br-widget a {\n font: normal normal normal 20px/1 FontAwesome;\n text-rendering: auto;\n -webkit-font-smoothing: antialiased;\n text-decoration: none;\n margin-right: 2px; }\n .br-theme-fontawesome-stars-o .br-widget a:after {\n content: '\\f006';\n color: #d2d2d2; }\n .br-theme-fontawesome-stars-o .br-widget a.br-active:after {\n content: '\\f005';\n color: #24695c; }\n .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {\n content: '\\f005';\n color: #24695c; }\n .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {\n content: '\\f123';\n color: #24695c; }\n .br-theme-fontawesome-stars-o .br-widget .br-current-rating {\n display: none; }\n\n.br-theme-fontawesome-stars-o .br-readonly a {\n cursor: default; }\n\n.br-theme-fontawesome-stars-o .br-reverse a.br-fractional {\n display: inline-block;\n transform: scaleX(-1);\n -moz-transform: scaleX(-1);\n -webkit-transform: scaleX(-1);\n filter: FlipH;\n -ms-filter: \"FlipH\"; }\n\n@media print {\n .br-theme-fontawesome-stars-o .br-widget a:after {\n content: '\\f006';\n color: black; }\n .br-theme-fontawesome-stars-o .br-widget a.br-active:after,\n .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {\n content: '\\f005';\n color: black; }\n .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {\n content: '\\f123';\n color: black; } }\n","@import \"variables\";\r\n\r\n/* Center ratings in container */\r\n.rating-container{\r\n // padding:20px;\r\n}\r\n.box-example-1to10 .br-wrapper {\r\n width: 210px;\r\n position: absolute;\r\n margin: 0px 0 0 -105px;\r\n left: 50%;\r\n}\r\n\r\n.box-example-movie .br-wrapper {\r\n width: 250px;\r\n position: absolute;\r\n margin: 0px 0 0 -125px;\r\n left: 50%;\r\n}\r\n\r\n.box-example-square .br-wrapper {\r\n width: 190px;\r\n position: absolute;\r\n margin: 0px 0 0 -95px;\r\n left: 50%;\r\n}\r\n\r\n.box-example-pill .br-wrapper {\r\n width: 232px;\r\n position: absolute;\r\n margin: 0px 0 0 -116px;\r\n left: 50%;\r\n}\r\n\r\n.box-example-reversed .br-wrapper {\r\n padding-top: 1.3em;\r\n width: 356px;\r\n position: absolute;\r\n margin: 0px 0 0 -178px;\r\n left: 50%;\r\n}\r\n\r\n.box-example-horizontal .br-wrapper {\r\n width: 120px;\r\n position: absolute;\r\n margin: 0px 0 0 -60px;\r\n left: 50%;\r\n}\r\n\r\n/* Display star ratings */\r\n\r\n.star-ratings {\r\n h1 {\r\n font-size: 1.5em;\r\n line-height: 2;\r\n margin-top: 3em;\r\n color: $textColor;\r\n }\r\n\r\n p {\r\n margin-bottom: 3em;\r\n line-height: 1.2;\r\n }\r\n\r\n h1, p {\r\n text-align: center;\r\n }\r\n\r\n .stars {\r\n width: 205px;\r\n text-align:center;\r\n .title {\r\n font-size:14px;\r\n color:#cccccc;\r\n line-height:3;\r\n font-weight:600;\r\n }\r\n\r\n select {\r\n width: 120px;\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n .stars-example-fontawesome,\r\n .stars-example-css,\r\n .stars-example-bootstrap {\r\n float: left;\r\n }\r\n\r\n .stars-example-fontawesome-o {\r\n // width: 200px;\r\n\r\n select {\r\n width: 200px;\r\n }\r\n }\r\n}\r\n\r\n.start-ratings-main {\r\n margin-bottom: 3em;\r\n}\r\n\r\n/* Boxes */\r\n\r\n.box {\r\n width: 100%;\r\n float: left;\r\n margin: 1em 0;\r\n\r\n .box-header {\r\n text-align: center;\r\n font-weight: 400;\r\n padding: .5em 0;\r\n }\r\n\r\n .box-body {\r\n padding-top: 2em;\r\n height: 85px;\r\n\r\n /* rating widgets will be absolutely centered relative to box body */\r\n position: relative;\r\n }\r\n\r\n select {\r\n width: 120px;\r\n margin: 10px auto 0 auto;\r\n display: block;\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n.box-large {\r\n .box-body {\r\n padding-top: 2em;\r\n height: 120px;\r\n }\r\n}\r\n\r\n@mixin box-color($color){\r\n .box-header {\r\n background-color: $color;\r\n color: white;\r\n }\r\n\r\n .box-body {\r\n background-color: white;\r\n border: 2px solid lighten($color, 15%);\r\n border-top: 0;\r\n }\r\n}\r\n\r\n.box-orange {\r\n @include box-color($orangeColor);\r\n}\r\n\r\n.box-green {\r\n @include box-color($greenColor);\r\n}\r\n\r\n.box-blue {\r\n @include box-color($blueColor);\r\n}\r\n\r\n@media print {\r\n .star-ratings {\r\n h1 {\r\n color: black;\r\n }\r\n\r\n .stars {\r\n .title {\r\n color: black;\r\n }\r\n }\r\n }\r\n\r\n .box-orange,\r\n .box-green,\r\n .box-blue {\r\n .box-header {\r\n background-color: transparent;\r\n color: black;\r\n }\r\n\r\n .box-body {\r\n background-color: transparent;\r\n border: none;\r\n }\r\n }\r\n}\r\n","@import \"variables\";\r\n@import \"../../theme/variables\";\r\n\r\n.br-theme-fontawesome-stars {\r\n\r\n .br-widget {\r\n height: 28px;\r\n white-space: nowrap;\r\n \r\n a {\r\n text-rendering: auto;\r\n -webkit-font-smoothing: antialiased;\r\n text-decoration: none;\r\n margin-right: 2px;\r\n }\r\n\r\n a:after {\r\n content: '\\f005';\r\n color: $star-default;\r\n }\r\n\r\n a.br-active:after {\r\n color: $primary-color;\r\n }\r\n\r\n a.br-selected:after {\r\n color: $primary-color;\r\n }\r\n\r\n .br-current-rating {\r\n display: none;\r\n }\r\n }\r\n\r\n .br-readonly {\r\n a {\r\n cursor: default;\r\n }\r\n }\r\n\r\n}\r\n\r\n@media print {\r\n .br-theme-fontawesome-stars {\r\n\r\n .br-widget {\r\n a:after {\r\n content: '\\f006';\r\n color: black;\r\n }\r\n\r\n a.br-active:after,\r\n a.br-selected:after {\r\n content: '\\f005';\r\n color: black;\r\n }\r\n }\r\n\r\n }\r\n}\r\n","// Bars\r\n$orange-color: #EDB867;\r\n$green-color: #50E3C2;\r\n$blue-color: #4278F5;\r\n\r\n// Stars\r\n$star-default: #d2d2d2;\r\n$star-active: #EDB867;\r\n$star-selected: #EDB867;","// General variables\r\n$theme-font-color: #2b2b2b;\r\n$theme-body-font-color: #242934;\r\n$theme-body-sub-title-color: rgba($theme-body-font-color, 0.7);\r\n// Theme colors variables\r\n$primary-color: #24695c;\r\n$secondary-color:#ba895d;\r\n$success-color: #1b4c43;\r\n$warning-color: #e2c636;\r\n$danger-color: #d22d3d;\r\n$light-color : #f4f4f4;\r\n$light-gray : #e6edef;\r\n$light-semi-gray :#efefef;\r\n$dark-light :$theme-font-color;\r\n$dark-gray \t: #898989;\r\n$dark-color : #2c323f;\r\n$gray-60 :#cccccc ;\r\n$card-body-color : #f9f9fa;\r\n$transparent-color: transparent;\r\n$auth-bg-color:#fafafa;\r\n$light : #fdfeff;\r\n$semi-dark :#59667a;\r\n$light-text: #999;\r\n$light-background: #f5f7fb;\r\n$light-font: #717171;\r\n$light-semi-font: $semi-dark;\r\n$light-chartist-grid-color: #f6f9fd;\r\n$off-white: #ffebce;\r\n$dark-primary: #448aff;\r\n$pitch-color: #fe8a7d;\r\n$light-pitch: #fecf8b;\r\n$flower-pink: #fb6d9d;\r\n$dark-sky: #536dfe;\r\n$color-scarpa: #4c5667;\r\n$color-fiord: #455a64;\r\n$dark-blue: #00008B;\r\n$black : #000;\r\n$white:#fff;\r\n$yellow:#f4c705;\r\n$btn-bhome-bg-c:#ff6060;\r\n$btn-search-bg-c:#ffd042;\r\n$btn-opacity-down-primary:#F7F0FF;\r\n// error page color end\r\n\r\n// gradient colors\r\n$gradient-primary: linear-gradient(#1693f8, #0d67e9);\r\n\r\n//social colors\r\n$fb: #50598e;\r\n$twitter: #6fa2d8;\r\n$google-plus: #c64e40;\r\n$linkedin: #0077B5;\r\n\r\n//error input color start\r\n$light-body-bg-color:#fafdff;\r\n\r\n//fonts\r\n$font-montserrat:'Montserrat', sans-serif;\r\n$font-roboto:'Roboto', sans-serif;\r\n$font-rubik:'Rubik', sans-serif;\r\n$font-nunito: Nunito;\r\n$font-raleway: Raleway;\r\n$font-serif: sans-serif;\r\n$font-themify: themify;\r\n$font-awesome: FontAwesome;\r\n$font-ICO: IcoFont;\r\n\r\n\r\n// dark layout variables\r\n$dark-body-background: #202938;\r\n$dark-card-background: #111727;\r\n$dark-card-inbox: #323846;\r\n$dark-small-font-color:#98a6ad;\r\n$dark-all-font-color: rgba(255,255,255,0.7);\r\n$light-all-font-color: rgba(255,255,255,0.2);\r\n$sidebar-submenu-font-color:rgba(255,255,255,0.7);\r\n$dark-border-color: $dark-body-background;\r\n// $dark-card-border:#374558;\r\n$dark-card-border: rgba($primary-color,0.2);\r\n$dark-editor-document: #2b2b2b;\r\n$bg-dark-color: #1f2533;\r\n$dark-datatable-odd: #1f232b;\r\n$dark-datatable-sorting: #1c212b;\r\n$dark-datatable-sorting-even: #22262f;\r\n$dark-even-hover-sorting: #191e27;\r\n\r\n//General tag settings\r\n$body-font-size: 14px;\r\n$body-font-color: $theme-body-font-color;\r\n$ul-padding-left: 0px;\r\n$ul-padding-right: 0px;\r\n$ancher-color: $primary-color;\r\n$btn-focus-box-shadow: none;\r\n$all-focus-outline-color: $primary-color;\r\n\r\n$paragraph-font-size: 14px;\r\n$paragraph-line-height: 1.7;\r\n$paragraph-letter-spacing : inherit;\r\n\r\n$code-tag-color: $primary-color;\r\n$code-tag-bg-color: rgba($primary-color, 0.03);\r\n$code-tag-padding: 3px;\r\n$code-tag-margin: 0 3px;\r\n$code-tag-border-radious: 2px;\r\n\r\n$blockquote-padding : 15px;\r\n$blockquote-border : 4px solid $light-gray;\r\n\r\n$small-tag-padding: 10px;\r\n$small-tag-color: $dark-color;\r\n\r\n$pre-tag-bg-color: rgba($primary-color, 0.03);\r\n$pre-tag-padding: 20px 0;\r\n\r\n$list-group-active-bg-color: $primary-color;\r\n$list-group-active-border-color: $primary-color;\r\n$list-group-img-size: 40px;\r\n$list-group-margin: 10px;\r\n\r\n\r\n// Tables settings\r\n$table-b-margin: 0px;\r\n$table-heading-color: $theme-body-font-color;\r\n$table-row-color: $theme-body-font-color;\r\n$table-footer-font-weight: bold;\r\n$table-inverse-color: $white;\r\n$table-hover-color: $light;\r\n$table-padding: 0.75rem;\r\n$table-xl-padding: 1.25rem 2rem;\r\n$table-xl-font: 120%;\r\n$table-lg-padding: .9rem 2rem;\r\n$table-lg-font: 110%;\r\n$table-de-padding: .75rem 2rem;\r\n$table-de-font: 100%;\r\n$table-sm-padding: .5rem 2rem;\r\n$table-sm-font: 90%;\r\n$table-xs-padding: 0.2rem 2rem;\r\n$table-xs-font: 80%;\r\n$horizontal-border-color: #f2f4ff;\r\n$horizontal-padding: .75rem 2rem;\r\n$table-inverse-bg-color: #292b2c;\r\n\r\n\r\n//According setting\r\n$according-card-top-margin : 10px;\r\n$according-btn-weight : 500;\r\n$according-btn-color : $theme-body-font-color;\r\n$according-card-header-padding : 1rem 1.25rem;\r\n$according-card-header-icon : $font-ICO;\r\n$according-open-icon : \"\\eb73\";\r\n$according-close-icon : \"\\eb7a\";\r\n\r\n//Alert settings\r\n$alert-hover-color :$dark-color;\r\n$alert-border-radious :0.15rem;\r\n$alert-padding :15px;\r\n$alert-msg-icon-size :16px;\r\n\r\n//badge settings\r\n$badge-padding :0.44em 0.7em;\r\n$badge-svg-size :10px;\r\n\r\n//form input settings\r\n$form-group-margin-bottom : 1.25em;\r\n$col-form-label-font-size : 14px;\r\n$form-control-font-size : 14px;\r\n$form-control-border-radious : 2px;\r\n$form-control-border-color : $light-gray;\r\n\r\n//breadcrumb setting\r\n$breadcrumb-ancher-color : $white;\r\n$breadcrumb-ancher-dark-color : $black;\r\n\r\n//buttons setting\r\n$btn-font-size : 14px;\r\n$btn-padding : 0.375rem 1.75rem;\r\n$btn-lg-font-size: 18px;\r\n$btn-sm-font-size: 12px;\r\n$btn-xs-font-size: 10px;\r\n$btn-xs-padding: 0.2rem 0.7rem;\r\n\r\n\r\n//Card settings\r\n$card-padding :30px;\r\n$card-margin-bottom :30px;\r\n$card-border-color :1px solid $light-gray;\r\n$card-border-radious :0;\r\n$border-secondary:#ede7e4 ;\r\n$common-shadow-color : rgba($light-font, 0.08);\r\n$card-box-shadow : 0 25px 50px rgba(8,21,66,.06);\r\n$card-header-font-weight : 600;\r\n$card-header-bg-color : $white;\r\n$card-header-font-transform : capitalize;\r\n$card-header-span-size : 12px;\r\n$card-header-span-color : $theme-body-sub-title-color;\r\n$card-body-bg-color : $transparent-color;\r\n// $card-body-bg-color : $white;\r\n$card-footer-bg-color : $white;\r\n\r\n//footer settings\r\n$footer_bg_color : $white;\r\n$footer_box_shadow : 0 0 20px 16px rgba(4,122,251,0.04);\r\n$footer_link_align : right;\r\n$footer_dark_color : $theme-font-color;\r\n$footer_dark__txt_color : $white;\r\n\r\n//form settings\r\n$form-group-margin-bottom :20px;\r\n$sm-form-margin-bottom : 14px;\r\n$form-placeholder-color : $dark-gray;\r\n$form-placeholder-font-size : 14px;\r\n$form-placeholder-letter-spacing : 1px;\r\n$form-placeholder-font-weight : 100;\r\n$form-input-border-color : $light-semi-gray;\r\n$form-input-bg-color : $white;\r\n\r\n//Tour settings\r\n$tour-color: $primary-color;\r\n\r\n\r\n\r\n//sidabr main settings\r\n$sidebar-width: 255px;\r\n$sidebar-position: fixed;\r\n$sidebar-background-color: $white;\r\n$sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);\r\n$sidebar-overflow: auto;\r\n$sidebar-z-index: 9;\r\n$sidebar-transition: 0.5s;\r\n\r\n//sidebar profile settings\r\n$sidebar-user-section-padding: 10px;\r\n$sidebar-user-section-shadow: 3px 2px 7px -1px rgba(68, 102, 242, 0.13);\r\n$sidebar-profile-edit-icon-size: 14px;\r\n$sidebar-profile-name-txt-color : $primary-color;\r\n$sidebar-profile-name-txt-transfer : uppercase;\r\n$sidebar-profile-name-txt-weight : 600;\r\n$sidebar-profile-name-letter-specing : 1.5px;\r\n$sidebar-profile-name-marging : 3px;\r\n$sidebar-profile-sub-title-font-size: 10px;\r\n$sidebar-profile-sub-title-margin: 0px;\r\n$sidebar-profile-img-shadow: 0 0 15px rgba(68, 102, 242, 0.3);\r\n\r\n//Sidebar main menu setting\r\n$sidebar-menu-padding: 15px;\r\n$sidebar-menu-list-style: none;\r\n$sidebar-menu-list-margin: 0;\r\n\r\n$sidebar-icon-size: 14px;\r\n$sidebar-icon-margin: 14px;\r\n$sidebar-icon-stroke-width: 3px;\r\n$sidebar-font-size: 14px;\r\n$sidebar-letter-specing: 0.5px;\r\n$sidebar-txt-transform: capitalize;\r\n$sidebar-font-weight: 600;\r\n$sidebar-font-color: $theme-body-font-color;\r\n$sidebar-padding-top: 12px;\r\n$sidebar-padding-bottom: 12px;\r\n$sidebar-sub-header-padding: 15px;\r\n$sidebar-sub-header-margin: 0;\r\n$sidebar-heading-hover-padding: 5px;\r\n$sidebar-hover-txt-color: $primary-color;\r\n$sidebar-arrow-margin-top: 2px;\r\n$sidebar-arrow-size: 15px;\r\n$sidebar-arrow-color: $theme-body-font-color;\r\n$sidebar-open-icon: \"\\f107\";\r\n$sidebar-close-icon:\"\\f105\";\r\n$sidebar-icon-font-family: $font-awesome;\r\n$sidebar-height: calc(100vh - 355px);\r\n// $sidebar-height: calc(100vh - 115px);\r\n\r\n//Header settings\r\n$main-header-position: fixed;\r\n$main-header-top: 0;\r\n$main-header-shadow: 0 0 20px rgba(25,124,207,0.08);\r\n$bookmark-icon-color: #fa9f44;\r\n\r\n//page settings\r\n$page-body-padding : 0 15px 0 15px;\r\n$page-body-bg-color: $light-gray;\r\n$page-body-margin-bottom: 0px;\r\n\r\n$page-header-padding : 30px;\r\n\r\n$common-box-shadow: 2px 3.464px 8px 0px rgba( 22, 145, 248, 0.18 );\r\n$page-title-font-size: 24px;\r\n$page-title-margin-bottom: 0;\r\n$page-title-font-weight: 600;\r\n$page-title-text-tranform: capitalize;\r\n$page-small-title-display: block;\r\n$page-small-title-font-size: 12px;\r\n$page-small-title-margin-bottom: 5px;\r\n$page-small-title-text-transform: capitalize;\r\n$page-small-title-text-color: $theme-body-sub-title-color;\r\n$breadcrumb-size: 16px;\r\n$breadcrumb-content: \"/\";\r\n\r\n\r\n//main header left settings\r\n$main-header-left-bg-color : $white;\r\n$main-header-padding : 27px 22px;\r\n$main-header-z-index : 9;\r\n$main-header-right-padding: 24px 40px;\r\n$main-header-right-nav-icon-size : 18px;\r\n$main-header-right-nav-icon-color : $theme-font-color;\r\n$main-header-right-nav-icon-align : middle;\r\n","@import \"variables\";\r\n@import \"mixins\";\r\n.br-theme-bars-1to10 {\r\n\r\n .br-widget {\r\n height: 50px;\r\n white-space: nowrap;\r\n\r\n a {\r\n display: block;\r\n width: 12px;\r\n padding: 5px 0;\r\n height: 28px;\r\n float: left;\r\n background-color: rgba($primary-color,0.2);\r\n margin: 1px;\r\n text-align: center;\r\n\r\n &.br-active,\r\n &.br-selected {\r\n background-color: $primary-color;\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n font-size: 20px;\r\n line-height: 1.8;\r\n float: left;\r\n padding: 0 20px 0 20px;\r\n color: $primary-color;\r\n font-weight: 400;\r\n }\r\n }\r\n\r\n .br-readonly {\r\n a {\r\n cursor: default;\r\n\r\n &.br-active, &.br-selected {\r\n background-color: lighten($primary-color, 10%);\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n color: lighten($primary-color, 10%);\r\n }\r\n }\r\n\r\n}\r\n\r\n@media print {\r\n .br-theme-bars-1to10 {\r\n\r\n .br-widget {\r\n a {\r\n border: 1px solid lighten(black, 70%);\r\n background: white;\r\n height: 38px;\r\n @include box-sizing(border-box);\r\n\r\n &.br-active,\r\n &.br-selected {\r\n border: 1px solid black;\r\n background: white;\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n color: black;\r\n }\r\n }\r\n\r\n }\r\n}\r\n","// Box sizing\r\n@mixin box-sizing($type: border-box){\r\n -webkit-box-sizing: $type;\r\n -moz-box-sizing: $type;\r\n box-sizing: $type;\r\n}","@import \"variables\";\r\n@import \"mixins\";\r\n\r\n.br-theme-bars-horizontal {\r\n\r\n .br-widget {\r\n width: 120px;\r\n white-space: nowrap;\r\n a {\r\n display: block;\r\n width: 120px;\r\n height: 5px; \r\n background-color: rgba($primary-color,0.2);\r\n margin: 1px;\r\n &.br-active,\r\n &.br-selected {\r\n background-color: $primary-color;\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n width: 120px;\r\n font-size: 18px;\r\n font-weight: 600;\r\n line-height: 2;\r\n text-align: center;\r\n color: $primary-color;\r\n }\r\n }\r\n\r\n .br-readonly {\r\n a {\r\n cursor: default;\r\n\r\n &.br-active, &.br-selected {\r\n background-color: lighten($primary-color, 10%);\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n color: lighten($primary-color, 10%);\r\n }\r\n }\r\n\r\n}\r\n\r\n@media print {\r\n .br-theme-bars-horizontal {\r\n\r\n .br-widget {\r\n a {\r\n border: 1px solid lighten(black, 70%);\r\n background: white;\r\n @include box-sizing(border-box);\r\n\r\n &.br-active,\r\n &.br-selected {\r\n border: 1px solid black;\r\n background: white;\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n color: black;\r\n }\r\n }\r\n\r\n }\r\n}\r\n","@import \"variables\";\r\n@import \"mixins\";\r\n@import \"../../theme/variables\";\r\n\r\n.br-theme-bars-movie {\r\n\r\n .br-widget {\r\n height: 50px;\r\n white-space: nowrap;\r\n a {\r\n display: block;\r\n width: 60px;\r\n height: 8px;\r\n float: left;\r\n background-color: rgba($primary-color,0.2);\r\n margin: 1px;\r\n\r\n &.br-active,\r\n &.br-selected {\r\n background-color: $primary-color;\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n clear: both;\r\n width: 240px;\r\n text-align: center;\r\n font-weight:600;\r\n display: block;\r\n padding: .5em 0;\r\n color: $primary-color; \r\n }\r\n }\r\n\r\n .br-readonly {\r\n a {\r\n cursor: default;\r\n\r\n &.br-active, &.br-selected {\r\n background-color: lighten($primary-color, 10%);\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n color: lighten($primary-color, 10%);\r\n }\r\n }\r\n\r\n}\r\n\r\n@media print {\r\n .br-theme-bars-movie {\r\n\r\n .br-widget {\r\n a {\r\n border: 1px solid lighten(black, 70%);\r\n background: white;\r\n @include box-sizing(border-box);\r\n\r\n &.br-active,\r\n &.br-selected {\r\n border: 1px solid black;\r\n background: white;\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n color: black;\r\n }\r\n }\r\n\r\n }\r\n}\r\n","@import \"variables\";\r\n@import \"mixins\";\r\n@import \"../../theme/variables\";\r\n\r\n.br-theme-bars-pill {\r\n\r\n .br-widget {\r\n white-space: nowrap;\r\n\r\n a {\r\n padding: 7px 15px;\r\n background-color: rgba($primary-color,0.2);\r\n color: $primary-color;\r\n text-decoration: none;\r\n font-size: 13px;\r\n line-height: 3;\r\n text-align: center;\r\n font-weight: 400;\r\n\r\n &:first-child {\r\n -webkit-border-top-left-radius: 999px;\r\n -webkit-border-bottom-left-radius: 999px;\r\n -moz-border-radius-topleft: 999px;\r\n -moz-border-radius-bottomleft: 999px;\r\n border-top-left-radius: 999px;\r\n border-bottom-left-radius: 999px;\r\n }\r\n\r\n &:last-child {\r\n -webkit-border-top-right-radius: 999px;\r\n -webkit-border-bottom-right-radius: 999px;\r\n -moz-border-radius-topright: 999px;\r\n -moz-border-radius-bottomright: 999px;\r\n border-top-right-radius: 999px;\r\n border-bottom-right-radius: 999px;\r\n }\r\n\r\n &.br-active,\r\n &.br-selected {\r\n background-color: $primary-color;\r\n color: white;\r\n }\r\n }\r\n }\r\n\r\n .br-readonly {\r\n a {\r\n cursor: default;\r\n\r\n &.br-active, &.br-selected {\r\n background-color: lighten($primary-color, 10%);\r\n }\r\n }\r\n }\r\n\r\n}\r\n\r\n@media print {\r\n .br-theme-bars-pill {\r\n\r\n .br-widget {\r\n a {\r\n border: 1px solid lighten(black, 70%);\r\n border-left: none;\r\n background: white;\r\n @include box-sizing(border-box);\r\n\r\n &.br-active,\r\n &.br-selected {\r\n border: 1px solid black;\r\n border-left: none;\r\n background: white;\r\n color: black;\r\n }\r\n }\r\n\r\n a:first-child {\r\n border-left: 1px solid black;\r\n }\r\n }\r\n\r\n }\r\n}\r\n","@import \"variables\";\r\n@import \"mixins\";\r\n\r\n.br-theme-bars-reversed {\r\n\r\n .br-widget {\r\n height: 25px;\r\n white-space: nowrap;\r\n\r\n a {\r\n display: block;\r\n width: 22px;\r\n height: 22px;\r\n float: left; \r\n background-color: rgba($primary-color,0.2);\r\n margin: 1px;\r\n font-size: 15px;\r\n font-weight: 400;\r\n line-height: 1.4;\r\n color: $primary-color;\r\n text-align: center;\r\n\r\n &.br-active,\r\n &.br-selected {\r\n background-color: $primary-color;\r\n color: white;\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n line-height: 1.3;\r\n float:left;\r\n padding:0 20px 0 20px;\r\n color:$primary-color;\r\n font-size:16px;\r\n font-weight:600;\r\n }\r\n }\r\n\r\n .br-readonly {\r\n a {\r\n cursor: default;\r\n\r\n &.br-active, &.br-selected {\r\n background-color: lighten($primary-color, 10%);\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n color: lighten($primary-color, 10%);\r\n }\r\n }\r\n\r\n}\r\n\r\n@media print {\r\n .br-theme-bars-reversed {\r\n\r\n .br-widget {\r\n a {\r\n border: 1px solid lighten(black, 70%);\r\n background: white;\r\n @include box-sizing(border-box);\r\n\r\n &.br-active,\r\n &.br-selected {\r\n border: 1px solid black;\r\n background: white;\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n color: black;\r\n }\r\n }\r\n\r\n }\r\n}\r\n","@import \"variables\";\r\n@import \"mixins\";\r\n@import \"../../theme/variables\";\r\n\r\n.br-theme-bars-square {\r\n\r\n .br-widget {\r\n height: 40px;\r\n white-space: nowrap;\r\n\r\n a {\r\n display: block;\r\n width: 30px;\r\n height: 30px;\r\n float: left;\r\n border: 2px solid rgba($primary-color,0.2);\r\n background-color: white;\r\n margin: 2px;\r\n text-decoration: none;\r\n font-size: 14px;\r\n line-height: 1.8;\r\n text-align: center;\r\n color: lighten($primary-color, 20%);\r\n font-weight: 600;\r\n &.br-active,\r\n &.br-selected {\r\n border: 2px solid $primary-color;\r\n color: $primary-color;\r\n }\r\n }\r\n\r\n .br-current-rating {\r\n clear: both;\r\n width: 330px;\r\n text-align: center;\r\n font-weight: 600;\r\n display: block;\r\n padding: .5em 0;\r\n color: #646464;\r\n }\r\n }\r\n\r\n .br-readonly {\r\n a {\r\n cursor: default;\r\n\r\n &.br-active, &.br-selected {\r\n border: 2px solid $primary-color;\r\n color: lighten($primary-color, 10%);\r\n }\r\n }\r\n }\r\n\r\n}\r\n\r\n@media print {\r\n .br-theme-bars-square {\r\n\r\n .br-widget {\r\n a {\r\n border: 2px solid lighten(black, 70%);\r\n color: lighten(black, 70%);\r\n\r\n &.br-active,\r\n &.br-selected {\r\n border: 2px solid black;\r\n color: black;\r\n }\r\n }\r\n }\r\n\r\n }\r\n}\r\n","@import \"variables\";\r\n\r\n.br-theme-bootstrap-stars {\r\n\r\n .br-widget {\r\n height: 28px;\r\n white-space: nowrap;\r\n \r\n a {\r\n font: normal normal normal 18px/1 'Glyphicons Halflings';\r\n text-rendering: auto;\r\n -webkit-font-smoothing: antialiased;\r\n text-decoration: none;\r\n margin-right: 2px;\r\n }\r\n\r\n a:after {\r\n content: '\\e006';\r\n color: $star-default;\r\n }\r\n\r\n a.br-active:after {\r\n color: $star-active;\r\n }\r\n\r\n a.br-selected:after {\r\n color: $star-selected;\r\n }\r\n\r\n .br-current-rating {\r\n display: none;\r\n }\r\n }\r\n\r\n .br-readonly {\r\n a {\r\n cursor: default;\r\n }\r\n }\r\n\r\n}\r\n\r\n@media print {\r\n .br-theme-bootstrap-stars {\r\n\r\n .br-widget {\r\n a:after {\r\n content: '\\e007';\r\n color: black;\r\n }\r\n\r\n a.br-active:after,\r\n a.br-selected:after {\r\n content: '\\e006';\r\n color: black;\r\n }\r\n }\r\n\r\n }\r\n}\r\n","@import \"variables.scss\";\r\n\r\n.br-theme-css-stars {\r\n\r\n .br-widget {\r\n height: 28px;\r\n white-space: nowrap;\r\n\r\n a {\r\n text-decoration: none;\r\n height: 18px;\r\n width: 18px;\r\n float: left;\r\n font-size: 23px;\r\n margin-right: 5px;\r\n }\r\n\r\n a:after {\r\n content: \"\\2605\";\r\n color: $star-default;\r\n }\r\n\r\n a.br-active:after {\r\n color: $star-active;\r\n }\r\n\r\n a.br-selected:after {\r\n color: $star-selected;\r\n }\r\n\r\n .br-current-rating {\r\n display: none;\r\n }\r\n }\r\n\r\n .br-readonly {\r\n a {\r\n cursor: default;\r\n }\r\n }\r\n\r\n}\r\n\r\n@media print {\r\n .br-theme-css-stars {\r\n\r\n .br-widget {\r\n a:after {\r\n content: \"\\2606\";\r\n color: black;\r\n }\r\n\r\n a.br-active:after,\r\n a.br-selected:after {\r\n content: \"\\2605\";\r\n color: black;\r\n }\r\n }\r\n\r\n }\r\n}\r\n","@import \"variables\";\r\n@import \"../../theme/variables\";\r\n\r\n.br-theme-fontawesome-stars-o {\r\n\r\n .br-widget {\r\n height: 28px;\r\n white-space: nowrap;\r\n \r\n a {\r\n font: normal normal normal 20px/1 FontAwesome;\r\n text-rendering: auto;\r\n -webkit-font-smoothing: antialiased;\r\n text-decoration: none;\r\n margin-right: 2px;\r\n }\r\n\r\n a:after {\r\n content: '\\f006';\r\n color: $star-default;\r\n }\r\n\r\n a.br-active:after {\r\n content: '\\f005';\r\n color: $primary-color;\r\n }\r\n\r\n a.br-selected:after {\r\n content: '\\f005';\r\n color: $primary-color;\r\n }\r\n\r\n a.br-fractional:after {\r\n content: '\\f123';\r\n color: $primary-color;\r\n }\r\n\r\n .br-current-rating {\r\n display: none;\r\n }\r\n }\r\n\r\n .br-readonly {\r\n a {\r\n cursor: default;\r\n }\r\n }\r\n\r\n .br-reverse {\r\n a.br-fractional {\r\n display: inline-block;\r\n transform: scaleX(-1);\r\n -moz-transform: scaleX(-1);\r\n -webkit-transform: scaleX(-1);\r\n filter: FlipH;\r\n -ms-filter: \"FlipH\";\r\n } \r\n }\r\n\r\n}\r\n\r\n@media print {\r\n .br-theme-fontawesome-stars-o {\r\n\r\n .br-widget {\r\n a:after {\r\n content: '\\f006';\r\n color: black;\r\n }\r\n\r\n a.br-active:after,\r\n a.br-selected:after {\r\n content: '\\f005';\r\n color: black;\r\n }\r\n\r\n a.br-fractional:after {\r\n content: '\\f123';\r\n color: black;\r\n }\r\n }\r\n\r\n }\r\n}\r\n"]} |