/* Brandig Color Palette */ 
:root {

    --primary-color:#152542;
    --primary-color-medium:#22395B;
    --secondary-color-gray: #53565B;  
    --primary-gray-light: #F6F5F4; 
    --primary-gray-light-medium: #DDDDDD; 
    --primary-gray-medium: #ABB1B7; 
    --primary-gray-dark: #3F4247; 
    --primary-dark: #111111; 
    --white: #f5f7ff;

    --font-primary: "Poppins", sans-serif;
    --font-secondary: "LatoRegular", sans-serif;
    --logo-ini: url(../images/logo_cth_ini.png);
    --logo-vendor: url(../images/logo.png);
    --logo-avatar: url(../images/logo_avatar.png);
    --logo-icon: url(../images/icons/logo.png);
    --logo-footer: url(../images/logo_cth_foot.png);
    --bg-login: url(../images/bg_login.jpg);
    --logo-client: url(../images/logo_client.png);
}

/*Palett Colors*/




/*Colors*/

.col_pblue {color:var(--primary-color) !important;} .col_pblue-m {color: var(--primary-color-medium) !important;} .col_pblue-d{color: var(--primary-dark) !important;} .col_sgray {color: var(--secondary-color-gray) !important;} .col_white{color: var(--white) !important;}
.col_pgray-l {color:var(--primary-gray-light) !important;} .col_pgray-lm {color: var(--primary-gray-light-medium) !important;} .col_pgray-m {color: var(--primary-gray-medium) !important;}
.colorGray{color: var(--primary-color);}
/*Bgs*/

.bg_pblue {background-color:var(--primary-color) !important;} .bg_pblue-m {background-color: var(--primary-color-medium) !important;} .bg_pblue-d{background-color: var(--primary-dark) !important;} .bg_sgray {background-color: var(--secondary-color-gray) !important;} .bg_white{background-color: var(--white) !important;}
.bg_pgray-l {background-color:var(--primary-gray-light) !important;} .bg_pgray-lm {background-color: var(--primary-gray-light-medium) !important;} .bg_pgray-m {background-color: var(--primary-gray-medium) !important;}

/* FONTS */

@font-face {font-family: 'Poppins'; src: url('css/font/fonts/Poppins-Regular.eot'); src: url('css/font/fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('css/font/fonts/Poppins-Regular.woff2') format('woff2'), url('css/font/fonts/Poppins-Regular.woff') format('woff'), url('css/font/fonts/Poppins-Regular.ttf') format('truetype'), url('css/font/fonts/Poppins-Regular.svg#Poppins-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'PoppinsBold'; src: url('css/font/fonts/Poppins-Bold.eot'); src: url('css/font/fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('css/font/fonts/Poppins-Bold.woff2') format('woff2'), url('css/font/fonts/Poppins-Bold.woff') format('woff'), url('css/font/fonts/Poppins-Bold.ttf') format('truetype'), url('css/font/fonts/Poppins-Bold.svg#Poppins-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face {font-family: 'PoppinsLight'; src: url('css/font/fonts/Poppins-ExtraLight.eot'); src: url('css/font/fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'), url('css/font/fonts/Poppins-ExtraLight.woff2') format('woff2'), url('css/font/fonts/Poppins-ExtraLight.woff') format('woff'), url('css/font/fonts/Poppins-ExtraLight.ttf') format('truetype'), url('css/font/fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap;}
@font-face {font-family: 'PoppinsSemi'; src: url('css/font/fonts/Poppins-SemiBold.eot'); src: url('css/font/fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('css/font/fonts/Poppins-SemiBold.woff2') format('woff2'), url('css/font/fonts/Poppins-SemiBold.woff') format('woff'), url('css/font/fonts/Poppins-SemiBold.ttf') format('truetype'), url('css/font/fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face {font-family: 'LatoBold'; src: url('css/font/fonts/Lato-Bold.eot'); src: url('css/font/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('css/font/fonts/Lato-Bold.woff2') format('woff2'), url('css/font/fonts/Lato-Bold.woff') format('woff'), url('css/font/fonts/Lato-Bold.ttf') format('truetype'), url('css/font/fonts/Lato-Bold.svg#Lato-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face {font-family: 'LatoRegular'; src: url('css/font/fonts/Lato-Regular.eot'); src: url('css/font/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('css/font/fonts/Lato-Regular.woff2') format('woff2'), url('css/font/fonts/Lato-Regular.woff') format('woff'), url('css/font/fonts/Lato-Regular.ttf') format('truetype'), url('css/font/fonts/Lato-Regular.svg#Lato-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'LatoLight'; src: url('css/font/fonts/Lato-Light.eot'); src: url('css/font/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('css/font/fonts/Lato-Light.woff2') format('woff2'), url('css/font/fonts/Lato-Light.woff') format('woff'), url('css/font/fonts/Lato-Light.ttf') format('truetype'), url('css/font/fonts/Lato-Light.svg#Lato-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap;}