.site-header {
width:100%;
}

.span-logout-mobile a{
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
    float:right;
}

.span-logout a{
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    display: block;
    color: #555 !important;
    text-decoration: none !important;
}

.span-logout:hover{
    background-color: #f4f4f4;
}

.base-blue .span-logout a:focus, .base-blue .span-logout a:hover, .base-default .span-logout a:focus, .base-default .span-logout a:hover {
    color: #1964c8 !important;
}

.base-magenta .span-logout a:focus, .base-magenta .span-logout a:hover {
    color: #841f8d !important;
}

.base-orange .span-logout a:focus, .base-orange .span-logout a:hover {
    color: #bb2914 !important;
}

.base-green .span-logout a:focus, .base-green .span-logout a:hover {
    color: #1d5f27 !important;
}

.base-purple .span-logout a:focus, .base-purple .span-logout a:hover {
    color: #4c479f !important;
}

.base-turquoise .span-logout a:focus, .base-turquoise .span-logout a:hover {
    color: #227e7d !important;
}

a.skip-link {
    left: -83.25em;
    position: absolute;
    overflow: hidden;
    text-decoration: none !important;
    z-index: -999;
}

a.skip-link:focus {
    color: #414141;
    background: #fff;
    display: block;
    left: 1.33em;
    width: auto;
    height: auto;
    padding: 1.33em;
    margin-top: 0.66em;
    box-shadow: 0 0.08em 0.33em 0 rgba(0,0,0,.11);
    text-align: left;
    font-size: 1em;
    font-weight: 700;
    z-index: 2031;
    top: 0.83em;
}

a.skip-link:hover {
	text-decoration: underline !important;
}

@font-face {
  font-family: 'Gravur';
  font-style: normal;
  font-weight: 400;
  src: url("/res/fonts/gravur.eot");
  src: local("Gravur"), local("Gravur"), url("/res/fonts/gravur.eot") format("embedded-opentype"), 
       url("/res/fonts/gravur.woff") format("woff"), url("/res/fonts/gravur.ttf") format("truetype"), 
       url("/res/fonts/gravur.svg") format("svg");
  }
  
 @font-face {
  font-family: 'Gravur-Condensed';
  font-style: normal;
  font-weight: 400;
  src: url("/res/fonts/gravur-condensed/GravuConRegRC_1.0.otf");
 }
 
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url("/res/fonts/dosis/Dosis-Regular.ttf");
  }
  
@font-face {
  font-family: 'AkkuratStd-Light';
  font-style: normal;
  font-weight: 400;
  src: url("/res/fonts/src-fonts-akkurat-light.eot");
  src: local("AkkuratStd-Light"), url("/res/fonts/src-fonts-akkurat-light.eot") format("embedded-opentype"), 
       url("/res/fonts/src-fonts-akkurat-light.woff") format("woff"), url("/res/fonts/src-fonts-akkurat-light.ttf") format("truetype"), 
       url("/res/fonts/src-fonts-akkurat-light.svg") format("svg");
  }
  
.prince-panel.col-8.no-padding.style-a.bg-none.column-last {display: none;}

.gravur {font-family: AkkuratStd-Light !important;}
#surveyContainerDiv {padding: 0px 0px 20px 0px;}
#surveyContainerDiv,  #surveyContainerDiv span, #surveyContainerDiv div, #surveyContainerDiv p, #surveyContainerDiv pre, #surveyContainerDiv .survey-description{font-size: 14px; color: #333333;}
pre {font-family: "Helvetica Neue",Helvetica,Arial,Verdana; margin-bottom: 10px; color: #333333;}
form label {display: inline!important; font-size: 14px; margin: 0px 0px 0px 0px!important;color: #333333;}
label pre {color: #333333;}
#surveyContainerDiv .survey-subtitle-small, #surveyContainerDiv a {font-size: 14px;}
.survey-subtitle {font-weight: normal;}
#surveyContainerDiv .customer-form-tab-name {font-size: 20px; font-weight: normal;}
#surveyContainerDiv .help-text {font-size: 13px; font-style: normal;}
.customer-field-additional-text, .question-addl-text pre, .answer-hover-inline, .customer-field-additional-text a, .question-addl-text pre a, .answer-hover-inline a{font-size: 13px!important;}
#surveyContainerDiv .question-suppl-text, .question-suppl-text a {font-size: 14px; color: #757575;}

#surveyTitleDiv {margin: 0px!important;}			    
#surveyTitleText {text-align: left; color: #333333; font-size: 36px; line-height: 40px;}
#surveyTitleText, #surveyContainerDiv .customer-form-tab-name, #surveyContainerDiv .level-2-title, #surveyContainerDiv .level-3-title {font-weight: normal;}
#surveyContainerDiv .level-2-title {font-size: 20px!important;}
#surveyContainerDiv .level-3-title {font-size: 16px!important;}
#surveyContainerDiv .level-4-title {font-size: 14px!important;}

#surveyDescriptionWrapper {padding-left: 10px;}
.tabbed-form-wrapper #surveyMainDiv {margin: 0px; padding: 0px;}

#surveyContentDiv {border: none;}

/*border-radius: 10px;*/
#customerErrorsIndicator {margin: 3px 0px 8px 0px; border: 2px solid #AA0000; overflow: hidden;}
#customerErrorsIndicatorIcon {background: url(/res/images/error_icon.png;) no-repeat scroll 4px 4px #AA0000;}
#customerErrorsIndicatorMsg {color: #3B3B3B !important;}

 
.form-mandatory-text, .survey-question-error, .survey-user-acceptances-error, .survey-terms-error, .customer-detail-error, .mandatory-text, .required-field {color: #AA0000!important; font-size: 14px!important;}
#print {margin-bottom: 2em;border: 0;}
dt.customer-field-label {
    float: unset;
}
dd.customer-field-value, dd.question-field-value, dd.terms-field-value {
    font-weight: normal!important;
}

.question-group, #customerDetailsDiv, #altCustomerDetailsDiv,
/*border-radius: 15px;*/
#privacyStatementDiv, #termsAndConditionsDiv {padding: 20px; background-color: #FFFFFF; border: 1px solid #DDDDDD;
											  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25));
											 }
.tabbed-form-wrapper .question-tab {padding: 0px!important; border: 0px; border-radius: 0px;}

/* .customer-form-tab {border-radius: 10px 10px 0px 0px;} */

.question-group-x {border: 2px solid #DDDDDD;}

.confirmation-print-icon{background: url("/res/img/customer/general/print2.png") no-repeat scroll 0 0 transparent;}
.success-print-icon{background: url("/res/img/customer/general/print2.png") no-repeat scroll 0 0 transparent;}

.nav-button-holder {text-align: left; padding-left: 30px;}


/* removing the block borders for prince, should be included in custom css if blocks are not needed */
#surveyContentDiv {padding: 20px 30px 20px 30px;}
/*.single-page-form-wrapper form {padding: 20px 30px 20px 30px;}*/
.question-group, #customerDetailsDiv, #altCustomerDetailsDiv,
#privacyStatementDiv, #termsAndConditionsDiv {border: none;  box-shadow: none; padding: 0px;}

/*  below 3 styles make the prince block bordered */
#surveyContentDiv {padding: 0px 20px 0px 20px;}
/*border-radius: 15px;*/
.question-group, #customerDetailsDiv, #altCustomerDetailsDiv,
#privacyStatementDiv, #termsAndConditionsDiv {padding: 20px; background-color: #FFFFFF; border: 1px solid #DDDDDD;}

/* question groups have borders by default */

/*  border-radius: 15px; */
.question-group-x {padding: 20px; border: 1px solid #DDDDDD;}

.col-10.prince-subcontainer, .prince-panel.col-10.no-padding.style-a, .prince-panel.col-10.no-padding.style-c {
    width: 900px;
}

#formUserInfoSection .inputField {background-color: #FFFFFF !important;}
.success-print-icon  {display: none;}
.success-download-links  {display: none;}
pre ul {
    margin-left: 2em;
}
pre li{
    list-style-type: initial;
}
a.confirmation-edit-link {
    text-decoration: underline;
    color: #37559A!important;
}