body { font-family: 'Open Sans', sans-serif; background-color: #eee; color: #424242; font-size: 14px; }
a { cursor: pointer; color: #03A9F4; text-decoration: none; }
a:hover { color: #01579B; }
button.md-block { width: 100%; margin: 6px 0; }
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }

.container { width: 100%; max-width: 1530px; margin: 0 auto; }
.page-title { border-bottom: 1px solid #e0e0e0; width: 100%; margin-bottom: 10px; padding-bottom: 15px; }
.content-footer { border-top: 1px solid #e0e0e0; width: 100%; margin: 25px 0; padding-top: 15px; }
.content-footer .md-button { display: block; }
.content-footer .md-button.md-primary.muted { color: #9e9e9e !important; }
.separator { border-top: 1px solid #e0e0e0; width: 100%; margin: 25px 0; padding-top: 15px; }
.page-sub-title { font-style: italic; color: #9e9e9e; margin-top: 0; }
.list-inline { list-style-type: none; }
.list-inline li { display: inline; }
.bg-accent-50 { background-color: #E1F5FE; }
.img-responsive { display: block; height: auto; max-width: 100%; }
.drop-down { padding: 0; }
.drop-down ul { padding: 0; margin: 0; }
.drop-down li { cursor: pointer; padding: 8px 15px; position: relative; }
.drop-down li.indent { padding: 8px 35px; }
.drop-down li.label { cursor: auto; padding: 8px 15px; font-style: italic; font-weight: 600; color: #504f57; }
.drop-down li.muted { cursor: auto; }
.drop-down li.muted:hover,
.drop-down li.label:hover { background-color: transparent; }
.drop-down li i { position: absolute; top: 5px; left: 8px; color: #03a9f4; }
.drop-down li:hover { background-color: #eee; }
.drop-down md-divider { margin: 8px 0; }
.button-label { display: inline-block; font-family: inherit; font-size: 14px; font-style: inherit; font-variant: inherit; font-weight: 500; line-height: 36px; margin: 6px 0px; min-height: 36px; min-width: 88px; outline: 0 none; overflow: hidden; padding: 0 6px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; }

/* Datatable Styles */
md-data-table-container .fa { font-size: 135%; padding-right: 15px; cursor: pointer; color: #0277BD; }
md-data-table-container .fa:last-child { padding-right: 0; }
md-data-table-container .fa:hover { color: #37474f; }

/* Font Color/Styles */
.italic { font-style: italic; }
.light { font-weight: 300; }
.dark { font-weight: 600; }
.muted { color: #9e9e9e; }
.small { font-size: 80%; }
.accent { color: #03A9F4; }
.accent-1 { color: #4FC3F7; }
.accent-2 { color: #0288D1; }
.accent-3 { color: #0091EA; }
.accent-50 { color: #E1F5FE; }
.accent-800 { color: #0277BD; }
.accent-900 { color: #01579B; }
.primary { color: #37474f; }
.primary-1 { color: #455A64; }
.primary-2 { color: #757575; }
.primary-3 { color: #607D8B; }
.primary-900 { color: #212121; }
.secondary-400 { color: #4D4D4D; }
.secondary-800 { color: #424242; }
.orange { color: #FF6D00; }
.black { color: #000; }
.white { color: #fff; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.pointer { cursor: pointer; }
.img-circle { border-radius: 50%; }


#header { border-bottom: 3px solid #212121; height: 65px; background-color: #eee; overflow: hidden; }
#header-main { padding-top: 10px; }
#sub-header { background-color: #00a3ff; color: #fff; height: 75px; }
#sub-header .md-display-1 { margin: 13px 0 0; text-align: left; }
#sub-header-alt { background-color: #F5F5F5; color: #000; text-align: left; }
#header-auxillary { font-size: 11px; font-weight: 600; }
#header-auxillary > div { float: left; }
#profile-info { padding-left: 20px; margin-top: 34px; }
#profile-info i { color: #00a3ff; margin-left: 5px; font-size: 15px; }
#profile-name { text-transform: uppercase; color: #37474f !important; }
#profile-pic { margin-top: 11px; }
#profile-pic img { border-radius: 50%; }
#logo { float: left; min-width: 190px; padding-left: 20px; }
#separator { float: left; margin-top: 15px; width: 1px; height: 20px; background-color: #52525e; }
#navigation { float: left; margin-left: 10px; }
#navigation ul, #steps-navigation ul { margin: 0; padding: 0; }
#navigation li, #steps-navigation li { list-style-type: none; display: inline; }
#navigation .md-button { float: left; font-size: 12px; font-weight: 600; min-width: 75px; }
#steps-navigation .md-button { font-size: 13px; font-weight: 600; text-transform: none; color: #757575; }
#steps-navigation .md-button.active { color: #000; }

/* Invalid Device */
#invalid-device-size { display: none; }
#invalid-device-size .container { max-width: 500px; }
#invalid-device-size .material-icons.header { font-size: 100px; }
#invalid-device-size .page-title, #invalid-device-size .md-subhead { text-align: center; }

/* Login */
body.login { background-color: rgba(227,227,227,1); }
body.login #login-form { background-color: #fff; border: 1px solid #d9dadd; }
body.login #slogan { position: absolute; top: 155px; left: calc(50% - 550px); }

/* Signup & Email Verification */
body.signup { background-color: #00a3ff; }
body.signup #car-icon { padding: 20px; margin: 40px auto 20px; width: 110px; height: 110px; border: 2px solid #fff; text-align: center; border-radius: 50%; }
body.signup #car-icon i { font-size: 75px; color: #fff; margin-top: 15px; }
body.signup .page-title, body.signup .page-sub-title { color: #fff; }
body.signup #invalid-device-size .material-icons.header,
body.signup #invalid-device-size .page-title,
body.signup #invalid-device-size .md-subhead { color: #fff; }

/* Dashboard */
body.dashboard div.rn-carousel-indicator span { color: #0288d1; font-size: 190%; }
body.dashboard div.rn-carousel-indicator span.active { color: #01679b; }
body.dashboard .material-icons { color: #01679b; font-size: 30px; line-height: 40px; }
body.dashboard .audit .advertisement .md-headline { font-size: 28px; line-height: 34px; font-weight: 400; }
body.dashboard .audit .advertisement .md-headline { padding: 50px 0 15px 0; }
body.dashboard .summary .material-icons { padding-right: 10px; }
body.dashboard .offered .offer-carousel ul { width:400px; height:165px; margin-bottom: 0; }
body.dashboard .offered .offer-item { cursor: pointer; }

/* Campaign List */
body.campaign-list .campaigns-offered { padding: 25px;}
body.campaign-list .offer { position: relative; padding: 0; width: 100%; border: 1px solid #cecece; cursor: pointer; -webkit-transition: border 1s ease; -moz-transition:  border 1s ease; -o-transition:  border 1s ease; -ms-transition: border 1s ease; transition: border 1s ease; }
body.campaign-list .offer:hover { border: 1px solid #0288D1; }
body.campaign-list .offer .campaign-logo { position: absolute; top: 98px; left: calc(50% - 66px); }
body.campaign-list .offer .campaign-logo img { border: 4px solid rgba(28, 175, 236, 0.5); max-width: 130px; }
body.campaign-list .offer .campaign-info { border-bottom: 1px solid #cecece; padding-top: 10px; background-color: #fff; }
body.campaign-list .offer .campaign-info > div { margin: 60px 0 15px 0; }
body.campaign-list .offer .offer-details { background-color: #eee; }
body.campaign-list .offer .campaign-wrap { padding: 25px 10px; border-bottom: 1px solid #cecece; }
body.campaign-list .offer .campaign-estimates > div { padding: 25px 0; background-color: #fff; }
body.campaign-list .offer .super { vertical-align: 15px; }

/* Campaign Detail */
body.campaign-detail .campaign-detail-box md-whiteframe { padding: 0; }
body.campaign-detail .campaign-logo img { max-width: 100px; border: 4px solid rgba(28, 175, 236, 0.5); }
body.campaign-detail .campaign-map { background-color: #eee; text-align: center; }
body.campaign-detail .super { vertical-align: 15px; font-size: 80%; }
body.campaign-detail .wrap-option { margin: 10px 0 25px 0; padding: 15px 0; border-color: rgba(0, 0, 0, 0.12); border-style: solid; border-width: 1px; }
body.campaign-detail .wrap-option img { max-width: 300px; }
body.campaign-detail .material-icons.star { font-size: 55px; width: 65px; }

/* Campaign View */
body.campaign-view { background-color: #eee; }
body.campaign-view md-content { background-color: transparent; padding: 16px 0 !important; }
body.campaign-view .md-tab { text-transform: none; }
body.campaign-view md-whiteframe { background-color: #fff; }
body.campaign-view md-whiteframe.artwork-wraps { padding: 20px; }
body.campaign-view .material-icons { color: #01679b; }
body.campaign-view .location-container md-whiteframe { padding: 20px; }
body.campaign-view .chart-page-header { padding: 15px 0; }
body.campaign-view .chart-page-header { padding: 15px 0; }
body.campaign-view .chart-page-header .material-icons { font-size: 50px; line-height: 60px; padding: 0 30px; }
body.campaign-view .chart-page-header.impressions .material-icons { color: #01679b; }
body.campaign-view .chart-page-header.miles .material-icons { color: #e65100; }
body.campaign-view .charts md-whiteframe { padding: 15px; }
body.campaign-view .legend-symbol { width: 11px; height: 11px; display: inline-block; }
body.campaign-view .legend-symbol.imp-1 { background-color: #039be5; }
body.campaign-view .legend-symbol.imp-2 { background-color: #546e7a; }
body.campaign-view .legend-symbol.miles-1 { background-color: #fb8c00; }
body.campaign-view .legend-symbol.miles-2 { background-color: #546e7a; }

/* Campaign Create/Edit */
body.campaign-create md-slider .md-sign::after { border-left: 14px solid transparent; border-radius: 16px; border-right: 14px solid transparent; border-top-style: solid; border-top-width: 16px; content: ""; left: 0; opacity: 0; position: absolute; top: 19px; }
body.campaign-create md-slider .md-sign, body.campaign-create md-slider .md-sign::after { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); }
body.campaign-create .md-thumb-text { color: #fff; }
body.campaign-create #savings-table { width: 100%; margin-top: 25px; }
body.campaign-create #savings-table tfoot td { font-size: 80%; font-style: italic; padding-top: 10px; }
body.campaign-create #savings-table th { vertical-align: top; text-align: left; font-weight: 400; line-height: 16px; border-bottom: 1px solid #dadadd; padding-bottom: 7px }
body.campaign-create #savings-table th .small { font-weight: 300; font-style: italic; }
body.campaign-create #savings-table tr.stripe td { background-color: #cfd8dc; }
body.campaign-create #savings-table td { padding: 5px; color: #37474f; }
body.campaign-create #campaign-vehicle-gallery { width: 500px; }
body.campaign-create #campaign-vehicle-gallery-container { position: relative; height: 210px; width: 500px; }
body.campaign-create #campaign-vehicle-gallery-container ul { margin: 0; min-height: 210px; width: 100%; }
body.campaign-create #campaign-vehicle-gallery-container img { width: 100%; max-width: 500px; }
#refine-location-map { width: 100%; height: 400px; }
#campaign-sidebar { display: none; }
#sidebar-content { padding: 133px 10px 0 34px;}
#sidebar-content .working { color: #424242; font-weight: 600; font-style: italic; }
#sidebar-content .upnext { color: #9d9ca3 !important; }
#sidebar-content button { margin-left: -15px; font-size: 12px; }
#campaign-content .fa-trash-o { cursor: pointer; }
#campaign-cost { position: absolute; display: none; }
#campaign-steps { position: relative; z-index: 20; }
#campaign-steps-container { position: relative; margin: 0 auto; top: calc(50% - 25px); display: none; }
#campaign-steps-container #progress-line { display: none; z-index: 10; position: absolute; top: 26px; width: 100%; max-width: 900px; border-top: 1px solid #9e9e9e; }
#campaign-steps-container .step { margin: 0 15px; padding: 0 15px 0 5px; background-color: #F5F5F5; }
#campaign-steps-container .step i { display: none; }
#campaign-steps-container .step.completed button:hover i.fa-check { display: none; }
#campaign-steps-container .step.completed button:hover i.fa-pencil { display: block; }
#campaign-steps-container .step.completed i.fa-check { display: block; }
#campaign-steps-container .step.completed span.md-subhead { display: none; }
#campaign-steps-container .step.active { font-weight: 600; color: #000000; }
#campaign-steps-container .step.first { margin-left: 0; }
#campaign-steps-container .step button { text-transform: none; }
#campaign-steps-container .step-meta-info { position: relative; padding-left:60px; padding-top:15px }
#campaign-steps-container .step-meta-info .step-label { position: absolute; top: 0; font-size: 95%; color: #979797; }
#add-location .md-button { margin: 10px 0 40px; }
#add-location-image { cursor: pointer; }
#artwork-drop-container { width: 100%; height: 300px; background-color: #E1F5FE; box-shadow: inset 0px 1px 14px -1px #939FA5; -webkit-box-shadow: inset 0px 1px 14px -1px #939FA5; -moz-box-shadow: inset 0px 1px 14px -1px #939FA5; -o-box-shadow: inset 0px 1px 14px -1px #939FA5; }
.media-icon { border: 1px solid #424242; margin-right: 10px; width: 70px; height:; }
.media-icon.loading { border: 1px solid transparent; }
.md-datepicker-button { display: none; }
.wrap-type { text-align: center; }
.location-list-map { width: 100%; max-width: 355px; height: 197px; }
.location-list-map.summary { width: 230px; height: 130px; border: 1px solid #a3a3a3; }
.location-controls { position: absolute; width: 100%; background: rgba(255, 255, 255, .7); min-height: 53px; bottom: 0; padding-top: 12px; }
.location-controls button { min-width: 25px; margin: 3px 0 0; }
.location-placeholder { position: relative; width: 100%; max-width: 355px; height: 197px; background-color: #616161; border: 1px solid #9e9e9e; }
button.md-button.md-fab { background-color: #9e9e9e !important; float: left; }
div.md-fab { background-clip: padding-box; border-radius: 50%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); min-width: 0; overflow: hidden; vertical-align: middle; width: 56px; z-index: 20; height: 40px; line-height: 40px; width: 40px; color: #fff; display: inline-block; margin: 6px 8px; background-color: #9e9e9e; }
div.step.completed div.md-fab, div.step.completed button.md-button.md-fab { background-color: #4dc2f8 !important; }
div.step.active div.md-fab, div.step.active button.md-button.md-fab { background-color: #0ba2f3 !important;}
div.md-fab i { margin-top: 13px; text-align: center; }
div.md-fab .md-subhead { display: block; margin: 7px auto; text-align: center; }




@media (max-width:390px) {
  #sub-header .md-display-1 { 
    padding-left: 20px; 
    width: 100%;
    font-size: 24px;
    margin-top: 17px;
  }

  md-input-container.md-input-has-messages {
    width: 230px;
  }

  .flex-offset-5, .offset-5 {
    margin-left: 0%; 
  }

  .md-button {
    width: 210px;
    height: 60px;
    word-wrap: break-word;
    font-size: 12px;
  }

  .md-body-1 {
    width: 230px;
  }

  .md-caption {
    width: 240px;

  }

  .flex-offset-50, .offset-50 {
    margin-left: 0;
  } 

  .flex-40, .layout-row>.flex-40 {
    max-width: 100%;
  }

}

@media (max-width:435px) and (min-width: 400px){
  #sub-header .md-display-1 { 
    padding-left: 20px; 
    width: 100%;
    font-size: 24px;
    margin-top: 17px;
  }

  md-input-container.md-input-has-messages {
    width: 300px;
  }

  .flex-offset-5, .offset-5 {
    margin-left: 0%; 
  }

  .md-button {
    width: 310px;
    height: 60px;
    word-wrap: break-word;
    font-size: 14px;
  }

  .md-body-1 {
    width: 330px;
  }

  .md-caption {
    width: 320px;

  }

  .flex-offset-50, .offset-50 {
    margin-left: 0;
  }

  .flex-40, .layout-row>.flex-40 {
    max-width: 100%;
  }
}

@media (max-device-width:700px) and (min-width: 450px){
  #sub-header .md-display-1 { 
    padding-left: 20px; 
    width: 100%;
    font-size: 24px;
    margin-top: 17px;
  }

  md-input-container.md-input-has-messages {
    width: 300px;
  }

  .flex-offset-5, .offset-5 {
    margin-left: 0%; 
  }

  .md-button {
    width: 310px;
    height: 60px;
    word-wrap: break-word;
    font-size: 14px;
  }

  .md-body-1 {
    width: 330px;
  }

  .md-caption {
    width: 340px;

  }

  .flex-offset-50, .offset-50 {
    margin-left: 50%;
  }

  .flex-40, .layout-row>.flex-40 {
    max-width: 40%;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
  #header { height: 80px; }
  #header-main { padding-top: 17px; }
  #sub-header .md-display-1 { padding-left: 20px; }

  /* Campaign Create/Edit */
  #refine-location-map { min-width: 500px; }
  #campaign-steps-container { width: 95%; max-width: 1200px; height: 50px; display: block; }
  #campaign-steps-container .step { margin: 0; padding: 0 10px 0 5px; font-size: 75%; }

  /* Dashboard */
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
  #navigation .md-button { min-width: 100px; }

  /* Campaign Create/Edit */
  #refine-location-map { min-width: 700px; }
  #campaign-steps-container .step-meta-info .step-label { top: -5px; } 
  #campaign-sidebar { display: block; width: 200px; background: rgba(236,239,241, 1) url("/images/campaign/bg-campaign-create.png") repeat-y top left; }
  #campaign-content .sidebar { max-width: 1330px; margin: 0 auto; }
  #campaign-steps-container .step { margin: 0 15px; padding: 0 10px 0 5px; font-size: 100%; }
  #campaign-steps-container #progress-line { max-width: 900px; display: block; }
  body.campaign-create #savings-table { width: 80%; }

  .large-dialog { min-width: 800px; }
}

@media (min-width:1050px) {
  #valid-device-size { display: block !important; }
  #invalid-device-size { display: none !important; }

  /* Login */
  body.login { background: rgba(229,229,229,1) url("/images/login/background.jpg") no-repeat scroll center top; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
  #navigation .md-button { min-width: 125px; }
  #profile-info { padding-left: 15px; }

  /* Campaign Create/Edit */
  #refine-location-map { min-width: 900px; }
  #campaign-sidebar { width: 300px; }
  #campaign-content .sidebar { max-width: 1230px; }
  #campaign-cost { display: block; }
  #campaign-steps { padding-left: 200px; }
  #campaign-steps-container .step { margin: 0 7px; padding: 0 15px 0 5px; font-size: 100%; }
  #campaign-steps-container #progress-line { max-width: 900px; display: block; left: 205px; }

  /* Dashboard */
}

/* Container max breached (Desktops larger than 1530px) */
@media (min-width:1530px) {
  #logo { padding-left: 0px; }

  /* Campaign Create/Edit */
  #refine-location-map { min-width: 1100px; }
}

@media (min-width:768px) and (max-width:992px) {
}

@media screen and (max-width:767px){}
@media screen and (-webkit-min-device-pixel-ratio:0){}

/* HEIGHT BASED MEDIA QUERIES */
@media screen and ( min-height: 900px ) { #refine-location-map { height: 600px; } }

/* MARGINS & PADDINGS */
.p-xxs { padding: 5px !important; }
.p-xs { padding: 10px !important; }
.p-sm { padding: 15px !important; }
.p-m { padding: 20px !important; }
.p-md { padding: 25px !important; }
.p-lg { padding: 30px !important; }
.p-xl { padding: 40px !important; }
.p-l-none { padding-left: 0; }
.p-l-xs { padding-left: 5px; }
.p-l-sm { padding-left: 10px; }
.p-l { padding-left: 15px; }
.p-l-md { padding-left: 20px; }
.p-l-lg { padding-left: 30px; }
.p-l-xl { padding-left: 40px; }
.p-l-n-xxs { padding-left: -1px; }
.p-l-n-xs { padding-left: -5px; }
.p-l-n-sm { padding-left: -10px; }
.p-l-n { padding-left: -15px; }
.p-l-n-md { padding-left: -20px; }
.p-l-n-lg { padding-left: -30px; }
.p-l-n-xl { padding-left: -40px; }
.p-t-none { padding-top: 0; }
.p-t-xxs { padding-top: 1px; }
.p-t-xs { padding-top: 5px; }
.p-t-sm { padding-top: 10px; }
.p-t { padding-top: 15px; }
.p-t-md { padding-top: 20px; }
.p-t-lg { padding-top: 30px; }
.p-t-xl { padding-top: 40px; }
.p-t-xxl { padding-top: 50px; }
.p-t-xxxl { padding-top: 60px; }
.p-t-n-xxs { padding-top: -1px; }
.p-t-n-xs { padding-top: -5px; }
.p-t-n-sm { padding-top: -10px; }
.p-t-n { padding-top: -15px; }
.p-t-n-md { padding-top: -20px; }
.p-t-n-lg { padding-top: -30px; }
.p-t-n-xl { padding-top: -40px; }
.p-r-none { padding-right: 0; }
.p-r-xxs { padding-right: 1px; }
.p-r-xs { padding-right: 5px; }
.p-r-sm { padding-right: 10px; }
.p-r { padding-right: 15px; }
.p-r-md { padding-right: 20px; }
.p-r-lg { padding-right: 30px; }
.p-r-xl { padding-right: 40px; }
.p-r-n-xxs { padding-right: -1px; }
.p-r-n-xs { padding-right: -5px; }
.p-r-n-sm { padding-right: -10px; }
.p-r-n { padding-right: -15px; }
.p-r-n-md { padding-right: -20px; }
.p-r-n-lg { padding-right: -30px; }
.p-r-n-xl { padding-right: -40px; }
.p-b-none { padding-bottom: 0; }
.p-b-xxs { padding-bottom: 1px; }
.p-b-xs { padding-bottom: 5px; }
.p-b-sm { padding-bottom: 10px; }
.p-b { padding-bottom: 15px; }
.p-b-md { padding-bottom: 20px; }
.p-b-lg { padding-bottom: 30px; }
.p-b-xl { padding-bottom: 40px; }
.p-b-n-xxs { padding-bottom: -1px; }
.p-b-n-xs { padding-bottom: -5px; }
.p-b-n-sm { padding-bottom: -10px; }
.p-b-n { padding-bottom: -15px; }
.p-b-n-md { padding-bottom: -20px; }
.p-b-n-lg { padding-bottom: -30px; }
.p-b-n-xl { padding-bottom: -40px; }
.m-xxs { margin: 2px 4px; }
.m-xs { margin: 5px; }
.m-sm { margin: 10px; }
.m { margin: 15px; }
.m-md { margin: 20px; }
.m-lg { margin: 30px; }
.m-xl { margin: 50px; }
.m-n { margin: 0 !important; }
.m-l-none { margin-left: 0; }
.m-l-xs { margin-left: 5px; }
.m-l-sm { margin-left: 10px; }
.m-l { margin-left: 15px; }
.m-l-md { margin-left: 20px; }
.m-l-lg { margin-left: 30px; }
.m-l-xl { margin-left: 40px; }
.m-l-n-xxs { margin-left: -1px; }
.m-l-n-xs { margin-left: -5px; }
.m-l-n-sm { margin-left: -10px; }
.m-l-n { margin-left: -15px; }
.m-l-n-md { margin-left: -20px; }
.m-l-n-lg { margin-left: -30px; }
.m-l-n-xl { margin-left: -40px; }
.m-t-none { margin-top: 0; }
.m-t-xxs { margin-top: 1px; }
.m-t-xs { margin-top: 5px; }
.m-t-sm { margin-top: 10px; }
.m-t { margin-top: 15px; }
.m-t-md { margin-top: 20px; }
.m-t-lg { margin-top: 30px; }
.m-t-xl { margin-top: 40px; }
.m-t-xxl { margin-top: 50px; }
.m-t-xxxl { margin-top: 60px; }
.m-t-n-xxs { margin-top: -1px; }
.m-t-n-xs { margin-top: -5px; }
.m-t-n-sm { margin-top: -10px; }
.m-t-n { margin-top: -15px; }
.m-t-n-md { margin-top: -20px; }
.m-t-n-lg { margin-top: -30px; }
.m-t-n-xl { margin-top: -40px; }
.m-r-none { margin-right: 0; }
.m-r-xxs { margin-right: 1px; }
.m-r-xs { margin-right: 5px; }
.m-r-sm { margin-right: 10px; }
.m-r { margin-right: 15px; }
.m-r-md { margin-right: 20px; }
.m-r-lg { margin-right: 30px; }
.m-r-xl { margin-right: 40px; }
.m-r-n-xxs { margin-right: -1px; }
.m-r-n-xs { margin-right: -5px; }
.m-r-n-sm { margin-right: -10px; }
.m-r-n { margin-right: -15px; }
.m-r-n-md { margin-right: -20px; }
.m-r-n-lg { margin-right: -30px; }
.m-r-n-xl { margin-right: -40px; }
.m-b-none { margin-bottom: 0; }
.m-b-xxs { margin-bottom: 1px; }
.m-b-xs { margin-bottom: 5px; }
.m-b-sm { margin-bottom: 10px; }
.m-b { margin-bottom: 15px; }
.m-b-md { margin-bottom: 20px; }
.m-b-lg { margin-bottom: 30px; }
.m-b-xl { margin-bottom: 40px; }
.m-b-n-xxs { margin-bottom: -1px; }
.m-b-n-xs { margin-bottom: -5px; }
.m-b-n-sm { margin-bottom: -10px; }
.m-b-n { margin-bottom: -15px; }
.m-b-n-md { margin-bottom: -20px; }
.m-b-n-lg { margin-bottom: -30px; }
.m-b-n-xl { margin-bottom: -40px; }
.space-15 { margin: 15px 0; }
.space-20 { margin: 20px 0; }
.space-25 { margin: 25px 0; }
.space-30 { margin: 30px 0; }

.signin-button {
  width: 100%;
  height: 35px;
}

/* Angular Material Override */
md-whiteframe { background-color: #fff; padding: 15px; }
a.md-button.md-default-theme.md-accent.md-raised, a.md-button.md-accent.md-raised, a.md-button.md-default-theme.md-accent.md-fab, a.md-button.md-accent.md-fab, .md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised, .md-button.md-default-theme.md-accent.md-fab, .md-button.md-accent.md-fab { color: rgba(255,255,255,1); }
md-input-container [ng-messages], md-input-container ng-messages { font-size: 12px; line-height: 14px; overflow: hidden; padding-top: 5px; }
md-checkbox.md-default-theme.md-checked .md-icon::after, md-checkbox.md-checked .md-icon::after { border-color: rgba(255,255,255,1); }

/* Print Settings */
@page {
  margin: 0.5cm;
}

@media print {
  body * {
    visibility: hidden;
  }
  .print-hide * {
    visibility: hidden !important;
  }
  .print-container * {
    visibility: visible;
  }
}

.background-error {
  color: red;
  width: 60%;
  text-align: center;
  margin-top: 10px;
  margin-left: 15%;
}

.custom-layout-quirk {
  float: right;
  margin-top: 20px;
}