body,input, select, textarea {font-family: "Nunito", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}h1, h2, h3, h4, h5, h6 {line-height: 1.1;}html {background-color: #ffffff;filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#aaaaaa', EndColorStr = '#dddddd');background-repeat: no-repeat;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:12px;}html.no-cssgradients {background-color: #aaa;}.ie6 html {height: 100%;}html * {margin: 0;}body {background: #ffffff;//color: #333333;color: #5e5d59;margin: 0 auto;max-width: 100%;//height: 100%;overflow-x: hidden;}#grailsLogo {background-color: #d7e7e2;}.ie6 body,.ie7 body,.ie8 body {border-color: #255b17;border-style: solid;border-width: 0 1px;}.ie6 body {height: 100%;}a{text-decoration: none;}a:hover{text-decoration: underline;}a:link, a:visited, a:hover {color: #309184;}a:hover, a:active {outline: none;}h1 {color: #309184;font-weight: normal;font-size: 1.25em;margin: 0.8em 0 0.3em 0;}ul {padding: 0;}img {border: 0;}#grailsLogo a {display: inline-block;//margin: 1em ;}.content {}.content h1 {border-bottom: 1px solid #CCCCCC;margin: 0.8em 1em 0.3em;padding: 0 0.25em;}.scaffold-list h1 {border: none;}.footer {background: #d7e7e2;color: #000;clear: both;font-size: 0.8em;margin-top: 1.5em;padding: 1em;min-height: 1em;}.footer a {color: #255b17;}.spinner {background: url(spinner-c7b3cbb3ec8249a7121b722cdd76b870.gif) 50% 50% no-repeat transparent;height: 16px;width: 16px;padding: 0.5em;position: absolute;right: 0;top: 0;text-indent: -9999px;}.nav {background-color: #efefef;padding: 0.5em 0.75em;-moz-box-shadow: 0 0 3px 1px #aaaaaa;-webkit-box-shadow: 0 0 3px 1px #aaaaaa;box-shadow: 0 0 3px 1px #aaaaaa;zoom: 1;}.nav ul {overflow: hidden;padding-left: 0;zoom: 1;}.nav li {display: block;float: left;list-style-type: none;margin-right: 0.5em;padding: 0;}.nav a {color: #666666;display: block;padding: 0.25em 0.7em;text-decoration: none;-moz-border-radius: 0.3em;-webkit-border-radius: 0.3em;border-radius: 0.3em;}.nav a:active, .nav a:visited {color: #666666;}.nav a:focus, .nav a:hover {background-color: #999999;color: #ffffff;outline: none;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);}.no-borderradius .nav a:focus, .no-borderradius .nav a:hover {background-color: transparent;color: #444444;text-decoration: underline;}.nav a.home, .nav a.list, .nav a.create {background-position: 0.7em center;background-repeat: no-repeat;text-indent: 25px;}.nav a.home {background-image: url(skin/house-99bea32e1990e011e870f6c562e87a6a.png);}.nav a.list {background-image: url(skin/database_table-c413540d7e3545ace2c445fe686e915f.png);}.nav a.create {background-image: url(skin/database_add-82a75143b4660a3f02f9c058f0a3ae93.png);}fieldset,.property-list {margin: 0.6em 1.25em 0 1.25em;padding: 0.3em 1.8em 1.25em;position: relative;zoom: 1;border: none;}.property-list .fieldcontain {list-style: none;overflow: hidden;zoom: 1;}.fieldcontain {margin-top: 1em;}.fieldcontain label,.fieldcontain .property-label {color: #666666;text-align: right;width: 25%;}.fieldcontain .property-label {float: left;}.fieldcontain .property-value {display: block;margin-left: 27%;}label {cursor: pointer;display: inline-block;margin: 0 0.25em 0 0;}input, select, textarea {background-color: #fcfcfc;border: 1px solid #cccccc;font-size: 1em;padding: 0.2em 0.4em;border-radius:4px;height: 25px;}select {padding: 0.2em 0.2em 0.2em 0;}select[multiple] {vertical-align: top;}textarea {width: 250px;height: 150px;overflow: auto;vertical-align: top;}input[type=checkbox], input[type=radio] {background-color: transparent;border: 0;padding: 0;}input:focus, select:focus, textarea:focus {background-color: #ffffff;border: 1px solid #eeeeee;outline: 0;-moz-box-shadow: 0 0 0.5em #ffffff;-webkit-box-shadow: 0 0 0.5em #ffffff;box-shadow: 0 0 0.5em #ffffff;}.required-indicator {color: #48802C;display: inline-block;font-weight: bold;margin-left: 0.3em;position: relative;top: 0.1em;}ul.one-to-many {display: inline-block;list-style-position: inside;vertical-align: top;}.ie6 ul.one-to-many, .ie7 ul.one-to-many {display: inline;zoom: 1;}ul.one-to-many li.add {list-style-type: none;}fieldset.embedded {background-color: transparent;border: 1px solid #CCCCCC;margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}fieldset.embedded legend {margin: 0 1em;}.errors,.message {font-size: 1.6em;line-height: 2;background: red;color: white;margin: 0 auto;width: 50%;border-radius: 3px;text-align: center;padding: 20px 20px;animation-duration: 1.1s;animation-name: flipinx;-webkit-animation-name: flipinx;animation-timing-function: cubic-bezier( .57, .07, .52, .95);}.message {font-size: 1.6em;background: #46a5c3;color: white;margin: 0 auto;width: 50%;padding: 5px 20px;border-radius: 5px;text-align: center;animation-duration: 1.1s;animation-name: flipinx;-webkit-animation-name: flipinx;animation-timing-function: cubic-bezier(.57,.07,.52,.95);}.errors {background: #f77913;color: #cc0000;}.errors ul,.message {padding: 0;}.errors li {list-style: none;//background: transparent url(skin/exclamation-e4dd51f46566ed3ceacdc900bf2fdf01.png) 0.5em 50% no-repeat;text-indent: 2.2em;}.message {//background: transparent url(skin/information-3750c701d2ec35a45d289b9b9c1a0667.png) 0.5em 50% no-repeat;text-indent: 2.2em;}.error input, .error select, .error textarea {background: #fff3f3;border-color: #ffaaaa;color: #cc0000;}.error input:focus, .error select:focus, .error textarea:focus {-moz-box-shadow: 0 0 0.5em #ffaaaa;-webkit-box-shadow: 0 0 0.5em #ffaaaa;box-shadow: 0 0 0.5em #ffaaaa;}input:invalid, select:invalid, textarea:invalid {background: #fff3f3;border-color: #ffaaaa;color: #cc0000;}input:invalid:focus, select:invalid:focus, textarea:invalid:focus {-moz-box-shadow: 0 0 0.5em #ffaaaa;-webkit-box-shadow: 0 0 0.5em #ffaaaa;box-shadow: 0 0 0.5em #ffaaaa;}.form__field:required, .form__field:invalid {box-shadow: none;outline: none;}table {border-top: 0px solid #DFDFDF;border-collapse: collapse;width: 100%;margin-bottom: 1em;}tr {border: 0;}tr>td:first-child, tr>th:first-child {padding-left: 1.25em;}tr>td:last-child, tr>th:last-child {padding-right: 1.25em;}td, th {line-height: 1.5em;padding: 0.5em 0.6em;text-align: left;vertical-align: top;}th {background-color: #ffffff;//background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);//background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eaeaea));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#ffffff', EndColorStr = '#eaeaea');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')";color: #666666;font-weight: bold;line-height: 1.7em;padding: 0.2em 0.6em;border: none;border-bottom: solid 2px #dfe1e6;}thead th {white-space: nowrap;}th a {display: block;text-decoration: none;}th a:link, th a:visited {color: #666666;}th a:hover, th a:focus {color: #333333;}th.sortable a {background-position: right;background-repeat: no-repeat;padding-right: 1.1em;}th.asc a {background-image: url(skin/sorted_asc-df23e44c4c4999383e95e9c8bf5da156.gif);}th.desc a {background-image: url(skin/sorted_desc-b85986b88116c4b0ef7571a1c4f3cfa3.gif);}.odd {background: #f7f7f7;}.even {background: #ffffff;}th:hover, tr:hover {background: #eef8f5;}.pagination {border-top: 0;margin: 0;padding: 0.3em 0.2em;text-align: center;-moz-box-shadow: 0 0 3px 1px #AAAAAA;-webkit-box-shadow: 0 0 3px 1px #AAAAAA;box-shadow: 0 0 3px 1px #AAAAAA;background-color: #EFEFEF;}.pagination a,.pagination .currentStep {color: #666666;display: inline-block;margin: 0 0.1em;padding: 0.25em 0.7em;text-decoration: none;-moz-border-radius: 0.3em;-webkit-border-radius: 0.3em;border-radius: 0.3em;}.pagination a:hover, .pagination a:focus,.pagination .currentStep {background-color: #999999;color: #ffffff;outline: none;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);}.no-borderradius .pagination a:hover, .no-borderradius .pagination a:focus,.no-borderradius .pagination .currentStep {background-color: transparent;color: #444444;text-decoration: underline;}.buttons {background-color: #efefef;overflow: hidden;padding: 0.3em;//   -moz-box-shadow: 0 0 3px 1px #aaaaaa;//-webkit-box-shadow: 0 0 3px 1px #aaaaaa;//        box-shadow: 0 0 3px 1px #aaaaaa;margin: 0.1em 0 0 0;border: none;width:12em;}.buttons{background-color: DodgerBlue;}.buttons input,.buttons a {background-color: transparent;border: 0;//color: #666666;color:#fff;cursor: pointer;display: inline-block;margin: 0 0.25em 0;overflow: visible;padding: 0.25em 0.7em;text-decoration: none;-moz-border-radius: 0.3em;-webkit-border-radius: 0.3em;border-radius: 0.3em;}.buttons input:hover, .buttons input:focus,.buttons a:hover, .buttons a:focus {background-color: #3e9cf7;color: #ffffff;outline: none;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}.no-borderradius .buttons input:hover, .no-borderradius .buttons input:focus,.no-borderradius .buttons a:hover, .no-borderradius .buttons a:focus {background-color: transparent;color: #444444;text-decoration: underline;}.buttons .delete, .buttons .edit, .buttons .save {background-position: 0.7em center;background-repeat: no-repeat;text-indent: 25px;}.ie6 .buttons input.delete, .ie6 .buttons input.edit, .ie6 .buttons input.save,.ie7 .buttons input.delete, .ie7 .buttons input.edit, .ie7 .buttons input.save {padding-left: 36px;}.buttons .delete {background-image: url(skin/database_delete-3862d8032e726f3a67a0dfd555ff9711.png);}.buttons .edit {background-image: url(skin/database_edit-868a0bb564edc2c710f9fb55c827a4b8.png);}.buttons .save {background-image: url(skin/database_save-8303213a3c95654e14d5afd4e72ed4c2.png);}a.skip {position: absolute;left: -9999px;}.padG{background: #e9f2ef;text-decoration:none;padding:6px 14px 6px 14px;color:#5b6461;border-radius:3px;}.buttonPlain{padding:8px 14px 8px 14px;text-decoration:none;}.buttonPlain:hover{background: #e9f2ef;text-decoration:none;border-radius:13px;}.button-plain{padding:  6px 25px 26px 25px;display:inline-block;border-color:#edebec;font-size: 1.2em;font-weight: bold;color: #266c5c;animation-name: ease-in;animation-duration: 1s;}.buttonG{//background: #e9f2ef;background: #dff4ef;text-decoration:none;padding:8px 14px 8px 14px;color:#5b6461;border-radius:10px;}.buttonG:hover{background: #bfd7d0;text-decoration: none;}.buttonCage{float:right;margin:5px 25px 5px 5px;border-top: 1px #a2a5a5 solid;}.navigatorG{border-bottom:1px solid #c2c7c6;padding-bottom: 10px;margin:20px;font-size:1.3em;}.chartLegend{padding:3px;width:70px;display: inline-block;}.alertMessage{position:fixed;top:50%;left:50%;margin-left: -190px;margin-top: -150px;padding:50px;background-color:white;box-shadow: 0px 0px 0px 20px rgba(174,183,180,0.4);border-radius:5px;font-size:1.2em;}.white_content {display: none;position: fixed;border-radius: 7px;top: 12%;left: 10%;right: 10%;width: 80%;height: 80%;padding: 3px;border: 0px solid #bfd7d0;box-shadow: 0px 0px 0px 8px rgba(174, 183, 180, 0.4);background-color: white;z-index: 1002;overflow: auto;animation-duration: 0.3s;animation-name: fadeInDown;-webkit-animation-name: fadeInDown;animation-timing-function: cubic-bezier(.57,.07,.52,.95);}.breadcrumbs-seperator{background: #e9f2ef;text-decoration:none;padding:6px 14px 6px 14px;color:#5b6461;border-radius:3px;margin: 0px 2px 0px 5px;}div.tab {overflow: hidden;border: 0px solid #ccc;border-bottom: 0px solid #ccc;background-color: #f9f9f9;}div.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 10px 12px;//transition: 0.3s;font-size: 1.2em;color: #5ea4ba;}div.tab button:hover {background-color: #eeecec;}div.tab button.active {//background-color: #ccc;border-bottom: 4px solid #5ea4ba;}.tabcontent {display: none;padding: 6px 12px;border: 0px solid #ccc;border-top: none;padding-top:30px;}.generic-label-light{display: inline-block;padding:5px 8px;margin: 3px 3px;border-radius: 3px;border: 1px solid #f4f4f4;}.generic-label-dark{display: inline-block;padding:5px 8px;margin: 3px 3px;border-radius: 3px;border: 0px solid #f4f4f4;color: white;background-color: #98e2c9;}.checkbox-container {display: inline-block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-radius: 4px;}.checkbox-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;border-radius: 4px;}.checkmark {position: absolute;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius: 4px;top: -5px;}.checkbox-container:hover input ~ .checkmark {background-color: #ccc;}.checkbox-container input:checked ~ .checkmark {background-color: #91D3D5;}.checkmark:after {content: "";position: absolute;display: none;}.checkbox-container input:checked ~ .checkmark:after {display: block;border-radius: 2px;}.checkbox-container .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}.form__group {position: relative;padding: 15px 0 0;display: inline-block;margin: 0px 10px;margin-bottom: 15px;}.form__field {font-family: inherit;width: 100%;border: 0;border-bottom: 1px solid lightgrey;//#9b9b9b;outline: 0;font-size: 1.3rem;color: #000;padding: 7px 0;background: transparent;transition: border-color 0.2s;border-radius: 0px;display: inline-block;}.form__field::placeholder {color: transparent;}.form__field:placeholder-shown ~ .form__label {font-size: 1.3rem;cursor: text;top: 20px;}.form__label {position: absolute;top: 0;margin-top: 2px;display: block;transition: 0.2s;font-size: 1rem;color: #9b9b9b;}.form__field:focus {padding-bottom: 6px;font-weight: 700;border-width: 0px;border-bottom: solid #45a791 2px;outline: none;}.form__field:focus ~ .form__label {position: absolute;top: 0;display: block;transition: 0.2s;font-size: 1rem;color: #11998e;font-weight: 700;outline: none;}.tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;}.tooltip .tooltiptext {visibility: hidden;width: 120px;background-color: #56aebb;color: #fff;text-align: center;padding: 5px 0;border-radius: 6px;position: absolute;z-index: 1;}.tooltip:hover .tooltiptext {visibility: visible;}.tabs {left: 50%;transform: translateX(-50%);position: relative;background: white;padding: 50px;padding-bottom: 80px;width: 100%;height: 250px;border-radius: 5px;min-width: 240px;min-width: 240px;}.tabs input[name=tab-control] {display: none;}.tabs .content section h2,.tabs ul li label {font-family: "Montserrat";font-weight: bold;font-size: 18px;color: #428BFF;}.tabs ul {list-style-type: none;padding-left: 0;display: flex;flex-direction: row;margin-bottom: 10px;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}.tabs ul li {box-sizing: border-box;flex: 1;width: 25%;padding: 0 10px;text-align: center;}.tabs ul li label {transition: all 0.3s ease-in-out;color: #929daf;padding: 5px auto;overflow: hidden;text-overflow: ellipsis;display: block;cursor: pointer;transition: all 0.2s ease-in-out;white-space: nowrap;-webkit-touch-callout: none;}.tabs ul li label br {display: none;}.tabs ul li label svg {fill: #929daf;height: 1.2em;vertical-align: bottom;margin-right: 0.2em;transition: all 0.2s ease-in-out;}.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {outline: 0;color: #bec5cf;}.tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {fill: #bec5cf;}.tabs .slider {position: relative;width: 25%;transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);}.tabs .slider .indicator {position: relative;width: 50px;max-width: 100%;margin: 0 auto;height: 4px;background: #428BFF;border-radius: 1px;}.tabs .content {margin-top: 30px;}.tabs .content section {display: none;animation-name: content;animation-direction: normal;animation-duration: 0.3s;animation-timing-function: ease-in-out;animation-iteration-count: 1;line-height: 1.4;}.tabs .content section h2 {color: #428BFF;display: none;}.tabs .content section h2::after {content: "";position: relative;display: block;width: 30px;height: 3px;background: #428BFF;margin-top: 5px;left: 1px;}.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {cursor: default;color: #428BFF;}.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {fill: #428BFF;}@media (max-width: 600px) {.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {background: rgba(0, 0, 0, 0.08);}}.tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider {transform: translateX(0%);}.tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {display: block;}.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {cursor: default;color: #428BFF;}.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {fill: #428BFF;}@media (max-width: 600px) {.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {background: rgba(0, 0, 0, 0.08);}}.tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider {transform: translateX(100%);}.tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {display: block;}.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {cursor: default;color: #428BFF;}.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {fill: #428BFF;}@media (max-width: 600px) {.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {background: rgba(0, 0, 0, 0.08);}}.tabs input[name=tab-control]:nth-of-type(3):checked ~ .slider {transform: translateX(200%);}.tabs input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {display: block;}.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {cursor: default;color: #428BFF;}.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {fill: #428BFF;}@media (max-width: 600px) {.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {background: rgba(0, 0, 0, 0.08);}}.tabs input[name=tab-control]:nth-of-type(4):checked ~ .slider {transform: translateX(300%);}.tabs input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) {display: block;}@keyframes content {from {opacity: 0;transform: translateY(5%);}to {opacity: 1;transform: translateY(0%);}}@media (max-width: 1000px) {.tabs ul li label {white-space: initial;}.tabs ul li label br {display: initial;}.tabs ul li label svg {height: 1.5em;}}@media (max-width: 600px) {.tabs ul li label {padding: 5px;border-radius: 5px;}.tabs ul li label span {display: none;}.tabs .slider {display: none;}.tabs .content {margin-top: 20px;}.tabs .content section h2 {display: block;}}.popup{z-index: 1000;position: fixed;border-radius: 3px;top: 20%;left: 25%;padding: 40px;border: 0px solid #bfd7d0;box-shadow: 0px 0px 0px 4px rgba(174, 183, 180, 0.4);background-color: white;animation-duration: 0.3s;animation-name: fadeInDown;-webkit-animation-name: fadeInDown;animation-timing-function: cubic-bezier(.57,.07,.52,.95);}.popup-2{z-index: 1000;display: none;position: fixed;border-radius: 10px;top: 10%;left: 25%;width: 50%;padding: 40px 40px;background-color: white;border: 0px solid #bfd7d0;box-shadow: 0px 0px 0px 1000px rgba(174, 183, 180, 0.4);animation-duration: 0.3s;animation-name: fadeInDown;-webkit-animation-name: fadeInDown;animation-timing-function: cubic-bezier(.57,.07,.52,.95);}@keyframes blink-once {0%{background-color: white;}50%{background-color: #6896b0;}100%{background-color: white;}}@keyframes wobble {0% { transform: translateX(0%); }15% { transform: translateX(-25%) rotate(-5deg); }30% { transform: translateX(20%) rotate(3deg); }45% { transform: translateX(-15%) rotate(-3deg); }60% { transform: translateX(10%) rotate(2deg); }75% { transform: translateX(-5%) rotate(-1deg); }100% { transform: translateX(0%); }}@keyframes wobble-slow {0% { transform: translateX(0%); }45% { transform: translateX(10%); }100% { transform: translateX(0%); }}@keyframes wobble-straight {0% { transform: translateX(0%); }15% { transform: translateX(-15%)  }30% { transform: translateX(10%) }45% { transform: translateX(-5%) }60% { transform: translateX(5%)  }75% { transform: translateX(-1%) }100% { transform: translateX(0%); }}@keyframes wobble-2 {0% { transform: translateX(0%); }15% { transform: translateX(-15%) rotate(-5deg); }30% { transform: translateX(10%) rotate(3deg); }45% { transform: translateX(-5%) rotate(-3deg); }60% { transform: translateX(5%) rotate(2deg); }75% { transform: translateX(-1%) rotate(-1deg); }100% { transform: translateX(0%); }}@-webkit-keyframes wobble {0% { -webkit-transform: translateX(0%); }15% { -webkit-transform: translateX(-25%) rotate(-5deg); }30% { -webkit-transform: translateX(20%) rotate(3deg); }45% { -webkit-transform: translateX(-15%) rotate(-3deg); }60% { -webkit-transform: translateX(10%) rotate(2deg); }75% { -webkit-transform: translateX(-5%) rotate(-1deg); }100% { -webkit-transform: translateX(0%); }}@keyframes blink-animation {0%   { opacity:1; }10%   { opacity:.9; }20%   { opacity:.8; }30%   { opacity:.6; }40%   { opacity:.4; }50%   { opacity:.1; }60%   { opacity:.4; }70%   { opacity:.6; }80%   { opacity:.8; }90%   { opacity:.9; }100%  { opacity:1; }}@-webkit-keyframes blink-animation {0%   { opacity:1; }10%   { opacity:.9; }20%   { opacity:.8; }30%   { opacity:.6; }40%   { opacity:.4; }50%   { opacity:.1; }60%   { opacity:.4; }70%   { opacity:.6; }80%   { opacity:.8; }90%   { opacity:.9; }100%  { opacity:1; }}@-webkit-keyframes exampleanim {0%   {background-color:red; left:0px; top:0px;}25%  {background-color:yellow; left:200px; top:0px;}50%  {background-color:blue; left:200px; top:200px;}75%  {background-color:green; left:0px; top:200px;}100% {background-color:red; left:0px; top:0px;}}@keyframes exampleanim {0%   {background-color:red; left:0px; top:0px;}25%  {background-color:yellow; left:200px; top:0px;}50%  {background-color:blue; left:200px; top:200px;}75%  {background-color:green; left:0px; top:200px;}100% {background-color:red; left:0px; top:0px;}}@keyframes fadeAndScale_container {from {opacity: 0;transform: scale(.8, .8);}to {opacity: 1;transform: scale(1, 1);}}@keyframes fadeAndScale_menu {from {opacity: 0;transform: rotate(-90deg);}to {opacity: 1;transform: rotate(0deg);}}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track {//    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 0px;border-radius: 0px;}::-webkit-scrollbar-track-piece {border: none;background: none;background: #eef1f3;}::-webkit-scrollbar-thumb {background-color: #c1c6c9;-webkit-border-radius: 0px;border-radius: 0px;//    -webkit-box-shadow: none;//    -webkit-box-shadow: inset 0 0 6px #2a9dc9;}::-webkit-scrollbar-thumb:window-inactive {background: #2a9dc9;}@keyframes startView-single-button-animation-1 {from {opacity: 0;transform: rotate(-30deg) scale(.3, .3)	;transform:translate(300px,-80px) rotate(-30deg) rotate(-50deg);}to {opacity: 1;transform: rotate(0deg) scale(1, 1);transform: translate(0px,0px) rotate(0deg) rotate(0deg);}}@keyframes startView-single-button-animation-2 {from {opacity: 0;transform: rotate(-30deg) scale(.3, .3)	;transform:translate(-200px, -300px) rotate(-30deg) rotate(-50deg);}to {opacity: 1;transform: rotate(0deg) scale(1, 1);transform: translate(0px,0px) rotate(0deg) rotate(0deg);}}@keyframes startView-single-button-animation-3 {from {opacity: 0;transform: rotate(-30deg) scale(.3, .3)	;transform:translate(-150px, 200px) rotate(-30deg) rotate(-50deg) ;}to {opacity: 1;transform: rotate(0deg) scale(1, 1);transform: translate(0px,0px) rotate(0deg) rotate(0deg);}}@keyframes single-button-animation-1 {from {opacity: 0;transform: rotate(-30deg) scale(.3, .3)	;transform:translate(200px,0px) rotate(-30deg) rotate(-50deg);}to {opacity: 1;transform: rotate(0deg) scale(1, 1);transform: translate(0px,0px) rotate(0deg) rotate(0deg);}}@keyframes single-button-animation-2 {from {opacity: 0;transform: rotate(-30deg) scale(.3, .3)	;transform:translate(200px,-200px) rotate(-30deg) rotate(-50deg);}to {opacity: 1;transform: rotate(0deg) scale(1, 1);transform: translate(0px,0px) rotate(0deg) rotate(0deg);}}@keyframes single-button-animation-3 {from {opacity: 0;transform: rotate(-30deg) scale(.3, .3)	;transform:translate(-50px,-200px) rotate(-30deg) rotate(-50deg) ;}to {opacity: 1;transform: rotate(0deg) scale(1, 1);transform: translate(0px,0px) rotate(0deg) rotate(0deg);}}@keyframes single-button-animation-4 {from {opacity: 0;transform: rotate(-30deg) scale(.3, .3)	;transform:translate(-200px,0px) rotate(-30deg) rotate(-50deg);}to {opacity: 1;transform: rotate(0deg) scale(1, 1);transform: translate(0px,0px) rotate(0deg) rotate(0deg);}}@keyframes single-button-animation-5 {from {opacity: 0;transform: rotate(-30deg) scale(.3, .3)	;transform:translate(-200px,200px) rotate(-30deg) rotate(-50deg);}to {opacity: 1;transform: rotate(0deg) scale(1, 1);transform: translate(0px,0px) rotate(0deg) rotate(0deg);}}@keyframes single-button-animation-6 {from {opacity: 0;transform: rotate(-30deg) scale(.3, .3)	;transform:translate(50px,200px) rotate(-30deg) rotate(-50deg);}to {opacity: 1;transform: rotate(0deg) scale(1, 1);transform: translate(0px,0px) rotate(0deg) rotate(0deg);}}@-webkit-keyframes fadeInDown {from {opacity: 0;scale:0.4;}to {opacity: 1;transform: none;}}@keyframes fadeInDown {from {opacity: 0;transform: translate3d(0, -20%, 0) scale(0.9) rotateX(-50deg) ;}to {opacity: 1;transform: none;}}@keyframes goup {from {opacity: 0;transform: transformX(0, 20%, 0) scale(0.9) rotateX(-50deg) ;}to {opacity: 1;transform: none;}}@keyframes goup2 {from {opacity: 0;transform: translateY(40px) scale(0.8) rotateX(-50deg) ;}to {opacity: 1;transform: none;}}@keyframes fadeOut {from {opacity: 1;-webkit-transform: translate3d(0, -20%, 0);transform: translate3d(0, -20%, 0) scale(0.9) rotateX(-50deg) ;}to {opacity: 0;-webkit-transform: none;transform: none;}}@keyframes bounceIn {from {opacity: 0;transform: translate3d(0, 100%, 0);}to {opacity: 1;transform: none;}}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes fadeInToRight {from {opacity: 0;transform: translateX(100px);}to {opacity: 1;transform: none;}}@keyframes toRight {from {transform: translateX(30px);}to {transform: none;}}@keyframes fadeInToLeft {from {opacity: 0;transform: translateX(-100px);}to {opacity: 1;transform: none;}}@keyframes fadeInDown {0% {opacity: 0;transform: translateY(-20px);}100% {opacity: 1;transform: translateY(0);}}@keyframes fadeInToLeft-short {from {opacity: 0;transform: translateX(-30px);}to {opacity: 1;transform: none;}}@keyframes fadeInToLeft-short-2 {from {opacity: 0;transform: translateX(-15px);}to {opacity: 1;transform: none;}}@keyframes rotate {from {opacity: 0;-ms-transform: rotateY(90deg)  skewY(-20deg) scale(.9);-webkit-transform: rotateY(90deg)  skewY(-20deg) scale(.9);transform: rotateY(90deg)  skewY(-20deg) scale(.9);}to {opacity: 1;transform: none;}}@keyframes zoom-out-right {40% {opacity: 1;//-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);//transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:  scale3d(.9, .4, 1) translateY(-300px);}to {opacity: 0;//-webkit-transform: scale(.02) translate3d(2000px, 0, 0);transform: scale(.02) translate3d(1000px, 0, 0);//-webkit-transform-origin: right top;transform-origin: right top;background-color: #f0eded;border-radius: 100px;}}@keyframes zoom-out-right-2 {0% {margin-top:-30px;margin-left:50px;background-color: white;border-radius: 20px;width:5px;height:5px;}15% {background-color: #72cbe5;width:80px;height:5px;}30% {transform:  translateX(200px);width:5px;height:5px;}60% {transform:  translateX(200px)  translateY(-300px) ;width:5px;height:150px;}80% {transform:  translateX(200px)  translateY(-600px) ;width:5px;height:5px;}100% {transform:  translateX(400px)  translateY(-600px);//background-color: white;border-radius: 20px;width:80px;height:5px;display:none;}}@keyframes zoom-out-right-3 {0% {opacity: 1;//      transform: translateX(20px);}5% {opacity: 1;transform: translateX(-20px);}20% {opacity: 0;transform: translateX(200px);}100% {opacity: 0;transform: translateX(200px);}}@-webkit-keyframes flipinx {0%{opacity: 1;-webkit-transform: perspective(600px) rotateX(0deg);transform: perspective(600px) rotateX(90deg);}40%{-webkit-transform: perspective(600px) rotateX(0deg);transform: perspective(600px) rotateX(-10deg);}70%{-webkit-transform: perspective(600px) rotateX(0deg);transform: perspective(600px) rotateX(10deg);}100%{opacity: 1;-webkit-transform: perspective(600px) rotateX(0deg);transform: perspective(600px) rotateX(0deg);}}@keyframes flipinx {0%{opacity: 1;transform: perspective(600px) rotateX(90deg);}40%{transform: perspective(600px) rotateX(-10deg);}70%{transform: perspective(600px) rotateX(10deg);}100%{opacity: 1;transform: perspective(600px) rotateX(0deg);}}@-webkit-keyframes bounce {0% { transform: translateY(-5px)  }50% { transform: translateY(10px) }100% { transform: translateY(-5px) }}@keyframes bounce {0% { transform: translateY(-5px)  }50% { transform: translateY(10px) }100% { transform: translateY(-5px) }}