/* 
-------------------------------
-- FONTS
------------------------------- 
*/
@font-face {
  font-family: 'semplicita_pro';
  src: url(/fonts/canada_type_-_semplicita_pro-webfont.eot?#iefix);
  src: url(/fonts/canada_type_-_semplicita_pro-webfont.woff),
  url(/fonts/canada_type_-_semplicita_pro-webfont.woff2),
  url(/fonts/canada_type_-_semplicita_pro-webfont.ttf),
  url(/fonts/canada_type_-_semplicita_pro-webfont.svg#OpenSans-Regular) ;
  font-weight: normal;
  font-style: normal;
}
/* 
-------------------------------
-- ROW
------------------------------- 
*/
.row-center
{
    align-content: center;
    align-items: center;
    
  margin: 0px;
  padding: 0px;
  width: 100%;
}/* 
-------------------------------
-- MAIN
------------------------------- 
*/
.main
{
  margin: 0px;
  padding: 0px;
  width: 100%;
}

/* 
-------------------------------
-- HEADER
------------------------------- 
*/

.header-grid {
  
    display: grid;
    grid-gap: 0px;
    grid-template-columns: 100px auto auto;
}

.box {
    padding: 0px;

}

.a {
    grid-column: 1 ;
    grid-row: 1 / span 3;
    height: 100px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.b {
    grid-column: 2 / span 2;
    grid-row: 1 ;
    height: 26px;
    padding-right: 10px;
    padding-top: 3px;
    text-align: right;
    font-size: 14px;
}
.c {
    grid-column: 2/ span 2 ;
    grid-row: 2 ;
    
    
    height: 48px;
    
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    font-size: 28px;
}
.d {
    grid-column: 2 / span 2;
    grid-row: 3 ;
    height: 26px;
    
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
  
.header-main
{
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 95px;
  
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  
}

.header-logga
{
  background-color: transparent !important;
  color: transparent !important;
  margin-left: 0px;
  padding: 0px;
  max-width: 80px;
}
.header-img {
    width: 75px;
    height: 75px;
    margin: 10px 20px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #3F383C;
    background-color:#3F383C;
    flex-shrink: 0;
}
.header-text
{
  background-color: transparent !important;
  margin-left: 38px;
  padding: 0px;
  font-size: 28px;
}
/* 
-------------------------------
-- STEPPER
------------------------------- 
*/
/* .v-stepper__label {
  color: red !important;
} 

.step-number {
  background-color: yellow;
  color: red;
}  */
/* 
-------------------------------
-- PADDING MARGIN
------------------------------- 
*/
.pd-zero
{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* div.v-input__slot
{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 17px;
  padding-bottom: 0px;
  padding-left: 7px;
  padding-right: 0px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
 
} */
.bold
{
  font-weight: bold;
}
.upperCaseInput input {
  text-transform: uppercase;
}
.flexcard {
  display: flex;
  flex-direction: column;
}
/* .hiddenInput input {
  text-transform: uppercase;
  background-color: yellow;
}
.hiddenArea {
  text-transform: uppercase;
  background-color: transparent !important;
  max-width: 0px;
  max-height: 0px;
  margin-bottom: 30px;
  color: white !important;
  
}
.hiddenArea text-field{
  background-color: transparent !important;
  max-width: 0px;
  max-height: 0px;
  color: red !important;
} */

.font-header-xs
{
  
  font-size: 13px;
  font-family: "semplicita_pro";
  font-weight: bold;
}
.font-header-sm
{
  
  font-size: 18px;
  font-family: "semplicita_pro";
  font-weight: bold;
}
.font-header-md
{
  
  font-size: 20px;
  font-family: "semplicita_pro";
  font-weight: bold;
}
.font-start-xs
{
  
  font-size: 12px;
  font-family: "semplicita_pro";
  font-weight: bold;
}
.font-start-sm
{
  
  font-size: 16px;
  font-family: "semplicita_pro";
  font-weight: bold;
}
.font-start-md
{
  
  font-size: 18px;
  font-family: "semplicita_pro";
  font-weight: bold;
}
.font-name-xs
{
  
  font-size: 18px;
  font-family: "semplicita_pro";
  font-weight: bold;
}
.font-name-sm
{
  
  font-size: 20px;
  font-family: "semplicita_pro";
  font-weight: bold;
}
.font-name-md
{
  
  font-size: 28px;
  font-family: "semplicita_pro";
  font-weight: bold;
}