on-standards-rails 1.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/.gitignore +18 -0
- data/Gemfile +4 -0
- data/README.md +48 -0
- data/Rakefile +1 -0
- data/lib/on-standards-rails.rb +4 -0
- data/lib/on/standards/rails.rb +10 -0
- data/lib/on/standards/rails/version.rb +7 -0
- data/on-standards-rails.gemspec +28 -0
- data/vendor/assets/javascripts/c2c-standards.js +26 -0
- data/vendor/assets/javascripts/c2c-standards/vendor/chosen.jquery.min.js +2 -0
- data/vendor/assets/javascripts/c2c-standards/vendor/jquery.tooltipster.min.js +1 -0
- data/vendor/assets/javascripts/c2c-standards/vendor/sweet-alert.min.js +1 -0
- data/vendor/assets/stylesheets/c2c-overrides.sass +0 -0
- data/vendor/assets/stylesheets/c2c-standards.sass +7 -0
- data/vendor/assets/stylesheets/c2c-standards/church_to_church.sass +1323 -0
- data/vendor/assets/stylesheets/c2c-standards/vendor/chosen.min.css +3 -0
- data/vendor/assets/stylesheets/c2c-standards/vendor/sweet-alert.scss +429 -0
- data/vendor/assets/stylesheets/c2c-standards/vendor/tooltipster.css +274 -0
- data/vendor/assets/stylesheets/foundation_and_overrides.scss +1450 -0
- metadata +147 -0
| @@ -0,0 +1,3 @@ | |
| 1 | 
            +
            /* Chosen v1.1.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */
         | 
| 2 | 
            +
             | 
| 3 | 
            +
            .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:23px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:15px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#666;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:3px;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}
         | 
| @@ -0,0 +1,429 @@ | |
| 1 | 
            +
            // SweetAlert
         | 
| 2 | 
            +
            // 2014 (c) - Tristan Edwards
         | 
| 3 | 
            +
            // github.com/t4t5/sweetalert
         | 
| 4 | 
            +
             | 
| 5 | 
            +
            @import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300); // Open Sans font
         | 
| 6 | 
            +
             | 
| 7 | 
            +
            .sweet-overlay {
         | 
| 8 | 
            +
            	background-color: rgba(black, 0.4);
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            	position: fixed;
         | 
| 11 | 
            +
            	left: 0;
         | 
| 12 | 
            +
            	right: 0;
         | 
| 13 | 
            +
            	top: 0;
         | 
| 14 | 
            +
            	bottom: 0;
         | 
| 15 | 
            +
             | 
| 16 | 
            +
            	display: none;
         | 
| 17 | 
            +
            	z-index: 1000;
         | 
| 18 | 
            +
            }
         | 
| 19 | 
            +
             | 
| 20 | 
            +
            .sweet-alert {
         | 
| 21 | 
            +
            	$width: 478px;
         | 
| 22 | 
            +
            	$padding: 17px;
         | 
| 23 | 
            +
             | 
| 24 | 
            +
            	background-color: white;
         | 
| 25 | 
            +
            	font-family: 'Open Sans', sans-serif;
         | 
| 26 | 
            +
            	width: $width;
         | 
| 27 | 
            +
            	padding: $padding;
         | 
| 28 | 
            +
            	border-radius: 5px;
         | 
| 29 | 
            +
            	text-align: center;
         | 
| 30 | 
            +
             | 
| 31 | 
            +
            	position: fixed;
         | 
| 32 | 
            +
            	left: 50%;
         | 
| 33 | 
            +
            	top: 50%;
         | 
| 34 | 
            +
            	margin-left: -($width/2 + $padding);
         | 
| 35 | 
            +
            	margin-top: -200px;
         | 
| 36 | 
            +
             | 
| 37 | 
            +
            	overflow: hidden;
         | 
| 38 | 
            +
            	display: none;
         | 
| 39 | 
            +
            	z-index: 2000;
         | 
| 40 | 
            +
             | 
| 41 | 
            +
            	@media all and (max-width: 540px) {
         | 
| 42 | 
            +
            		width: auto;
         | 
| 43 | 
            +
            		margin-left: 0;
         | 
| 44 | 
            +
            		margin-right: 0;
         | 
| 45 | 
            +
             | 
| 46 | 
            +
            		left: 15px;
         | 
| 47 | 
            +
            		right: 15px;
         | 
| 48 | 
            +
            	}
         | 
| 49 | 
            +
             | 
| 50 | 
            +
            	h2 {
         | 
| 51 | 
            +
            		color: #575757;
         | 
| 52 | 
            +
            		font-size: 30px;
         | 
| 53 | 
            +
            		text-align: center;
         | 
| 54 | 
            +
            		font-weight: 600;
         | 
| 55 | 
            +
            		text-transform: none;
         | 
| 56 | 
            +
            		position: relative;
         | 
| 57 | 
            +
            	}
         | 
| 58 | 
            +
             | 
| 59 | 
            +
            	p {
         | 
| 60 | 
            +
            		color: #797979;
         | 
| 61 | 
            +
            		font-size: 16px;
         | 
| 62 | 
            +
            		text-align: center;
         | 
| 63 | 
            +
            		font-weight: 300;
         | 
| 64 | 
            +
            		position: relative;
         | 
| 65 | 
            +
            		margin: 0;
         | 
| 66 | 
            +
            		line-height: normal;
         | 
| 67 | 
            +
            	}
         | 
| 68 | 
            +
             | 
| 69 | 
            +
            	button {
         | 
| 70 | 
            +
            		$btnBlue: #AEDEF4;
         | 
| 71 | 
            +
            		$btnGray: #D0D0D0;
         | 
| 72 | 
            +
             | 
| 73 | 
            +
            		background-color: $btnBlue;
         | 
| 74 | 
            +
            		color: white;
         | 
| 75 | 
            +
            		border: none;
         | 
| 76 | 
            +
            		box-shadow: none;
         | 
| 77 | 
            +
            		font-size: 17px;
         | 
| 78 | 
            +
            		font-weight: 500;
         | 
| 79 | 
            +
            		border-radius: 5px;
         | 
| 80 | 
            +
            		padding: 10px 32px;
         | 
| 81 | 
            +
            		margin: 26px 5px 0 5px;
         | 
| 82 | 
            +
            		cursor: pointer;
         | 
| 83 | 
            +
            		&:focus {
         | 
| 84 | 
            +
            			outline: none;
         | 
| 85 | 
            +
            			box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
         | 
| 86 | 
            +
            		}
         | 
| 87 | 
            +
            		&:hover {
         | 
| 88 | 
            +
            			background-color: darken($btnBlue, 3%);
         | 
| 89 | 
            +
            		}
         | 
| 90 | 
            +
            		&:active {
         | 
| 91 | 
            +
            			background-color: darken($btnBlue, 10%);
         | 
| 92 | 
            +
            		}
         | 
| 93 | 
            +
            		&.cancel {
         | 
| 94 | 
            +
            			background-color: $btnGray;
         | 
| 95 | 
            +
            			&:hover {
         | 
| 96 | 
            +
            				background-color: darken($btnGray, 3%);
         | 
| 97 | 
            +
            			}
         | 
| 98 | 
            +
            			&:active {
         | 
| 99 | 
            +
            				background-color: darken($btnGray, 10%);
         | 
| 100 | 
            +
            			}
         | 
| 101 | 
            +
            			// Cancel button should keep the same style
         | 
| 102 | 
            +
            			&:focus {
         | 
| 103 | 
            +
            				box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
         | 
| 104 | 
            +
            			}
         | 
| 105 | 
            +
            		}
         | 
| 106 | 
            +
            	}
         | 
| 107 | 
            +
             | 
| 108 | 
            +
            	// Only show focus-style when there is multiple choice of actions
         | 
| 109 | 
            +
            	&[data-has-cancel-button=false] button {
         | 
| 110 | 
            +
            		box-shadow: none !important;
         | 
| 111 | 
            +
            	}
         | 
| 112 | 
            +
             | 
| 113 | 
            +
             | 
| 114 | 
            +
            	.icon {
         | 
| 115 | 
            +
            		$red: 		#F27474;
         | 
| 116 | 
            +
            		$orange: 	#F8BB86;
         | 
| 117 | 
            +
            		$blue: 		#C9DAE1;
         | 
| 118 | 
            +
            		$green: 	#A5DC86;
         | 
| 119 | 
            +
             | 
| 120 | 
            +
            		width: 80px;
         | 
| 121 | 
            +
            		height: 80px;
         | 
| 122 | 
            +
            		border: 4px solid gray;
         | 
| 123 | 
            +
            		border-radius: 50%;
         | 
| 124 | 
            +
            		margin: 20px auto;
         | 
| 125 | 
            +
            		position: relative;
         | 
| 126 | 
            +
            		box-sizing: content-box;
         | 
| 127 | 
            +
             | 
| 128 | 
            +
            		&.error {
         | 
| 129 | 
            +
            			border-color: $red;
         | 
| 130 | 
            +
             | 
| 131 | 
            +
            			.x-mark {
         | 
| 132 | 
            +
            				position: relative;
         | 
| 133 | 
            +
            				display: block;
         | 
| 134 | 
            +
            			}
         | 
| 135 | 
            +
             | 
| 136 | 
            +
            			.line {
         | 
| 137 | 
            +
            				position: absolute;
         | 
| 138 | 
            +
            				height: 5px;
         | 
| 139 | 
            +
            				width: 47px;
         | 
| 140 | 
            +
            				background-color: $red;
         | 
| 141 | 
            +
            				display: block;
         | 
| 142 | 
            +
            				top: 37px;
         | 
| 143 | 
            +
            				border-radius: 2px;
         | 
| 144 | 
            +
             | 
| 145 | 
            +
            				&.left {
         | 
| 146 | 
            +
            					-webkit-transform: rotate(45deg);
         | 
| 147 | 
            +
                			transform: rotate(45deg);
         | 
| 148 | 
            +
                			left: 17px;
         | 
| 149 | 
            +
            				}
         | 
| 150 | 
            +
            				&.right {
         | 
| 151 | 
            +
            					-webkit-transform: rotate(-45deg);
         | 
| 152 | 
            +
                			transform: rotate(-45deg);
         | 
| 153 | 
            +
                			right: 16px;
         | 
| 154 | 
            +
            				}
         | 
| 155 | 
            +
            			}
         | 
| 156 | 
            +
            		}
         | 
| 157 | 
            +
            		&.warning {
         | 
| 158 | 
            +
            			border-color: $orange;
         | 
| 159 | 
            +
             | 
| 160 | 
            +
            			.body { // Exclamation mark body
         | 
| 161 | 
            +
            				position: absolute;
         | 
| 162 | 
            +
            				width: 5px;
         | 
| 163 | 
            +
            				height: 47px;
         | 
| 164 | 
            +
            				left: 50%;
         | 
| 165 | 
            +
            				top: 10px;
         | 
| 166 | 
            +
            				border-radius: 2px;
         | 
| 167 | 
            +
            				margin-left: -2px;
         | 
| 168 | 
            +
            				background-color: $orange;
         | 
| 169 | 
            +
            			}
         | 
| 170 | 
            +
            			.dot { // Exclamation mark dot
         | 
| 171 | 
            +
            				position: absolute;
         | 
| 172 | 
            +
            				width: 7px;
         | 
| 173 | 
            +
            				height: 7px;
         | 
| 174 | 
            +
            				border-radius: 50%;
         | 
| 175 | 
            +
            				margin-left: -3px;
         | 
| 176 | 
            +
            				left: 50%;
         | 
| 177 | 
            +
            				bottom: 10px;
         | 
| 178 | 
            +
            				background-color: $orange;
         | 
| 179 | 
            +
            			}
         | 
| 180 | 
            +
            		}
         | 
| 181 | 
            +
            		&.info {
         | 
| 182 | 
            +
            			border-color: $blue;
         | 
| 183 | 
            +
             | 
| 184 | 
            +
            			&::before { // i-letter body
         | 
| 185 | 
            +
            				content: "";
         | 
| 186 | 
            +
            				position: absolute;
         | 
| 187 | 
            +
            				width: 5px;
         | 
| 188 | 
            +
            				height: 29px;
         | 
| 189 | 
            +
            				left: 50%;
         | 
| 190 | 
            +
            				bottom: 17px;
         | 
| 191 | 
            +
            				border-radius: 2px;
         | 
| 192 | 
            +
            				margin-left: -2px;
         | 
| 193 | 
            +
            				background-color: $blue;
         | 
| 194 | 
            +
            			}
         | 
| 195 | 
            +
            			&::after { // i-letter dot
         | 
| 196 | 
            +
            				content: "";
         | 
| 197 | 
            +
            				position: absolute;
         | 
| 198 | 
            +
            				width: 7px;
         | 
| 199 | 
            +
            				height: 7px;
         | 
| 200 | 
            +
            				border-radius: 50%;
         | 
| 201 | 
            +
            				margin-left: -3px;
         | 
| 202 | 
            +
            				top: 19px;
         | 
| 203 | 
            +
            				background-color: $blue;
         | 
| 204 | 
            +
            			}
         | 
| 205 | 
            +
            		}
         | 
| 206 | 
            +
            		&.success {
         | 
| 207 | 
            +
            			border-color: $green;
         | 
| 208 | 
            +
             | 
| 209 | 
            +
            			&::before, &::after { // Emulate moving circular line
         | 
| 210 | 
            +
            				content: '';
         | 
| 211 | 
            +
            				border-radius: 50%;
         | 
| 212 | 
            +
            			  position: absolute;
         | 
| 213 | 
            +
            			  width: 60px;
         | 
| 214 | 
            +
            				height: 120px;
         | 
| 215 | 
            +
            			  background: white;
         | 
| 216 | 
            +
            			  transform: rotate(45deg);
         | 
| 217 | 
            +
            			}
         | 
| 218 | 
            +
            			&::before {
         | 
| 219 | 
            +
            			  border-radius: 120px 0 0 120px;
         | 
| 220 | 
            +
            			  top: -7px;
         | 
| 221 | 
            +
            				left: -33px;
         | 
| 222 | 
            +
             | 
| 223 | 
            +
            			   -webkit-transform: rotate(-45deg);
         | 
| 224 | 
            +
            			  transform: rotate(-45deg);		
         | 
| 225 | 
            +
            				-webkit-transform-origin: 60px 60px;
         | 
| 226 | 
            +
            			  transform-origin: 60px 60px;
         | 
| 227 | 
            +
            			}
         | 
| 228 | 
            +
            			&::after {
         | 
| 229 | 
            +
            			  border-radius: 0 120px 120px 0;
         | 
| 230 | 
            +
            			  top: -11px;
         | 
| 231 | 
            +
            				left: 30px;
         | 
| 232 | 
            +
             | 
| 233 | 
            +
            			  -webkit-transform: rotate(-45deg);
         | 
| 234 | 
            +
            			  transform: rotate(-45deg);
         | 
| 235 | 
            +
            				-webkit-transform-origin: 0px 60px;
         | 
| 236 | 
            +
            			  transform-origin: 0px 60px;
         | 
| 237 | 
            +
            			}
         | 
| 238 | 
            +
             | 
| 239 | 
            +
            			.placeholder { // Ring
         | 
| 240 | 
            +
            				width: 80px;
         | 
| 241 | 
            +
            				height: 80px;
         | 
| 242 | 
            +
            				border: 4px solid rgba($green, 0.2);
         | 
| 243 | 
            +
            				border-radius: 50%;
         | 
| 244 | 
            +
            				box-sizing: content-box;
         | 
| 245 | 
            +
             | 
| 246 | 
            +
            				position: absolute;
         | 
| 247 | 
            +
            				left: -4px;
         | 
| 248 | 
            +
            				top: -4px;
         | 
| 249 | 
            +
            				z-index: 2;
         | 
| 250 | 
            +
            			}
         | 
| 251 | 
            +
             | 
| 252 | 
            +
            			.fix {	// Hide corners left from animation
         | 
| 253 | 
            +
            				width: 5px;
         | 
| 254 | 
            +
            				height: 90px;
         | 
| 255 | 
            +
            				background-color: white;
         | 
| 256 | 
            +
             | 
| 257 | 
            +
            				position: absolute;
         | 
| 258 | 
            +
            				left: 28px;
         | 
| 259 | 
            +
            				top: 8px;
         | 
| 260 | 
            +
            				z-index: 1;
         | 
| 261 | 
            +
             | 
| 262 | 
            +
            				-webkit-transform: rotate(-45deg);
         | 
| 263 | 
            +
            				transform: rotate(-45deg);
         | 
| 264 | 
            +
            			}
         | 
| 265 | 
            +
             | 
| 266 | 
            +
            			.line {
         | 
| 267 | 
            +
            				height: 5px;
         | 
| 268 | 
            +
            				background-color: $green;
         | 
| 269 | 
            +
            				display: block;
         | 
| 270 | 
            +
            				border-radius: 2px;
         | 
| 271 | 
            +
             | 
| 272 | 
            +
            				position: absolute;
         | 
| 273 | 
            +
            				z-index: 2;
         | 
| 274 | 
            +
             | 
| 275 | 
            +
            				&.tip {
         | 
| 276 | 
            +
            					width: 25px;
         | 
| 277 | 
            +
            					
         | 
| 278 | 
            +
                			left: 14px;
         | 
| 279 | 
            +
            					top: 46px;
         | 
| 280 | 
            +
             | 
| 281 | 
            +
            					-webkit-transform: rotate(45deg);
         | 
| 282 | 
            +
                			transform: rotate(45deg);
         | 
| 283 | 
            +
            				}
         | 
| 284 | 
            +
            				&.long {
         | 
| 285 | 
            +
            					width: 47px;
         | 
| 286 | 
            +
            					
         | 
| 287 | 
            +
                			right: 8px;
         | 
| 288 | 
            +
            					top: 38px;
         | 
| 289 | 
            +
             | 
| 290 | 
            +
            					-webkit-transform: rotate(-45deg);
         | 
| 291 | 
            +
                			transform: rotate(-45deg);
         | 
| 292 | 
            +
            				}
         | 
| 293 | 
            +
            			}
         | 
| 294 | 
            +
            		}
         | 
| 295 | 
            +
            		&.custom {
         | 
| 296 | 
            +
            			background-size: contain;
         | 
| 297 | 
            +
            			border-radius: 0;
         | 
| 298 | 
            +
            			border: none;
         | 
| 299 | 
            +
            			background-position: center center;
         | 
| 300 | 
            +
            			background-repeat: no-repeat;
         | 
| 301 | 
            +
            		}
         | 
| 302 | 
            +
            	}
         | 
| 303 | 
            +
             | 
| 304 | 
            +
            }
         | 
| 305 | 
            +
             | 
| 306 | 
            +
             | 
| 307 | 
            +
             | 
| 308 | 
            +
            /*
         | 
| 309 | 
            +
             * Animations
         | 
| 310 | 
            +
             */
         | 
| 311 | 
            +
             | 
| 312 | 
            +
            @mixin keyframes($animation-name) {
         | 
| 313 | 
            +
              @-webkit-keyframes #{$animation-name} {
         | 
| 314 | 
            +
                @content;
         | 
| 315 | 
            +
              }
         | 
| 316 | 
            +
              @-moz-keyframes #{$animation-name} {
         | 
| 317 | 
            +
                @content;
         | 
| 318 | 
            +
              }
         | 
| 319 | 
            +
              @keyframes #{$animation-name} {
         | 
| 320 | 
            +
                @content;
         | 
| 321 | 
            +
              }
         | 
| 322 | 
            +
            }
         | 
| 323 | 
            +
            @mixin animation($str) {
         | 
| 324 | 
            +
              -webkit-animation: #{$str};
         | 
| 325 | 
            +
              -moz-animation: #{$str};
         | 
| 326 | 
            +
              animation: #{$str};
         | 
| 327 | 
            +
            }
         | 
| 328 | 
            +
             | 
| 329 | 
            +
             | 
| 330 | 
            +
            // Modal animation
         | 
| 331 | 
            +
             | 
| 332 | 
            +
            @include keyframes(showSweetAlert) {
         | 
| 333 | 
            +
              0% 		{ transform: scale(0.7); 	-webkit-transform: scale(0.7); 	}
         | 
| 334 | 
            +
            	45% 	{ transform: scale(1.05); -webkit-transform: scale(1.05); }
         | 
| 335 | 
            +
            	80% 	{ transform: scale(0.95); -webkit-tranform: scale(0.95); 	}
         | 
| 336 | 
            +
            	100% 	{ transform: scale(1); 		-webkit-transform: scale(1); 		}
         | 
| 337 | 
            +
            }
         | 
| 338 | 
            +
            @include keyframes(hideSweetAlert) {
         | 
| 339 | 
            +
              0% 		{ transform: scale(1); 		-webkit-transform: scale(1); 		}
         | 
| 340 | 
            +
            	100% 	{ transform: scale(0.5); 	-webkit-transform: scale(0.5); 	}
         | 
| 341 | 
            +
            }
         | 
| 342 | 
            +
             | 
| 343 | 
            +
            .showSweetAlert {
         | 
| 344 | 
            +
              @include animation('showSweetAlert 0.3s');
         | 
| 345 | 
            +
            }
         | 
| 346 | 
            +
            .hideSweetAlert {
         | 
| 347 | 
            +
              @include animation('hideSweetAlert 0.2s');
         | 
| 348 | 
            +
            }
         | 
| 349 | 
            +
             | 
| 350 | 
            +
             | 
| 351 | 
            +
             | 
| 352 | 
            +
            // Success icon animation
         | 
| 353 | 
            +
             | 
| 354 | 
            +
            @include keyframes(animateSuccessTip) {
         | 
| 355 | 
            +
            	0%		{ width: 0; 		left: 1px; 		top: 19px; }
         | 
| 356 | 
            +
            	54%		{ width: 0; 		left: 1px; 		top: 19px; }
         | 
| 357 | 
            +
            	70%		{ width: 50px; 	left: -8px; 	top: 37px; }
         | 
| 358 | 
            +
            	84%		{ width: 17px; 	left: 21px; 	top: 48px; }
         | 
| 359 | 
            +
            	100%	{ width: 25px; 	left: 14px; 	top: 45px; }
         | 
| 360 | 
            +
            }
         | 
| 361 | 
            +
            @include keyframes(animateSuccessLong) {
         | 
| 362 | 
            +
            	0%		{ width: 0; 		right: 46px; 	top: 54px; }
         | 
| 363 | 
            +
            	65%		{ width: 0; 		right: 46px; 	top: 54px; }
         | 
| 364 | 
            +
            	84%		{ width: 55px; 	right: 0px; 	top: 35px; }
         | 
| 365 | 
            +
            	100%	{ width: 47px; 	right: 8px; 	top: 38px; }
         | 
| 366 | 
            +
            }
         | 
| 367 | 
            +
            @include keyframes(rotatePlaceholder) {
         | 
| 368 | 
            +
            	0% 		{ transform: rotate(-45deg); 	-webkit-transform: rotate(-45deg); 	}
         | 
| 369 | 
            +
            	5% 		{ transform: rotate(-45deg); 	-webkit-transform: rotate(-45deg);		}
         | 
| 370 | 
            +
              12% 	{ transform: rotate(-405deg); -webkit-transform: rotate(-405deg);	}
         | 
| 371 | 
            +
              100% 	{ transform: rotate(-405deg); -webkit-transform: rotate(-405deg);	}
         | 
| 372 | 
            +
            }
         | 
| 373 | 
            +
             | 
| 374 | 
            +
            .animateSuccessTip {
         | 
| 375 | 
            +
            	@include animation('animateSuccessTip 0.75s');
         | 
| 376 | 
            +
            }
         | 
| 377 | 
            +
            .animateSuccessLong {
         | 
| 378 | 
            +
            	@include animation('animateSuccessLong 0.75s');
         | 
| 379 | 
            +
            }
         | 
| 380 | 
            +
            .icon.success.animate::after {
         | 
| 381 | 
            +
            	@include animation('rotatePlaceholder 4.25s ease-in');
         | 
| 382 | 
            +
            }
         | 
| 383 | 
            +
             | 
| 384 | 
            +
             | 
| 385 | 
            +
            // Error icon animation
         | 
| 386 | 
            +
             | 
| 387 | 
            +
            @include keyframes(animateErrorIcon) {
         | 
| 388 | 
            +
            	0%		{ transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; }
         | 
| 389 | 
            +
              100% 	{ transform: rotateX(0deg); 	-webkit-transform: rotateX(0deg); 	opacity: 1; }
         | 
| 390 | 
            +
            }
         | 
| 391 | 
            +
            .animateErrorIcon {
         | 
| 392 | 
            +
            	@include animation('animateErrorIcon 0.5s');
         | 
| 393 | 
            +
            }
         | 
| 394 | 
            +
            @include keyframes(animateXMark) {
         | 
| 395 | 
            +
            	0% 		{ transform: scale(0.4); 	-webkit-transform: scale(0.4); 	margin-top: 26px;	opacity: 0; }
         | 
| 396 | 
            +
            	50% 	{ transform: scale(0.4); 	-webkit-transform: scale(0.4); 	margin-top: 26px;	opacity: 0; }
         | 
| 397 | 
            +
            	80% 	{ transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; 						}
         | 
| 398 | 
            +
            	100% 	{ transform: scale(1); 		-webkit-transform: scale(1);		margin-top: 0; 		opacity: 1; }
         | 
| 399 | 
            +
            }
         | 
| 400 | 
            +
            .animateXMark {
         | 
| 401 | 
            +
            	@include animation('animateXMark 0.5s');
         | 
| 402 | 
            +
            }
         | 
| 403 | 
            +
             | 
| 404 | 
            +
             | 
| 405 | 
            +
            // Warning and info animation
         | 
| 406 | 
            +
             | 
| 407 | 
            +
            /*@include keyframes(simpleRotate) {
         | 
| 408 | 
            +
            	0%		{ transform: rotateY(0deg);    }
         | 
| 409 | 
            +
              100% 	{ transform: rotateY(-360deg); }
         | 
| 410 | 
            +
            }
         | 
| 411 | 
            +
            .simpleRotate {
         | 
| 412 | 
            +
            	@include animation('simpleRotate 0.75s');
         | 
| 413 | 
            +
            }*/
         | 
| 414 | 
            +
             | 
| 415 | 
            +
            @include keyframes(pulseWarning) {
         | 
| 416 | 
            +
            	0%		{ border-color: #F8D486; }
         | 
| 417 | 
            +
            	100%	{ border-color: #F8BB86; }
         | 
| 418 | 
            +
            }
         | 
| 419 | 
            +
            .pulseWarning {
         | 
| 420 | 
            +
            	@include animation('pulseWarning 0.75s infinite alternate');
         | 
| 421 | 
            +
            }
         | 
| 422 | 
            +
             | 
| 423 | 
            +
            @include keyframes(pulseWarningIns) {
         | 
| 424 | 
            +
            	0%		{ background-color: #F8D486; }
         | 
| 425 | 
            +
            	100%	{ background-color: #F8BB86; }
         | 
| 426 | 
            +
            }
         | 
| 427 | 
            +
            .pulseWarningIns {
         | 
| 428 | 
            +
            	@include animation('pulseWarningIns 0.75s infinite alternate');
         | 
| 429 | 
            +
            }
         | 
| @@ -0,0 +1,274 @@ | |
| 1 | 
            +
            /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
         | 
| 2 | 
            +
            .tooltipster-default {
         | 
| 3 | 
            +
            	border-radius: 5px; 
         | 
| 4 | 
            +
            	border: 2px solid #000;
         | 
| 5 | 
            +
            	background: #4c4c4c;
         | 
| 6 | 
            +
            	color: #fff;
         | 
| 7 | 
            +
            }
         | 
| 8 | 
            +
             | 
| 9 | 
            +
            /* Use this next selector to style things like font-size and line-height: */
         | 
| 10 | 
            +
            .tooltipster-default .tooltipster-content {
         | 
| 11 | 
            +
            	font-family: Arial, sans-serif;
         | 
| 12 | 
            +
            	font-size: 14px;
         | 
| 13 | 
            +
            	line-height: 16px;
         | 
| 14 | 
            +
            	padding: 8px 10px;
         | 
| 15 | 
            +
            	overflow: hidden;
         | 
| 16 | 
            +
            }
         | 
| 17 | 
            +
             | 
| 18 | 
            +
            /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
         | 
| 19 | 
            +
            .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
         | 
| 20 | 
            +
            	/* border-color: ... !important; */
         | 
| 21 | 
            +
            }
         | 
| 22 | 
            +
             | 
| 23 | 
            +
             | 
| 24 | 
            +
            /* If you're using the icon option, use this next selector to style them */
         | 
| 25 | 
            +
            .tooltipster-icon {
         | 
| 26 | 
            +
            	cursor: help;
         | 
| 27 | 
            +
            	margin-left: 4px;
         | 
| 28 | 
            +
            }
         | 
| 29 | 
            +
             | 
| 30 | 
            +
             | 
| 31 | 
            +
             | 
| 32 | 
            +
             | 
| 33 | 
            +
             | 
| 34 | 
            +
             | 
| 35 | 
            +
             | 
| 36 | 
            +
             | 
| 37 | 
            +
            /* This is the base styling required to make all Tooltipsters work */
         | 
| 38 | 
            +
            .tooltipster-base {
         | 
| 39 | 
            +
            	padding: 0;
         | 
| 40 | 
            +
            	font-size: 0;
         | 
| 41 | 
            +
            	line-height: 0;
         | 
| 42 | 
            +
            	position: absolute;
         | 
| 43 | 
            +
            	left: 0;
         | 
| 44 | 
            +
            	top: 0;
         | 
| 45 | 
            +
            	z-index: 9999999;
         | 
| 46 | 
            +
            	pointer-events: none;
         | 
| 47 | 
            +
            	width: auto;
         | 
| 48 | 
            +
            	overflow: visible;
         | 
| 49 | 
            +
            }
         | 
| 50 | 
            +
            .tooltipster-base .tooltipster-content {
         | 
| 51 | 
            +
            	overflow: hidden;
         | 
| 52 | 
            +
            }
         | 
| 53 | 
            +
             | 
| 54 | 
            +
             | 
| 55 | 
            +
            /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
         | 
| 56 | 
            +
            .tooltipster-arrow {
         | 
| 57 | 
            +
            	display: block;
         | 
| 58 | 
            +
            	text-align: center;
         | 
| 59 | 
            +
            	width: 100%;
         | 
| 60 | 
            +
            	height: 100%;
         | 
| 61 | 
            +
            	position: absolute;
         | 
| 62 | 
            +
            	top: 0;
         | 
| 63 | 
            +
            	left: 0;
         | 
| 64 | 
            +
            	z-index: -1;
         | 
| 65 | 
            +
            }
         | 
| 66 | 
            +
            .tooltipster-arrow span, .tooltipster-arrow-border {
         | 
| 67 | 
            +
            	display: block;
         | 
| 68 | 
            +
            	width: 0; 
         | 
| 69 | 
            +
            	height: 0;
         | 
| 70 | 
            +
            	position: absolute;
         | 
| 71 | 
            +
            }
         | 
| 72 | 
            +
            .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
         | 
| 73 | 
            +
            	border-left: 8px solid transparent !important;
         | 
| 74 | 
            +
            	border-right: 8px solid transparent !important;
         | 
| 75 | 
            +
            	border-top: 8px solid;
         | 
| 76 | 
            +
            	bottom: -7px;
         | 
| 77 | 
            +
            }
         | 
| 78 | 
            +
            .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
         | 
| 79 | 
            +
            	border-left: 9px solid transparent !important;
         | 
| 80 | 
            +
            	border-right: 9px solid transparent !important;
         | 
| 81 | 
            +
            	border-top: 9px solid;
         | 
| 82 | 
            +
            	bottom: -7px;
         | 
| 83 | 
            +
            }
         | 
| 84 | 
            +
             | 
| 85 | 
            +
            .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
         | 
| 86 | 
            +
            	border-left: 8px solid transparent !important;
         | 
| 87 | 
            +
            	border-right: 8px solid transparent !important;
         | 
| 88 | 
            +
            	border-bottom: 8px solid;
         | 
| 89 | 
            +
            	top: -7px;
         | 
| 90 | 
            +
            }
         | 
| 91 | 
            +
            .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
         | 
| 92 | 
            +
            	border-left: 9px solid transparent !important;
         | 
| 93 | 
            +
            	border-right: 9px solid transparent !important;
         | 
| 94 | 
            +
            	border-bottom: 9px solid;
         | 
| 95 | 
            +
            	top: -7px;
         | 
| 96 | 
            +
            }
         | 
| 97 | 
            +
            .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
         | 
| 98 | 
            +
            	left: 0;
         | 
| 99 | 
            +
            	right: 0;
         | 
| 100 | 
            +
            	margin: 0 auto;
         | 
| 101 | 
            +
            }
         | 
| 102 | 
            +
            .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
         | 
| 103 | 
            +
            	left: 6px;
         | 
| 104 | 
            +
            }
         | 
| 105 | 
            +
            .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
         | 
| 106 | 
            +
            	left: 5px;
         | 
| 107 | 
            +
            }
         | 
| 108 | 
            +
            .tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
         | 
| 109 | 
            +
            	right: 6px;
         | 
| 110 | 
            +
            }
         | 
| 111 | 
            +
            .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
         | 
| 112 | 
            +
            	right: 5px;
         | 
| 113 | 
            +
            }
         | 
| 114 | 
            +
            .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
         | 
| 115 | 
            +
            	border-top: 8px solid transparent !important;
         | 
| 116 | 
            +
            	border-bottom: 8px solid transparent !important; 
         | 
| 117 | 
            +
            	border-left: 8px solid;
         | 
| 118 | 
            +
            	top: 50%;
         | 
| 119 | 
            +
            	margin-top: -7px;
         | 
| 120 | 
            +
            	right: -7px;
         | 
| 121 | 
            +
            }
         | 
| 122 | 
            +
            .tooltipster-arrow-left .tooltipster-arrow-border {
         | 
| 123 | 
            +
            	border-top: 9px solid transparent !important;
         | 
| 124 | 
            +
            	border-bottom: 9px solid transparent !important; 
         | 
| 125 | 
            +
            	border-left: 9px solid;
         | 
| 126 | 
            +
            	margin-top: -8px;
         | 
| 127 | 
            +
            }
         | 
| 128 | 
            +
            .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
         | 
| 129 | 
            +
            	border-top: 8px solid transparent !important;
         | 
| 130 | 
            +
            	border-bottom: 8px solid transparent !important; 
         | 
| 131 | 
            +
            	border-right: 8px solid;
         | 
| 132 | 
            +
            	top: 50%;
         | 
| 133 | 
            +
            	margin-top: -7px;
         | 
| 134 | 
            +
            	left: -7px;
         | 
| 135 | 
            +
            }
         | 
| 136 | 
            +
            .tooltipster-arrow-right .tooltipster-arrow-border {
         | 
| 137 | 
            +
            	border-top: 9px solid transparent !important;
         | 
| 138 | 
            +
            	border-bottom: 9px solid transparent !important; 
         | 
| 139 | 
            +
            	border-right: 9px solid;
         | 
| 140 | 
            +
            	margin-top: -8px;
         | 
| 141 | 
            +
            }
         | 
| 142 | 
            +
             | 
| 143 | 
            +
             | 
| 144 | 
            +
            /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
         | 
| 145 | 
            +
             | 
| 146 | 
            +
            .tooltipster-fade {
         | 
| 147 | 
            +
            	opacity: 0;
         | 
| 148 | 
            +
            	-webkit-transition-property: opacity;
         | 
| 149 | 
            +
            	-moz-transition-property: opacity;
         | 
| 150 | 
            +
            	-o-transition-property: opacity;
         | 
| 151 | 
            +
            	-ms-transition-property: opacity;
         | 
| 152 | 
            +
            	transition-property: opacity;
         | 
| 153 | 
            +
            }
         | 
| 154 | 
            +
            .tooltipster-fade-show {
         | 
| 155 | 
            +
            	opacity: 1;
         | 
| 156 | 
            +
            }
         | 
| 157 | 
            +
             | 
| 158 | 
            +
            .tooltipster-grow {
         | 
| 159 | 
            +
            	-webkit-transform: scale(0,0);
         | 
| 160 | 
            +
            	-moz-transform: scale(0,0);
         | 
| 161 | 
            +
            	-o-transform: scale(0,0);
         | 
| 162 | 
            +
            	-ms-transform: scale(0,0);
         | 
| 163 | 
            +
            	transform: scale(0,0);
         | 
| 164 | 
            +
            	-webkit-transition-property: -webkit-transform;
         | 
| 165 | 
            +
            	-moz-transition-property: -moz-transform;
         | 
| 166 | 
            +
            	-o-transition-property: -o-transform;
         | 
| 167 | 
            +
            	-ms-transition-property: -ms-transform;
         | 
| 168 | 
            +
            	transition-property: transform;
         | 
| 169 | 
            +
            	-webkit-backface-visibility: hidden;
         | 
| 170 | 
            +
            }
         | 
| 171 | 
            +
            .tooltipster-grow-show {
         | 
| 172 | 
            +
            	-webkit-transform: scale(1,1);
         | 
| 173 | 
            +
            	-moz-transform: scale(1,1);
         | 
| 174 | 
            +
            	-o-transform: scale(1,1);
         | 
| 175 | 
            +
            	-ms-transform: scale(1,1);
         | 
| 176 | 
            +
            	transform: scale(1,1);
         | 
| 177 | 
            +
            	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         | 
| 178 | 
            +
            	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 179 | 
            +
            	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 180 | 
            +
            	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 181 | 
            +
            	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 182 | 
            +
            	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
         | 
| 183 | 
            +
            }
         | 
| 184 | 
            +
             | 
| 185 | 
            +
            .tooltipster-swing {
         | 
| 186 | 
            +
            	opacity: 0;
         | 
| 187 | 
            +
            	-webkit-transform: rotateZ(4deg);
         | 
| 188 | 
            +
            	-moz-transform: rotateZ(4deg);
         | 
| 189 | 
            +
            	-o-transform: rotateZ(4deg);
         | 
| 190 | 
            +
            	-ms-transform: rotateZ(4deg);
         | 
| 191 | 
            +
            	transform: rotateZ(4deg);
         | 
| 192 | 
            +
            	-webkit-transition-property: -webkit-transform, opacity;
         | 
| 193 | 
            +
            	-moz-transition-property: -moz-transform;
         | 
| 194 | 
            +
            	-o-transition-property: -o-transform;
         | 
| 195 | 
            +
            	-ms-transition-property: -ms-transform;
         | 
| 196 | 
            +
            	transition-property: transform;
         | 
| 197 | 
            +
            }
         | 
| 198 | 
            +
            .tooltipster-swing-show {
         | 
| 199 | 
            +
            	opacity: 1;
         | 
| 200 | 
            +
            	-webkit-transform: rotateZ(0deg);
         | 
| 201 | 
            +
            	-moz-transform: rotateZ(0deg);
         | 
| 202 | 
            +
            	-o-transform: rotateZ(0deg);
         | 
| 203 | 
            +
            	-ms-transform: rotateZ(0deg);
         | 
| 204 | 
            +
            	transform: rotateZ(0deg);
         | 
| 205 | 
            +
            	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
         | 
| 206 | 
            +
            	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
         | 
| 207 | 
            +
            	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
         | 
| 208 | 
            +
            	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
         | 
| 209 | 
            +
            	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
         | 
| 210 | 
            +
            	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
         | 
| 211 | 
            +
            }
         | 
| 212 | 
            +
             | 
| 213 | 
            +
            .tooltipster-fall {
         | 
| 214 | 
            +
            	top: 0;
         | 
| 215 | 
            +
            	-webkit-transition-property: top;
         | 
| 216 | 
            +
            	-moz-transition-property: top;
         | 
| 217 | 
            +
            	-o-transition-property: top;
         | 
| 218 | 
            +
            	-ms-transition-property: top;
         | 
| 219 | 
            +
            	transition-property: top;
         | 
| 220 | 
            +
            	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         | 
| 221 | 
            +
            	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 222 | 
            +
            	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 223 | 
            +
            	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 224 | 
            +
            	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 225 | 
            +
            	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 226 | 
            +
            }
         | 
| 227 | 
            +
            .tooltipster-fall-show {
         | 
| 228 | 
            +
            }
         | 
| 229 | 
            +
            .tooltipster-fall.tooltipster-dying {
         | 
| 230 | 
            +
            	-webkit-transition-property: all;
         | 
| 231 | 
            +
            	-moz-transition-property: all;
         | 
| 232 | 
            +
            	-o-transition-property: all;
         | 
| 233 | 
            +
            	-ms-transition-property: all;
         | 
| 234 | 
            +
            	transition-property: all;
         | 
| 235 | 
            +
            	top: 0px !important;
         | 
| 236 | 
            +
            	opacity: 0;
         | 
| 237 | 
            +
            }
         | 
| 238 | 
            +
             | 
| 239 | 
            +
            .tooltipster-slide {
         | 
| 240 | 
            +
            	left: -40px;
         | 
| 241 | 
            +
            	-webkit-transition-property: left;
         | 
| 242 | 
            +
            	-moz-transition-property: left;
         | 
| 243 | 
            +
            	-o-transition-property: left;
         | 
| 244 | 
            +
            	-ms-transition-property: left;
         | 
| 245 | 
            +
            	transition-property: left;
         | 
| 246 | 
            +
            	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         | 
| 247 | 
            +
            	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 248 | 
            +
            	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 249 | 
            +
            	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 250 | 
            +
            	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
         | 
| 251 | 
            +
            	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
         | 
| 252 | 
            +
            }
         | 
| 253 | 
            +
            .tooltipster-slide.tooltipster-slide-show {
         | 
| 254 | 
            +
            }
         | 
| 255 | 
            +
            .tooltipster-slide.tooltipster-dying {
         | 
| 256 | 
            +
            	-webkit-transition-property: all;
         | 
| 257 | 
            +
            	-moz-transition-property: all;
         | 
| 258 | 
            +
            	-o-transition-property: all;
         | 
| 259 | 
            +
            	-ms-transition-property: all;
         | 
| 260 | 
            +
            	transition-property: all;
         | 
| 261 | 
            +
            	left: 0px !important;
         | 
| 262 | 
            +
            	opacity: 0;
         | 
| 263 | 
            +
            }
         | 
| 264 | 
            +
             | 
| 265 | 
            +
             | 
| 266 | 
            +
            /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
         | 
| 267 | 
            +
            .tooltipster-content-changing {
         | 
| 268 | 
            +
            	opacity: 0.5;
         | 
| 269 | 
            +
            	-webkit-transform: scale(1.1, 1.1);
         | 
| 270 | 
            +
            	-moz-transform: scale(1.1, 1.1);
         | 
| 271 | 
            +
            	-o-transform: scale(1.1, 1.1);
         | 
| 272 | 
            +
            	-ms-transform: scale(1.1, 1.1);
         | 
| 273 | 
            +
            	transform: scale(1.1, 1.1);
         | 
| 274 | 
            +
            }
         |