/* colors.css */
:root {
	--updated-brand-blue: #212878;
	--btn-dark-hover:#7b8193;
	--btn-main-pale-blue: #d1d5e1;
	/*MAIN BTN*/
    --btn-main-color: #14143C ;/*#50506d*/
	--btn-main-back-color: #f1f1f1;
  	--btn-main-border:#14143C ;/* #50506d*/
 
	/*SECONDARY BTN*/
    --btn-sec-color: #14143C;/*#65657f ;*/ 
	--btn-sec-back-color: transparent;
	--btn-sec-color-hover: #212147;
	--btn-sec-back-color-hover: white;
	--btn-sec-gray : #f1f1f1;
	/*TERTIARY BTN*/
	
	/*general*/
	--brand-dark-blue: #14143C;
	--brand-pale-blue:#a4abc3; /*#d1d5e1;*/
	--color-grayblue: #7b8193;
	--color-police: #14143C;
	--color-heading:#7b8193;
	--color-bg-table:#d1d5e1;
	--color-border-table:#14143C;
	--color-a:#7b8193;
	--color-background-dark:#14143C;
	--soc-nav-background:#f2f2f2;
	--soc-nav-color:#14143C;
	
	/*check icon color*/
	--check-icon-color: #5bbc36;


	/*font-police*/
	/*--police-main:Segoe UI, Roboto, Helvetica Neue,Montserrat,sans-serif;*/
	--police-main:'Euclid Circular A',Euclid Circular A,Segoe UI, Roboto, Helvetica Neue,Montserrat,sans-serif;
	--police-secondary:sans-serif,Roboto, Helvetica Neue,Montserrat;
}

/*
import this file in other css to use like so:
@import url('colors.css');
.btn-secondary {
   background-color: var(--btn-sec-back-color);
   color: var(--btn-sec-color);
}.row.grid-btn .btn-secondary {
  background: var(--btn-sec-gray) !important;
}

*/