@charset "UTF-8";

html, body{
 min-height: 100%
}

/*
 Alert cookie policy
 */
 
.jquery-helpers-alert.cookie-policy{
 background-color: #f6f8fa
}
.jquery-helpers-alert.cookie-policy .alert-header{
 border-bottom: none
}
.jquery-helpers-alert.cookie-policy .alert-controls{
 padding-top: 0
}
.jquery-helpers-alert.cookie-policy .alert-controls .btn{
 width: 140px;
 margin-top: 20px
}

@media ( min-width: 768px ){
 
 .jquery-helpers-alert.cookie-policy{
  display: flex;
  text-align: left
 }
 .jquery-helpers-alert.cookie-policy .alert-header{
  flex: 1 1 auto;
  max-width: 100%
 }
 .jquery-helpers-alert.cookie-policy .alert-controls{
  flex: 0 0 auto
 }
 .jquery-helpers-alert.cookie-policy .alert-controls .btn{
  width: 160px
 }
 
}

/*
 Alert cookie policy document
 */
 
.jquery-helpers-alert.cookie-policy-document{
 min-width: 90%
}

/*
 Field groups
 */
 
.field-group{
 display: flex;
 column-gap: 10px;
 align-items: center
}
.field-item-fill{
 flex: 1 1 100%	
}
.field-item-auto{
 flex: 0 0 auto
}

/*
 Animated Placholder Label
 */
 
.placeholder-label{
 position: relative	
}
.placeholder-label input{
 padding-top: 16px
}
.placeholder-label input~span.label{
 position: absolute;
 top: 50%;
 left: 12px;
 margin-top: -0.3em;
 line-height: 0.6em;
 transition: ease top 100ms, ease font-size 100ms;
 pointer-events: none
}
.placeholder-label input.active~span.label{
 top: 0.9em;
 font-size: 0.75rem
}

/*
 Advisor box
 */
 
.useraccess-- .advisor-box>p{
 margin-bottom: 7px
}
.useraccess-- .advisor-box .advisor-box-item i{
 display: inline-block;
 width: 9px;
 height: 9px;
 margin-right: 10px;
 border: solid transparent 1px;
 border-radius: 50%;
 background-color: transparent
}