@charset "UTF-8";


:root {
  --color-main: #036B3F;
  --color-main-light: #E6F0EC;
  --color-main-dark: #02502F;
	
  --color-sub: #21BA31;
  --color-sub-light: #E9F8EA;
  --color-sub-dark: #198C25;
	
  --color-point: #D6545A;
  --color-point-light: #FBEEEF;
  --color-point-dark: #A13F44;
	
  --color-grey: #656F76;
  --color-grey-light: #F0F1F1;
  --color-grey-dark: #4C5359;
}


.text-main {color: var(--color-main)!important;}
.text-main-light {color: var(--color-main-light)!important;}
.text-main-dark {color: var(--color-main-dark)!important;}

.text-sub {color: var(--color-sub)!important;}
.text-sub-light {color: var(--color-sub-light)!important;}
.text-sub-dark {color: var(--color-sub-dark)!important;}

.text-point {color: var(--color-point)!important;}
.text-point-light {color: var(--color-point-light)!important;}
.text-point-dark {color: var(--color-point-dark)!important;}

.text-grey {color: var(--color-grey)!important;}
.text-grey-light {color: var(--color-grey-light)!important;}
.text-grey-dark {color: var(--color-grey-dark)!important;}

.text-white {color: #fff!important;}
.text-black {color: #000!important;}



.bg-main {background: var(--color-main)!important;}
.bg-main-light {background: var(--color-main-light)!important;}
.bg-main-dark {background: var(--color-main-dark)!important;}

.bg-sub {background: var(--color-sub)!important;}
.bg-sub-light {background: var(--color-sub-light)!important;}
.bg-sub-dark {background: var(--color-sub-dark)!important;}

.bg-point {background: var(--color-point)!important;}
.bg-point-light {background: var(--color-point-light)!important;}
.bg-point-dark {background: var(--color-point-dark)!important;}

.bg-grey {background: var(--color-grey) !important;}
.bg-grey-light {background: var(--color-grey-light) !important;}
.bg-grey-dark {background: var(--color-grey-dark) !important;}

.bg-white {background: #fff!important;}
.bg-black {background: #000!important;}


a {
  color: var(--color-main);
	text-decoration: none;
}

a:hover {
  color: var(--color-sub);
	text-decoration: none;
}

a.inherit {
  color: inherit;
	text-decoration: none;
}

a.inherit:hover {
  color: inherit;
	text-decoration: underline !important;
}

a.no-text-deco {
	text-decoration: none !important;
}

a.no-text-deco:hover {
	text-decoration: none !important;
}


a.inheritY {
  color: inherit;
	text-decoration: none
}

a.inheritY:hover {
  color: #fff000;
	text-decoration: none;
}

input::placeholder {
		color: #999 !important;
		font-size: 0.8rem;
}



.text-grey,
.text-grey:hover,
.text-grey:focus {
  color: #777 !important;
}
.text-grey-300,
.text-grey-300:hover,
.text-grey-300:focus {
  color: #999 !important;
}
.text-grey-400,
.text-grey-400:hover,
.text-grey-400:focus {
  color: #888 !important;
}
.text-grey-600,
.text-grey-600:hover,
.text-grey-600:focus {
  color: #666 !important;
}
.text-grey-700,
.text-grey-700:hover,
.text-grey-700:focus {
  color: #555 !important;
}
.text-grey-800,
.text-grey-800:hover,
.text-grey-800:focus {
  color: #444 !important;
}