:root {
    --color-red-50: #fef0f0;
    --color-red-100: #fcd6d6;
    --color-red-200: #fbb4b4;
    --color-red-300: #fd8487;
    --color-red-400: #fb5057;
    --color-red-500: #d91e2b;
    --color-red-600: #9f1f2a;
    --color-red-700: #691f24;
    --color-red-800: #45171a;
    --color-red-900: #280e0f;
    --color-orange-200: #fab889;
    --color-orange-300: #ef9323;
    --color-orange-400: #ca7b14;
    --color-orange-500: #a0600e;
    --color-amber-100: #fedab5;
    --color-amber-300: #de9c1a;
    --color-amber-400: #bb830f;
    --color-amber-500: #956600;
    --color-amber-600: #704b00;
    --color-yellow-50: #fdf2df;
    --color-yellow-100: #fcdc86;
    --color-yellow-200: #f3c736;
    --color-yellow-300: #cda30b;
    --color-yellow-400: #b08900;
    --color-yellow-500: #8b6a00;
    --color-yellow-600: #664e21;
    --color-yellow-700: #46371e;
    --color-yellow-800: #2f2516;
    --color-lime-200: #aad547;
    --color-lime-300: #8db61e;
    --color-lime-400: #769913;
    --color-lime-500: #5b7800;
    --color-green-50: #e7f7e8;
    --color-green-100: #beeac1;
    --color-green-200: #86d895;
    --color-green-300: #34c062;
    --color-green-400: #00a449;
    --color-green-500: #19803d;
    --color-green-600: #265d35;
    --color-green-700: #1e4027;
    --color-green-800: #162b1b;
    --color-green-900: #0d1810;
    --color-emerald-200: #4dddaf;
    --color-emerald-300: #25be93;
    --color-emerald-400: #1d9f7b;
    --color-emerald-500: #157e60;
    --color-teal-200: #4fd8e5;
    --color-teal-300: #27b9c4;



    --c-text: #1a1a1a;
  --background:#fafafa; 
  --main-header:#fafafa;
  --container-color:#131921 ;
  --color-brand:#410093 ;
  --color-indigo:#410093; 
  --color-yellow: #FFFF00;
  --color-yellow1: #F89406;
  --color-white: #fff; 
  --color-black: #000;
  --color-dark: #0f171c; 
  --color-blue: #4285F4;
  --color-primary:#2563EB;
  --color-gray: #909090;
  --color-muted:#fafafa; 
  --color-red:#FF0000;
  --color-red2:#FFC0C0;
  --color-green:#34A853;   
  --color-rose: #FFC0C0;
  --color-lime: #C7FFC7;
  --color-pink:#fff1e5;
  --primary: #4682b4; 
  --primary-dark: #38678f;
  --primary-darker: #294d6b;;
  --primary-color: #fff1e5; 
  --secondary: #FF0000;
  --border: #fafafa;
  --alt: #fff;
  --info: #f2f2f2;
  --color-gold: #eeea97;
--font-size-small: .8em;
--font-size-medium: 1em; 
--font-size-large: 1.2em;
--font-size-x-large: 1.4em; 
--font-size-xx-large: 2em;
--font-size-xxx-large: 3.2em;
--font-weigth-small: 400;
--font-weigth-medium: 500;
--font-weigth-large: 600;
--font-weigth-x-large: 700;
--font-weigth-xx-large: 800;
--font-weigth-xxx-large: 900;
}
.bg-base{
    background-color: var(--background-color)!important;
}
.bg-info{
    background-color: var(--info)!important;
}
.bg-gold{
    background-color: var(--color-gold) !important;
}
.bg-yellow{
	background-color: var(--color-yellow) !important;
}
.bg-yellow1{
    background-color: var(--color-yellow1) !important;
}
.bg-white{
	background-color: var(--color-white) !important;
}
.bg-black{
	background-color: var(--color-black) !important;
}
.bg-blue{
	background-color: var(--color-blue) !important;
}
.bg-red{
    background-color: var(--color-red) !important;
}
.bg-red2{
    background-color: var(--color-red2) !important;
}
.bg-gray{
	background-color: var(--color-gray) !important;
}
.bg-primary{
    background-color: var(--color-primary) !important;
}
.bg-muted{
    background-color: var(--color-muted) !important;
}
.bg-success{
    background-color: var(--color-green) !important;
}
.bg-green{
    background-color: var(--color-green) !important;
}
.bg-indigo{
    background-color: var(--color-indigo) !important;
}
.bg-lime{
    background-color: var(--color-lime) !important;
}
.bg-rose{
    background-color: var(--color-rose) !important;
}
.text-indigo{
    color: var(--color-indigo) !important;
}
.text-primary{
    color: var(--color-primary) !important;
}
.text-yellow{
	color: var(--color-yellow) !important;
}
.text-white{
	color: var(--color-white) !important;
}
.text-black{
	color: var(--color-black) !important;
}
.text-dark{
    color: var(--color-dark) !important;
}
.text-blue{
	color: var(--color-blue) !important;
}
.text-red{
    color: var(--color-red) !important;
}

.text-danger{
    color: var(--color-red) !important;
}
.text-gray{
	color: var(--color-gray) !important;
}
.text-green{
    color: var(--color-green) !important;
}
.text-muted{
     color: var(--color-muted) !important;
}
.text-success{
     color: var(--color-lime) !important;
}
.text-lime{
    color: var(--color-lime) !important;
}
.text-rose{
    color: var(--color-rose) !important;
}
.text-yellow1{
    color: var(--color-yellow1) !important;
}


.shadow-red{
    text-shadow: 0 0 3px #fff, 0 0 8px #FFC0C0 !important;
}
.shadow-green{
    text-shadow: 0 0 3px #fff, 0 0 8px #fafafa !important;
}

.shadow-indigo{
      color: #410093 !important;
     text-shadow: 0 0 2px #00edec, 0 0 4px #01a3a3, 0 0 20px #00edec !important;  
}
.fs-s{
    font-size: var(--font-size-small) !important;
}
.fs-m{
    font-size: var(--font-size-medium) !important;
}
.fs-l{
    font-size: var(--font-size-large) !important;
}
.fs-xl{
    font-size: var(--font-size-x-large) !important;
}
.fs-xxl{
    font-size: var(--font-size-xx-large) !important;
}
.fs-xxxl{
    font-size: var(--font-size-xxx-large) !important;
}

.fw-s{
    font-weight: var(--font-weigth-small) !important;
}

.fw-m{
    font-weight: var(--font-weigth-medium) !important;
}
.fw-l{
    font-weight: var(--font-weigth-large) !important;
}
.fw-xl{
    font-weight: var(--font-weigth-x-large) !important;
}
.fw-xxl{
    font-weight: var(--font-weigth-xx-large) !important;
}
.fw-xxxl{
    font-weight: var(--font-weigth-xxx-large) !important;
}


.bolder {
  font-weight: bolder;
}






.content-center {
  justify-content: center !important;
}

.item-center {
  align-items: center !important;
}
.space-between{
	justify-content: space-between;

}

.space-around{
	justify-content: space-around;
}
.container{
   width: 100%;
	padding-right: calc(var(1.5em) * 0.5);
  	padding-left: calc(var(0) * 0.5);
  	margin-right: auto;
  	margin-left: auto;
}
.container-fluid{
	width: 100%;
	padding-right: calc(var(1.5em) * 0.5);
  	padding-left: calc(var(0) * 0.5);
  	margin-right: auto;
  	margin-left: auto;
}

.section{
	background-color: #f9f9f9;
	height: 122vh;
	padding-top: 10px;
	  margin: 12px 0;
}
.uppercase{
	text-transform: uppercase;
}
.strong{
	font-weight: bolder;
}

.f-italic{
    font-style: italic !important;
}

.mx-10{
  margin-left: 10px;
  margin-right: 10px;
}

.my-10{
  margin: 10px 0;
}
.px-10{
  padding-left: 10px;
  padding-right: 10px;
}
.py-10{
  padding-top: 10px;
  padding-bottom: 10px;
}

.mt-10{
    margin-top: 10px;
}
.mb-10{
    margin-bottom: 10px;
}
.ml-10{
    margin-left: 10px;
}

.pl-10{
    padding-left: 10px !important;
}
.pr-10{
    padding-right: 10px !important;
}
.horizontal{
	flex-direction: row;
	justify-content: start;
	align-items: center;
}
.border{
    width: auto;
    border: 1px solid #d4d5d9;
}
.border-bottom{
	width: auto;
	border-bottom: 1px solid #d4d5d9;
}
.border-yellow th{
    border: 1px solid var(--color-yellow) !important;
}
.headline{
	color: #000;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 15px;
    
}
.d-block {
  display: block !important;
}











.form-control-sm{
    padding: 0.4em 0.4em !important;
    font-size: 1em;
    width: 100%;
   
}





hr {
    border: 0;
    height: 1px;
    background: var(--border);
    margin: 1px;
}


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

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}
.lead-text {
    font-size: 1.2em !important;
    line-height: 2em !important;
    padding-inline-start: 5px !important;
}


.btn {
    background-color: var(--primary);
    border: 1px solid var(--primary-dark);
    margin: 0;
    padding: 0.4em 1.2em;
    color: var(--primary-color);
    font-size: 1em;
    cursor: pointer;
    text-decoration: none;
    font-family: Arial;
    line-height: normal;

    width: 100%;
    display: block;
    text-align: center;
    box-sizing: border-box;
}

.btn:hover {
    background-color: var(--primary-dark);
    border: 1px solid var(--primary-darker);
    color: var(--primary-color);
}


.form-control {
    display: block;
    width: 100%;
    padding: 0rem 0.75rem;
    font-family: inherit;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}



.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    cursor: not-allowed;
}