:root{
    --primary-color: #021D49;
    --secondary-color: #0047BA;
    --thrid-color:#3D7CC9;
    --slave-color:#6A7CBA;
    --white-color:#F1F3F6;
    --black-color:#000;
    --red-color:#F10202;
    --bg-table:#93a7cb54; 
}

/* image */
img {
    width: 100%;
}
/* width */
.w-70{
    width: 70%;
}
.w100px{
    width: 7.25rem;
}
.icon_action{
    font-size: 1.5rem;
}
/********** Typography **********/
/***** Font *****/
@font-face {
	font-family: futuraLight;
	src: url(../font/futura/FuturaPTLight.otf);
}
@font-face {
	font-family: futuraBook;
	src: url(../font/futura/FuturaPTBook.otf);
}
@font-face {
	font-family: futuraMedium;
	src: url(../font/futura/FuturaPTMedium.otf);
}
@font-face {
	font-family: futuraDemi;
	src: url(../font/futura/FuturaPTDemi.otf);
}
@font-face {
	font-family: futuraBold;
	src: url(../font/futura/FuturaPTBold.otf);
}
.futura-light {
	font-family: futuraLight;
}
.futura-book {
	font-family: futuraBook;
}
.futura-Med {
	font-family: futuraMedium;
}
.futura-demi {
	font-family: futuraDemi;
}
.futura-bold {
	font-family: futuraBold;
}
/**** heading ****/
h1,h2,h3,h4,h5,h6{
    padding-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-family: futuraDemi;
}

/**** font size ****/
.fs-12{
    font-size: 12px;
}
.fs-14{
    font-size: 14px;
}
.fs-16{
    font-size: 16px;
}
.fs-18{
    font-size: 18px;
}
.fs-20{
    font-size: 20px;
}
.fs-22{
    font-size: 22px;
}
.fs-24{
    font-size: 24px;
}

/* text-shadow */
.text-shadow-50{
    text-shadow: 1px 1px 2px #000000;
}

/**** background-color *****/
.bg-slave{
    background-color: var(--white-color);
}
.bg-blue-50{
    background-color: var(--slave-color);
}
.bg-blue-500{
    background-color: var(--primary-color) !important;
}
.bg-blue-400{
    background-color: var(--slave-color);
}
.bg-blue-100{
    background-color: var(--secondary-color);
}
.bg-red-500{
    background-color: var(--red-color);
}
.bg-table{
    background-color: var(--bg-table) !important;
} 
/* colors */
.text-slave{
    color: var(--white-color);
}
.text-blue-50{
    color: var(--slave-color);
}
.text-blue-500{
    color: var(--primary-color) !important;
}
.text-blue-400{
    color: var(--slave-color);
}
.text-blue-100{
    color: var(--secondary-color);
}
.text-red-500{
    color: var(--red-color);
}

/**** bootstrap modific  ****/
.table>:not(caption)>*>*{
    border: none;
}