.card.compact{background-image:linear-gradient(180deg,#e8e8e8 0,#f5f5f5)}.card.compact .card-title{font-size:36px;font-weight:500;display:inline-block;padding-right:1rem}.card.compact .card-subtitle{font-size:23px;font-weight:400;display:inline-block}.card.compact .card-text{font-size:14px}.card.borderless{border:0}.card.blue{color:#3a87ad}.card.red{color:#b94a48}h1{font-size:2.3rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}h1 small{font-size:65%;color:#999}.material{position:relative}.material input.form-control{font-size:16px;padding:12px 10px 0 5px;display:block;border:none;border-bottom:2px solid #cacaca;box-shadow:none;width:100%}.material input.form-control:focus{outline:none!important}.material input.form-control:focus~.bar:after,.material input.form-control:focus~.bar:before{width:50%}.material input.form-control.nonempty~label,.material input.form-control:focus~label{top:0;font-size:.65rem;color:rgba(0,0,0,.3)}.material input.form-control:focus~label{color:#03a9f4}.material label{color:rgba(0,0,0,.3);font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:5px;transition:all .2s ease;-moz-transition:.2s ease all;-webkit-transition:all .2s ease}.material .bar:after,.material .bar:before{content:"";height:2px;width:0;bottom:0;position:absolute;background:#03a9f4;transition:all .3s ease;-moz-transition:.3s ease all;-webkit-transition:all .3s ease}.material .bar:before{left:50%}.material .bar:after{right:50%}