@font-face {
  font-family: 'INGMe';
  src: url('../fonts/INGMe/INGMeWeb-Regular.woff2') format('woff2'),
  url('../fonts/INGMe/INGMeWeb-Regular.woff') format('woff'),
  url('../fonts/INGMe/INGMeWeb-Regular.ttf') format('truetype'),
  url('../fonts/INGMe/INGMeWeb-Regular.svg#INGMeWeb-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'INGMe';
  src: url('../fonts/INGMe/INGMeWeb-Bold.woff2') format('woff2'),
  url('../fonts/INGMe/INGMeWeb-Bold.woff') format('woff'),
  url('../fonts/INGMe/INGMeWeb-Bold.ttf') format('truetype'),
  url('../fonts/INGMe/INGMeWeb-Bold.svg#INGMeWeb-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@media (min-width: 768px) {
	.container {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.container {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
}

.login-layout {
	background-color: #F5F5F5;
	text-align: center;
}

.login-layout .login-container {
	margin: 0 auto;
	display: inline-block;
}

.login-layout .widget-box {
	background-color: #5090C1;
	border-bottom: medium none;
	box-shadow: none;
	padding: 3px;
}

.login-layout .main-container:before {
	display: none;
}

.login-layout .main-content {
	margin-left: 0;
	min-height: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.login-layout label {
	margin-bottom: 11px;
}

.login-layout .widget-box .widget-main {
	padding: 16px 36px 36px;
	background: #fff;
}

.login-layout .widget-box .widget-body .toolbar > div > a {
	font-size: 15px;
	font-weight: 400;
	text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.25);
}

.login-layout .login-box .toolbar {
	background: #5090C1;
	border-top: 2px solid #597597;
}

.loginlinks {
	color: #333333;
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	margin: 4px 22px 0 12px;
	padding: 0;
	list-style: none outside none;
}

.loginlinks > li {
	display: inline-block;
}

.loginlinks > li + li:before {
	color: #CCCCCC;
	content: "| ";
	padding: 0 5px;
}

.loginlinks .ace-icon {
	font-size: 16px;
	margin-left: 2px;
	margin-right: 2px;
}

.loginlinks > li > a {
	color: #4C8FBD;
	display: inline-block;
	text-decoration: none;
}

.login-footer .footer-inner {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
	position: static;
}

.password-table {
	margin: 0 auto;
}

.password-table td {
	text-align: center;
	vertical-align: top;
	border-spacing: 0;
}

.password-input {
	margin: 1px;
	padding: 1px 0;
	text-align: center;
	width: 24px;
	height: 28px;
	font-size: 11px;
}

.input-disabled {
	background-color: #FAFAFA;
	border: 1px solid #EEEEEE;
}

#loginerror-message {
	font-size: 13px;
	font-weight: bold;
	color: #B94A48;
	text-align: center;
	padding-bottom: 15px;
}

.open-tmp:not(.open) > .dropdown-menu {
	display:block;
}

.open-tmp:not(.open) > .dropdown-menu > .dropdown-header{
	display:none;
}

.open-tmp:not(.open) > .dropdown-menu > .dropdown-footer{
	display:none;
}


.login-info {
	display: inline-block;
}

.login-info-name, .login-info-shortname {
	color: #353A83;
	text-align: left;
	font-size: 14px;
}

.mainWindowToggle {
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 15px;
}

.page-header {
    margin-bottom: 24px;
	padding: 10px 8px 16px 0;
}

.page-header h1 {
    margin-left: 0;
}

.page-header-customers {
    margin-bottom: 0;
}

.page-header-info {
    color: #393939;
    font-size:12px;
    margin-top: 0;
}

.page-content {
	padding: 8px 15px 24px;
}

.navbar-login-info {
	margin-left: 15px;
}

.navbar-login-info ul {
	margin: 0;
}

.navbar-login-info ul > li > a {
	color: #353A83;
	font-size: 11px;
	padding: 2px;
	text-align: right;
}

.navbar-login-info > ul > li > a, .navbar-login-info > ul > li > a:hover, .navbar-login-info > ul > li > a:focus {
	background-color: transparent !important;
}

.login-info-shortname {
	display:none;
}

.navbar-login-info ul > li > a > i {
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	width: 20px;
}

.login-info-dd {
	font-size: 13px;
}

.login-info-dd select {
	color: #353A83;
	height: 24px;
	padding: 0;
}

.login-info-dd > li {
	background-color: #FFFFFF;
	padding: 0 8px;
}

.login-info-dd li.login-dates div {
	padding: 4px;
}

.login-info-dd li.login-dates div div {
	padding: 2px;
}

.login-info-dd li.login-dates:hover {
	background-color: transparent !important;
}

.login-info-dd li.dropdown-footer {
	border-top: 1px solid #BCD4E5;
}

.login-info-br {
	display:none;
}

.navbar-logout {
	margin-left: 15px;
	border-left: 1px solid #E1E1E1;
	padding: 11px 0 11px 15px
}

.navbar-logout a:hover {
	text-decoration: none;
}

.navbar .navbar-brand {
	height: 50px;
}

@media only screen and (max-width: 720px) {
	.navbar-logout {
		margin-left: 5px;
		margin-right: 6px;
		border: none;
		padding: 9px 0px 9px 0px;
	}
	.navbar-logout a {
		padding: 4px 10px;
	}
	.navbar-logout .text {
		display: none;
	}
	.navbar-login-info {
		margin-left: 5px;
	}
}

@media only screen and (max-width: 640px) {
	.login-info-date {
		display: none;
	}
	.login-info-br {
		display:inline;
	}
}

@media only screen and (max-width: 560px) {
	.login-info-name {
		display:none;
	}
	.login-info-shortname{
		display:block;
	}
	.navbar .navbar-brand {
		padding-left: 6px;
		padding-right: 0px;
	}
}

@media only screen and (max-width: 480px) {
	.navbar-notifications {
		display:none;
	}
}

.error-inline {
	color: red;
}

.has-error {
	color: #d16e6c;
}

.has-error .help-block {
	display: inline-block;
	width: 100%;
}

.has-error .select2-choice {
	border-color: #FF0000;
}

.sub-label {
	padding: 7px 0 0 0;
	color: #333;
}

.checkbox-label {
	font-weight: normal;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
label.checkbox-wrapper {
	padding-top: 23px;
	line-height: 40px;
	margin: 0;
}
label.checkbox-wrapper > input {
	display: none;
}

.checkbox-label .icheckbox_flat-orange {
	vertical-align:bottom;
}

.checkbox-label:hover {
	color: #636363;
}

.account-mgr-info-box {
	xxxpadding: 0px;
	xxxmargin: 0px;
	xxxtop: -9px;
	xxxright: -1px;
}

.account-mgr-info-box  .widget-box {
	margin: 0px;
	margin-top: 3px;
	background-color: red;
}

.account-mgr-info-box  .widget-body {
	background-color: #ffffff;
	color: #393939;
}

.account-mgr-info-box .title {
	background-color: #E4E6E9;
	color: #393939;
}

.navbar-notifications .nav {
	margin-left: 0px;
}

.navbar-notifications > ul > li {
	border-left: 1px solid #E1E1E1;
	float: left;
}

.navbar-notifications > ul > li:last-child {
	border-right: 1px solid #E1E1E1;
}

.navbar-notifications > ul > li > a > .ace-icon {
	color: #666;
	display: inline-block;
	font-size: 22px;
	text-align: center;
	width: 20px;
	vertical-align: middle;
}

.navbar-notifications > ul > li > a > span {
	vertical-align: middle;
}

.navbar-notifications .dropdown-menu > li > a {
	text-overflow: ellipsis;
	overflow:hidden;
}

.form-group .checkbox {
	padding-left: 13px;
}

.input-group-error-container,
.input-group-error-container > div,
.multiselect-error-container {
	margin: 0px;
}

textarea[disabled] {
	background-color: #EEEEEE;
}

.form-actions {
	background-color: #FFF;
}

.filter-actions,
.button-container {
	background-color: #FFF;
	border-top: 1px solid #E5E5E5;
	display: block;
	margin-top: 5px;
	padding: 9px 10px 10px;
	text-align: right;
}

.button-container {
	text-align: left !important;
}

.chosen-container-single .chosen-single {
	border: 1px solid #D5D5D5;
	height: 34px;
	line-height: 32px;
}

.table tbody tr td.actions {
	white-space: nowrap;
	text-decoration: none;
}

.actions .btn {
	margin-right: 5px;
}

.form-data-table {
	margin-bottom: 15px;
}

.table tbody tr.deleted td {
	text-decoration: line-through;
}

table.notification-settings-table .code-desc {
	width: 45%;
}

table.notification-settings-table .kind-desc {
	width: 10%;
}

table.notification-settings-table .active-flag {
	width: 10%;
}

table.notification-settings-table .actions {
	width: 35%;
}

table.notification-settings-table .custom-error {
	color: #D16E6C;
	display: inline-block;
	width: 100%;
}

.has-info {
	color: #2679B5;
}

.appsummary {
	background-color:transparent;
	margin-bottom:5px;
	box-shadow:0 -2px 3px 0 rgba(0, 0, 0, 0.15);
}

.appsummary-applicants {
    margin-top: 5px;
    background-color:#559bd1;
}

.appsummary label {
	font-weight: bold;
	font-size:1em;
}

.appsummary-header {
	position:relative;
	padding:5px 12px 0px;
	color:#77221a;
	background-color:#FF883A;
}
.appsummary-header:hover {
	background-color:#FF7700;
	cursor:pointer;
}
.appsummary-header.disabled:hover {
	background-color: transparent;
	cursor:inherit;
}

.appsummary-header label {
	cursor:pointer;
}
.appsummary-header.disabled label {
	cursor:inherit;
}

.appsummary-body label {
	/*text-decoration:underline;*/
}

.appsummary-body-nwh {
	padding:5px 12px;
	color:white;
	border-top: 1px dotted rgba(0, 0, 0, 0.1);
}

.appsummary-body {
    background-color: #FF883A;
	padding:5px 12px;
	color:white;
	border-top: 1px dotted rgba(0, 0, 0, 0.1);
}

.appsummary-body--white {
    background-color: #559bd1;
    border-top: 0;
    margin-top: 5px;
    padding-bottom: 12px;
    position: relative;
}

.appsummary-body--white:before {
    border-top: 1px solid white;
    content: '';
    left: 22px;
    position: absolute;
    right: 22px;
    top: -3px;
}

.appsummary-body--fuchsia {
	background-color: #CD66A4;
	margin-top: 10px;
	padding-left: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}

.appsummary-body--inline-label label {
    display: inline;
}

.col-bb {
	border-bottom: 1px solid #FFFFFF;
}

.appsummary-header i {
	position:absolute;
	left:-5px;
	text-align:center;
	top:2px;
	width: 16px;
	font-size:1.1em;
}

.appsummary-header--white {
	color: #ffffff;
	margin-top: 10px;
	background-color: #559bd1;
}

.appsummary-header--white:hover {
	background-color: transparent;
	cursor: default;
}

.appsummary .row {
	padding-left:10px;
}

.appsummary .row div {
	margin: 4px 0;
}

.chat-message {
	margin-top:5px;
	padding:4px;
	font-size:12px;
	border-radius:5px;
	position:relative;
	box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
	cursor: default;
}

.chat-message a {
	color:#2A6496;
	white-space: pre-wrap;
	word-wrap: break-word;
	display: inline-block;
	max-width: 100%;
}

.chat-message .msg-header {
	font-weight: bold;
}

.chat-message-usr {
	background-color:#6FB3E0;
	margin-left:10px;
}

.chat-message-bank {
	background-color:#9ABC32;
	/*background-color:#FFB752;*/
	margin-right:10px;
}

.chat-message-admin {
	background-color:#F74F80;
	/*background-color:#FFB752;*/
	margin-left:10px;
}

.chat-message .msg-content {
	margin-bottom:5px;
	margin-top:5px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.chat-message:hover .msg-content, .chat-message-active .msg-content {
	margin-bottom:5px;
	overflow: auto;
	white-space: pre-wrap;      /* CSS3 */
	white-space: -moz-pre-wrap; /* Firefox */
	word-wrap: break-word;
}


.chat-message-bank .msg-header:after {
	border-bottom: 6px solid rgba(255, 183, 82, 0);
	/*border-right: 6px solid #FFB752;*/
	border-right: 6px solid #9ABC32;
	border-top: 6px solid rgba(255, 183, 82, 0);
	content: "";
	display: inline-block;
	left: -6px;
	position: absolute;
	top: 12px;
}

.chat-message-usr .msg-header:after {
	border-bottom: 6px solid rgba(255, 183, 82, 0);
	border-left: 6px solid #6FB3E0;
	border-top: 6px solid rgba(255, 183, 82, 0);
	content: "";
	display: inline-block;
	right: -6px;
	position: absolute;
	top: 12px;
}

.chat-message-admin .msg-header:after {
	border-bottom: 6px solid rgba(255, 183, 82, 0);
	border-left: 6px solid #F74F80;
	border-top: 6px solid rgba(255, 183, 82, 0);
	content: "";
	display: inline-block;
	right: -6px;
	position: absolute;
	top: 12px;
}

.chat-message-error {
	background-color: #fcd710;
}

.chat-message-error.chat-message-usr .msg-header:after {
	border-left: 6px solid #fcd710;
}

.chat-message-error.chat-message-admin .msg-header:after {
	border-left: 6px solid #fcd710;
}

.chat-message-error.chat-message-bank .msg-header:after {
	border-right: 6px solid #fcd710;
}

.description-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373;
}

.add-file {
	cursor:pointer;
}

.dataTables_pgfooter {
	line-height: 32px;
	padding: 6px 0;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

.dataTables_info {
	font-size: 13px;
}

.dataTables_length label {
	margin-bottom: 0;
	width: 100%;
}

.dataTables_length select {
	display: inline-block;
}

.dataTables_paginate {
	line-height: 1em;
}

th.sorting_disabled {
	color:inherit !important;
}

.filters-collapse {
	line-height: 24px;
	position: absolute;
	right: 40px;
	top: 12px;
}

@media (max-width: 440px) {
	.filters-collapse {
		width: 100%;
		position: relative;
		right: 0;
		margin: 0 8px;
	}
}

.filters-collapse a {
	text-decoration: none;
}

.margin-top-5 {
	margin-top: 5px;
}

.margin-top-10 {
	margin-top: 10px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.mb-10{
	margin-bottom: 10px;
}
.mt-20{
	margin-top: 20px;
}
.mt-40{
	margin-top: 40px;
}
.mr-5{
	margin-right: 40px;
}
.mr-16{
	margin-right: 16px;
}
.mt--6 {
    margin-top: -6px;
}
.pl-5, .pl-5.no-padding {
	padding-left: 5px !important;
}
.pr-5, .pr-5.no-padding {
	padding-right: 5px !important;
}
.competition-results-list .row {
	margin-bottom: 10px
}

.upload-file-progress {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
	width: 200px;
}
.upload-file-name {
	font-weight: bold;
}
.upload-file-size {
	padding: 0 5px;
}
.import-info {
	padding: 10px;
	font-size: 13px;
}
#importErrorsHeaderText {
	font-weight: bold;
}
#importErrors, .red {
	color: red !important;
}
#importErrors .row {
	border-bottom: 1px dotted  #ccc;
	padding: 5px;
}

.block-info {
	margin-top:5px;
	font-style:italic;
}

.block-info-2 {
	margin-top:5px;
}

.wysiwyg-editor {
	background-color: #eeeeee;
	border: 1px solid #d5d5d5;
}

@media only screen and (max-width: 860px) {
	.hidden-860{
		display: none !important;
	}
}

.first-app td {
	background-color: #3a87ad !important;
}

@media (max-width: 560px) {
	.amount-column {
		display: none;
	}
}

.cccomment {
	display:block;
}
.cccomment-date:before {
	content:"["
}
.cccomment-date:after {
	content:"]"
}
.cccomment-date {
	font-weight: bold;
	margin-right:5px;
}
.cccomment-author {
	color: rgb(34, 177, 110);
}
.cccomment-txt::before {
	content: " ";
	display: block;
}

.system-comment {
	color:#ff6600;
}

.wysiwyg-messages-editor {
	height: auto;
	max-height: none;
}

.leads-transformed-btn {
	transform: rotate(-270deg);
	transform-origin: right 100%;
	-ms-transform: rotate(-270deg);
	-ms-transform-origin: right 100%;
	-webkit-transform: rotate(-270deg);
	-webkit-transform-origin: right 100%;
	float: right;
	width: 500px;
	top: 488px;
	right: -5px;
}

a.disabled, a.disabled:hover {
	color: #d6d6d6 !important;
	text-decoration: none;
	cursor: auto;
}
.btn-group-radio {
	width:100%;
	text-align: center;
	margin-bottom: 5px;
}

.btn-group-radio div {
	width: 25%;
	display: inline;
}

.btn-group-radio .icon {
	display: block;
	margin-bottom: 5px;
}

.btn-group-radio .btn {
	height: 85px;
	width: 24%;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	border-radius: 7px;
}

.btn-group-radio .btn.disabled, .btn-group-radio .btn[disabled] {
	opacity: 0.55;
}

.btn-group-radio .btn-primary:focus, .btn-group-radio .btn-primary:active {
	background-color: #f76200 !important;
	border-color: #f60;
	border-radius: 7px;
}
.btn-group-radio input {
	display: none;
}

.leads-section {
	border-left: 1px dotted #e2e2e2;
}

.lead-widget-box .form-group {
	padding-left: 10px;
	padding-right: 10px;
}
#add-product-btn {
	width: 60px;
	font-size: 14px;
}

#leadsFilters .error_wrapper {
	color: red;
	font-size: 14px;
	display: none;
}
.cmb-row > td, .cmb-row:hover > td {
	background-color: #FF2F2F !important;
	color: white;
	font-weight: bold;
}
.today-row > td, .today-row:hover > td {
	color: orange;
}
.expired-row > td, .expired-row:hover > td {
	color: red;
}
.form-group.has-error .btn-group .btn {
	border: 2px solid #f09784;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.prod-rm-icon, .customer-rm-icon {
	padding-top: 10px;
	cursor: pointer;
	padding-left: 5px;
}
.btn-hours-group div {
	border-right: 1px dotted #e2e2e2;
	border-left: 1px dotted #e2e2e2;
	padding: 0px;
	margin-top: 4px;
}
.btn-hours-group .btn {
	padding: 1px;
	margin: 1px;
	border: 2px solid #FFF;
	font-size: 14px;
}
.btn-hours-group label {
	font-weight: bold;
	text-align: center;
	width: 100%;
	font-size: 16px;
}
.no-free-terms {
	font-size: 16px;
	height: 32px;
	font-style: italic;
	margin-top: 5px;
	display: none;
}
.contact-time-arrow {
	cursor: pointer;
}
.contact-time-arrow img:hover {
	height: 30px;
}
.contact-time-arrow img:active {
	height: 32px;
}
.btn-hours-group .btn-primary,
.btn-hours-group .btn-white.btn-primary:hover,
.btn-hours-group .btn-white.btn-primary:active,
.btn-hours-group .btn-white.btn-primary:focus {
	border: 1px solid #f60 !important;
	background-color: #f60 !important;
	color: white !important;
}

.tooltipster-light .tooltipster-box {
	border: 2px solid #ff892a !important;
	background: #FFF !important;
}
.tooltipster-light .tooltipster-content {
	color: #444 !important;
}
.tooltipster-light.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #ff892a !important;
}
.tooltipster-light.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #ff892a !important;
}

.btn-hours-agency-group .btn {
	padding: 1px 8px;
	margin: 1px;
	border: 2px solid #FFF;
	font-size: 14px;
	display: block;
}

.btn-hours-agency-group .btn-primary,
.btn-hours-agency-group .btn-white.btn-primary:hover,
.btn-hours-agency-group .btn-white.btn-primary:active,
.btn-hours-agency-group .btn-white.btn-primary:focus {
	border: 1px solid #f60 !important;
	background-color: #f60 !important;
	color: white !important;
}

.ldm-edit-col .tab-content {
	border: none;
}
.lead-detail .header {
	margin-top: 2px;
}
.lead-detail .btn-group-radio .btn {
	height: 77px;
	width: 24%;
	font-size: 9px;
	padding: 0px;
	margin: 0px;
	border-radius: 7px;
}
.ldm-edit-col label, .ldm-edit-col #add-product-btn, .ldm-edit-col #add-customer-btn, .ldm-edit-col input {
	font-size: 13px;
}
.leadsummary {
	margin-bottom: 10px;
}
.leadsummary .appsummary-header {
	font-size: 14px;
}
.lead-list-pred-filters span {
	margin: 5px;
	cursor: pointer;
}
.lead-list-pred-filters .label-primary:hover {
	background-color: #FF9F60 !important;
}
.lead-list-pred-filters > li > a {
	padding: 7px 8px 8px;
}

.final-btn .btn, .temp-btn .btn {
	margin-right: 3px;
}

.phoneType {
	cursor: pointer;
	width: 38px;
}
.has-error .phoneType, .form-group.has-error .phoneType .ace-icon  {
	font-size: 14px;
}
.form-group.has-error .phoneType.phoneTypSelected .ace-icon {
	color: white !important;
}
.form-group.has-error .phoneType .ace-icon {
	color: #555 !important;
}
.has-error .phoneType {
	background-color: #eee !important;
}

.phoneTypSelected, .has-error .phoneTypSelected {
	background-color: #f60 !important;
	border-color: #f60 !important;
	color: white !important;
	cursor: pointer;
}
.lead-detail .lead-contact-time-hours-col {
	width: 100%;
}

.lead-detail .message-col {
	height:100%;
}
.lead-detail .message-col .header {
	margin-top:0px; margin-bottom:10px;
}
.lead-detail .message-col .badge {
	vertical-align: middle
}
.message-col .newmsg-btn{
	margin-bottom: 10px;
}

.lead-note {
	background-color: #FFE8BD;
	border: 1px dotted #000000;
}
.bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover {
	background-color: #F5F5F5;
}
.input-daterange .input-group-addon {
	border-width: 1px 1px 1px 0;
}
.help-block {
	font-size: 11px;
}
.video-meeting-type {
	display: none;
}
.break-all {
	word-break:  break-all;
}
.no-break {
	white-space: nowrap;
}
.lead-field-disabled {
	cursor: auto;
}
.lead-field-disabled.btn-default:active, .lead-field-disabled.btn-default:hover {
	background-color: #abbac3 !important;
	border-color: #abbac3;
	top:0px;
}
.lead-field-disabled.btn-primary:active, .lead-field-disabled.btn-primary:hover {
	background-color: #f60 !important;
	border-color: #f60 !important;
	top: 0px;
}

#productsTab .widget-box, #assignConsultants .widget-box, #assignAgencies .widget-box, #assignUsers .widget-box,
#agencyMeetings .widget-box, #agencyContracts .widget-box {
	border: none;
}

.bootstrap-duallistbox-container label {
	font-weight: bold;
}
#leadForm .nav-tabs a{
	font-size: 15px;
}
#leadForm .nav-tabs a{
	font-size: 15px;
}
#leadForm .lead-new-note-box {
	padding: 0px 10px 10px 17px;
	border: 1px #DEDEDE solid;
}
#leadForm .tab-content {
	border:none;
}
.add-attachment {
	cursor: pointer;
}
.cccomment-date {
	white-space: nowrap;
	display: inline-block;
}
.cccomment-txt {
	word-wrap: break-word;
}
.messages-list-content .alert-info {
	word-break: break-all;
}
.msg-block {
	border: 1px #FF883A solid;
	word-break: break-all;
	padding: 3px;
	color: #656565;
}
.messages-list-content .msg-content {

}
.messages-list-content .attachment-content, .messages-list-content .attachment-content a {
	margin-top: 5px;
	color: black;
	margin-right: 5px;
	font-style: italic;
}
.final-btn .btn.active {
	color: #FF883A !important;
	font-weight: bold;
}
.temp-btn .btn.active {
	color: black !important;
	font-weight: bold;
}
.has-error .ace-file-container {
	border-color: #f09784;
}

.word-keep-all {
	word-break: keep-all;
}

.anonymized .word-keep-all, .anonymized .break-all  {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 150px;
}

.org-reg-date-missign  {
	background-color: #FF5E5E !important;
}

.locked td, .locked td:hover {
	background-color: #6D6A6A !important;
	color: #F7F3F3;
}
.locked .fa-lock {
	color: #777;
}

.btn-placeholder-subject, .btn-placeholder-content {
	margin-bottom:3px;
}
.ldm-ft-day-dis, .datepicker .ldm-ft-day-dis.active {
	border: 1px solid #f60;
}
#central-process-info-block {
	display:none;
	color: #f60;
}
#central-process-info-block label span {
	font-weight: bold;
}
.many-products:after{
	content:"■■■";
	float: right;
	font-size: 10px;
	letter-spacing: 1px;
}

.has-locks td {
	background-color: #FFF7C4 !important;
}

.has-locks:hover td {
	background-color: #FFF1A7 !important;
}
.table tbody tr.deleted td.do-not-cross {
	text-decoration: initial;
}

.table tr.not-published td {
	color: black;
	background-color: #ddd !important;
}
.has-error .wysiwyg-toolbar, .has-error .wysiwyg-editor {
	border: 1px solid #f09784;
}
.announcement-content img {
	max-width: 900px;
}

/***** MESSAGES and CONTRACTS */
#messages-wrapper {
	height: 400px;
}
#messages-list {
	max-height: 400px;
	overflow-y: auto;
}

.item, .message-content {
	padding: 5px 10px;
	margin: 5px 5px 15px 5px;
	border: 1px #DEDEDE solid;
	border-radius: 5px;
}

.item {
	margin-bottom: 5px;
}

.message-content .author {
	font-weight: bold;
}

.item .info, .message-content .date, .message-content .from-now {
	margin-left: 10px;
	color: #666;
	font-size: 0.9em;
}

.item .info {
	margin-left: 0;
}

.item .title {
	font-size: 1.1em;
}

.message-box {
}

.message-icon {
	float: left;
	margin-top: 7px;
	margin-left: 5px;
	width: 40px;
	text-align: center;
}
.message-icon img {
	max-width:100%;
	height: 18px;
}

/*USER*/
.message-type-1 .message-content {
	background-color: #fff;
}

/*SUPPORT*/
.message-type-0 .message-content {
	border-color: #ff6000;
}

.message-type-0 .author {
	color: #ff6000;
}

.inbox-style-table .message-navbar {
	border-color: #D6E1EA;
}

.inbox-style-table .data-table td {
	padding: 12px !important;
	position: relative;
	border-color: #EAEDF1 !important;
}

.inbox-style-table .data-table td:before {
	content: ' ';
	visibility: hidden;
}

.inbox-style-table .data-table tr:hover td {
	border-color: #E2EAF2 !important;
	background-color: #F2F6F9 !important;
}

.inbox-style-table .name-column {
	min-width: 175px;
}

.inbox-style-table .text-column {
	width: 75%;
	min-width: 100px;
}

.inbox-style-table .text-column a {
	position: absolute !important;
	left: 0;
	right: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.inbox-style-table .date-column {
	min-width: 150px;
}

.inbox-style-table .dataTables_pgfooter {
	background-color: #f5f5f5 !important;
}

.table tr.new-one td {
	font-weight: bold;
	background-color: #fcf8e3 !important;
}
.table tr.new-one:hover td {
	background-color: #fff5bf !important;
}

.loader {
	margin: 20px;
}

.dayt-repeat-term td {
	color: #f60;
}

.valuation-order-table {
	font-size: 12px;
}
.valuation-order-table.dataTable>thead>tr>th[class*=sort]:after {
	content: '';
}
.valuation-order-table tbody tr:hover {
	cursor:pointer;
	color: black;
	text-shadow: 1px 1px 1px #CCCCCC;
}
.valuation-order-table tbody tr.vo-type {
	color: #666;
}
.valuation-order-table tbody .no-wrap {
	white-space: nowrap;
}
.valuation-order-table .progress_result {
	height: 100%;
	float: left;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	background: #eb6e1a;
}
.valuation-order-table .progress_bar_element {
	background-color: #f5f5f5;
	border-radius: 4px;
	width: 100%;
	height: 6px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	margin-top: 5px;
	float: left;
	overflow: hidden;
	cursor: pointer;
}
.valuation-order-table .rfi {
	color: #ff2828;
}

.valuation-order-table .returned-to-client td {
	background-color: #007cff !important;
	color: #fff;
}

.valuation-order-table .monitoring td {
	background-color: #9ABC32 !important;
}

.valuation-order-table .dead-line .rfi, .valuation-order-table .returned-to-client .rfi, .valuation-order-table .monitoring .rfi {
	color: white !important;
}
.valuation-order-table .dead-line td, .valuation-order-table tr.dead-line.selected td {
	color: white;
	background-color: #ff2828 !important;
}

.valuation-order-table tbody tr.action td {
	padding-top: 5px;
	padding-bottom: 30px;
	text-align: center;
	border-bottom: 2px solid black;
}
.valuation-order-table tbody tr.action a {
	margin:0 2px;
}
.valuation-order-table tbody tr.selected td{
	border: none;
	border-top: 2px solid black;
}

.valuation-order-table tr.selected:hover {
	text-shadow: none;
}

#valuationOrderForm #attachments .ace-file-input {
	margin-bottom: 15px;
}

.soz-bh-table.valuation-order-table .progress_result {
	background: #6ada47 !important;
}

.soz-bh-table.valuation-order-table tr:hover:not(.action) {
	background: #f3f3f3;
	text-shadow: none;
}

.soz-bh-table.valuation-order-table tr.selected td {
	border-top: 1px solid black;
	color: black;
	background: #f3f3f3;
}

.soz-bh-table.valuation-order-table .action {
	border: 1px solid black;
}

.soz-bh-table.valuation-order-table .action td {
	/*background: #f3f3f3;*/
	border-bottom: 1px solid black;
	padding: 10px;
	cursor: auto;
}

.soz-bh-table.valuation-order-table .action a {
	margin: 0;
}

#attachments #new-attachment, #attachments #new-attachment:hover {
	cursor: pointer;
}

#attachments #new-attachment.disabled, #attachments #new-attachment.disabled:hover {
	cursor: default;
	color: #cccccc;
	text-decoration: none;
}

#days-off-table {
	border-collapse:separate;
	border-spacing:0 5px;
	width: 100%;
}

#days-off-table td {
	padding: 0 5px;
	background-color: #F1F1F1;
}

.dayt-repeat-term td {
	color: #f89406;
}

.dayt-term td {
	color: #63c254;
}
.vo-details {
	border-right: 1px solid #E5E5E5;
	margin-top: 15px;
}
.vo-details .tab-content {
	border:none;
}
.vo-attachment {
	margin-bottom: 20px;
}
.vo-attachment a {
	margin-right: 10px;
	text-decoration: underline;
	font-size: 14px;
}
.vo-attachment .delete {
	font-size: 18px;
	cursor: pointer;
}
.strike {
	text-decoration: line-through !important;
	cursor: inherit;
}
.comment {
	margin-bottom: 20px;
	font-size: 13px;
	word-break: break-all;
}
.comment .time {
	padding-right: 10px;
	font-size: 14px;
	font-weight: bold;
}
.comment .author {
	color: #0fcd0f;
	font-weight: bold;
	font-size: 14px;
}
.vo-rfi .badge {
	vertical-align: middle;
}
.text-left-force {
	text-align: left !important;
}
.pdp-checkbox {
	text-align: right;
}
.pdp-checkbox .icheckbox_flat-ingstyle {
	margin: 0;
}
.vo-details .pdp-checkbox {
	text-align: left;
	width: auto;
}
.vo-action .btn {
	margin: 3px 0;
	width: 100%;
}
.vo-details .control-label.col-sm-4:not(.left-label), .vo-details .col-sm-8:not(.left-label) {
	width: 100% !important;
	text-align: left;
}
@media (max-width: 766px) {
	.pdp-checkbox {
		float: left !important;
		width: auto;
	}
	label.checkbox-wrapper {
		padding-top: 0;
	}
}
#soz-report-data-table td{
	text-align: center;
}
#soz-report-data-table td label{
	display:block;
}

/** LEGENDA */
.legend {
	margin-top: 10px;
}

.legend .smallbox {
	width: 12px;
	height: 10px;
	border: 1px solid rgba(0,0,0,0.5);
	display: inline-block;
	vertical-align: baseline;
	margin: 0 2px 0 15px;
}
.legend .smallbox.monitoring {
	background-color: #9ABC32;
}
.legend .smallbox.dead-line {
	background-color: #ff2828;
}
.legend .smallbox.returned-to-client {
	background-color: #007cff;
}

.valuation-order-params.dataTable>thead>tr>th[class*=sort]:after {
	content: '';
}

.valuation-order-params .actions .btn {
	margin-bottom: 2px;
}

.main-container.container .valuation-order-params .subject-order .chosen-container  {
	width: 220px !important;
}

.main-container.container .valuation-order-params .company .chosen-container  {
	width: 110px !important;
}

.main-container.container .valuation-order-params .province .chosen-container  {
	width: 120px !important;
}

.main-container.container .valuation-order-params .district .chosen-container  {
	width: 120px !important;
}

.valuation-order-params input[name="orderCost"] {
	width: 80px !important;
	text-align: right;
}

.valuation-order-params input[name="executionTime"] {
	width: 40px !important;
	text-align: right;
}

#cln-form-hints tr .wysiwyg-editor,
#cln-form-hints tr label,
#cln-form-hints tr .btn-save,
#cln-form-hints tr .btn-cancel {
	display: none;
}

#cln-form-hints tr.selected .wysiwyg-editor,
#cln-form-hints tr.selected label,
#cln-form-hints tr.selected .btn-save,
#cln-form-hints tr.selected .btn-cancel {
	display: block;
}

#cln-form-hints tr .cln-to-hide,
#cln-form-hints tr .btn-edit {
	display: block;
}

#cln-form-hints tr.selected .cln-to-hide,
#cln-form-hints tr.selected .btn-edit  {
	display: none;
}

.hints i {
	margin-left: 5px;
}
.popover{
	max-width: 100%;
}
.no-hirizontal-resize {
	resize: vertical;
}
#doc-templates tr button {
	margin-left: 5px;
}

.ui-slider {
	background-color: #e8e8e8;
}

.simulate-section .control-label {
	font-weight: bold;
}

.simulate-section .control-label::after {
	content: ":";
}

.simulate-section .static-text {
	padding-top: 7px;
	font-size: 14px;
}

.config-receiver-box {
	padding: 0px 8px 5px 4px;
	background-color: #f3f3f3;
	cursor: pointer;
}

.attach-fail, .attach-fail a {
	color: #a94442;
}

.module-ent a.dropdown-toggle {
	height: 50px;
}

.module-ent span.menu-text {
	display: inline-block;
	width: 130px;
}

.module-ent i.menu-icon {
	vertical-align: top !important;
}

.modal-body-customer-info {
    display: flex;
    align-items: center;
}

.modal-body-customer-message {
    margin: 0;
}

.modal-info-helper {
    text-align: right;
}

.hand {
	cursor: pointer;
}
.text-justify {
	text-align: justify;
}
.underline {
	text-decoration: underline;
}
.clause {
	/*padding: 5px 10px;*/
	font-size: 12px;
}
.clause h6 {
	font-weight: 600;
	color: #666666;
}
.clause a.download {
	color: #ff892a;
	display: block;
	padding-left: 30px;
	font-size: 12px;
}
.clause .clause-item {
	/*padding: 10px;*/
}
.clause .control-label {
	text-align: left;
}
.clause .form-group {

}
.clause .help-block {
	position: absolute;
}

.mtg-hints {
	height: 30px;

}
.mtg-hints i {
	line-height: 30px;
	font-size: 20px;
}
.text-bold {
	font-weight: 600;
}
.dropdown-menu.dropdown-close.dropdown-menu-right {
    z-index: 2000;
}
#black-list-table tbody tr {
	border-bottom: 1px solid #d6d6d6;
}
#black-list-table button {
	margin: 3px;
}

@media (min-width: 768px) {
	.no-sm-padding-right {
		padding-right: 0 !important;
	}
	.no-sm-padding-left {
		padding-left: 0 !important;
	}
}
@media (min-width: 992px) {
	.no-md-padding-right {
		padding-right: 0 !important;
	}
	.no-md-padding-left {
		padding-left: 0 !important;
	}
}
@media (min-width: 1200px) {
	.container.main-container .footer .footer-inner {
		margin-left: 190px;
		width: 1004px;
	}
}

.main-content {
	margin-left: 200px;
}
.sidebar.menu-min+.main-content {
	margin-left: 48px;
}
.package {
	margin-bottom: 20px;
}
.package .offer {
	padding-left: 25px;
	font-size: 12px;
}
.package td {
	vertical-align: middle !important;
}
.package td.bordered,
.package .table.bordered {
	border: 1px solid #ddd;
}
.package .offer-header {
	cursor: pointer;
}
.package .offer .company {
	font-size: 14px;
	cursor: pointer;
	color: #ff6000;
}
.package .orders {
	line-height: 30px;
}
.package .orders a {
	font-size: 14px;
	color: #ff6000;

}
.package .orders a:hover {
	color: #f76200;
	text-decoration: underline;
}
.package .date-picker {
	position: relative;
}
.package .offer-header {
	margin-top: 10px;
	font-size: 16px;
	color: #f60;
	border-bottom: 1px solid #f60;
}
.package .offer tbody td {
	border-bottom: 1px solid #ccc;
}
.offer td{
	border-top: none !important;
	border-bottom: 1px solid #ddd;
}
tr.border-line td {
	border-bottom: 1px solid #ff6000 !important;
}
.package .text-center {
	text-align: -webkit-center;
}
.package .text-vertical {
	width:1px;
	word-wrap: break-word;
	font-family: monospace; /* this is just for good looks */
	color: #f60;
	font-size: 13px;
	text-align: center;
	text-align: -webkit-center;
}
.expertise .table td {
	padding: 2px 5px;
	font-size: 14px;
	vertical-align: middle;
}
.expertise .sub-header {
	font-weight: bold;
	font-size: 13px;
}
.expertise .table .header {
	background-color: #bfbfbf;
}
.expertise span.calculate {
	position: absolute;
	right: 40px;
	top: 6px;
	cursor: pointer;
	font-size: 14px;
	color: #f60;
}
.expertise span.calculate:hover {
	font-weight: 600;
}

.expertise td.editable,
.expertise td.editable.header {
	background-color: transparent;
}
.expertise td.editable input {
	border: 1px solid #999;
}
.expertise input.has-error,
.expertise textarea.has-error,
.expertise select.has-error{
	border: 1px solid red !important;
}
th.head-keep-all {
    word-break: keep-all !important;
}

#subjectTemplate {
	padding-left: 4px;
	padding-right: 4px;
}
.mtg-table .actions > .btn {
	width: 100%;
	text-align: left;
}
.mtg-table .actions > a:first-child {
	margin-bottom: 5px;
}
.bordered {
	border: 1px solid #ddd;
}

.icon-animated-rotate {
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}

span.cout-form {
	line-height: 30px;
	font-size: 15px;
	font-weight: bold;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.multiline-label {
	float: left;
	width: 85%;
}

.nwh-color {
	background-color:#60A6DA !important;
	border-color: #60A6DA !important;
}

.nwh-color:hover {
	background-color: #4B8DDA !important;
}
.nwh-color:focus {
	background-color: #4B8DDA !important;
}

.no-skin .nav-list > li.promo-code > a {
	background-color: #f8f8f8;
}
.no-skin .nav-list > li.promo-code:hover > a {
	background-color: #f8f8f8;
}

.nav-list > li.promo-code::before {
	display: none;
}

.nwh-color.disabled,
.nwh-color[disabled],
fieldset[disabled] .nwh-color,
.nwh-color.disabled:hover,
.nwh-color[disabled]:hover,
fieldset[disabled] .nwh-color:hover,
.nwh-color.disabled:focus,
.nwh-color[disabled]:focus,
fieldset[disabled] .nwh-color:focus,
.nwh-color.disabled:active,
.nwh-color[disabled]:active,
fieldset[disabled] .nwh-color:active,
.nwh-color.disabled.active,
.nwh-color[disabled].active,
fieldset[disabled] .nwh-color.active {
	background-color: #4B8DDA !important;
	border-color: #4B8DDA;
}

.form-group.both {
  clear: both;
}

.kki-area.form-group,
.kkf-area.form-group:not(.only-kkf-area) {
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.kki-area.form-group,
.kkf-area.form-group:not(.only-kkf-area) {
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.kki-area.form-group {
  width: 58.5%;
}

.kki-area.form-group > div {
  width: 58.5%;
}

.kki-area.kki-area-cc.form-group > div {
  width: 43.5%;
}

.kki-area.form-group > div > input {
  width: 100%;
}

.kki-area.form-group > label[class*="col-"] {
  width: 41.5%;
}

.kki-area.kki-area-cc.form-group > label[class*="col-"] {
  width: 56.5%;
}

.kkf-area.form-group:not(.only-kkf-area) {
  width: 41.5%;
}

.kkf-area.form-group:not(.only-kkf-area) > div {
  width: 79.5%;
}

.kkf-area.form-group:not(.only-kkf-area) > label[class*="col-"] {
  width: 20.5%;
}

.files__category--desc {
  margin-bottom: 4px;
  padding-top: 4px;
}

.row--flex {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
}

.row--flex > * {
  float: none !important;
}


.loading {
  position: relative;
}

.loading:after {
  animation: loading-rotate 1s linear infinite;
  border: 4px solid #fff;
  border-color: #f60 transparent #f60 transparent;
  border-radius: 50%;
  content: '';
  display: block;
  height: 32px;
  left: 50%;
  margin: -16px 0 0 -16px;
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1052;
}

.loading:before {
  background-color: rgba(255, 255, 255, .8);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1051;
}

@keyframes loading-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.spinner--container {
  background-color: rgba(255, 255, 255, .8);
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1100;
}

.spinner--content {
  display: inline-block;
  height: 32px;
  left: 50%;
  margin: -16px 0 0 -16px;
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1101;
}

.spinner--container.spinner--on {
  display: block;
}

.spinner--icon {
  display: inline-block;
  animation: spinner-rotate 2s linear infinite;
}

.spinner--icon--circle {
  animation: spinner-dash 1.35s ease-in-out infinite;
  fill: none;
  stroke-width: 6px;
  stroke: #ff6200;
  stroke-dasharray: 100, 28;
}

.main-container {
  position: relative;
}

.main-container > .spinner--container {
  position: fixed;
}

@keyframes spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner-dash {
  0% {
    stroke-dasharray: 6, 122;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 100, 28;
    stroke-dashoffset: -16;
  }
  100% {
    stroke-dasharray: 6, 122;
    stroke-dashoffset: -127;
  }
}

.module-qd a.dropdown-toggle {
	height: 50px;
}

.module-qd span.menu-text {
	display: inline-block;
	width: 125px;
}

.module-qd i.menu-icon {
	vertical-align: top !important;
}


.newForm input[type="file"] {
    display: none;
}

.newForm .hidden {
    display: none;
    overflow: hidden;
    visibility: hidden;
}

.newForm__attachments {
    margin-bottom: 10px;
}

.newForm__attachments .attachment {
    align-items: flex-start;
    display: flex;
}

.newForm__attachments .attachment__icon {
    color: #ff6600;
    margin-right: 7px;
    margin-top: 3px;
    width: 12px;
}

.newForm__attachments .attachment__name {
    color: #ff6600;
    margin-right: 5px;
    width: 100%;
    word-break: break-all;
}

.newForm__attachments .attachment__icon.dis,
.newForm__attachments .attachment__name.dis {
    color: #545454;
}

.newForm__attachments .attachments__title {
    color: #545454;
    margin-bottom: 5px;
}

.newForm__attachments .attachments__title i {
    margin-right: 7px;
    width: 12px;
}

.newForm__content {
    margin-bottom: 12px;
}

.newForm__error {
    color: #ff0000;
    line-height: 1.3;
    margin-bottom: 10px;
}

.newForm__error i {
    margin-right: 7px;
    margin-top: 2px;
    width: 12px;
}

.newForm__error .error {
    align-items: flex-start;
    display: flex;
}

.newForm__error#uploadError {
    margin-bottom: 0;
}

.newForm__files .file {
    align-items: center;
    color: #969696;
    display: flex;
}

.newForm__files .file__delete {
    color: #545454;
    cursor: pointer;
}

.newForm__files .file__name {
    color: #969696;
    width: 100%;
    word-break: break-all;
}

.newForm__files .file__size {
    color: #545454;
    margin: 0 5px;
    white-space: nowrap;
}

.newForm__label {
    align-items: center;
    color: #ff6600;
    display: flex;
    font-size: 13px;
}

.newForm__label .label__icon {
    margin-right: 7px;
    width: 12px;
}

.newForm__label .label__text {
    text-decoration: underline;
}

.newForm__submit {
    background-color: #ff6600;
    border: 4px solid #ff6600;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1.39;
    margin: 0;
    padding: 4px 9px;
}

/*  BOX on Dekstop */

.box {
    margin-bottom: 32px;
}

.box__header {
    background-color: #ff6600;
    border-radius: 3px;
    margin: 4px 0 11px;
}

.box__header h4 {
    color: #ffffff;
    padding: 10px;
    margin: 0;
    text-align: center;
}

.box__message {
    display: none;
    font-size: 14px;
    line-height: 1.43;
    margin: 10px 0;
}

.box__message .message__close {
    background: none;
    border: 0;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: rotate(45deg);
    transition: .3s;
    width: 16px;
}

.box__message .message__close:hover {
    transform: rotate(135deg);
}

.box__message .message__close:before,
.box__message .message__close:after {
    background-color: #ff6600;
    content: '';
    height: 2px;
    left: 1px;
    position: absolute;
    top: 7px;
    transform-origin: center center;
    width: 14px;
}

.box__message .message__close:after {
    transform: rotate(90deg);
}

.box__message .message__container {
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 3px;
    color: #333333;
    display: flex;
    position: relative;
}

.box__message .message__graphic {
    flex: 0 0 60px;
    text-align: center;
}

.box__message .message__text {
    padding: 10px 30px 10px 10px;
}

[id="valuationOrderChannelId_chosen"].chosen-container .chosen-results li {
    word-break: break-word;
}

[id="valuationOrderChannelId_chosen"].chosen-container.chosen-disabled .chosen-single {
    height: auto;
}

[id="valuationOrderChannelId_chosen"].chosen-container.chosen-disabled .chosen-single span {
    line-height: 18px;
    padding: 8px 0;
    word-break: break-word;
    white-space: normal;
}

.serviceType_comm .comm {
    color: #737373;
    display: block;
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.serviceType_comm .comm i {
    cursor: pointer;
}

.serviceType_comm .comm.hide {
    display: none;
}

.flag {
    background-position: center left 4px !important;
    background-repeat: no-repeat !important;
    padding-left: 28px !important;
}

.flag.en {
    background-image: url('../img/flags/uk.png') !important;
}

.flag.pl {
    background-image: url('../img/flags/pl.png') !important;
}

.chosen-container-single .chosen-single span.flag {
    background-position: center left !important;
    padding-left: 24px !important;
}

.control-label--left {
    text-align: left !important;
}

.custom-error {
    color: #d16e6c;
    display: inline-block;
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: 5px;
    width: 100%;
}

.iCheck-label {
    padding-left: 31px;
}

.iCheck-label > div {
    margin-left: -31px;
}


/* FIXES */

.navbar-login-info--fixed .dropdown-navbar {
    height: 44px;
    width: 320px;
}

.navbar-login-info--fixed .dropdown-navbar > li.dropdown-header {
    padding: 5px;
}

.navbar-login-info--fixed .dropdown-navbar > li.dropdown-header.dropdown-header--output {
    height: 44px;
    padding: 5px;
    white-space: normal;
}

.navbar-login-info--fixed .dropdown-navbar > li.dropdown-header.dropdown-header--output > div {
    font-size: 12px;
    line-height: 18px;
}

.navbar-login-info--fixed .dropdown-navbar > li.dropdown-header > select {
    font-size: 12px;
    width: 300px;
}

.static-messages .chat-message .msg-content {
    white-space: normal;
}

.row--customer .col--customer-result {
    margin-left: -3px;
    padding: 5px 0;
}

.row--customer .green {
    color: #349651;
}

.row--customer .is-ours,
.row--customer .no-ours {
    font-size: 20px;
}

.row--customer .orange {
    color: #ff892a;
}

.row--customer .float-left,
.row--customer-actions .float-left {
    float: left;
}

.row--customer .float-right,
.row--customer-actions .float-right {
    float: right;
}

.row--customer .icon--left,
.row--customer-actions .icon--left {
    margin-right: 7px;
}

.row--customer-error {
    display: none;
    margin: 0 0 15px;
}

.row--customer-error .error__content {
    background-color: red;
    color: #ffffff;
    font-size: 13px;
    padding: 7px 20px;
    text-align: center;
}

.accordion-toggle .ace-icon,
.nav-list > li > a > .arrow {
    font-size: 18px !important;
    transition: .3s;
}

.accordion-toggle .ace-icon {
    margin-right: 2px;
}

.accordion-toggle.collapsed .ace-icon,
.nav-list > li.open > a > .arrow {
    transform: rotate(180deg);
}

.col--customer-info .oj__notification-inline {
    margin-left: 8.5%;
    margin-right: 2.75%;
}

.soz-order-details-common-info {
    border: 1px solid #559BD1;
    border-radius: 3px;
    font-size: 14px;
    line-height: 24px;
    margin: 15px 0 0 15px;
    padding: 5px 10px 5px 5px;
}

.soz-order-details-common-info svg {
    display: inline-block;
    height: 24px;
    margin-right: 3px;
    vertical-align: middle;
    width: 24px;
}

.category__description {
    color: #FF6200;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.3;
    margin: 2px 0;
}

.containerToLila {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.paragraphToLila {
  width: 90%;
}

.o-h {
	overflow: hidden;
}

input:checked+label .button_inner {
    background-color: pink;
    transform: rotate(90deg);
    width: 100px;
    border-radius: 100px;
    box-shadow: 0px 0px 0px 440px rgba(0, 0, 0, 0);
    -webkit-animation: finalbox 0.4s 4.42s cubic-bezier(0.39, 2.01, 0.27, 0.75) forwards;
    animation: finalbox 0.4s 4.42s cubic-bezier(0.39, 2.01, 0.27, 0.75) forwards;
}

input:checked+label .button_inner span.t {
    opacity: 0;
    top: 20px;
}

input:checked+label i.l {
    left: 14px;
    opacity: 1;
    top: 11px;
    -webkit-animation: down 1s 0.25s infinite, final 0.2s 4s forwards;
    animation: down 1s 0.25s infinite, final 0.2s 4s forwards;
}

input:checked+label .tick {
    position: absolute;
    left: 2px;
    right: 0;
    transform: scale(0) rotate(-90deg);
    color: #00C1FC;
    top: 11px;
    margin: auto;
    font-size: 22px;
    -webkit-animation: tick 0.3s 4.7s forwards;
    animation: tick 0.3s 4.7s forwards;
}

input:checked+label .button_spots {
    opacity: 1;
}

input:checked+label .button_spots:nth-of-type(0) {
    top: 8px !important;
    left: -34px !important;
    opacity: 0;
    padding: 3.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.65s linear infinite, final 0.2s 4s forwards, spot-0 0.7s 10.8571428571s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.4s 0.65s linear infinite, final 0.2s 4s forwards, spot-0 0.7s 10.8571428571s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(1) {
    top: 11px !important;
    left: -34px !important;
    opacity: 0;
    padding: 7px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.75s linear infinite, final 0.2s 4s forwards, spot-1 0.7s 11s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.4s 0.75s linear infinite, final 0.2s 4s forwards, spot-1 0.7s 11s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(2) {
    top: 14px !important;
    left: -34px !important;
    opacity: 0;
    padding: 2.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.35s linear infinite, final 0.2s 4s forwards, spot-2 0.7s 10.5333333333s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 0.35s linear infinite, final 0.2s 4s forwards, spot-2 0.7s 10.5333333333s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(3) {
    top: 8px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 1.05s linear infinite, final 0.2s 4s forwards, spot-3 0.7s 10.7s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 1.05s linear infinite, final 0.2s 4s forwards, spot-3 0.7s 10.7s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(4) {
    top: 15px !important;
    left: -34px !important;
    opacity: 0;
    padding: 5.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.45s linear infinite, final 0.2s 4s forwards, spot-4 0.7s 10.4s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.4s 0.45s linear infinite, final 0.2s 4s forwards, spot-4 0.7s 10.4s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(5) {
    top: 9px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.05s linear infinite, final 0.2s 4s forwards, spot-5 0.7s 10.5666666667s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 1.05s linear infinite, final 0.2s 4s forwards, spot-5 0.7s 10.5666666667s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(6) {
    top: 11px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-6 0.7s 10.5s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-6 0.7s 10.5s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(7) {
    top: 9px !important;
    left: -34px !important;
    opacity: 0;
    padding: 3.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.85s linear infinite, final 0.2s 4s forwards, spot-7 0.7s 10.35s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.85s linear infinite, final 0.2s 4s forwards, spot-7 0.7s 10.35s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(8) {
    top: 10px !important;
    left: -34px !important;
    opacity: 0;
    padding: 3px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 1.15s linear infinite, final 0.2s 4s forwards, spot-8 0.7s 10.54s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 1.15s linear infinite, final 0.2s 4s forwards, spot-8 0.7s 10.54s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(9) {
    top: 13px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.95s linear infinite, final 0.2s 4s forwards, spot-9 0.7s 10.5s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.95s linear infinite, final 0.2s 4s forwards, spot-9 0.7s 10.5s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(10) {
    top: 11px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 1.35s linear infinite, final 0.2s 4s forwards, spot-10 0.7s 11s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 1.35s linear infinite, final 0.2s 4s forwards, spot-10 0.7s 11s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(11) {
    top: 11px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 1.45s linear infinite, final 0.2s 4s forwards, spot-11 0.7s 10.8s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.4s 1.45s linear infinite, final 0.2s 4s forwards, spot-11 0.7s 10.8s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(12) {
    top: 13px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.85s linear infinite, final 0.2s 4s forwards, spot-12 0.7s 11.0333333333s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 0.85s linear infinite, final 0.2s 4s forwards, spot-12 0.7s 11.0333333333s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(13) {
    top: 6px !important;
    left: -34px !important;
    opacity: 0;
    padding: 7px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 1.25s linear infinite, final 0.2s 4s forwards, spot-13 0.7s 11.0444444444s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 1.25s linear infinite, final 0.2s 4s forwards, spot-13 0.7s 11.0444444444s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(14) {
    top: 9px !important;
    left: -34px !important;
    opacity: 0;
    padding: 2.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.25s linear infinite, final 0.2s 4s forwards, spot-14 0.7s 10.2571428571s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 1.25s linear infinite, final 0.2s 4s forwards, spot-14 0.7s 10.2571428571s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(15) {
    top: 12px !important;
    left: -34px !important;
    opacity: 0;
    padding: 3px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-15 0.7s 10.8666666667s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-15 0.7s 10.8666666667s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(16) {
    top: 8px !important;
    left: -34px !important;
    opacity: 0;
    padding: 2.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.35s linear infinite, final 0.2s 4s forwards, spot-16 0.7s 10.35s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.35s linear infinite, final 0.2s 4s forwards, spot-16 0.7s 10.35s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(17) {
    top: 12px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 1.45s linear infinite, final 0.2s 4s forwards, spot-17 0.7s 10.6s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 1.45s linear infinite, final 0.2s 4s forwards, spot-17 0.7s 10.6s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(18) {
    top: 9px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.55s linear infinite, final 0.2s 4s forwards, spot-18 0.7s 10.5444444444s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.55s linear infinite, final 0.2s 4s forwards, spot-18 0.7s 10.5444444444s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(19) {
    top: 7px !important;
    left: -34px !important;
    opacity: 0;
    padding: 5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.45s linear infinite, final 0.2s 4s forwards, spot-19 0.7s 10.2333333333s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 1.45s linear infinite, final 0.2s 4s forwards, spot-19 0.7s 10.2333333333s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(20) {
    top: 8px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.55s linear infinite, final 0.2s 4s forwards, spot-20 0.7s 11s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.4s 0.55s linear infinite, final 0.2s 4s forwards, spot-20 0.7s 11s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(21) {
    top: 7px !important;
    left: -34px !important;
    opacity: 0;
    padding: 5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.65s linear infinite, final 0.2s 4s forwards, spot-21 0.7s 11.1s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 0.65s linear infinite, final 0.2s 4s forwards, spot-21 0.7s 11.1s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(22) {
    top: 13px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-22 0.7s 11.1s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-22 0.7s 11.1s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(23) {
    top: 9px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.95s linear infinite, final 0.2s 4s forwards, spot-23 0.7s 10.78s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.95s linear infinite, final 0.2s 4s forwards, spot-23 0.7s 10.78s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(24) {
    top: 12px !important;
    left: -34px !important;
    opacity: 0;
    padding: 2.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-24 0.7s 10.7s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-24 0.7s 10.7s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(25) {
    top: 14px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.55s linear infinite, final 0.2s 4s forwards, spot-25 0.7s 10.8444444444s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 0.55s linear infinite, final 0.2s 4s forwards, spot-25 0.7s 10.8444444444s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(26) {
    top: 10px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.85s linear infinite, final 0.2s 4s forwards, spot-26 0.7s 10.5s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 0.85s linear infinite, final 0.2s 4s forwards, spot-26 0.7s 10.5s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(27) {
    top: 11px !important;
    left: -34px !important;
    opacity: 0;
    padding: 2.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.95s linear infinite, final 0.2s 4s forwards, spot-27 0.7s 10.25s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 0.95s linear infinite, final 0.2s 4s forwards, spot-27 0.7s 10.25s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(28) {
    top: 13px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.15s linear infinite, final 0.2s 4s forwards, spot-28 0.7s 10.48s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 1.15s linear infinite, final 0.2s 4s forwards, spot-28 0.7s 10.48s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(29) {
    top: 8px !important;
    left: -34px !important;
    opacity: 0;
    padding: 3.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.85s linear infinite, final 0.2s 4s forwards, spot-29 0.7s 11.1333333333s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.85s linear infinite, final 0.2s 4s forwards, spot-29 0.7s 11.1333333333s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(30) {
    top: 13px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.65s linear infinite, final 0.2s 4s forwards, spot-30 0.7s 10.74s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.65s linear infinite, final 0.2s 4s forwards, spot-30 0.7s 10.74s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(31) {
    top: 13px !important;
    left: -34px !important;
    opacity: 0;
    padding: 7px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-31 0.7s 10.44s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-31 0.7s 10.44s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(32) {
    top: 11px !important;
    left: -34px !important;
    opacity: 0;
    padding: 5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.65s linear infinite, final 0.2s 4s forwards, spot-32 0.7s 11s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.65s linear infinite, final 0.2s 4s forwards, spot-32 0.7s 11s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(33) {
    top: 6px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.55s linear infinite, final 0.2s 4s forwards, spot-33 0.7s 10.55s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 0.55s linear infinite, final 0.2s 4s forwards, spot-33 0.7s 10.55s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(34) {
    top: 11px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.95s linear infinite, final 0.2s 4s forwards, spot-34 0.7s 10.8333333333s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 0.95s linear infinite, final 0.2s 4s forwards, spot-34 0.7s 10.8333333333s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(35) {
    top: 6px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.55s linear infinite, final 0.2s 4s forwards, spot-35 0.7s 10.1666666667s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.4s 0.55s linear infinite, final 0.2s 4s forwards, spot-35 0.7s 10.1666666667s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(36) {
    top: 9px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-36 0.7s 10.2s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-36 0.7s 10.2s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(37) {
    top: 6px !important;
    left: -34px !important;
    opacity: 0;
    padding: 3px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.25s linear infinite, final 0.2s 4s forwards, spot-37 0.7s 10.7s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 1.25s linear infinite, final 0.2s 4s forwards, spot-37 0.7s 10.7s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(38) {
    top: 7px !important;
    left: -34px !important;
    opacity: 0;
    padding: 5.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 1.25s linear infinite, final 0.2s 4s forwards, spot-38 0.7s 11.1s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 1.25s linear infinite, final 0.2s 4s forwards, spot-38 0.7s 11.1s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(39) {
    top: 8px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.45s linear infinite, final 0.2s 4s forwards, spot-39 0.7s 10.15s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 1.45s linear infinite, final 0.2s 4s forwards, spot-39 0.7s 10.15s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(40) {
    top: 10px !important;
    left: -34px !important;
    opacity: 0;
    padding: 5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-40 0.7s 11.1s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-40 0.7s 11.1s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(41) {
    top: 15px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.05s linear infinite, final 0.2s 4s forwards, spot-41 0.7s 10.64s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 1.05s linear infinite, final 0.2s 4s forwards, spot-41 0.7s 10.64s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(42) {
    top: 12px !important;
    left: -34px !important;
    opacity: 0;
    padding: 5.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.15s linear infinite, final 0.2s 4s forwards, spot-42 0.7s 10.28s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 1.15s linear infinite, final 0.2s 4s forwards, spot-42 0.7s 10.28s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(43) {
    top: 10px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.35s linear infinite, final 0.2s 4s forwards, spot-43 0.7s 10.68s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.35s linear infinite, final 0.2s 4s forwards, spot-43 0.7s 10.68s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(44) {
    top: 6px !important;
    left: -34px !important;
    opacity: 0;
    padding: 2.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.85s linear infinite, final 0.2s 4s forwards, spot-44 0.7s 10.84s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 0.85s linear infinite, final 0.2s 4s forwards, spot-44 0.7s 10.84s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(45) {
    top: 6px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 1.45s linear infinite, final 0.2s 4s forwards, spot-45 0.7s 10.44s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 1.45s linear infinite, final 0.2s 4s forwards, spot-45 0.7s 10.44s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(46) {
    top: 14px !important;
    left: -34px !important;
    opacity: 0;
    padding: 5.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.35s linear infinite, final 0.2s 4s forwards, spot-46 0.7s 10.58s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.4s 0.35s linear infinite, final 0.2s 4s forwards, spot-46 0.7s 10.58s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(47) {
    top: 8px !important;
    left: -34px !important;
    opacity: 0;
    padding: 5.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.45s linear infinite, final 0.2s 4s forwards, spot-47 0.7s 10.6s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 1.45s linear infinite, final 0.2s 4s forwards, spot-47 0.7s 10.6s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(48) {
    top: 10px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.85s linear infinite, final 0.2s 4s forwards, spot-48 0.7s 10.9s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.4s 0.85s linear infinite, final 0.2s 4s forwards, spot-48 0.7s 10.9s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(49) {
    top: 12px !important;
    left: -34px !important;
    opacity: 0;
    padding: 5.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.15s linear infinite, final 0.2s 4s forwards, spot-49 0.7s 10.4571428571s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 1.15s linear infinite, final 0.2s 4s forwards, spot-49 0.7s 10.4571428571s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(50) {
    top: 8px !important;
    left: -34px !important;
    opacity: 0;
    padding: 3.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.85s linear infinite, final 0.2s 4s forwards, spot-50 0.7s 10.2333333333s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 0.85s linear infinite, final 0.2s 4s forwards, spot-50 0.7s 10.2333333333s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(51) {
    top: 10px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.75s linear infinite, final 0.2s 4s forwards, spot-51 0.7s 11.2s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.4s 0.75s linear infinite, final 0.2s 4s forwards, spot-51 0.7s 11.2s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(52) {
    top: 10px !important;
    left: -34px !important;
    opacity: 0;
    padding: 2.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.05s linear infinite, final 0.2s 4s forwards, spot-52 0.7s 10.9s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 1.05s linear infinite, final 0.2s 4s forwards, spot-52 0.7s 10.9s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(53) {
    top: 13px !important;
    left: -34px !important;
    opacity: 0;
    padding: 2.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-53 0.7s 10.9s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-53 0.7s 10.9s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(54) {
    top: 12px !important;
    left: -34px !important;
    opacity: 0;
    padding: 5.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.15s linear infinite, final 0.2s 4s forwards, spot-54 0.7s 11.0571428571s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 1.15s linear infinite, final 0.2s 4s forwards, spot-54 0.7s 11.0571428571s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(55) {
    top: 8px !important;
    left: -34px !important;
    opacity: 0;
    padding: 4.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.05s linear infinite, final 0.2s 4s forwards, spot-55 0.7s 10.8s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 1.05s linear infinite, final 0.2s 4s forwards, spot-55 0.7s 10.8s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(56) {
    top: 6px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-56 0.7s 10.6s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-56 0.7s 10.6s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(57) {
    top: 11px !important;
    left: -34px !important;
    opacity: 0;
    padding: 7px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.55s linear infinite, final 0.2s 4s forwards, spot-57 0.7s 10.1444444444s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 0.55s linear infinite, final 0.2s 4s forwards, spot-57 0.7s 10.1444444444s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(58) {
    top: 13px !important;
    left: -34px !important;
    opacity: 0;
    padding: 2.75px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.45s linear infinite, final 0.2s 4s forwards, spot-58 0.7s 10.9s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.2s 1.45s linear infinite, final 0.2s 4s forwards, spot-58 0.7s 10.9s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(59) {
    top: 14px !important;
    left: -34px !important;
    opacity: 0;
    padding: 6.25px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.25s linear infinite, final 0.2s 4s forwards, spot-59 0.7s 10.9333333333s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.3s 1.25s linear infinite, final 0.2s 4s forwards, spot-59 0.7s 10.9333333333s linear infinite !important;
}

input:checked+label .button_spots:nth-of-type(60) {
    top: 12px !important;
    left: -34px !important;
    opacity: 0;
    padding: 2.5px !important;
    -webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 1.35s linear infinite, final 0.2s 4s forwards, spot-60 0.7s 10.75s linear infinite !important;
    animation: spew 1s 0.3s forwards, rotate 4.1s 1.35s linear infinite, final 0.2s 4s forwards, spot-60 0.7s 10.75s linear infinite !important;
}

.tick {
    position: absolute;
    left: -40px;
    right: 0;
    transform: scale(0);
    margin: auto;
    font-size: 22px;
}

.button .b_l_quad .button_spots:nth-child(1) {
    padding: 5px;
    left: -13px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(2) {
    padding: 3px;
    left: -1px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(3) {
    padding: 3px;
    left: 11px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(4) {
    padding: 3px;
    left: 23px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(5) {
    padding: 4px;
    left: 35px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(6) {
    padding: 4px;
    left: 47px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(7) {
    padding: 4px;
    left: 59px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(8) {
    padding: 5px;
    left: 71px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(9) {
    padding: 5px;
    left: 83px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(10) {
    padding: 4px;
    left: 95px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(11) {
    padding: 4px;
    left: 107px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(12) {
    padding: 4px;
    left: 119px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(13) {
    padding: 4px;
    left: 131px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(14) {
    padding: 4px;
    left: 143px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(15) {
    padding: 3px;
    left: 155px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(16) {
    padding: 5px;
    left: 167px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(17) {
    padding: 3px;
    left: 179px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(18) {
    padding: 4px;
    left: 191px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(19) {
    padding: 4px;
    left: 203px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(20) {
    padding: 5px;
    left: 215px;
    top: 50px;
}

.button .b_l_quad .button_spots:nth-child(20) {
    padding: 4px;
    left: -15px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(21) {
    padding: 4px;
    left: -3px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(22) {
    padding: 5px;
    left: 9px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(23) {
    padding: 5px;
    left: 21px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(24) {
    padding: 4px;
    left: 33px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(25) {
    padding: 5px;
    left: 45px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(26) {
    padding: 5px;
    left: 57px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(27) {
    padding: 5px;
    left: 69px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(28) {
    padding: 3px;
    left: 81px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(29) {
    padding: 4px;
    left: 93px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(30) {
    padding: 4px;
    left: 105px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(31) {
    padding: 4px;
    left: 117px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(32) {
    padding: 4px;
    left: 129px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(33) {
    padding: 3px;
    left: 141px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(34) {
    padding: 4px;
    left: 153px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(35) {
    padding: 5px;
    left: 165px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(36) {
    padding: 3px;
    left: 177px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(37) {
    padding: 4px;
    left: 189px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(38) {
    padding: 4px;
    left: 201px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(39) {
    padding: 3px;
    left: 213px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(40) {
    padding: 4px;
    left: 225px;
    top: -12px;
}

.button .b_l_quad .button_spots:nth-child(40) {
    padding: 4px;
    left: 204px;
    top: -8px;
}

.button .b_l_quad .button_spots:nth-child(41) {
    padding: 5px;
    left: 204px;
    top: 4px;
}

.button .b_l_quad .button_spots:nth-child(42) {
    padding: 4px;
    left: 204px;
    top: 16px;
}

.button .b_l_quad .button_spots:nth-child(43) {
    padding: 4px;
    left: 204px;
    top: 28px;
}

.button .b_l_quad .button_spots:nth-child(44) {
    padding: 5px;
    left: 204px;
    top: 40px;
}

.button .b_l_quad .button_spots:nth-child(45) {
    padding: 4px;
    left: 204px;
    top: 52px;
}

.button .b_l_quad .button_spots:nth-child(46) {
    padding: 5px;
    left: 204px;
    top: 64px;
}

.button .b_l_quad .button_spots:nth-child(46) {
    padding: 5px;
    left: -10px;
    top: -16px;
}

.button .b_l_quad .button_spots:nth-child(47) {
    padding: 5px;
    left: -10px;
    top: -4px;
}

.button .b_l_quad .button_spots:nth-child(48) {
    padding: 3px;
    left: -10px;
    top: 8px;
}

.button .b_l_quad .button_spots:nth-child(49) {
    padding: 4px;
    left: -10px;
    top: 20px;
}

.button .b_l_quad .button_spots:nth-child(50) {
    padding: 3px;
    left: -10px;
    top: 32px;
}

.button .b_l_quad .button_spots:nth-child(51) {
    padding: 4px;
    left: -10px;
    top: 44px;
}

.button .b_l_quad .button_spots:nth-child(52) {
    padding: 5px;
    left: -10px;
    top: 56px;
}

.button .button_spots {
    position: absolute;
    border-radius: 100px;
    background: green;
    opacity: 0;
    -webkit-animation: opacity 1s;
    animation: opacity 1s;
}

.button .button_spots:nth-of-type(1) {
    transform-origin: 84px 16px;
    background: #8d76d5;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.3s;
}

.button .button_spots:nth-of-type(2) {
    transform-origin: 84px 17px;
    background: #a9d477;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.2s;
}

.button .button_spots:nth-of-type(3) {
    transform-origin: 83px 15px;
    background: #d2cf79;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.7s;
}

.button .button_spots:nth-of-type(4) {
    transform-origin: 81px 10px;
    background: #7ad181;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.5s;
}

.button .button_spots:nth-of-type(5) {
    transform-origin: 83px 18px;
    background: #74d89c;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.1s;
}

.button .button_spots:nth-of-type(6) {
    transform-origin: 86px 15px;
    background: #7ad1c4;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 2s;
}

.button .button_spots:nth-of-type(7) {
    transform-origin: 88px 12px;
    background: #d17a83;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.6s;
}

.button .button_spots:nth-of-type(8) {
    transform-origin: 81px 14px;
    background: #c9d378;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.7s;
}

.button .button_spots:nth-of-type(9) {
    transform-origin: 86px 13px;
    background: #9274d8;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.2s;
}

.button .button_spots:nth-of-type(10) {
    transform-origin: 88px 15px;
    background: #7cccd0;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 2s;
}

.button .button_spots:nth-of-type(11) {
    transform-origin: 82px 18px;
    background: #74d8b5;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.7s;
}

.button .button_spots:nth-of-type(12) {
    transform-origin: 87px 11px;
    background: #7cd0a9;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.3s;
}

.button .button_spots:nth-of-type(13) {
    transform-origin: 80px 10px;
    background: #bed07c;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.2s;
}

.button .button_spots:nth-of-type(14) {
    transform-origin: 82px 11px;
    background: #d78775;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.1s;
}

.button .button_spots:nth-of-type(15) {
    transform-origin: 84px 16px;
    background: #897ad1;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.2s;
}

.button .button_spots:nth-of-type(16) {
    transform-origin: 86px 10px;
    background: #d3c978;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.3s;
}

.button .button_spots:nth-of-type(17) {
    transform-origin: 88px 14px;
    background: #9475d7;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.8s;
}

.button .button_spots:nth-of-type(18) {
    transform-origin: 82px 10px;
    background: #74d8c5;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.1s;
}

.button .button_spots:nth-of-type(19) {
    transform-origin: 81px 12px;
    background: #76d6ac;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.3s;
}

.button .button_spots:nth-of-type(20) {
    transform-origin: 82px 10px;
    background: #7bbed1;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.3s;
}

.button .button_spots:nth-of-type(21) {
    transform-origin: 86px 17px;
    background: #d1a97b;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.3s;
}

.button .button_spots:nth-of-type(22) {
    transform-origin: 81px 14px;
    background: #7bbed1;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 2s;
}

.button .button_spots:nth-of-type(23) {
    transform-origin: 82px 14px;
    background: #76d6cb;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.4s;
}

.button .button_spots:nth-of-type(24) {
    transform-origin: 80px 18px;
    background: #a179d2;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.5s;
}

.button .button_spots:nth-of-type(25) {
    transform-origin: 88px 13px;
    background: #c5d279;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.2s;
}

.button .button_spots:nth-of-type(26) {
    transform-origin: 88px 16px;
    background: #799ad2;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.4s;
}

.button .button_spots:nth-of-type(27) {
    transform-origin: 89px 14px;
    background: #a377d4;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.1s;
}

.button .button_spots:nth-of-type(28) {
    transform-origin: 87px 16px;
    background: #7bcbd1;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.4s;
}

.button .button_spots:nth-of-type(29) {
    transform-origin: 80px 14px;
    background: #d28479;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.5s;
}

.button .button_spots:nth-of-type(30) {
    transform-origin: 81px 10px;
    background: #b9d17a;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.5s;
}

.button .button_spots:nth-of-type(31) {
    transform-origin: 84px 15px;
    background: #797bd2;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.4s;
}

.button .button_spots:nth-of-type(32) {
    transform-origin: 85px 11px;
    background: #7b9fd1;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.5s;
}

.button .button_spots:nth-of-type(33) {
    transform-origin: 80px 14px;
    background: #75d7a6;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.6s;
}

.button .button_spots:nth-of-type(34) {
    transform-origin: 82px 15px;
    background: #d58b76;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.3s;
}

.button .button_spots:nth-of-type(35) {
    transform-origin: 85px 13px;
    background: #798ed2;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.5s;
}

.button .button_spots:nth-of-type(36) {
    transform-origin: 88px 11px;
    background: #79d1d2;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.6s;
}

.button .button_spots:nth-of-type(37) {
    transform-origin: 83px 16px;
    background: #c178d3;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 2s;
}

.button .button_spots:nth-of-type(38) {
    transform-origin: 80px 13px;
    background: #85d576;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.6s;
}

.button .button_spots:nth-of-type(39) {
    transform-origin: 81px 10px;
    background: #d17a7b;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.1s;
}

.button .button_spots:nth-of-type(40) {
    transform-origin: 85px 10px;
    background: #9074d8;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.9s;
}

.button .button_spots:nth-of-type(41) {
    transform-origin: 80px 15px;
    background: #d1a17a;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 2s;
}

.button .button_spots:nth-of-type(42) {
    transform-origin: 87px 14px;
    background: #d17b82;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 2s;
}

.button .button_spots:nth-of-type(43) {
    transform-origin: 89px 17px;
    background: #7c86d0;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.6s;
}

.button .button_spots:nth-of-type(44) {
    transform-origin: 81px 19px;
    background: #7ba1d1;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.9s;
}

.button .button_spots:nth-of-type(45) {
    transform-origin: 89px 18px;
    background: #76d6b3;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.8s;
}

.button .button_spots:nth-of-type(46) {
    transform-origin: 89px 14px;
    background: #c776d6;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.9s;
}

.button .button_spots:nth-of-type(47) {
    transform-origin: 89px 18px;
    background: #7587d7;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.8s;
}

.button .button_spots:nth-of-type(48) {
    transform-origin: 86px 10px;
    background: #d28479;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.7s;
}

.button .button_spots:nth-of-type(49) {
    transform-origin: 81px 15px;
    background: #c3d07c;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.7s;
}

.button .button_spots:nth-of-type(50) {
    transform-origin: 85px 12px;
    background: #769cd5;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.7s;
}

.button .button_spots:nth-of-type(51) {
    transform-origin: 85px 10px;
    background: #76d69e;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.6s;
}

.button .button_spots:nth-of-type(52) {
    transform-origin: 81px 17px;
    background: #78d38c;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    transition: all 1.1s;
}

.dlaLilki {
      background: transparent;
      color: white;
      border: 0;
      width: 100%;
      height: 100%;
      font-size: 20px;
}

.button_inner {
    border-radius: 10px;
    position: absolute;
    width: 200px;
    height: 50px;
    right: 10px;
    top: 50%;
    margin: auto;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04);
    font-weight: 100;
    font-size: 12px;
    cursor: pointer;
    border: 2px solid #FFFFFF;
    color: white;
    text-align: Center;
    transition: all 0.3s, box-shadow 0.2s, transform 0.2s 0.2s;
    background-color: #ff6600;
    border: 0;
}

.button_inner span.t {
    position: relative;
    top: 6px;
    opacity: 1;
    left: -10px;
    transition: left 0.4s 0.1s;
}

.button_inner i.l {
    position: relative;
    left: -19px;
    top: 20px;
    color: #00C4FF;
    font-size: 25px;
    opacity: 0;
    transition: left 0.3s 0s, top 0.3s 0s, opacity 0.3s 0s;
}

.button_inner:hover {
    color: #2C3940;
    background: #FF6EC7;
    box-shadow: 0px 17px 18px -14px rgba(0, 0, 0, 0.08);
}

.button_inner:hover span.t {
    left: 16px;
    transition: left 0.4s;
}

.button_inner:hover i.l {
    top: 12px;
    opacity: 1;
    transition: left 0.3s 0s, top 0.3s 0.1s, opacity 0.3s 0.1s;
}

.button_inner:hover .button_spots:nth-of-type(1) {
    -webkit-animation: spot-1 0.7s 0.3444444444s linear infinite;
    animation: spot-1 0.7s 0.3444444444s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(2) {
    -webkit-animation: spot-2 0.7s 0.4333333333s linear infinite;
    animation: spot-2 0.7s 0.4333333333s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(3) {
    -webkit-animation: spot-3 0.7s 0.7666666667s linear infinite;
    animation: spot-3 0.7s 0.7666666667s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(4) {
    -webkit-animation: spot-4 0.7s 1.1s linear infinite;
    animation: spot-4 0.7s 1.1s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(5) {
    -webkit-animation: spot-5 0.7s 1.2s linear infinite;
    animation: spot-5 0.7s 1.2s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(6) {
    -webkit-animation: spot-6 0.7s 1.05s linear infinite;
    animation: spot-6 0.7s 1.05s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(7) {
    -webkit-animation: spot-7 0.7s 0.18s linear infinite;
    animation: spot-7 0.7s 0.18s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(8) {
    -webkit-animation: spot-8 0.7s 0.8s linear infinite;
    animation: spot-8 0.7s 0.8s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(9) {
    -webkit-animation: spot-9 0.7s 0.38s linear infinite;
    animation: spot-9 0.7s 0.38s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(10) {
    -webkit-animation: spot-10 0.7s 0.98s linear infinite;
    animation: spot-10 0.7s 0.98s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(11) {
    -webkit-animation: spot-11 0.7s 0.5571428571s linear infinite;
    animation: spot-11 0.7s 0.5571428571s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(12) {
    -webkit-animation: spot-12 0.7s 1.05s linear infinite;
    animation: spot-12 0.7s 1.05s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(13) {
    -webkit-animation: spot-13 0.7s 0.3666666667s linear infinite;
    animation: spot-13 0.7s 0.3666666667s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(14) {
    -webkit-animation: spot-14 0.7s 0.88s linear infinite;
    animation: spot-14 0.7s 0.88s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(15) {
    -webkit-animation: spot-15 0.7s 0.94s linear infinite;
    animation: spot-15 0.7s 0.94s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(16) {
    -webkit-animation: spot-16 0.7s 0.3333333333s linear infinite;
    animation: spot-16 0.7s 0.3333333333s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(17) {
    -webkit-animation: spot-17 0.7s 0.44s linear infinite;
    animation: spot-17 0.7s 0.44s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(18) {
    -webkit-animation: spot-18 0.7s 1.1333333333s linear infinite;
    animation: spot-18 0.7s 1.1333333333s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(19) {
    -webkit-animation: spot-19 0.7s 0.9s linear infinite;
    animation: spot-19 0.7s 0.9s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(20) {
    -webkit-animation: spot-20 0.7s 0.94s linear infinite;
    animation: spot-20 0.7s 0.94s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(21) {
    -webkit-animation: spot-21 0.7s 0.8s linear infinite;
    animation: spot-21 0.7s 0.8s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(22) {
    -webkit-animation: spot-22 0.7s 0.68s linear infinite;
    animation: spot-22 0.7s 0.68s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(23) {
    -webkit-animation: spot-23 0.7s 0.3666666667s linear infinite;
    animation: spot-23 0.7s 0.3666666667s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(24) {
    -webkit-animation: spot-24 0.7s 0.3s linear infinite;
    animation: spot-24 0.7s 0.3s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(25) {
    -webkit-animation: spot-25 0.7s 0.6s linear infinite;
    animation: spot-25 0.7s 0.6s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(26) {
    -webkit-animation: spot-26 0.7s 1.04s linear infinite;
    animation: spot-26 0.7s 1.04s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(27) {
    -webkit-animation: spot-27 0.7s 0.5444444444s linear infinite;
    animation: spot-27 0.7s 0.5444444444s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(28) {
    -webkit-animation: spot-28 0.7s 0.1571428571s linear infinite;
    animation: spot-28 0.7s 0.1571428571s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(29) {
    -webkit-animation: spot-29 0.7s 0.8333333333s linear infinite;
    animation: spot-29 0.7s 0.8333333333s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(30) {
    -webkit-animation: spot-30 0.7s 1.0666666667s linear infinite;
    animation: spot-30 0.7s 1.0666666667s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(31) {
    -webkit-animation: spot-31 0.7s 1s linear infinite;
    animation: spot-31 0.7s 1s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(32) {
    -webkit-animation: spot-32 0.7s 0.2571428571s linear infinite;
    animation: spot-32 0.7s 0.2571428571s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(33) {
    -webkit-animation: spot-33 0.7s 1.1s linear infinite;
    animation: spot-33 0.7s 1.1s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(34) {
    -webkit-animation: spot-34 0.7s 0.55s linear infinite;
    animation: spot-34 0.7s 0.55s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(35) {
    -webkit-animation: spot-35 0.7s 1.0666666667s linear infinite;
    animation: spot-35 0.7s 1.0666666667s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(36) {
    -webkit-animation: spot-36 0.7s 0.9444444444s linear infinite;
    animation: spot-36 0.7s 0.9444444444s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(37) {
    -webkit-animation: spot-37 0.7s 0.4444444444s linear infinite;
    animation: spot-37 0.7s 0.4444444444s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(38) {
    -webkit-animation: spot-38 0.7s 0.4s linear infinite;
    animation: spot-38 0.7s 0.4s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(39) {
    -webkit-animation: spot-39 0.7s 1.3s linear infinite;
    animation: spot-39 0.7s 1.3s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(40) {
    -webkit-animation: spot-40 0.7s 0.2s linear infinite;
    animation: spot-40 0.7s 0.2s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(40) {
    -webkit-animation: spot-40 0.7s 0.68s linear infinite;
    animation: spot-40 0.7s 0.68s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(41) {
    -webkit-animation: spot-41 0.7s 1.05s linear infinite;
    animation: spot-41 0.7s 1.05s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(42) {
    -webkit-animation: spot-42 0.7s 1.08s linear infinite;
    animation: spot-42 0.7s 1.08s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(43) {
    -webkit-animation: spot-43 0.7s 1.1333333333s linear infinite;
    animation: spot-43 0.7s 1.1333333333s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(44) {
    -webkit-animation: spot-44 0.7s 0.3s linear infinite;
    animation: spot-44 0.7s 0.3s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(45) {
    -webkit-animation: spot-45 0.7s 0.8333333333s linear infinite;
    animation: spot-45 0.7s 0.8333333333s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(46) {
    -webkit-animation: spot-46 0.7s 0.5571428571s linear infinite;
    animation: spot-46 0.7s 0.5571428571s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(46) {
    -webkit-animation: spot-46 0.7s 0.8s linear infinite;
    animation: spot-46 0.7s 0.8s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(47) {
    -webkit-animation: spot-47 0.7s 0.65s linear infinite;
    animation: spot-47 0.7s 0.65s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(48) {
    -webkit-animation: spot-48 0.7s 0.5s linear infinite;
    animation: spot-48 0.7s 0.5s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(49) {
    -webkit-animation: spot-49 0.7s 0.4444444444s linear infinite;
    animation: spot-49 0.7s 0.4444444444s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(50) {
    -webkit-animation: spot-50 0.7s 0.35s linear infinite;
    animation: spot-50 0.7s 0.35s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(51) {
    -webkit-animation: spot-51 0.7s 1.04s linear infinite;
    animation: spot-51 0.7s 1.04s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(52) {
    -webkit-animation: spot-52 0.7s 0.9333333333s linear infinite;
    animation: spot-52 0.7s 0.9333333333s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(53) {
    -webkit-animation: spot-53 0.7s 0.4s linear infinite;
    animation: spot-53 0.7s 0.4s linear infinite;
}

.button_inner:hover .button_spots:nth-of-type(54) {
    -webkit-animation: spot-54 0.7s 0.7s linear infinite;
    animation: spot-54 0.7s 0.7s linear infinite;
}

@-webkit-keyframes spot-1 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-18px);
        opacity: 0.6;
    }
}

@keyframes spot-1 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-18px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-2 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-16px);
        opacity: 0.6;
    }
}

@keyframes spot-2 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-16px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-3 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-14px);
        opacity: 0.6;
    }
}

@keyframes spot-3 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-14px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-4 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-12px);
        opacity: 0.6;
    }
}

@keyframes spot-4 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-12px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-5 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-10px);
        opacity: 0.6;
    }
}

@keyframes spot-5 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-10px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-6 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-8px);
        opacity: 0.6;
    }
}

@keyframes spot-6 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-8px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-7 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-6px);
        opacity: 0.6;
    }
}

@keyframes spot-7 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-6px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-8 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-4px);
        opacity: 0.6;
    }
}

@keyframes spot-8 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-4px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-9 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-2px);
        opacity: 0.6;
    }
}

@keyframes spot-9 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(-2px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-10 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(0px);
        opacity: 0.6;
    }
}

@keyframes spot-10 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(0px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-11 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(2px);
        opacity: 0.6;
    }
}

@keyframes spot-11 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(2px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-12 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(4px);
        opacity: 0.6;
    }
}

@keyframes spot-12 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(4px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-13 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(6px);
        opacity: 0.6;
    }
}

@keyframes spot-13 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(6px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-14 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(8px);
        opacity: 0.6;
    }
}

@keyframes spot-14 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(8px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-15 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(10px);
        opacity: 0.6;
    }
}

@keyframes spot-15 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(10px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-16 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(12px);
        opacity: 0.6;
    }
}

@keyframes spot-16 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(12px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-17 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(14px);
        opacity: 0.6;
    }
}

@keyframes spot-17 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(14px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-18 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(16px);
        opacity: 0.6;
    }
}

@keyframes spot-18 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(16px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-19 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(18px);
        opacity: 0.6;
    }
}

@keyframes spot-19 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(18px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-20 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(20px);
        opacity: 0.6;
    }
}

@keyframes spot-20 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(30px) translatex(20px);
        opacity: 0.6;
    }
}

@keyframes spot-20 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(-10px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-21 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(-8px);
        opacity: 0.6;
    }
}

@keyframes spot-21 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(-8px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-22 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(-6px);
        opacity: 0.6;
    }
}

@keyframes spot-22 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(-6px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-23 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(-4px);
        opacity: 0.6;
    }
}

@keyframes spot-23 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(-4px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-24 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(-2px);
        opacity: 0.6;
    }
}

@keyframes spot-24 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(-2px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-25 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(0px);
        opacity: 0.6;
    }
}

@keyframes spot-25 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(0px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-26 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(2px);
        opacity: 0.6;
    }
}

@keyframes spot-26 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(2px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-27 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(4px);
        opacity: 0.6;
    }
}

@keyframes spot-27 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(4px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-28 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(6px);
        opacity: 0.6;
    }
}

@keyframes spot-28 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(6px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-29 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(8px);
        opacity: 0.6;
    }
}

@keyframes spot-29 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(8px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-30 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(10px);
        opacity: 0.6;
    }
}

@keyframes spot-30 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(10px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-31 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(12px);
        opacity: 0.6;
    }
}

@keyframes spot-31 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(12px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-32 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(14px);
        opacity: 0.6;
    }
}

@keyframes spot-32 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(14px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-33 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(16px);
        opacity: 0.6;
    }
}

@keyframes spot-33 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(16px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-34 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(18px);
        opacity: 0.6;
    }
}

@keyframes spot-34 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(18px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-35 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(20px);
        opacity: 0.6;
    }
}

@keyframes spot-35 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(20px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-36 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(22px);
        opacity: 0.6;
    }
}

@keyframes spot-36 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(22px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-37 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(24px);
        opacity: 0.6;
    }
}

@keyframes spot-37 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(24px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-38 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(26px);
        opacity: 0.6;
    }
}

@keyframes spot-38 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(26px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-39 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(28px);
        opacity: 0.6;
    }
}

@keyframes spot-39 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(28px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-40 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(30px);
        opacity: 0.6;
    }
}

@keyframes spot-40 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-30px) translatex(30px);
        opacity: 0.6;
    }
}

@keyframes spot-40 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-6px) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-41 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-4px) translatex(40px);
        opacity: 0.6;
    }
}

@keyframes spot-41 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-4px) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-42 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-2px) translatex(40px);
        opacity: 0.6;
    }
}

@keyframes spot-42 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-2px) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-43 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(0px) translatex(40px);
        opacity: 0.6;
    }
}

@keyframes spot-43 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(0px) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-44 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(2px) translatex(40px);
        opacity: 0.6;
    }
}

@keyframes spot-44 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(2px) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-45 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(4px) translatex(40px);
        opacity: 0.6;
    }
}

@keyframes spot-45 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(4px) translatex(40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-46 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-7px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-46 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-7px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-47 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-5px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-47 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-5px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-48 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-3px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-48 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-3px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-49 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-1px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-49 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(-1px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-50 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(1px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-50 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(1px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-51 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(3px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-51 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(3px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-52 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(5px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-52 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(5px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-53 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(7px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-53 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(7px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes spot-54 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(9px) translatex(-40px);
        opacity: 0.6;
    }
}

@keyframes spot-54 {
    from {
        opacity: 0;
    }

    to {
        transform: translateY(9px) translatex(-40px);
        opacity: 0.6;
    }
}

@-webkit-keyframes opacity {
    to {
        opacity: 0;
    }
}

@keyframes opacity {
    to {
        opacity: 0;
    }
}

@-webkit-keyframes rotate {
    from {
        opacity: 0.8;
    }

    to {
        transform: rotate(360deg);
        opacity: 0.8;
    }
}

@keyframes rotate {
    from {
        opacity: 0.8;
    }

    to {
        transform: rotate(360deg);
        opacity: 0.8;
    }
}

@-webkit-keyframes down {
    from {
        left: 10px;
    }

    to {
        left: 57px;
    }
}

@keyframes down {
    from {
        left: 10px;
    }

    to {
        left: 57px;
    }
}

@-webkit-keyframes spew {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.8;
    }
}

@keyframes spew {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.8;
    }
}

@-webkit-keyframes final {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes final {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes finalbox {
    to {
        width: 50px;
    }
}

@keyframes finalbox {
    to {
        width: 50px;
    }
}

@-webkit-keyframes tick {
    to {
        transform: scale(1) rotate(-90deg);
    }
}

@keyframes tick {
    to {
        transform: scale(1) rotate(-90deg);
    }
}

#contentTemplateInfo {
	background-color: #f0f0f0;
	border-radius: 4px 4px 0 0;
	padding: 16px;
}

#contentTemplateInfo button {
	background-color: #6fb3e0;
	border: 0;
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
}

#contentTemplateInfo p:first-of-type {
	margin-top: 0;
}