@import url(root.css);

/********************************
//Color backgrounds//
/********************************/

/*Rose***********/
    .bg-gray-50{        background: var(--gray-50) !important; }
    .bg-gray-100{       background: var(--gray-100)!important;}
    .bg-gray-200{       background: var(--gray-200)!important;}
    .bg-gray-300{       background: var(--gray-300)!important;}
    .bg-gray-400{       background: var(--gray-400)!important;}
    .bg-gray-500{       background: var(--gray-500)!important;}
    .bg-gray-600{       background: var(--gray-600)!important;}
    .bg-gray-700{       background: var(--gray-700)!important;}
    .bg-gray-800{       background: var(--gray-800)!important;}
    .bg-gray-900{       background: var(--gray-900)!important;}/*Primary***********/
	.bg-primary-50{     background: var(--primary-50)  !important;}
	.bg-primary-100{    background: var(--primary-100) !important;}
	.bg-primary-200{    background: var(--primary-200) !important;}
	.bg-primary-300{    background: var(--primary-300) !important;}
	.bg-primary-400{    background: var(--primary-400) !important;}
	.bg-primary-500{    background: var(--primary-500) !important;}
	.bg-primary-600{    background: var(--primary-600) !important;}
	.bg-primary-700{    background: var(--primary-700) !important;}
	.bg-primary-800{    background: var(--primary-800) !important;}
	.bg-primary-900{    background: var(--primary-900) !important;}


/*RED***********/
	.bg-red-50{         background: var(--red-50)  !important;}
	.bg-red-100{        background: var(--red-100) !important;}
	.bg-red-200{        background: var(--red-200) !important;}
	.bg-red-300{        background: var(--red-300) !important;}
	.bg-red-400{        background: var(--red-400) !important;}
	.bg-red-500{        background: var(--red-500) !important;}
	.bg-red-600{        background: var(--red-600) !important;}
	.bg-red-700{        background: var(--red-700) !important;}
	.bg-red-800{        background: var(--red-800) !important;}
	.bg-red-900{        background: var(--red-900) !important;}


/*Orange***********/
    .bg-orange-50{      background: var(--orange-50)  !important;}
	.bg-orange-100{     background: var(--orange-100) !important;}
	.bg-orange-200{     background: var(--orange-200) !important;}
	.bg-orange-300{     background: var(--orange-300) !important;}
	.bg-orange-400{     background: var(--orange-400) !important;}
	.bg-orange-500{     background: var(--orange-500) !important;}
	.bg-orange-600{     background: var(--orange-600) !important;}
	.bg-orange-700{     background: var(--orange-700) !important;}
	.bg-orange-800{     background: var(--orange-800) !important;}
	.bg-orange-900{     background: var(--orange-900) !important;}
	
/*Lime Green***********/
	.bg-lime-50{         background: var(--lime-50)  !important;}
	.bg-lime-100{        background: var(--lime-100) !important;}
	.bg-lime-200{        background: var(--lime-200) !important;}
	.bg-lime-300{        background: var(--lime-300) !important;}
	.bg-lime-400{        background: var(--lime-400) !important;}
	.bg-lime-500{        background: var(--lime-500) !important;}
	.bg-lime-600{        background: var(--lime-600) !important;}
	.bg-lime-700{        background: var(--lime-700) !important;}
	.bg-lime-800{        background: var(--lime-800) !important;}
	.bg-lime-900{        background: var(--lime-900) !important;}

/*Green***********/
	.bg-green-50{        background: var(--green-50)  !important;}
	.bg-green-100{       background: var(--green-100) !important;}
	.bg-green-200{       background: var(--green-200) !important;}
	.bg-green-300{       background: var(--green-300) !important;}
	.bg-green-400{       background: var(--green-400) !important;}
	.bg-green-500{       background: var(--green-500) !important;}
	.bg-green-600{       background: var(--green-600) !important;}
	.bg-green-700{       background: var(--green-700) !important;}
	.bg-green-800{       background: var(--green-800) !important;}
	.bg-green-900{       background: var(--green-900) !important;}

/*Emerald***********/
	.bg-emerald-50{      background: var(--emerald-50)  !important;}
	.bg-emerald-100{     background: var(--emerald-100) !important;}
	.bg-emerald-200{     background: var(--emerald-200) !important;}
	.bg-emerald-300{     background: var(--emerald-300) !important;}
	.bg-emerald-400{     background: var(--emerald-400) !important;}
	.bg-emerald-500{     background: var(--emerald-500) !important;}
	.bg-emerald-600{     background: var(--emerald-600) !important;}
	.bg-emerald-700{     background: var(--emerald-700) !important;}
	.bg-emerald-800{     background: var(--emerald-800) !important;}
	.bg-emerald-900{     background: var(--emerald-900) !important;}

/*Teal***********/
	.bg-teal-50{     	 background: var(--teal-50)  !important;}
	.bg-teal-100{    	 background: var(--teal-100) !important;}
	.bg-teal-200{    	 background: var(--teal-200) !important;}
	.bg-teal-300{    	 background: var(--teal-300) !important;}
	.bg-teal-400{    	 background: var(--teal-400) !important;}
	.bg-teal-500{    	 background: var(--teal-500) !important;}
	.bg-teal-600{    	 background: var(--teal-600) !important;}
	.bg-teal-700{    	 background: var(--teal-700) !important;}
	.bg-teal-800{    	 background: var(--teal-800) !important;}
	.bg-teal-900{    	 background: var(--teal-900) !important;}

/*Cyan***********/
	.bg-cyan-50{     	 background: var(--cyan-50)  !important;}
	.bg-cyan-100{    	 background: var(--cyan-100) !important;}
	.bg-cyan-200{    	 background: var(--cyan-200) !important;}
	.bg-cyan-300{    	 background: var(--cyan-300) !important;}
	.bg-cyan-400{    	 background: var(--cyan-400) !important;}
	.bg-cyan-500{    	 background: var(--cyan-500) !important;}
	.bg-cyan-600{    	 background: var(--cyan-600) !important;}
	.bg-cyan-700{    	 background: var(--cyan-700) !important;}
	.bg-cyan-800{    	 background: var(--cyan-800) !important;}
	.bg-cyan-900{    	 background: var(--cyan-900) !important;}

/*Blue***********/
	.bg-blue-50{     	 background: var(--blue-50)  !important;}
	.bg-blue-100{    	 background: var(--blue-100) !important;}
	.bg-blue-200{    	 background: var(--blue-200) !important;}
	.bg-blue-300{    	 background: var(--blue-300) !important;}
	.bg-blue-400{    	 background: var(--blue-400) !important;}
	.bg-blue-500{    	 background: var(--blue-500) !important;}
	.bg-blue-600{    	 background: var(--blue-600) !important;}
	.bg-blue-700{    	 background: var(--blue-700) !important;}
	.bg-blue-800{    	 background: var(--blue-800) !important;}
	.bg-blue-900{    	 background: var(--blue-900) !important;}
	
/*Indigo***********/
    .bg-indigo-50{     	 background: var(--indigo-50)  !important;}
	.bg-indigo-100{    	 background: var(--indigo-100) !important;}
	.bg-indigo-200{    	 background: var(--indigo-200) !important;}
	.bg-indigo-300{    	 background: var(--indigo-300) !important;}
	.bg-indigo-400{    	 background: var(--indigo-400) !important;}
	.bg-indigo-500{    	 background: var(--indigo-500) !important;}
	.bg-indigo-600{    	 background: var(--indigo-600) !important;}
	.bg-indigo-700{    	 background: var(--indigo-700) !important;}
	.bg-indigo-800{    	 background: var(--indigo-800) !important;}
	.bg-indigo-900{    	 background: var(--indigo-900) !important;}

/*Violet***********/
	.bg-violet-50{     	 background: var(--violet-50)  !important;}
	.bg-violet-100{    	 background: var(--violet-100) !important;}
	.bg-violet-200{    	 background: var(--violet-200) !important;}
	.bg-violet-300{    	 background: var(--violet-300) !important;}
	.bg-violet-400{    	 background: var(--violet-400) !important;}
	.bg-violet-500{    	 background: var(--violet-500) !important;}
	.bg-violet-600{    	 background: var(--violet-600) !important;}
	.bg-violet-700{    	 background: var(--violet-700) !important;}
	.bg-violet-800{    	 background: var(--violet-800) !important;}
	.bg-violet-900{    	 background: var(--violet-900) !important;}

/*Purple***********/
	.bg-purple-50{     	 background: var(--purple-50)  !important;}
	.bg-purple-100{    	 background: var(--purple-100) !important;}
	.bg-purple-200{    	 background: var(--purple-200) !important;}
	.bg-purple-300{    	 background: var(--purple-300) !important;}
	.bg-purple-400{    	 background: var(--purple-400) !important;}
	.bg-purple-500{    	 background: var(--purple-500) !important;}
	.bg-purple-600{    	 background: var(--purple-600) !important;}
	.bg-purple-700{    	 background: var(--purple-700) !important;}
	.bg-purple-800{    	 background: var(--purple-800) !important;}
	.bg-purple-900{    	 background: var(--purple-900) !important;}


/*Fuchsia***********/
	.bg-fuchsia-50{   	 background: var(--fuchsia-50)  !important;}
	.bg-fuchsia-100{  	 background: var(--fuchsia-100) !important;}
	.bg-fuchsia-200{  	 background: var(--fuchsia-200) !important;}
	.bg-fuchsia-300{  	 background: var(--fuchsia-300) !important;}
	.bg-fuchsia-400{  	 background: var(--fuchsia-400) !important;}
	.bg-fuchsia-500{  	 background: var(--fuchsia-500) !important;}
	.bg-fuchsia-600{  	 background: var(--fuchsia-600) !important;}
	.bg-fuchsia-700{  	 background: var(--fuchsia-700) !important;}
	.bg-fuchsia-800{  	 background: var(--fuchsia-800) !important;}
	.bg-fuchsia-900{  	 background: var(--fuchsia-900) !important;}

	
/*Rose***********/
	.bg-rose-50{         background: var(--rose-50) !important; }
	.bg-rose-100{        background: var(--rose-100)!important;}
	.bg-rose-200{        background: var(--rose-200)!important;}
	.bg-rose-300{        background: var(--rose-300)!important;}
	.bg-rose-400{        background: var(--rose-400)!important;}
	.bg-rose-500{        background: var(--rose-500)!important;}
	.bg-rose-600{        background: var(--rose-600)!important;}
	.bg-rose-700{        background: var(--rose-700)!important;}
	.bg-rose-800{        background: var(--rose-800)!important;}
	.bg-rose-900{        background: var(--rose-900)!important;}

/********************************
//Gradiant backgrounds//
/********************************/
	.bg-primary-grdnt{  	background:var(--primary-grdnt)   !important}
	.bg-red-grdnt{      	background:var(--red-grdnt)       !important}
	.bg-orange-grdnt{   	background:var(--orange-grdnt)    !important}
	.bg-lime-grdnt{    	    background:var(--lime-grdnt)      !important}
	.bg-green-grdnt{    	background:var(--green-grdnt)     !important}
	.bg-emerald-grdnt{  	background:var(--emerald-grdnt)   !important}
	.bg-teal-grdnt{         background:var(--teal-grdnt)      !important}
	.bg-cyan-grdnt{         background:var(--cyan-grdnt)      !important}
	.bg-light-blue-grdnt{   background:var(--light-blue-grdnt)!important}
	.bg-indigo-grdnt{       background:var(--indigo-grdnt)    !important}
	.bg-violet-grdnt{       background:var(--violet-grdnt)    !important}
	.bg-purple-grdnt{       background:var(--purple-grdnt)    !important}
	.bg-fuchsia-grdnt{      background:var(--fuchsia-grdnt)   !important}
	.bg-pink-grdnt{         background:var(--pink-grdnt)      !important}
	.bg-rose-grdnt{         background:var(--rose-grdnt)      !important}
	


/****Customized--bg colors****/
.bg-gray-1{background:var(--gray-100)}
.bg-gray-2{background:var(--gray-200)}
.bg-gray-3{background:var(--gray-300)}





.bg-primary-a5{background:var(--primary-500)}



/************/
.text-primary{ color:var(--primary)       !important}
.text-blue{    color:var(--blue-500)      !important}
.text-indigo{  color:var(--indigo-500)    !important}
.text-purple{  color:var(--purple-500)    !important}
.text-pink{    color:var(--pink-500)      !important}
.text-red{     color:var(--color-500-red) !important}
.text-orange{  color:var(--orange-500)    !important}
.text-yellow{  color:var(--yellow-500)    !important}
.text-green{   color:var(--green-500)     !important}
.text-teal{    color:var(--teal-500)      !important}
.text-cyan{    color:var(--cyan-500)      !important}



.text-primary{  	color:var(--primary-500)   !important}
.text-red{      	color:var(--red-500)       !important}
.text-orange{   	color:var(--orange-500)    !important}
.text-lime{    	    color:var(--lime-500)      !important}
.text-green{    	color:var(--green-600)     !important}
.text-emerald{  	color:var(--emerald-500)   !important}
.text-teal{         color:var(--teal-500)      !important}
.text-cyan{         color:var(--cyan-500)      !important}
.text-light-blue{   color:var(--light-blue-500)!important}
.text-indigo{       color:var(--indigo-500)    !important}
.text-violet{       color:var(--violet-500)    !important}
.text-purple{       color:var(--purple-500)    !important}
.text-fuchsia{      color:var(--fuchsia-500)   !important}
.text-pink{         color:var(--pink-500)      !important}
.text-rose{         color:var(--rose-500)      !important}





/********/

/*******************/

.text-primary{ color:var(--primary-600) !important}
.text-success{ color:var(--success) !important}
.nowrap{ white-space:nowrap}