body
{
	font-family: Arial;
	/* background: linear-gradient(303.08deg, #E7E9F6 15.33%, #F5FBFC 105.8%); */
	background-color: rgba(231,233,246,0.5);
	backdrop-filter: blur(32px);
}

/* product grid scrolling */

html, body {
	height: 100%;
	margin: 0;
}

.main-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.text-disabled
{
	color: #ccc;
}


.scrollheader {
	flex: 0 1 auto;
}

.scrollgrid {
	flex: 1 1 auto;
	display: flex;
	overflow-y: auto;
	overflow-x: hidden;
	flex-direction: column;
}

table {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

th, td {
	padding: 8px;
	text-align: left;
	min-height: 100px;
}
/* product grid scrolling */

.sm-icon
{
	max-height: 30px;
}

.spinner-border
{
	max-height: 30px;
	max-width: 30px;'
}

.spinner-border-center
{
	display: inline-block;
	margin: 0 50%;
}

.darkTheme a,
.darkTheme a:hover {
	color: #ffffff;
}

.progress-bar {
    transition: none;
}

.btn-compact
{
	padding: 0;
}

.btn-visible
{
	display: inline;
}

.btn-hidden
{
	display: none;
}

.btn-active
{
	color: black;
}

.cursor-hand
{
	cursor: pointer;
}

.material-symbols-outlined
{
	vertical-align: middle;
}

/* PlainAdmin custom */

.main-wrapper
{
	margin-left: 0;
}

.category-img
{
	width: 40px;
	margin-right: 15px;
	border-radius: 10%;
}

.category-img-small
{
	width: 30px;
	margin-right: 2px;
	border-radius: 20%;
	border: 3px solid transparent;
	box-sizing: content-box;
}

.category-img-small-select
{
	border: 3px solid gray;
}

#status-busy
{
	padding-right: 10px;
}

.width-75
{
	width: 75%;
}

.text-break
{
	width: 100%;
	overflow-wrap: break-word;
}

.chat-list-item .image {
	max-width: 40px;
}

.chat-list-item .image img
{
	border-radius: 10%;
}

.card-style,
.card-style-2 {
	overflow: hidden;
	border: none;
	border-radius: 14px;
	box-shadow: 0 4px 10px 0 rgb(40, 56, 102, 0.22);
}

.card-style-2
{
	padding-top: 0;
}

.card-style-2 summary {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	color: #283866;
}

.darkTheme .card-style-2 summary {
	color: #ffffff;
}

.card-style-2 summary::marker {
	display: none;
}

.card-style-2 summary::before {
	content: "";
	position: absolute;
	top: 10px;
	right: 6px;
	width: 16px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA4Ij48cGF0aCBkPSJNNS4yNjUgNy4yMDVhMSAxIDAgMCAwIDEuNDcgMGw0LjY0My01LjAyNmMuNTkxLS42NC4xMzctMS42NzktLjczNS0xLjY3OUgxLjM1N0MuNDg1LjUuMDMgMS41MzguNjIyIDIuMTc5bDQuNjQzIDUuMDI2WiIgZmlsbD0iIzAwOUVFMyIvPjwvc3ZnPg==");
}

.card-style-2 summary::after {
	content: "";
	display: inline-block;
	border-radius: 6px;
	width: 29px;
	height: 29px;
	background-color: #F5F4F8;
}

.card-style-2:hover {
	box-shadow: 0 4px 10px 0 rgb(40, 56, 102, 0.22);
}

.card-style-2 .card-content {
	padding: 0;
	font-weight: 300;
}

.card-style-2 .card-content .text-medium {
	font-weight: 300;
}

.card-style-2 .card-hrule {
	border: none;
}

.card-style-2 .card-image {
	border-radius: 6px;
}

.card-style-2 .chat-list-item {
	margin-bottom: 0;
	border-bottom: none;
}

.chat-list-card
{
	padding-top: 10px;
}

.card-style-2 .card-image
{
	margin-top: 0;
	margin-bottom: 0;
}

.card-hrule
{
	border-top: 1px solid #efefef;
	margin: 10px 0;
}

.darkTheme .card-hrule 
{
    border-top-color: rgba(239, 239, 239, 0.2);
}

.overlay-video
{
	display:none;
	top: -50%;
	margin-left:auto;
	width:100%;
	height:100%;
	margin-right:auto;

	background-color: #000;
	color: #FFF;
	z-index:5;
}


.footer .card-style
{
/*	background: rgba(239, 239, 239, 1);*/
	width:100%; 
	margin-left: 40px; 
	margin-right: 40px; 
	padding: 10px;
}

.darktheme .footer .card-style
{
	background-color: rgba(47, 53, 70, 1);
}

#status-text
{
	padding-top: 11px;
}

.card-style-2,
.header .header-left .header-search form input
{
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.header-search
{
	padding-left: 20px;
}

nav button
{
	margin-right: 0!important;
}

.vr
{
	height: 100%;
}


@media only screen and (max-width: 1200px) 
{
	.header-search
	{
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 0;
	}

	.dark-mode
	{
		padding-top: 10px;
	}
}

.status-btn
{
	cursor: default;
}

.alert-box-status
{
	margin-bottom: 0;
}

.alert-box-status .alert
{
	padding: 0px 10px;
}

.btn-disabled,
.btn-disabled:hover,
.btn-disabled.active
{
	color: gray!important;
	background: silver!important;	
}


.header {
    padding: 10px 0;
	box-shadow: 0 4px 4px 0 rgb(40, 56, 102, 0.04);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #283866;
}

h2, .h2 {
	font-size: 32px;
}

.background-wrapper {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.background-top,
.background-left,
.background-right,
.background-middle,
.background-bottom-left,
.background-bottom-right {
	position: absolute;
	z-index: -1;
	display: block;
	opacity: 0.1;
}

.background-top {
	top: 80px;
	left: 27%;
	width: 15%;
	max-width: 233px;
}

.background-right {
	top: 149px;
	right: 0;
	width: 13%;
	max-width: 208px;
}

.background-left {
	top: 667px;
	left: 0;
	width: 12%;
	max-width: 186px;
}

.background-middle {
	width: 16%;
	max-width: 241px;
}

.background-middle-1 {
	top: 1000px;
	left: 48%;
}

.background-middle-2 {
	top: 2000px;
	left: 18%;
}

.background-middle-3 {
	top: 3000px;
	left: 28%;
}

.background-middle-4 {
	top: 4000px;
	left: 48%;
}

.background-middle-5 {
	top: 5000px;
	left: 18%;
}

.background-middle-6 {
	top: 6000px;
	left: 28%;
}

.background-middle-7 {
	top: 7000px;
	left: 48%;
}

.background-bottom-left {
	bottom: 0;
	left: 0;
	width: 16%;
	max-width: 241px;
}

.background-bottom-right {
	bottom: 0;
	right: 119px;
	width: 25%;
	max-width: 386px;
}

.tab-style-7 {
	margin-bottom: 12px;
}

.tab-style-7 nav ul {
	margin: 0 -4px;
}

.tab-style-7 nav li {
	margin: 4px;
}

.tab-style-7 nav button {
    position: relative;
	border-radius: 100px;
	border-color: #ffffff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04);
    padding: 7px 18px;
	background-color: #ffffff;
    font-weight: 600;
    font-size: 15px;
	color: #283866;
}

.tab-style-7 nav button:hover, .tab-style-7 nav button.active {
	border-color: #009EE3;
	background-color: #009EE3;
	color: #ffffff;
}

.tab-style-7 nav button .material-symbols-outlined {
	font-size: 18px;
}

.tab-style-7 .buttons-group-right {
	margin: 0 -4px;
    font-weight: 600;
    font-size: 15px;
	color: #283866;
}

.tab-style-7 .buttons-group-right .text-sm {
	font-weight: 300;
}

.tab-style-7 .buttons-group-right li {
	margin: 4px;
}

.tab-style-7 .buttons-group-right button {
    position: relative;
	border-radius: 100px;
	border-color: transparent;
	box-shadow: none;
    padding: 10px 18px;
	background-color: transparent;
    font-weight: 600;
    font-size: 15px;
	color: #283866;
}

.darkTheme .tab-style-7 .buttons-group-right,
.darkTheme .tab-style-7 .buttons-group-right button {
	color: #ffffff;
}

.tab-style-7 .buttons-group-right button:hover, .tab-style-7 .buttons-group-right button.active {
	border-color: #009EE3;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04);
	background-color: #009EE3;
	color: #ffffff;
}

.tab-style-7 .buttons-group-right #status-text {
	padding-top: 0;
}

.form-check-input {
	border-color: #DBDEEE;
	border-width: 2px;
	width: 16px;
	height: 16px;
}

.form-check-input:checked {
	border-color: #009EE3;
	background-color: #009EE3;
}

.form-check-upgrade {
	border-color: #FF0000!important;
	background-color: #FF0000!important;	
	color: #FFFFFF!important;
}

@media only screen and (min-width: 600px) {
	.overflow-visible .table-responsive {
		overflow: visible;
	}
}

.table {
	border-radius: 16px;
}

.table thead {
	background-color: transparent;
}

.table thead th {
	background-color: #ffffff;
}

.darkTheme .table thead th {
	background-color: #3f4556;
}

.table thead th:first-child {
	border-top-left-radius: 16px;
}

.table thead th:last-child {
	border-top-right-radius: 16px;
}

.table td,
.table td h5,
.table td .h5 {
	font-size: 14px;
}

.table td p {
	font-weight: 300;
}

table td .text-bold {
	font-weight: 600;
}

table td .status-btn {
	font-weight: 700;
}

.table>thead {
	box-shadow: 0 4px 10px 0 rgb(40, 56, 102, 0.12);
}

.table > :not(caption) > * > * {
	padding: 15px 10px;
}

.table > :not(caption) th {
	padding-top: 20px;
	padding-bottom: 20px;
}

.table > :not(caption) > * > *:first-child {
	padding-left: 20px;
}

.table > :not(caption) > * > *:last-child {
	padding-right: 20px;
}

.table tbody tr:last-child > * {
	padding-bottom: 15px;
}

.card-style {
	border-radius: 16px;
	padding: 0;
}

.header-style-1 {
	min-height: 85px;
}

.header-style-1 .buttons-group {
	flex-wrap: nowrap;
}

.header-style-1 .buttons-group li {
	margin-top: 0;
	margin-bottom: 0;
}

.header-style-1 .buttons-group button {
	position: relative;
	overflow: visible;
	margin: 0 20px;
	border: none;
	padding: 0;
	background-color: transparent;
	font-size: 20px;
	color: #283866;
}

.header-style-1 .buttons-group button:hover {
	color: #009EE3;
}

.darkTheme .header-style-1 .buttons-group button {
	color: #ffffff;
}

.darkTheme .header-style-1 .buttons-group button:hover {
	color: #009EE3;
}

.header-style-1 .buttons-group button .material-symbols-outlined {
	display: none;
}

.header-style-1 .buttons-group button.active-btn::before {
	content: "";
	position: absolute;
	bottom: -40px;
	left: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	width: 100%;
	height: 6px;
	background-color: currentColor;
}

.header-style-1 .dark-mode {
	padding: 0;
	min-width: 0;
}

.header-style-1 .dark-mode .form-check-input {
	display: none;
}

.header-style-1 .dark-mode .form-check-label {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	border-radius: 100%;
	width: 48px;
	height: 48px;
	padding: 0;
	background-color: #EAEDF8;
	color: #009EE3;
}

 .header-style-1 .dark-mode .form-check-label:hover {
	background-color: #C8CCDF;
} 

.header-style-1 .dark-mode .form-check-label svg {
	width: 24px;
	height: 24px;
	fill: currentColor;
}

.header-style-1 .header-search {
	margin-left: 40px;
}

.header-style-1 .header-search form {
	position: relative;
}

.header-style-1 .header-search input {
	margin: 0;
	border: none;
	border-radius: 100px;
	padding: 12px 50px 12px 24px;
	background-color: #EAEDF8;
	font-weight: 300;
	color: #283866;
}

.header-style-1 .header-search button {
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	border: none;
	background: transparent;
	color: #009EE3;
}

.darkTheme .header-style-1 .header-search button {
	color: #ffffff;
}

.header-style-1 .header-search button .material-symbols-outlined {
	font-weight: 700;
}

.title-nr
{
	margin-left: 6px;
	border-radius: 100%;
	width: 22px;
	height: 22px;
	background-color: #009EE3;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	color: #ffffff;
}

.title-nr .material-symbols-outlined
{
	font-size: 14px;
	font-weight: 700;
}

.title-nr a:hover
{
	color: inherit;
}

.status-btn--unavailable {
	background-color: #FFE5E4;
	color: #750708;
}

.status-btn--available {
	background-color: #E6F2DF;
	color: #155828;
}

.status-btn--installed {
	background-color: #FFF7E6;
	color: #EC930E;
}

.status-btn--default {
	background-color: #EAEDF8;
	color: #153858;
}

.status-btn--update {
	background-color: #F2EBF7;
	color: #3B1558;
}

/* circular progress bar */
.cprogress {
  width: 50px;
  height: 50px;
  line-height: 45px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
.cprogress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid #efefef;
  position: absolute;
  top: 0;
  left: 0;
}
.cprogress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.cprogress .cprogress-left {
  left: 0;
}
.cprogress .cprogress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 5px;
  border-style: solid;
  position: absolute;
  top: 0;
  /*border-color: green;*/
}
.cprogress .cprogress-left .cprogress-bar {
  left: 100%;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.cprogress .cprogress-right {
  right: 0;
}
.cprogress .cprogress-right .cprogress-bar {
  left: -100%;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.cprogress .cprogress-value {
  display: flex;
  border-radius: 50%;
  font-size: 0.8rem;
  text-align: center;
  line-height: 10px;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-weight: 300;
}
.cprogress .cprogress-value span {
  font-size: 12px;
  text-transform: uppercase;
}
/* This for loop creates the necessary css animation names 
 Due to the split circle of progress-left and progress right, we must use the animations on each side. 
 */
.cprogress[data-percentage="1"] .cprogress-right .cprogress-bar {
  animation: loading-1 0.5s linear forwards;
}
.cprogress[data-percentage="1"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="2"] .cprogress-right .cprogress-bar {
  animation: loading-2 0.5s linear forwards;
}
.cprogress[data-percentage="2"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="3"] .cprogress-right .cprogress-bar {
  animation: loading-3 0.5s linear forwards;
}
.cprogress[data-percentage="3"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="4"] .cprogress-right .cprogress-bar {
  animation: loading-4 0.5s linear forwards;
}
.cprogress[data-percentage="4"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="5"] .cprogress-right .cprogress-bar {
  animation: loading-5 0.5s linear forwards;
}
.cprogress[data-percentage="5"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="6"] .cprogress-right .cprogress-bar {
  animation: loading-6 0.5s linear forwards;
}
.cprogress[data-percentage="6"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="7"] .cprogress-right .cprogress-bar {
  animation: loading-7 0.5s linear forwards;
}
.cprogress[data-percentage="7"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="8"] .cprogress-right .cprogress-bar {
  animation: loading-8 0.5s linear forwards;
}
.cprogress[data-percentage="8"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="9"] .cprogress-right .cprogress-bar {
  animation: loading-9 0.5s linear forwards;
}
.cprogress[data-percentage="9"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="10"] .cprogress-right .cprogress-bar {
  animation: loading-10 0.5s linear forwards;
}
.cprogress[data-percentage="10"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="11"] .cprogress-right .cprogress-bar {
  animation: loading-11 0.5s linear forwards;
}
.cprogress[data-percentage="11"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="12"] .cprogress-right .cprogress-bar {
  animation: loading-12 0.5s linear forwards;
}
.cprogress[data-percentage="12"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="13"] .cprogress-right .cprogress-bar {
  animation: loading-13 0.5s linear forwards;
}
.cprogress[data-percentage="13"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="14"] .cprogress-right .cprogress-bar {
  animation: loading-14 0.5s linear forwards;
}
.cprogress[data-percentage="14"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="15"] .cprogress-right .cprogress-bar {
  animation: loading-15 0.5s linear forwards;
}
.cprogress[data-percentage="15"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="16"] .cprogress-right .cprogress-bar {
  animation: loading-16 0.5s linear forwards;
}
.cprogress[data-percentage="16"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="17"] .cprogress-right .cprogress-bar {
  animation: loading-17 0.5s linear forwards;
}
.cprogress[data-percentage="17"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="18"] .cprogress-right .cprogress-bar {
  animation: loading-18 0.5s linear forwards;
}
.cprogress[data-percentage="18"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="19"] .cprogress-right .cprogress-bar {
  animation: loading-19 0.5s linear forwards;
}
.cprogress[data-percentage="19"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="20"] .cprogress-right .cprogress-bar {
  animation: loading-20 0.5s linear forwards;
}
.cprogress[data-percentage="20"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="21"] .cprogress-right .cprogress-bar {
  animation: loading-21 0.5s linear forwards;
}
.cprogress[data-percentage="21"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="22"] .cprogress-right .cprogress-bar {
  animation: loading-22 0.5s linear forwards;
}
.cprogress[data-percentage="22"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="23"] .cprogress-right .cprogress-bar {
  animation: loading-23 0.5s linear forwards;
}
.cprogress[data-percentage="23"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="24"] .cprogress-right .cprogress-bar {
  animation: loading-24 0.5s linear forwards;
}
.cprogress[data-percentage="24"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="25"] .cprogress-right .cprogress-bar {
  animation: loading-25 0.5s linear forwards;
}
.cprogress[data-percentage="25"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="26"] .cprogress-right .cprogress-bar {
  animation: loading-26 0.5s linear forwards;
}
.cprogress[data-percentage="26"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="27"] .cprogress-right .cprogress-bar {
  animation: loading-27 0.5s linear forwards;
}
.cprogress[data-percentage="27"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="28"] .cprogress-right .cprogress-bar {
  animation: loading-28 0.5s linear forwards;
}
.cprogress[data-percentage="28"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="29"] .cprogress-right .cprogress-bar {
  animation: loading-29 0.5s linear forwards;
}
.cprogress[data-percentage="29"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="30"] .cprogress-right .cprogress-bar {
  animation: loading-30 0.5s linear forwards;
}
.cprogress[data-percentage="30"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="31"] .cprogress-right .cprogress-bar {
  animation: loading-31 0.5s linear forwards;
}
.cprogress[data-percentage="31"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="32"] .cprogress-right .cprogress-bar {
  animation: loading-32 0.5s linear forwards;
}
.cprogress[data-percentage="32"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="33"] .cprogress-right .cprogress-bar {
  animation: loading-33 0.5s linear forwards;
}
.cprogress[data-percentage="33"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="34"] .cprogress-right .cprogress-bar {
  animation: loading-34 0.5s linear forwards;
}
.cprogress[data-percentage="34"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="35"] .cprogress-right .cprogress-bar {
  animation: loading-35 0.5s linear forwards;
}
.cprogress[data-percentage="35"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="36"] .cprogress-right .cprogress-bar {
  animation: loading-36 0.5s linear forwards;
}
.cprogress[data-percentage="36"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="37"] .cprogress-right .cprogress-bar {
  animation: loading-37 0.5s linear forwards;
}
.cprogress[data-percentage="37"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="38"] .cprogress-right .cprogress-bar {
  animation: loading-38 0.5s linear forwards;
}
.cprogress[data-percentage="38"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="39"] .cprogress-right .cprogress-bar {
  animation: loading-39 0.5s linear forwards;
}
.cprogress[data-percentage="39"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="40"] .cprogress-right .cprogress-bar {
  animation: loading-40 0.5s linear forwards;
}
.cprogress[data-percentage="40"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="41"] .cprogress-right .cprogress-bar {
  animation: loading-41 0.5s linear forwards;
}
.cprogress[data-percentage="41"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="42"] .cprogress-right .cprogress-bar {
  animation: loading-42 0.5s linear forwards;
}
.cprogress[data-percentage="42"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="43"] .cprogress-right .cprogress-bar {
  animation: loading-43 0.5s linear forwards;
}
.cprogress[data-percentage="43"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="44"] .cprogress-right .cprogress-bar {
  animation: loading-44 0.5s linear forwards;
}
.cprogress[data-percentage="44"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="45"] .cprogress-right .cprogress-bar {
  animation: loading-45 0.5s linear forwards;
}
.cprogress[data-percentage="45"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="46"] .cprogress-right .cprogress-bar {
  animation: loading-46 0.5s linear forwards;
}
.cprogress[data-percentage="46"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="47"] .cprogress-right .cprogress-bar {
  animation: loading-47 0.5s linear forwards;
}
.cprogress[data-percentage="47"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="48"] .cprogress-right .cprogress-bar {
  animation: loading-48 0.5s linear forwards;
}
.cprogress[data-percentage="48"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="49"] .cprogress-right .cprogress-bar {
  animation: loading-49 0.5s linear forwards;
}
.cprogress[data-percentage="49"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="50"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="50"] .cprogress-left .cprogress-bar {
  animation: 0;
}
.cprogress[data-percentage="51"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="51"] .cprogress-left .cprogress-bar {
  animation: loading-1 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="52"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="52"] .cprogress-left .cprogress-bar {
  animation: loading-2 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="53"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="53"] .cprogress-left .cprogress-bar {
  animation: loading-3 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="54"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="54"] .cprogress-left .cprogress-bar {
  animation: loading-4 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="55"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="55"] .cprogress-left .cprogress-bar {
  animation: loading-5 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="56"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="56"] .cprogress-left .cprogress-bar {
  animation: loading-6 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="57"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="57"] .cprogress-left .cprogress-bar {
  animation: loading-7 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="58"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="58"] .cprogress-left .cprogress-bar {
  animation: loading-8 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="59"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="59"] .cprogress-left .cprogress-bar {
  animation: loading-9 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="60"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="60"] .cprogress-left .cprogress-bar {
  animation: loading-10 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="61"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="61"] .cprogress-left .cprogress-bar {
  animation: loading-11 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="62"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="62"] .cprogress-left .cprogress-bar {
  animation: loading-12 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="63"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="63"] .cprogress-left .cprogress-bar {
  animation: loading-13 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="64"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="64"] .cprogress-left .cprogress-bar {
  animation: loading-14 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="65"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="65"] .cprogress-left .cprogress-bar {
  animation: loading-15 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="66"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="66"] .cprogress-left .cprogress-bar {
  animation: loading-16 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="67"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="67"] .cprogress-left .cprogress-bar {
  animation: loading-17 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="68"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="68"] .cprogress-left .cprogress-bar {
  animation: loading-18 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="69"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="69"] .cprogress-left .cprogress-bar {
  animation: loading-19 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="70"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="70"] .cprogress-left .cprogress-bar {
  animation: loading-20 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="71"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="71"] .cprogress-left .cprogress-bar {
  animation: loading-21 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="72"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="72"] .cprogress-left .cprogress-bar {
  animation: loading-22 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="73"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="73"] .cprogress-left .cprogress-bar {
  animation: loading-23 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="74"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="74"] .cprogress-left .cprogress-bar {
  animation: loading-24 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="75"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="75"] .cprogress-left .cprogress-bar {
  animation: loading-25 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="76"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="76"] .cprogress-left .cprogress-bar {
  animation: loading-26 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="77"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="77"] .cprogress-left .cprogress-bar {
  animation: loading-27 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="78"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="78"] .cprogress-left .cprogress-bar {
  animation: loading-28 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="79"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="79"] .cprogress-left .cprogress-bar {
  animation: loading-29 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="80"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="80"] .cprogress-left .cprogress-bar {
  animation: loading-30 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="81"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="81"] .cprogress-left .cprogress-bar {
  animation: loading-31 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="82"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="82"] .cprogress-left .cprogress-bar {
  animation: loading-32 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="83"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="83"] .cprogress-left .cprogress-bar {
  animation: loading-33 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="84"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="84"] .cprogress-left .cprogress-bar {
  animation: loading-34 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="85"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="85"] .cprogress-left .cprogress-bar {
  animation: loading-35 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="86"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="86"] .cprogress-left .cprogress-bar {
  animation: loading-36 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="87"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="87"] .cprogress-left .cprogress-bar {
  animation: loading-37 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="88"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="88"] .cprogress-left .cprogress-bar {
  animation: loading-38 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="89"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="89"] .cprogress-left .cprogress-bar {
  animation: loading-39 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="90"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="90"] .cprogress-left .cprogress-bar {
  animation: loading-40 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="91"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="91"] .cprogress-left .cprogress-bar {
  animation: loading-41 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="92"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="92"] .cprogress-left .cprogress-bar {
  animation: loading-42 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="93"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="93"] .cprogress-left .cprogress-bar {
  animation: loading-43 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="94"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="94"] .cprogress-left .cprogress-bar {
  animation: loading-44 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="95"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="95"] .cprogress-left .cprogress-bar {
  animation: loading-45 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="96"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="96"] .cprogress-left .cprogress-bar {
  animation: loading-46 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="97"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="97"] .cprogress-left .cprogress-bar {
  animation: loading-47 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="98"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="98"] .cprogress-left .cprogress-bar {
  animation: loading-48 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="99"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="99"] .cprogress-left .cprogress-bar {
  animation: loading-49 0.5s linear forwards 0.5s;
}
.cprogress[data-percentage="100"] .cprogress-right .cprogress-bar {
  animation: loading-50 0.5s linear forwards;
}
.cprogress[data-percentage="100"] .cprogress-left .cprogress-bar {
  animation: loading-50 0.5s linear forwards 0.5s;
}
@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3.6);
    transform: rotate(3.6deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(7.2);
    transform: rotate(7.2deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10.8);
    transform: rotate(10.8deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(14.4);
    transform: rotate(14.4deg);
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(18);
    transform: rotate(18deg);
  }
}
@keyframes loading-6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(21.6);
    transform: rotate(21.6deg);
  }
}
@keyframes loading-7 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(25.2);
    transform: rotate(25.2deg);
  }
}
@keyframes loading-8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(28.8);
    transform: rotate(28.8deg);
  }
}
@keyframes loading-9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(32.4);
    transform: rotate(32.4deg);
  }
}
@keyframes loading-10 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}
@keyframes loading-11 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(39.6);
    transform: rotate(39.6deg);
  }
}
@keyframes loading-12 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(43.2);
    transform: rotate(43.2deg);
  }
}
@keyframes loading-13 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(46.8);
    transform: rotate(46.8deg);
  }
}
@keyframes loading-14 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(50.4);
    transform: rotate(50.4deg);
  }
}
@keyframes loading-15 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(54);
    transform: rotate(54deg);
  }
}
@keyframes loading-16 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(57.6);
    transform: rotate(57.6deg);
  }
}
@keyframes loading-17 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(61.2);
    transform: rotate(61.2deg);
  }
}
@keyframes loading-18 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(64.8);
    transform: rotate(64.8deg);
  }
}
@keyframes loading-19 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(68.4);
    transform: rotate(68.4deg);
  }
}
@keyframes loading-20 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}
@keyframes loading-21 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(75.6);
    transform: rotate(75.6deg);
  }
}
@keyframes loading-22 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(79.2);
    transform: rotate(79.2deg);
  }
}
@keyframes loading-23 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(82.8);
    transform: rotate(82.8deg);
  }
}
@keyframes loading-24 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(86.4);
    transform: rotate(86.4deg);
  }
}
@keyframes loading-25 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90);
    transform: rotate(90deg);
  }
}
@keyframes loading-26 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(93.6);
    transform: rotate(93.6deg);
  }
}
@keyframes loading-27 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(97.2);
    transform: rotate(97.2deg);
  }
}
@keyframes loading-28 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(100.8);
    transform: rotate(100.8deg);
  }
}
@keyframes loading-29 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(104.4);
    transform: rotate(104.4deg);
  }
}
@keyframes loading-30 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}
@keyframes loading-31 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(111.6);
    transform: rotate(111.6deg);
  }
}
@keyframes loading-32 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(115.2);
    transform: rotate(115.2deg);
  }
}
@keyframes loading-33 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(118.8);
    transform: rotate(118.8deg);
  }
}
@keyframes loading-34 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(122.4);
    transform: rotate(122.4deg);
  }
}
@keyframes loading-35 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(126);
    transform: rotate(126deg);
  }
}
@keyframes loading-36 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(129.6);
    transform: rotate(129.6deg);
  }
}
@keyframes loading-37 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(133.2);
    transform: rotate(133.2deg);
  }
}
@keyframes loading-38 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(136.8);
    transform: rotate(136.8deg);
  }
}
@keyframes loading-39 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(140.4);
    transform: rotate(140.4deg);
  }
}
@keyframes loading-40 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}
@keyframes loading-41 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(147.6);
    transform: rotate(147.6deg);
  }
}
@keyframes loading-42 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(151.2);
    transform: rotate(151.2deg);
  }
}
@keyframes loading-43 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(154.8);
    transform: rotate(154.8deg);
  }
}
@keyframes loading-44 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(158.4);
    transform: rotate(158.4deg);
  }
}
@keyframes loading-45 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(162);
    transform: rotate(162deg);
  }
}
@keyframes loading-46 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(165.6);
    transform: rotate(165.6deg);
  }
}
@keyframes loading-47 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(169.2);
    transform: rotate(169.2deg);
  }
}
@keyframes loading-48 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(172.8);
    transform: rotate(172.8deg);
  }
}
@keyframes loading-49 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(176.4);
    transform: rotate(176.4deg);
  }
}
@keyframes loading-50 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}
/**/