:root {
  --light-pink: #FAE0DD;
  --black: #0B1A24;
  --success-green: #DEF2E4;
  --light-blue: #00B4FF;
  --red: #DA1D1D;
}

*{
  box-sizing:border-box;
}
html{
  height:100%;
}
body{
  height:100%;
  background-color:#fff;
  color:#111;
  font-family:'Heebo', sans-serif;
  font-weight:400;
  line-height:1.5;
  margin:0;
}
/*POP UP BOX ON LOGIN SCREEN*/
.infoBroker {
				text-align: justify;
                text-justify: inter-word;
                border-radius: 8px;
				top: 0;
				left: 0;
				position: absolute;
				background-color: #e3e3e3;
				color: black;
}

.closebtn {
            margin-left: 15px;
            color: black;
            font-weight: bold;
            float: right;
            font-size: 22px;
            line-height: 20px;
            cursor: pointer;
            transition: 0.3s;
}
/*POP UP BOX ENDS ON LOGIN SCREEN*/
img{
  height:auto;
  max-width:100%;
}
svg{
  max-height:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-family:'Roboto', sans-serif;
  font-weight:300;
  line-height:1.25;
  margin-bottom:0.25rem;
  margin-top:0.25rem;
}
h1{ font-size:2rem; }
h2{ font-size:1.5rem; }
h3{ font-size:1.25rem; }
h4{ font-size:1rem; }
h5{ font-size:0.875rem; }
h6{ font-size:0.75rem; }
p,
dl,
ol,
ul,
pre,
blockquote{
  margin-bottom:0rem;
  margin-top:0rem;
}
input,
textarea,
keygen,
select,
button{
  font-family:'Open Sans',
    'Helvetica Neue',
    Helvetica,
    sans-serif;
  font-size:1rem;
}
select{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-color:transparent;
  border:none;
  border-radius:0px;
}
code,
pre,
samp{
  font-family:'Roboto Mono',
    'Source Code Pro',
    Menlo,
    Consolas,
    'Liberation Mono',
    monospace;
}
code,
samp{
  font-size:87.5%;
  padding:0.125em;
}
pre{
  font-size:87.5%;
  overflow:scroll;
}
blockquote{
  font-size:1.25rem;
  font-style:italic;
  margin-left:0;
}

.adjecent{
      text-align: center;
       display: inline-block;
}
#cancelButton, .cancelButton {
    cursor: pointer;
    font-family: 'Roboto Condensed', 'sans-serif';
    font-size: 1rem;
    text-decoration: none;
    padding-top: 13px;
    padding-bottom: 13px;
}

hr{
  border:0;
  border-bottom-color:#ddd;
  border-bottom-style:solid;
  border-bottom-width:1px;
  margin-bottom:0.25rem;
  margin-top:0.25rem;
}
label,
a{
  cursor:pointer;
}
a.no-style{ text-decoration:none; }
a:hover{
  text-decoration:none;
  opacity:0.9;
}
.overflow-y-scroll{
  -webkit-overflow-scrolling:touch;
  overflow-y:scroll;
}
.all-initial{ all:initial }
.all-unset{ all:unset }
.all-inherit{ all:inherit }
.all-revert{ all:revert }
.h1{ font-size:2rem }
.h2{ font-size:1.5rem }
.h3{ font-size:1.25rem }
.h4{ font-size:1rem }
.h5{ font-size:.875rem }
.h6{ font-size:.75rem }
.font-family-inherit{ font-family:inherit }
.font-size-inherit{ font-size:inherit }
.text-decoration-none{ text-decoration:none }
.bold{ font-weight:bold; font-weight:bold }
.regular{ font-weight:normal }
.italic{ font-style:italic }
.caps{ text-transform:uppercase; letter-spacing:.2em; }
.left-align{ text-align:left }
.center{ text-align:center }
.right-align{ text-align:right }
.justify{ text-align:justify }
.nowrap{ white-space:nowrap }
.break-word{ word-wrap:break-word }
.line-height-1{ line-height:1 }
.line-height-2{ line-height:1.125 }
.line-height-3{ line-height:1.25 }
.line-height-4{ line-height:1.5 }
.list-style-none{ list-style:none }
.underline{ text-decoration:underline }
.truncate{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.list-reset{
  list-style:none;
  padding-left:0;
}
.h00{ font-size:4.5rem }
.h0{  font-size:3rem }
@media (min-width: 52em){
  .h00-responsive{ font-size:8vw }
  .h0-responsive{  font-size:6vw }
  .h1-responsive{  font-size:4vw }
}
@media (min-width: 96em){
  .h00-responsive{ font-size:7.68rem }
  .h0-responsive{  font-size:5.76rem }
  .h1-responsive{  font-size:3.84rem }
}
.bg-cover{ background-size:cover }
.bg-contain{ background-size:contain }
.bg-center{ background-position:center }
.bg-top{ background-position:top }
.bg-right{ background-position:right }
.bg-bottom{ background-position:bottom }
.bg-left{ background-position:left }
.bg-no-repeat{ background-repeat:no-repeat }
.bg-repeat-x{ background-repeat:repeat-x }
.bg-repeat-y{ background-repeat:repeat-y }
.media,
.sm-media,
.md-media,
.lg-media{
  margin-left:-.5rem;
  margin-right:-.5rem;
}
.media{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.media-center{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.media-bottom{
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
}
.media-img,
.media-body{
  padding-left:.5rem;
  padding-right:.5rem;
}
.media-body{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
}
@media (min-width: 40em){
  .sm-media{ display:-webkit-box; display:-ms-flexbox; display:flex }
}
@media (min-width: 52em){
  .md-media{ display:-webkit-box; display:-ms-flexbox; display:flex }
}
@media (min-width: 72em){
  .lg-media{ display:-webkit-box; display:-ms-flexbox; display:flex }
}
.serif{ font-family:'Merriweather', serif; }
.condensed{
    font-family:'Roboto Condensed', sans-serif;
}
.caps{
    font-family:'Heebo', sans-serif;
    letter-spacing:0.1rem;
}
.capitalize{
    text-transform:capitalize;
}
.fw-100{ font-weight:100; }
.fw-300{ font-weight:300; }
.fw-400{ font-weight:400; }
.fw-500{ font-weight:500; }
.fw-600{ font-weight:600; }
.fw-700{ font-weight:700; }
.text-shadow{ text-shadow:0 0 2px #000; }
.inline{ display:inline }
.block{ display:block }
.inline-block{ display:inline-block }
.table{ display:table }
.table-cell{ display:table-cell }
.overflow-hidden{ overflow:hidden }
.overflow-scroll{ overflow:scroll }
.overflow-auto{ overflow:auto }
.clearfix:before,
.clearfix:after{
  content:" ";
  display:table
}
.clearfix:after{ clear:both }
.left{ float:left }
.right{ float:right }
.fit{ max-width:100% }
.max-width-1{ max-width:24rem }
.max-width-2{ max-width:32rem }
.max-width-3{ max-width:48rem }
.max-width-4{ max-width:72rem }
.border-box{ box-sizing:border-box }
.align-baseline{ vertical-align:baseline }
.align-top{ vertical-align:top }
.align-middle{ vertical-align:middle }
.align-bottom{ vertical-align:bottom }
.m0{ margin:0 }
.mt0{ margin-top:0 }
.mr0{ margin-right:0 }
.mb0{ margin-bottom:0 }
.ml0{ margin-left:0 }
.mx0{ margin-left:0; margin-right:0 }
.my0{ margin-top:0; margin-bottom:0 }
.m1{ margin:.5rem }
.mt1{ margin-top:.5rem }
.mr1{ margin-right:.5rem }
.mb1{ margin-bottom:.5rem }
.ml1{ margin-left:.5rem }
.mx1{ margin-left:.5rem; margin-right:.5rem }
.my1{ margin-top:.5rem; margin-bottom:.5rem }
.m2{ margin:1rem }
.mt2{ margin-top:1rem }
.mr2{ margin-right:1rem }
.mb2{ margin-bottom:1rem }
.ml2{ margin-left:1rem }
.mx2{ margin-left:1rem; margin-right:1rem }
.my2{ margin-top:1rem; margin-bottom:1rem }
.m3{ margin:2rem }
.mt3{ margin-top:2rem }
.mr3{ margin-right:2rem }
.mb3{ margin-bottom:2rem }
.ml3{ margin-left:2rem }
.mx3{ margin-left:2rem; margin-right:2rem }
.my3{ margin-top:2rem; margin-bottom:2rem }
.m4{ margin:4rem }
.mt4{ margin-top:4rem }
.mr4{ margin-right:4rem }
.mb4{ margin-bottom:4rem }
.ml4{ margin-left:4rem }
.mx4{ margin-left:4rem; margin-right:4rem }
.my4{ margin-top:4rem; margin-bottom:4rem }
.mxn1{ margin-left:-.5rem; margin-right:-.5rem; }
.mxn2{ margin-left:-1rem; margin-right:-1rem; }
.mxn3{ margin-left:-2rem; margin-right:-2rem; }
.mxn4{ margin-left:-4rem; margin-right:-4rem; }
.ml-auto{ margin-left:auto }
.mr-auto{ margin-right:auto }
.mx-auto{ margin-left:auto; margin-right:auto; }
.p0{ padding:0 }
.pt0{ padding-top:0 }
.pr0{ padding-right:0 }
.pb0{ padding-bottom:0 }
.pl0{ padding-left:0 }
.px0{ padding-left:0; padding-right:0 }
.py0{ padding-top:0;  padding-bottom:0 }
.p025{ padding:0.25rem }
.pt025{ padding-top:0.25rem }
.pr025{ padding-right:0.25rem }
.pb025{ padding-bottom:0.25rem }
.pl025{ padding-left:0.25rem }
.py025{ padding-top:0.25rem; padding-bottom:0.25rem }
.px025{ padding-left:0.25rem; padding-right:0.25rem }
.p1{ padding:.5rem }
.pt1{ padding-top:.5rem }
.pr1{ padding-right:.5rem }
.pb1{ padding-bottom:.5rem }
.pl1{ padding-left:.5rem }
.py1{ padding-top:.5rem; padding-bottom:.5rem }
.px1{ padding-left:.5rem; padding-right:.5rem }
.p2{ padding:1rem }
.pt2{ padding-top:1rem }
.pr2{ padding-right:1rem }
.pb2{ padding-bottom:1rem }
.pl2{ padding-left:1rem }
.py2{ padding-top:1rem; padding-bottom:1rem }
.px2{ padding-left:1rem; padding-right:1rem }
.p3{ padding:2rem }
.pt3{ padding-top:2rem }
.pr3{ padding-right:2rem }
.pb3{ padding-bottom:2rem }
.pl3{ padding-left:2rem }
.py3{ padding-top:2rem; padding-bottom:2rem }
.px3{ padding-left:2rem; padding-right:2rem }
.p4{ padding:4rem }
.pt4{ padding-top:4rem }
.pr4{ padding-right:4rem }
.pb4{ padding-bottom:4rem }
.pl4{ padding-left:4rem }
.py4{ padding-top:4rem; padding-bottom:4rem }
.px4{ padding-left:4rem; padding-right:4rem }
.col{
  float:left;
  box-sizing:border-box;
}
.col-right{
  float:right;
  box-sizing:border-box;
}
.col-1{
  width:8.33333%;
}
.col-2{
  width:16.66667%;
}
.col-3{
  width:25%;
}
.col-4{
  width:33.33333%;
}
.col-5{
  width:41.66667%;
}
.col-6{
  width:50%;
}
.col-7{
  width:58.33333%;
}
.col-8{
  width:66.66667%;
}
.col-9{
  width:75%;
}
.col-10{
  width:83.33333%;
}
.col-11{
  width:91.66667%;
}
.col-12{
  width:100%;
}
@media (min-width: 40em){

  .sm-col{
    float:left;
    box-sizing:border-box;
  }

  .sm-col-right{
    float:right;
    box-sizing:border-box;
  }

  .sm-col-1{
    width:8.33333%;
  }

  .sm-col-2{
    width:16.66667%;
  }

  .sm-col-3{
    width:25%;
  }

  .sm-col-4{
    width:33.33333%;
  }

  .sm-col-5{
    width:41.66667%;
  }

  .sm-col-6{
    width:50%;
  }

  .sm-col-7{
    width:58.33333%;
  }

  .sm-col-8{
    width:66.66667%;
  }

  .sm-col-9{
    width:75%;
  }

  .sm-col-10{
    width:83.33333%;
  }

  .sm-col-11{
    width:91.66667%;
  }

  .sm-col-12{
    width:100%;
  }

}
@media (min-width: 52em){

  .md-col{
    float:left;
    box-sizing:border-box;
  }

  .md-col-right{
    float:right;
    box-sizing:border-box;
  }

  .md-col-1{
    width:8.33333%;
  }

  .md-col-2{
    width:16.66667%;
  }

  .md-col-3{
    width:25%;
  }

  .md-col-4{
    width:33.33333%;
  }

  .md-col-5{
    width:41.66667%;
  }

  .md-col-6{
    width:50%;
  }

  .md-col-7{
    width:58.33333%;
  }

  .md-col-8{
    width:66.66667%;
  }

  .md-col-9{
    width:75%;
  }

  .md-col-10{
    width:83.33333%;
  }

  .md-col-11{
    width:91.66667%;
  }

  .md-col-12{
    width:100%;
  }

}
@media (min-width: 72em){

  .lg-col{
    float:left;
    box-sizing:border-box;
  }

  .lg-col-right{
    float:right;
    box-sizing:border-box;
  }

  .lg-col-1{
    width:8.33333%;
  }

  .lg-col-2{
    width:16.66667%;
  }

  .lg-col-3{
    width:25%;
  }

  .lg-col-4{
    width:33.33333%;
  }

  .lg-col-5{
    width:41.66667%;
  }

  .lg-col-6{
    width:50%;
  }

  .lg-col-7{
    width:58.33333%;
  }

  .lg-col-8{
    width:66.66667%;
  }

  .lg-col-9{
    width:75%;
  }

  .lg-col-10{
    width:83.33333%;
  }

  .lg-col-11{
    width:91.66667%;
  }

  .lg-col-12{
    width:100%;
  }

}
.flex{ display:-webkit-box; display:-ms-flexbox; display:flex }
@media (min-width: 40em){
  .sm-flex{ display:-webkit-box; display:-ms-flexbox; display:flex }
}
@media (min-width: 52em){
  .md-flex{ display:-webkit-box; display:-ms-flexbox; display:flex }
}
@media (min-width: 72em){
  .lg-flex{ display:-webkit-box; display:-ms-flexbox; display:flex }
}
.flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column }
.flex-wrap{ -ms-flex-wrap:wrap; flex-wrap:wrap }
.items-start{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start }
.items-end{ -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end }
.items-center{ -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.items-baseline{ -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline }
.items-stretch{ -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch }
.self-start{ -ms-flex-item-align:start; align-self:flex-start }
.self-end{ -ms-flex-item-align:end; align-self:flex-end }
.self-center{ -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center }
.self-baseline{ -ms-flex-item-align:baseline; align-self:baseline }
.self-stretch{ -ms-flex-item-align:stretch; -ms-grid-row-align:stretch; align-self:stretch }
.justify-start{ -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start }
.justify-end{ -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end }
.justify-center{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center }
.justify-between{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between }
.justify-around{ -ms-flex-pack:distribute; justify-content:space-around }
.content-start{ -ms-flex-line-pack:start; align-content:flex-start }
.content-end{ -ms-flex-line-pack:end; align-content:flex-end }
.content-center{ -ms-flex-line-pack:center; align-content:center }
.content-between{ -ms-flex-line-pack:justify; align-content:space-between }
.content-around{ -ms-flex-line-pack:distribute; align-content:space-around }
.content-stretch{ -ms-flex-line-pack:stretch; align-content:stretch }
.flex-auto{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  min-width:0;
  min-height:0;
}
.flex-none{ -webkit-box-flex:0; -ms-flex:none; flex:none }
.order-0{ -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0 }
.order-1{ -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 }
.order-2{ -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 }
.order-3{ -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3 }
.order-last{ -webkit-box-ordinal-group:100000; -ms-flex-order:99999; order:99999 }
.relative{ position:relative }
.absolute{ position:absolute }
.fixed{ position:fixed }
.top-0{ top:0 }
.right-0{ right:0 }
.bottom-0{ bottom:0 }
.left-0{ left:0 }
.z1{ z-index:1 }
.z2{ z-index:2 }
.z3{ z-index:3 }
.z4{ z-index:4 }
.hide{
  position:absolute !important;
  height:1px;
  width:1px;
  overflow:hidden;
  clip:rect(1px, 1px, 1px, 1px);
}
@media (max-width: 40em){
  .xs-hide{ display:none !important }
}
@media (min-width: 40em) and (max-width: 52em){
  .sm-hide{ display:none !important }
}
@media (min-width: 52em) and (max-width: 64em){
  .md-hide{ display:none !important }
}
@media (min-width: 72em){
  .lg-hide{ display:none !important }
}
.display-none{ display:none !important }
.ht1{ height:0.5rem; }
.ht2{ height:1rem; }
.ht3{ height:2rem; }
.ht4{ height:4rem; }
.ht5{ height:8rem; }
.miht1{ min-height:0.5rem; }
.miht2{ min-height:1rem; }
.miht3{ min-height:2rem; }
.miht4{ min-height:4rem; }
.miht5{ min-height:8rem; }
.miht-field{ min-height:37px; }
.miw1{ min-width:0.5rem; }
.miw2{ min-width:1rem; }
.miw3{ min-width:2rem; }
.miw4{ min-width:4rem; }
.miw5{ min-width:8rem; }
.mxht1{ max-height:0.5rem; }
.mxht2{ max-height:1rem; }
.mxht3{ max-height:2rem; }
.mxht4{ max-height:4rem; }
.mxht5{ max-height:8rem; }
.mxht6{ max-height:10rem; }
.mxw1{ max-width:0.5rem; }
.mxw2{ max-width:1rem; }
.mxw3{ max-width:2rem; }
.mxw4{ max-width:4rem; }
.mxw5{ max-width:8rem; }
.ht100p{ height:100%; }
.logoHeight{ height:24px; }
.w1{ width:0.5rem; }
.w2{ width:1rem; }
.w3{ width:2rem; }
.w4{ width:4rem; }
.w100p{ width:100%; }
.vh100{ height:100vh; }
.vh100-1{ height:calc(100vh - 0.5rem); }
.vh100-2{ height:calc(100vh - 1rem); }
.vh100-3{ height:calc(100vh - 2rem); }
.vh100-4{ height:calc(100vh - 4rem); }
.levitate{
  -webkit-transform:translateY(-0.2rem);
          transform:translateY(-0.2rem);
  -webkit-transition-duration:0.45s;
          transition-duration:0.45s;
}
.fade{ -webkit-transition:0.3s ease; transition:0.3s ease; }
.slide-up{
  -webkit-transition-duration:1s;
          transition-duration:1s;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-timing-function:cubic-bezier(0, 1, 0.5, 1);
          transition-timing-function:cubic-bezier(0, 1, 0.5, 1);
}
.reveal{
  -webkit-transition:visibility 0s, opacity 300ms linear 300ms;
  transition:visibility 0s, opacity 300ms linear 300ms;
}
.slidein{
  -webkit-animation:scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
          animation:scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-animation:scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
          animation:scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.slideout{
  -webkit-animation:scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
          animation:scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-animation:scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
          animation:scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes scaleUp{

  from{
    -webkit-transform:scale(1);
            transform:scale(1);
  }

  to{
    opacity:0;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
}
@keyframes scaleUp{

  from{
    -webkit-transform:scale(1);
            transform:scale(1);
  }

  to{
    opacity:0;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
}
@-webkit-keyframes scaleDownUp{

  from{
    opacity:0;
    -webkit-transform:scale(0.9);
            transform:scale(0.9);
  }

  to{
    opacity:1;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}
@keyframes scaleDownUp{

  from{
    opacity:0;
    -webkit-transform:scale(0.9);
            transform:scale(0.9);
  }

  to{
    opacity:1;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}
@-webkit-keyframes scaleDown{

  from{
    -webkit-transform:scale(1);
            transform:scale(1);
  }

  to{
    opacity:0;
    -webkit-transform:scale(0.9);
            transform:scale(0.9);
  }
}
@keyframes scaleDown{

  from{
    -webkit-transform:scale(1);
            transform:scale(1);
  }

  to{
    opacity:0;
    -webkit-transform:scale(0.9);
            transform:scale(0.9);
  }
}
@-webkit-keyframes scaleUpDown{

  from{
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }

  to{
    opacity:1;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}
@keyframes scaleUpDown{

  from{
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }

  to{
    opacity:1;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}
:root{

}
.ccInput input[type='tel'],
.input,
input[type='text'],
input[type='search'],
input[type='email'],
input[type='number'],
input[type='date'],
input[type='month'],
input[type='tel'],
input[type='file'],
input[type='password'],
textarea,
select,
input[type='checkbox'].checkbox + label,
input[type='radio'].radio + label{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-color:#fff;
  border:1px solid #a3a3a3;
  -o-border-image:none;
     border-image:none;
  box-shadow:none;
}
input[type='tel']:focus,
input:focus,
textarea:focus,
select:focus{
  background-color:#fff;
  //box-shadow:inset 0 0 0 2px #39cccc;
  border:1px solid #04446C;
  outline:0;
}
input.alternate:focus,
input[type='*'] .alternate:focus{
  border:1px solid #2e60d0;
}
input[type='text']:disabled{
  background-color:#edf1f5;
}
.beanstream_invalid,
input.ng-invalid.ng-touched,
textarea.ng-invalid.ng-touched,
select.ng-invalid.ng-touched{
  //background-color:#85144b !important;
  //box-shadow:inset 0 0 0 2px #ff4136 !important;
  border:1px solid #ff4136;
  outline:0;
}
input[type='text']:-moz-read-only{
  background:transparent;
  border:none;
}
input[type='text']:read-only{
  opacity: 0.8;
  border:none;
}
input,
textarea,
keygen,
select{
  font-family:'Heebo', sans-serif;
}
button{
  font-family:'Roboto Condensed', sans-serif;
}
a,
button{
  cursor:pointer;
}
input[type='radio'].radio,
input[type='checkbox'].checkbox{
  left:-3000px;
  position:absolute;
}
input[type='checkbox']:focus + label,
input[type='radio'].radio:focus + label{
  border-color:#d3eeff;
}
input[type='checkbox'].checkbox + label:hover,
input[type='radio'].radio + label:hover{
  -webkit-transform:translateY(-0.2rem);
          transform:translateY(-0.2rem);
  -webkit-transition-duration:0.45s;
          transition-duration:0.45s;
}
input[type='checkbox'].checkbox:checked + label,
input[type='radio'].radio:checked + label{
  background-color:#d3eeff;
  border-color:#d3eeff;
  box-shadow:inset 0 0 0 2px #d3eeff;
  color:#111;
  -webkit-transition:0.3s ease;
  transition:0.3s ease;
}
select{
  padding-right:25px !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.clickable:hover{
  background-color:#edf1f5;
  cursor:pointer;
  -webkit-transition:0.3s ease;
  transition:0.3s ease;
}
.click-through{ pointer-events:none; }
.ccInput input[type='tel']{
  background-position:right center;
  background-repeat:no-repeat;
  background-size:auto 100%;
  border:1px solid #edf1f5;
  border-radius:4px;
  font-size:.875rem;
  padding:.5rem;
  width:100%;
}
::-ms-expand{
  display:none;
}
.input-range{
  vertical-align:middle;
  background-color:transparent;
  padding-top:.5rem;
  padding-bottom:.5rem;
  color:inherit;
  background-color:transparent;
  -webkit-appearance:none;
}
.input-range::-webkit-slider-thumb{
  position:relative;
  width:.5rem;
  height:1.25rem;
  cursor:pointer;
  margin-top:-0.5rem;
  border-radius:4px;
  background-color:currentcolor;
  -webkit-appearance:none;
}
.input-range::-webkit-slider-thumb:before{
  content:'';
  display:block;
  position:absolute;
  top:-0.5rem;
  left:-0.875rem;
  width:2.25rem;
  height:2.25rem;
  opacity:0;
}
.input-range::-moz-range-thumb{
  width:.5rem;
  height:1.25rem;
  cursor:pointer;
  border-radius:4px;
  border-color:transparent;
  border-width:0;
  background-color:currentcolor;
}
.input-range::-webkit-slider-runnable-track{
  height:0.25rem;
  cursor:pointer;
  border-radius:4px;
  background-color:rgba(0,0,0,.25);
}
.input-range::-moz-range-track{
  height:0.25rem;
  cursor:pointer;
  border-radius:4px;
  background-color:rgba(0,0,0,.25);
}
.input-range:focus{
  outline:none;
}
.btn{
  font-family:inherit;
  font-size:inherit;
  font-weight:bold;
  text-decoration:none;
  cursor:pointer;
  display:inline-block;
  line-height:1.125rem;
  padding:.5rem 1rem;
  margin:0;
  height:auto;
  border:1px solid transparent;
  vertical-align:middle;
  -webkit-appearance:none;
  color:inherit;
  background-color:transparent;
}
.btn:hover{
  text-decoration:none;
}
.btn:focus{
  outline:none;
  border-color:rgba(0,0,0,.125);
  box-shadow:0 0 0 3px rgba(0,0,0,.25);
}
::-moz-focus-inner{
  border:0;
  padding:0;
}
.btn-primary{
  color:#fff;
  background-color:#2e60d0;
  border-radius:4px;
}
.btn-primary:hover{
  box-shadow:inset 0 0 0 20rem rgba(0,0,0,.0625);
}
.btn-primary:active{
  box-shadow:inset 0 0 0 20rem rgba(0,0,0,.125),
    inset 0 3px 4px 0 rgba(0,0,0,.25),
    0 0 1px rgba(0,0,0,.125);
}
.btn-primary:disabled,
.btn-primary.is-disabled{
  opacity:.5;
}
.btn-small{
  padding:.25rem .5rem;
}
.btn-big{
  padding:1rem 1.25rem;
}
.btn-narrow{
  padding-left:.5rem;
  padding-right:.5rem;
}
.btn-outline,
.btn-outline:hover{
  border-color:currentcolor;
}
.btn-outline{
  border-radius:4px;
}
.btn-outline:hover{
  box-shadow:inset 0 0 0 20rem rgba(0,0,0,.0625);
}
.btn-outline:active{
  box-shadow:inset 0 0 0 20rem rgba(0,0,0,.125),
    inset 0 3px 4px 0 rgba(0,0,0,.25),
    0 0 1px rgba(0,0,0,.125);
}
.btn-outline:disabled,
.btn-outline.is-disabled{
  opacity:.5;
}
.bg-black{ background-color:#111 }
.bg-gray{ background-color:#aaa }
.bg-silver{ background-color:#ddd }
.bg-white{ background-color:#fff }
.bg-aqua{ background-color:#7fdbff }
.bg-blue{ background-color:#2e60d0 }
.bg-navy{ background-color:#001f3f }
.bg-teal{ background-color:#39cccc }
.bg-green{ background-color:#93c853 }
.bg-olive{ background-color:#3d9970 }
.bg-lime{ background-color:#01ff70 }
.bg-yellow{ background-color:#ffdc00 }
.bg-orange{ background-color:#ff851b }
.bg-red{ background-color:#ff4136 }
.bg-fuchsia{ background-color:#cd30aa }
.bg-purple{ background-color:#b10dc9 }
.bg-maroon{ background-color:#85144b }
.black{ color:#0B1A24 }
.gray{ color:#aaa }
.silver{ color:#ddd }
.white{ color:#fff }
.aqua{ color:#7fdbff }
.blue{ color:#2e60d0 }
.navy{ color:#001f3f }
.teal{ color:#39cccc }
.green{ color:#93c853 }
.olive{ color:#3d9970 }
.lime{ color:#01ff70 }
.yellow{ color:#ffdc00 }
.orange{ color:#ff851b }
.red{ color:#ff4136 }
.fuchsia{ color:#cd30aa }
.purple{ color:#b10dc9 }
.maroon{ color:#85144b }
.color-inherit{ color:inherit }

/* .base-class.mutedfr {
  background-color: rgba(0, 180, 255, 0.2);
  border-bottom: 1px solid #fff;
} */

.base-class.muteden:hover, .base-class.mutedfr:hover {
  background-color: rgba(0, 180, 255, 0.2);
  border-bottom: 1px solid #fff;
}

.base-class.muteden
{
    opacity: 1
}

.muted
{
    opacity:.5

}
.progress{
  display:block;
  width:100%;
  height:0.5625rem;
  margin:.5rem 0;
  overflow:hidden;
  background-color:rgba(0,0,0,.125);
  border:0;
  border-radius:10000px;
  -webkit-appearance:none;
}
.progress::-webkit-progress-bar{
  -webkit-appearance:none;
  background-color:rgba(0,0,0,.125)
}
.progress::-webkit-progress-value{
  -webkit-appearance:none;
  background-color:currentcolor;
}
.progress::-moz-progress-bar{
  background-color:currentcolor;
}
.bg-lighten-1{ background-color:rgba(255,255,255,.0625) }
.bg-lighten-2{ background-color:rgba(255,255,255,.125) }
.bg-lighten-3{ background-color:rgba(255,255,255,.25) }
.bg-lighten-4{ background-color:rgba(255,255,255,.5) }
.bg-darken-1{ background-color:rgba(0,0,0,.0625) }
.bg-darken-2{ background-color:rgba(0,0,0,.125) }
.bg-darken-3{ background-color:rgba(0,0,0,.25) }
.bg-darken-4{ background-color:rgba(0,0,0,.5) }
.border{
  border-style:solid;
  border-width:1px;
}
.border-top{
  border-top-style:solid;
  border-top-width:1px;
}
.border-right{
  border-right-style:solid;
  border-right-width:1px;
}
.border-bottom{
  border-bottom-style:solid;
  border-bottom-width:1px;
}
.border-left{
  border-left-style:solid;
  border-left-width:1px;
}
.border-none{ border:0 }
.rounded{ border-radius:4px }
.rounded-md { border-radius: 6px }
.circle{ border-radius:50% }
.rounded-top{ border-radius:4px 4px 0 0 }
.rounded-right{ border-radius:0 4px 4px 0 }
.rounded-bottom{ border-radius:0 0 4px 4px }
.rounded-left{ border-radius:4px 0 0 4px }
.not-rounded{ border-radius:0 }
.rounded-circle-ends{ border-radius:50px; }
.border-black{ border-color:#111 }
.border-gray{ border-color:#aaa }
.border-silver{ border-color:#ddd }
.border-white{ border-color:#fff }
.border-aqua{ border-color:#7fdbff }
.border-blue{ border-color:#2e60d0 }
.border-navy{ border-color:#001f3f }
.border-teal{ border-color:#39cccc }
.border-green{ border-color:#93c853 }
.border-olive{ border-color:#3d9970 }
.border-lime{ border-color:#01ff70 }
.border-yellow{ border-color:#ffdc00 }
.border-orange{ border-color:#ff851b }
.border-red{ border-color:#ff4136 }
.border-fuchsia{ border-color:#cd30aa }
.border-purple{ border-color:#b10dc9 }
.border-maroon{ border-color:#85144b }
.shadow{
  box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.14),
    0px 0px 2px 2px rgba(0, 0, 0, 0.098),
    0px 0px 5px 1px rgba(0, 0, 0, 0.084);
}
.hover-shadow{
  box-shadow:0 0.7rem 1.4rem rgba(51, 58, 70, 0.15),
    0 0.3rem 0.6rem rgba(0, 24, 55, 0.065);
}
.bg-light-gray{
  background-color:#edf1f5;
}
.bg-blue{
  background-color:#2e60d0;
}
.bg-fuchsia{
  background-color:#cd30aa;
}
.bg-light-blue{
  background-color: #00B4FF;
}
.bg-light-blue-40 {
  background-color: rgba(0, 180, 255, 0.4);
}
.bg-light-blue-20 {
  background-color: rgba(0, 180, 255, 0.2);
}
.bg-dark-blue {
  background-color:#04446C;
}
.bg-pale-blue{
  background-color:#e8f7ff;
}
.bg-pale-blue-highlight{
  background-color:#d3efff;
}
.bg-light-green{
  background-color:#d5eabc;
}
.bg-light-red{
  background-color:#fac1c1;
}
.bg-alert-information{
  background-color:#e3e3e3;
}
.bg-status-complete{
  background-color:#d5eabc;
}
.bg-status-unassigned{
  background-color:#ffcaaa;
}
.bg-status-payment-required{
  background-color:#fac1c1;
}
.bg-nav{
  background-color:#d3efff;
}
.bg-sidebar{
  background-color:#efefef;
}
.light-blue{
  color:#04446C;
}
.title-blue{
  color:#56befb;
}
.title-black{
  color:#363636;
}
.label-gray{
  color:#747474;
}
.content-gray{
  color:#6c6c6c;
}
.op-0{ opacity:0; }
.op-1{ opacity:1; }
.hidden{ visibility:hidden; }
.visible{ visibility:visible; }
@media (min-width: 40em){

  .sm-m0{ margin:0 }
  .sm-mt0{ margin-top:0 }
  .sm-mr0{ margin-right:0 }
  .sm-mb0{ margin-bottom:0 }
  .sm-ml0{ margin-left:0 }
  .sm-mx0{ margin-left:0; margin-right:0 }
  .sm-my0{ margin-top:0; margin-bottom:0 }

  .sm-m1{ margin:.5rem }
  .sm-mt1{ margin-top:.5rem }
  .sm-mr1{ margin-right:.5rem }
  .sm-mb1{ margin-bottom:.5rem }
  .sm-ml1{ margin-left:.5rem }
  .sm-mx1{ margin-left:.5rem; margin-right:.5rem }
  .sm-my1{ margin-top:.5rem; margin-bottom:.5rem }

  .sm-m2{ margin:1rem }
  .sm-mt2{ margin-top:1rem }
  .sm-mr2{ margin-right:1rem }
  .sm-mb2{ margin-bottom:1rem }
  .sm-ml2{ margin-left:1rem }
  .sm-mx2{ margin-left:1rem; margin-right:1rem }
  .sm-my2{ margin-top:1rem; margin-bottom:1rem }

  .sm-m3{ margin:2rem }
  .sm-mt3{ margin-top:2rem }
  .sm-mr3{ margin-right:2rem }
  .sm-mb3{ margin-bottom:2rem }
  .sm-ml3{ margin-left:2rem }
  .sm-mx3{ margin-left:2rem; margin-right:2rem }
  .sm-my3{ margin-top:2rem; margin-bottom:2rem }

  .sm-m4{ margin:4rem }
  .sm-mt4{ margin-top:4rem }
  .sm-mr4{ margin-right:4rem }
  .sm-mb4{ margin-bottom:4rem }
  .sm-ml4{ margin-left:4rem }
  .sm-mx4{ margin-left:4rem; margin-right:4rem }
  .sm-my4{ margin-top:4rem; margin-bottom:4rem }

  .sm-mxn1{ margin-left:-.5rem; margin-right:-.5rem }
  .sm-mxn2{ margin-left:-1rem; margin-right:-1rem }
  .sm-mxn3{ margin-left:-2rem; margin-right:-2rem }
  .sm-mxn4{ margin-left:-4rem; margin-right:-4rem }

  .sm-ml-auto{ margin-left:auto }
  .sm-mr-auto{ margin-right:auto }
  .sm-mx-auto{ margin-left:auto; margin-right:auto }

}
@media (min-width: 52em){

  .md-m0{ margin:0 }
  .md-mt0{ margin-top:0 }
  .md-mr0{ margin-right:0 }
  .md-mb0{ margin-bottom:0 }
  .md-ml0{ margin-left:0 }
  .md-mx0{ margin-left:0; margin-right:0 }
  .md-my0{ margin-top:0; margin-bottom:0 }

  .md-m1{ margin:.5rem }
  .md-mt1{ margin-top:.5rem }
  .md-mr1{ margin-right:.5rem }
  .md-mb1{ margin-bottom:.5rem }
  .md-ml1{ margin-left:.5rem }
  .md-mx1{ margin-left:.5rem; margin-right:.5rem }
  .md-my1{ margin-top:.5rem; margin-bottom:.5rem }

  .md-m2{ margin:1rem }
  .md-mt2{ margin-top:1rem }
  .md-mr2{ margin-right:1rem }
  .md-mb2{ margin-bottom:1rem }
  .md-ml2{ margin-left:1rem }
  .md-mx2{ margin-left:1rem; margin-right:1rem }
  .md-my2{ margin-top:1rem; margin-bottom:1rem }

  .md-m3{ margin:2rem }
  .md-mt3{ margin-top:2rem }
  .md-mr3{ margin-right:2rem }
  .md-mb3{ margin-bottom:2rem }
  .md-ml3{ margin-left:2rem }
  .md-mx3{ margin-left:2rem; margin-right:2rem }
  .md-my3{ margin-top:2rem; margin-bottom:2rem }

  .md-m4{ margin:4rem }
  .md-mt4{ margin-top:4rem }
  .md-mr4{ margin-right:4rem }
  .md-mb4{ margin-bottom:4rem }
  .md-ml4{ margin-left:4rem }
  .md-mx4{ margin-left:4rem; margin-right:4rem }
  .md-my4{ margin-top:4rem; margin-bottom:4rem }

  .md-mxn1{ margin-left:-.5rem; margin-right:-.5rem; }
  .md-mxn2{ margin-left:-1rem; margin-right:-1rem; }
  .md-mxn3{ margin-left:-2rem; margin-right:-2rem; }
  .md-mxn4{ margin-left:-4rem; margin-right:-4rem; }

  .md-ml-auto{ margin-left:auto }
  .md-mr-auto{ margin-right:auto }
  .md-mx-auto{ margin-left:auto; margin-right:auto; }

}
@media (min-width: 72em){

  .lg-m0{ margin:0 }
  .lg-mt0{ margin-top:0 }
  .lg-mr0{ margin-right:0 }
  .lg-mb0{ margin-bottom:0 }
  .lg-ml0{ margin-left:0 }
  .lg-mx0{ margin-left:0; margin-right:0 }
  .lg-my0{ margin-top:0; margin-bottom:0 }

  .lg-m1{ margin:.5rem }
  .lg-mt1{ margin-top:.5rem }
  .lg-mr1{ margin-right:.5rem }
  .lg-mb1{ margin-bottom:.5rem }
  .lg-ml1{ margin-left:.5rem }
  .lg-mx1{ margin-left:.5rem; margin-right:.5rem }
  .lg-my1{ margin-top:.5rem; margin-bottom:.5rem }

  .lg-m2{ margin:1rem }
  .lg-mt2{ margin-top:1rem }
  .lg-mr2{ margin-right:1rem }
  .lg-mb2{ margin-bottom:1rem }
  .lg-ml2{ margin-left:1rem }
  .lg-mx2{ margin-left:1rem; margin-right:1rem }
  .lg-my2{ margin-top:1rem; margin-bottom:1rem }

  .lg-m3{ margin:2rem }
  .lg-mt3{ margin-top:2rem }
  .lg-mr3{ margin-right:2rem }
  .lg-mb3{ margin-bottom:2rem }
  .lg-ml3{ margin-left:2rem }
  .lg-mx3{ margin-left:2rem; margin-right:2rem }
  .lg-my3{ margin-top:2rem; margin-bottom:2rem }

  .lg-m4{ margin:4rem }
  .lg-mt4{ margin-top:4rem }
  .lg-mr4{ margin-right:4rem }
  .lg-mb4{ margin-bottom:4rem }
  .lg-ml4{ margin-left:4rem }
  .lg-mx4{ margin-left:4rem; margin-right:4rem }
  .lg-my4{ margin-top:4rem; margin-bottom:4rem }

  .lg-mxn1{ margin-left:-.5rem; margin-right:-.5rem; }
  .lg-mxn2{ margin-left:-1rem; margin-right:-1rem; }
  .lg-mxn3{ margin-left:-2rem; margin-right:-2rem; }
  .lg-mxn4{ margin-left:-4rem; margin-right:-4rem; }

  .lg-ml-auto{ margin-left:auto }
  .lg-mr-auto{ margin-right:auto }
  .lg-mx-auto{ margin-left:auto; margin-right:auto; }

}
@media (min-width: 40em){

  .sm-p0{ padding:0 }
  .sm-pt0{ padding-top:0 }
  .sm-pr0{ padding-right:0 }
  .sm-pb0{ padding-bottom:0 }
  .sm-pl0{ padding-left:0 }
  .sm-px0{ padding-left:0; padding-right:0 }
  .sm-py0{ padding-top:0; padding-bottom:0 }

  .sm-p1{ padding:.5rem }
  .sm-pt1{ padding-top:.5rem }
  .sm-pr1{ padding-right:.5rem }
  .sm-pb1{ padding-bottom:.5rem }
  .sm-pl1{ padding-left:.5rem }
  .sm-px1{ padding-left:.5rem; padding-right:.5rem }
  .sm-py1{ padding-top:.5rem; padding-bottom:.5rem }

  .sm-p2{ padding:1rem }
  .sm-pt2{ padding-top:1rem }
  .sm-pr2{ padding-right:1rem }
  .sm-pb2{ padding-bottom:1rem }
  .sm-pl2{ padding-left:1rem }
  .sm-px2{ padding-left:1rem; padding-right:1rem }
  .sm-py2{ padding-top:1rem; padding-bottom:1rem }

  .sm-p3{ padding:2rem }
  .sm-pt3{ padding-top:2rem }
  .sm-pr3{ padding-right:2rem }
  .sm-pb3{ padding-bottom:2rem }
  .sm-pl3{ padding-left:2rem }
  .sm-px3{ padding-left:2rem; padding-right:2rem }
  .sm-py3{ padding-top:2rem; padding-bottom:2rem }

  .sm-p4{ padding:4rem }
  .sm-pt4{ padding-top:4rem }
  .sm-pr4{ padding-right:4rem }
  .sm-pb4{ padding-bottom:4rem }
  .sm-pl4{ padding-left:4rem }
  .sm-px4{ padding-left:4rem; padding-right:4rem }
  .sm-py4{ padding-top:4rem; padding-bottom:4rem }

}
@media (min-width: 52em){

  .md-p0{ padding:0 }
  .md-pt0{ padding-top:0 }
  .md-pr0{ padding-right:0 }
  .md-pb0{ padding-bottom:0 }
  .md-pl0{ padding-left:0 }
  .md-px0{ padding-left:0; padding-right:0 }
  .md-py0{ padding-top:0; padding-bottom:0 }

  .md-p1{ padding:.5rem }
  .md-pt1{ padding-top:.5rem }
  .md-pr1{ padding-right:.5rem }
  .md-pb1{ padding-bottom:.5rem }
  .md-pl1{ padding-left:.5rem }
  .md-px1{ padding-left:.5rem; padding-right:.5rem }
  .md-py1{ padding-top:.5rem; padding-bottom:.5rem }

  .md-p2{ padding:1rem }
  .md-pt2{ padding-top:1rem }
  .md-pr2{ padding-right:1rem }
  .md-pb2{ padding-bottom:1rem }
  .md-pl2{ padding-left:1rem }
  .md-px2{ padding-left:1rem; padding-right:1rem }
  .md-py2{ padding-top:1rem; padding-bottom:1rem }

  .md-p3{ padding:2rem }
  .md-pt3{ padding-top:2rem }
  .md-pr3{ padding-right:2rem }
  .md-pb3{ padding-bottom:2rem }
  .md-pl3{ padding-left:2rem }
  .md-px3{ padding-left:2rem; padding-right:2rem }
  .md-py3{ padding-top:2rem; padding-bottom:2rem }

  .md-p4{ padding:4rem }
  .md-pt4{ padding-top:4rem }
  .md-pr4{ padding-right:4rem }
  .md-pb4{ padding-bottom:4rem }
  .md-pl4{ padding-left:4rem }
  .md-px4{ padding-left:4rem; padding-right:4rem }
  .md-py4{ padding-top:4rem; padding-bottom:4rem }

}
@media (min-width: 72em){

  .lg-p0{ padding:0 }
  .lg-pt0{ padding-top:0 }
  .lg-pr0{ padding-right:0 }
  .lg-pb0{ padding-bottom:0 }
  .lg-pl0{ padding-left:0 }
  .lg-px0{ padding-left:0; padding-right:0 }
  .lg-py0{ padding-top:0; padding-bottom:0 }

  .lg-p1{ padding:.5rem }
  .lg-pt1{ padding-top:.5rem }
  .lg-pr1{ padding-right:.5rem }
  .lg-pb1{ padding-bottom:.5rem }
  .lg-pl1{ padding-left:.5rem }
  .lg-px1{ padding-left:.5rem; padding-right:.5rem }
  .lg-py1{ padding-top:.5rem; padding-bottom:.5rem }

  .lg-p2{ padding:1rem }
  .lg-pt2{ padding-top:1rem }
  .lg-pr2{ padding-right:1rem }
  .lg-pb2{ padding-bottom:1rem }
  .lg-pl2{ padding-left:1rem }
  .lg-px2{ padding-left:1rem; padding-right:1rem }
  .lg-py2{ padding-top:1rem; padding-bottom:1rem }

  .lg-p3{ padding:2rem }
  .lg-pt3{ padding-top:2rem }
  .lg-pr3{ padding-right:2rem }
  .lg-pb3{ padding-bottom:2rem }
  .lg-pl3{ padding-left:2rem }
  .lg-px3{ padding-left:2rem; padding-right:2rem }
  .lg-py3{ padding-top:2rem; padding-bottom:2rem }

  .lg-p4{ padding:4rem }
  .lg-pt4{ padding-top:4rem }
  .lg-pr4{ padding-right:4rem }
  .lg-pb4{ padding-bottom:4rem }
  .lg-pl4{ padding-left:4rem }
  .lg-px4{ padding-left:4rem; padding-right:4rem }
  .lg-py4{ padding-top:4rem; padding-bottom:4rem }

}
@media (min-width: 40em){

  .sm-inline{ display:inline }
  .sm-block{ display:block }
  .sm-inline-block{ display:inline-block }
  .sm-table{ display:table }
  .sm-table-cell{ display:table-cell }

  .sm-overflow-hidden{ overflow:hidden }
  .sm-overflow-scroll{ overflow:scroll }
  .sm-overflow-auto{ overflow:auto }

  .sm-left{ float:left }
  .sm-right{ float:right }

}
@media (min-width: 52em){

  .md-inline{ display:inline }
  .md-block{ display:block }
  .md-inline-block{ display:inline-block }
  .md-table{ display:table }
  .md-table-cell{ display:table-cell }

  .md-overflow-hidden{ overflow:hidden }
  .md-overflow-scroll{ overflow:scroll }
  .md-overflow-auto{ overflow:auto }

  .md-left{ float:left }
  .md-right{ float:right }

}
@media (min-width: 72em){

  .lg-inline{ display:inline }
  .lg-block{ display:block }
  .lg-inline-block{ display:inline-block }
  .lg-table{ display:table }
  .lg-table-cell{ display:table-cell }

  .lg-overflow-hidden{ overflow:hidden }
  .lg-overflow-scroll{ overflow:scroll }
  .lg-overflow-auto{ overflow:auto }

  .lg-left{ float:left }
  .lg-right{ float:right }

}
@media (min-width: 40em){
  .sm-relative{ position:relative }
  .sm-absolute{ position:absolute }
  .sm-fixed{ position:fixed }

  .sm-top-0{ top:0 }
  .sm-right-0{ right:0 }
  .sm-bottom-0{ bottom:0 }
  .sm-left-0{ left:0 }
}
@media (min-width: 52em){
  .md-relative{ position:relative }
  .md-absolute{ position:absolute }
  .md-fixed{ position:fixed }

  .md-top-0{ top:0 }
  .md-right-0{ right:0 }
  .md-bottom-0{ bottom:0 }
  .md-left-0{ left:0 }
}
@media (min-width: 72em){
  .lg-relative{ position:relative }
  .lg-absolute{ position:absolute }
  .lg-fixed{ position:fixed }

  .lg-top-0{ top:0 }
  .lg-right-0{ right:0 }
  .lg-bottom-0{ bottom:0 }
  .lg-left-0{ left:0 }
}
@media (min-width: 40em){
  .sm-h00{ font-size:4.5rem }
  .sm-h0{ font-size:3rem }
  .sm-h1{ font-size:2rem }
  .sm-h2{ font-size:1.5rem }
  .sm-h3{ font-size:1.25rem }
  .sm-h4{ font-size:1rem }
  .sm-h5{ font-size:.875rem }
  .sm-h6{ font-size:.75rem }
}
@media (min-width: 52em){
  .md-h00{ font-size:4.5rem }
  .md-h0{ font-size:3rem }
  .md-h1{ font-size:2rem }
  .md-h2{ font-size:1.5rem }
  .md-h3{ font-size:1.25rem }
  .md-h4{ font-size:1rem }
  .md-h5{ font-size:.875rem }
  .md-h6{ font-size:.75rem }
}
@media (min-width: 72em){
  .lg-h00{ font-size:4.5rem }
  .lg-h0{ font-size:3rem }
  .lg-h1{ font-size:2rem }
  .lg-h2{ font-size:1.5rem }
  .lg-h3{ font-size:1.25rem }
  .lg-h4{ font-size:1rem }
  .lg-h5{ font-size:.875rem }
  .lg-h6{ font-size:.75rem }
}
@media (min-width: 40em){
  .sm-left-align{ text-align:left }
  .sm-center{ text-align:center }
  .sm-right-align{ text-align:right }
  .sm-justify{ text-align:justify }
}
@media (min-width: 52em){
  .md-left-align{ text-align:left }
  .md-center{ text-align:center }
  .md-right-align{ text-align:right }
  .md-justify{ text-align:justify }
}
@media (min-width: 72em){
  .lg-left-align{ text-align:left }
  .lg-center{ text-align:center }
  .lg-right-align{ text-align:right }
  .lg-justify{ text-align:justify }
}
:root{

}
.sm-show, .md-show, .lg-show{
  display:none !important
}
@media (min-width: 40em){
  .sm-show{ display:block !important }
}
@media (min-width: 52em){
  .md-show{ display:block !important }
}
@media (min-width: 72em){
  .lg-show{ display:block !important }
}
@media (min-width: 40em){
  .sm-hide{ display:none !important }
}
@media (min-width: 52em){
  .md-hide{ display:none !important }
}
@media (min-width: 72em){
  .lg-hide{ display:none !important }
}
.display-none{ display:none !important }
.hide{
  position:absolute !important;
  height:1px;
  width:1px;
  overflow:hidden;
  clip:rect(1px, 1px, 1px, 1px);
}
.logo{
    background-image: url(../img/logo-header.png) ;
}
.wrapper-content-sidebar{
    background:#ffffff;
}
.wrapper-table,
.wrapper-row,
.wrapper-col{
    display:block;
}
.wrapper-col.col{
    float:left;
}
@media (min-width: 52em){
    .wrapper-table{
        display:table;
        table-layout:fixed;
        height:100%;
        width:100%;
    }
    .wrapper-row{
        display:table-row;
        height:100%;
    }
    .wrapper-col{
        display:table-cell;
        height:100%;
    }
    .wrapper-col.col{
        float:none;
    }
}
@media (min-width: 52em){
    .wrapper-content-sidebar{
        background:-webkit-linear-gradient(left, #ffffff 0%, #ffffff 70%, #efefef 30%, #efefef 100%);
        background:linear-gradient(to right, #ffffff 0%, #ffffff 70%, #efefef 30%, #efefef 100%);
        height:100%;
    }
}

.bg-logo{
    background-image: url(../img/brps-access1.png) ;

}
.bg-logofr{
    background-image: url(../img/access-brps1.png) ;

}
.bg-skyline{
    background-image: url(../img/bg-skyline.png) ;
    background-size:2560px 157px;
    background-repeat:no-repeat;
    background-position:top center;
    height:157px;
}
.bg-skyline-blurred{
    background-image: url(../img/bg-skyline.png) ;
    background-size:2560px 157px;
    background-repeat:no-repeat;
    background-position:12% center;
}

.holiday {
    background-image: url(../../Content/img/Holiday_2018.jpg);
    /*background-size: 2200px 1000px;*/
    background-size: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 12% center;
}

.home-cards td{
    width:100%;
    display:block;
    border-radius:4px;
}
@media (min-width: 52em){
    .home-cards{
        margin-left:-25px;
    }
    .home-cards td{
        width:25%;
        display:table-cell;
        margin-bottom:0;
    }
    .home-cards .last{
        width:35%;
    }
}
.site-nav .menu{
    max-height:0;
    -webkit-transition:max-height .2s ease-out;
    transition:max-height .2s ease-out;
}
.site-nav .menu a,
.site-nav .menu li{
    color:#6c6c6c;
    font-weight:400;
}
.site-nav .menu li{
    padding:8px 0 2px 0;
}
.site-nav .menu li:first-child{
    padding-top:18px;
}
.site-nav .menu li.border-bottom{
    border-bottom:4px solid transparent;
}
.site-nav .menu li.border-bottom-selected{
    border-bottom:transparent;
}
@media (min-width: 52em){
    .site-nav .menu li.border-bottom-selected{
        border-bottom:4px solid #73ccff;
    }
}
.site-nav .menu i{
    color:#73ccff;
    margin-right:5px;
}
.site-nav .menu-icon{
    cursor:pointer;
    padding:28px 20px;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
}
.site-nav .menu-icon .navicon{
    background:#6c6c6c;
    height:2px;
    -webkit-transition:background .2s ease-out;
    transition:background .2s ease-out;
    width:18px;
}
.site-nav .menu-icon .navicon:before,
.site-nav .menu-icon .navicon:after{
    background:#6c6c6c;
    content:'';
    display:block;
    height:100%;
    position:absolute;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
    width:100%;
}
.site-nav .menu-icon .navicon:before{
    top:5px;
}
.site-nav .menu-icon .navicon:after{
    top:-5px;
}
.site-nav .menu-btn:checked ~ .menu{
    max-height:290px;
}
.site-nav .menu-btn:checked ~ .menu-icon .navicon{
    background:transparent;
}
.site-nav .menu-btn:checked ~ .menu-icon .navicon:before{
    -webkit-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.site-nav .menu-btn:checked ~ .menu-icon .navicon:after{
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg);
}
.site-nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.site-nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after{
    top:0;
}
@media (min-width: 52em){
    .site-nav .menu{
        clear:none;
        max-height:none;
    }
    .site-nav .menu li,
    .site-nav .menu li:first-child{
        float:left;
        padding:14px 0 8px 0;
    }
    .site-nav .menu-icon{
        display:none;
    }
}
.border-bottom-dotted{
    background-image:-webkit-linear-gradient(left, #999 40%, rgba(255, 255, 255, 0) 20%);
    background-image:linear-gradient(to right, #999 40%, rgba(255, 255, 255, 0) 20%);
    background-position:bottom;
    background-size:3px 1px;
    background-repeat:repeat-x;
}
.border-right-dotted{
    border-right-width:1px;
    border-right-style:dotted;
}
.xs-hide-border{
    border-width:0;
}
@media (min-width: 40em){
    .xs-hide-border{
        border-width:1px;
    }
}
.card{
    color:#646464;
    border-color:#c7c6c5;
    background-color:#f5f5f5;
    border-radius:4px;
    box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.card .card-title{
    background-color:#bebebe;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
.card .card-title-inactive{
    background-color:#f5f5f5;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
ul.fa-lists li:before{
    font-family:'FontAwesome';
    content:'\f1c1';
    margin:0 5px 0 -15px;
    color:#00a1ff;
}
input[type='radio'].radio + label{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    background-color:#edf1f5;
    border:none;
    -o-border-image:none;
       border-image:none;
    box-shadow:none;
}
.flex{ display:-webkit-box; display:-ms-flexbox; display:flex; display:-webkit-flex; }
@media (min-width: 40em){
    .sm-flex{ display:-webkit-box; display:-ms-flexbox; display:flex; display:-webkit-flex;}
}
@media (min-width: 52em){
    .md-flex{ display:-webkit-box; display:-ms-flexbox; display:flex; display:-webkit-flex; }
}
@media (min-width: 72em){
    .lg-flex{ display:-webkit-box; display:-ms-flexbox; display:flex; display:-webkit-flex;}
}
.overflow-x-auto{
    overflow-x:auto;
}


.mln1{ margin-left:-.5rem; }
.mln2{ margin-left:-1rem; }
.mln3{ margin-left:-2rem; }
.mln4{ margin-left:-4rem; }

.announcement-design {
    text-align: center;
    font-size: large;
    color: white;
    padding-top: 50px;
}

.field-validation-error {
  color: var(--black);
  background-color: var(--light-pink);
  font-weight: 400;
}

.bg-light-pink {
  background-color: var(--light-pink);
}

.bg-success-green {
  background-color: var(--success-green);
}

.validation-summary-errors ul {
  padding-left: 20px;
}

.account-btn {
  display: inline-block;
  background-color: var(--light-blue);
  border: none;
  color: var(--black);
  text-align: center;
  text-decoration: none;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
}

.account-btn--half {
  float:left;
  box-sizing:border-box;
  width:41.66667%;
}

.sign-in .form-group p {
  margin-bottom: 0;
}

.password-requirements {
  margin-top: 10px;
  font-size: 12px;
}

.requirement {
  margin-bottom: 2px;
  transition: color 0.3s ease;
  list-style-type: disc;
}

.form-group .error-message {
  font-size: 12px;
  margin-top: 5px;
}

.password-reveal-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(calc(-50% - 2px));
  cursor: pointer;
}

.password-requirements .text-success{color: var(--success-green)}
.password-requirements .text-danger, .error-message.text-danger {
  color: var(--light-pink);
}