﻿
@font-face {
    font-family: "Akkurat LL";
    src: url("AkkuratLLWeb-Regular.eot");
    src: url("AkkuratLLWeb-Regular.woff") format("woff"), 
        url("AkkuratLLWeb-Regular.otf") format("opentype"), 
        url("AkkuratLLWeb-Regular.svg#filename") format("svg");
}


#form1 {
    height: 900px;
    font-family: 'Akkurat LL';
    font-size:14px;
}
#for1 {
    height: 900px;
    font-family: 'Akkurat LL';
}
.label_opt_left {
    width: 120px;
    position: relative;
    left: 10px;   
    height: 16px;
}
.label_addr_left {
    width: 60px;
    height: 16px;
    left: 10px;
    padding-left: 10px;
}
.label_addr_right {    
    left: 237px;
    width: 20px;
    

}
.label_req_ext {   
    left: 310px;
   

}
.label_addr_validator_zip {
    left: 261px;   
    width: 150px;
    font-size: small;
    font-weight: bold;
  

}
.label_opt_validator_ext {   
    left: 320px;
    font-weight: bold;
    font-size: small;
    width: 150px;
    

}
.label_opt_validator_field {
    font-size: small;  
    left: 133px;
    font-weight: bold;
    

}
.label_req_validator_ext {
    left: 320px;    
    font-size: small;
    font-weight: bold;
    width: 100px;
    

}
.label_req_validator_field {
    font-size: small;   
    font-weight: bold;
    width: 240px;
    

}

.logo_lable {
    box-sizing: border-box;
    padding: 11px 8px 8px 16px;
    gap: 8px;
    width: 159px;
    height: 43px;
    border-left: 1px solid #E3E3E3;
    margin-top: 12px;
    font-weight: 700 !important;
    font-size: 20px !important;
}
.label_title {
    display: inline;
    text-align: center;
    vertical-align: top;
    top: 20px;
    left: 100px;
    font-weight: 700 !important;
    font-size: 20px !important;
    font-size: x-large;
}
.loggedUser {
    display: inline;
    text-align: justify;
    vertical-align: top;
    /*position: absolute;*/
    top: 30px;
    left: 478px;
   
    width: 235px;
    color: #000000;
    right: -18px;
}
.logout_button {
    display: inline;
    text-align: center;
    vertical-align: top;
    /*position: absolute;*/
    top: 60px;
    left: 100px;
    
    width: 42px;
    right: 552px;
}
.mainDiv
{
    position: relative;
    left: -1px;
    color: #FFFFFF;
    top: 100px;
    height: 19px;
}
.productRegistrationLink {
    display: inline;
    text-align: left;
    vertical-align: top;
    /*position: absolute;*/
    top: 80px;
    left: 85px;  
    width: 166px;
}
.style1
{
    width: 160px;
}
.title {
    position: absolute;
    left: 100px;
    display: inline;
    top: 35px;
    font-size: x-large;
   
}
.userAdministrationLink {
    display: inline;
    text-align: center;
    vertical-align: top;
    position: absolute;
    top: 60px;
    left: 165px;
   
    width: 122px;
    right: 395px;
}
.value_addr_left        {   
    left: 60px;
    display: inline;
}
.value_addr_right
{  
    left: 274px;
    width: 120px;
}
.value_opt_ext
{    
    left: 320px;
    width: 55px;
}
.value_opt_field
{    
    left: 133px;
}
.value_req_ext
{    
    left: 320px;
    width: 55px;
}

/* New Styles*/

.validator_message_field {
    font-size: x-small;
    font-weight: bold;
    color: #FF0000;
    font-family: 'Akkurat LL';
}

input[type=submit] {
    width: 80%;
    height: 30px;
    margin: 12px 0px;
    font-family: 'Akkurat LL';
}

input[type=checkbox] {
    width: 5%;
    height: 16px;
    accent-color:#000000;
    cursor:pointer;
}

    input[type=checkbox]:hover, input[type=checkbox]:focus {       
        accent-color: gray;
        cursor: pointer
    }

.btn-primary {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
    border-radius: 2px;
    font-weight: 700;
    cursor: pointer;
}
.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color: #616161;
    border-color: #616161;
    cursor: pointer;
}

.btn-secondary {
    border: 1px solid #000000;
    background: #ffffff;
    font-weight: normal;
    color: #000000;
    cursor: pointer;
}

.btn-secondary:hover, .btn-secondary:focus {
    background: #e6e6e6;
}

a {
    color:#0D71C6;
}

 a:hover,  a:focus {
    color: #737676;
}


