/*********************************
 * Layout 
 *********************************/
/* Login */
/*********************************
 * Fonts
 *********************************/
/*********************************
 * Colours 
 *********************************/
/*********************************
 * Components 
 *********************************/
/* Card placeholder */
/* grid gutter */
/* Nav-tabs */
.text-white {
  color: white; }

.text-white-hover {
  color: white; }
  .text-white-hover:hover, .text-white-hover:active, .text-white-hover:focus {
    color: white; }

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto-v15-latin-100.eot");
  src: local("Roboto Thin"), local("Roboto-Thin"), url("../fonts/roboto-v15-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v15-latin-100.woff2") format("woff2"), url("../fonts/roboto-v15-latin-100.woff") format("woff"), url("../fonts/roboto-v15-latin-100.ttf") format("truetype"), url("../fonts/roboto-v15-latin-100.svg#Roboto") format("svg"); }
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v15-latin-300.eot");
  src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v15-latin-300.woff2") format("woff2"), url("../fonts/roboto-v15-latin-300.woff") format("woff"), url("../fonts/roboto-v15-latin-300.ttf") format("truetype"), url("../fonts/roboto-v15-latin-300.svg#Roboto") format("svg"); }
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v15-latin-regular.eot");
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v15-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v15-latin-regular.woff") format("woff"), url("../fonts/roboto-v15-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v15-latin-regular.svg#Roboto") format("svg"); }
.fsxxs {
  font-size: 0.7142857143em !important; }

.fs12px {
  font-size: 0.8571428571em !important; }

.fsxs {
  font-size: 1em !important; }

.fssm {
  font-size: 1.2857142857em !important; }

.fsmd {
  font-size: 1.5714285714em !important; }

.fslg {
  font-size: 1.8571428571em !important; }

.fnormal {
  font-weight: normal !important; }

.fstrong {
  font-weight: bold !important; }

.strike {
  text-decoration: line-through; }

.tuc {
  text-transform: uppercase; }

/*
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway/Raleway-Light.eot');
    src: local('Raleway Light'), local('Raleway-Light'),
        url('../fonts/raleway/Raleway-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/raleway/Raleway-Light.woff') format('woff'),
        url('../fonts/raleway/Raleway-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway/Raleway-Regular.eot');
    src: local('Raleway'), local('Raleway-Regular'),
        url('../fonts/raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/raleway/Raleway-Regular.woff') format('woff'),
        url('../fonts/raleway/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/
#userEdit > accordion > div > div {
  box-shadow: 0 0; }

/* reset */
html, body {
  height: 100%; }

/* Margins */
.mtm {
  margin-top: 10px; }

.mtcustom {
  margin-top: 42px; }

.mbm {
  margin-bottom: 10px; }

.mlm {
  margin-left: 10px; }

.mrm {
  margin-right: 10px; }

.mr15px {
  margin-right: 15px; }

.mr10px {
  margin-right: 10px; }

.m0 {
  margin: 0; }

.mt5px {
  margin-top: 5px; }

.mb5px {
  margin-bottom: 5px; }

/* vertical margins*/
.mvm {
  margin: 15px 0; }

.mvlg {
  margin: 25px 0 !important; }

.mtsm {
  margin-top: 6px !important; }

.mtmd {
  margin-top: 10px !important; }

.mtlg {
  margin-top: 25px !important; }

.mbmd {
  margin-bottom: 10px !important; }

.mblg {
  margin-bottom: 25px !important; }

.mbxlg {
  margin-bottom: 45px !important; }

/* vertical margin, full width */
.mvmfull {
  margin: 15px -15px; }

/* Very big margins */
.mtmm {
  margin-top: 20px; }

.mbmm {
  margin-bottom: 20px; }

.mlmm {
  margin-left: 20px; }

.mrmm {
  margin-right: 20px; }

/* no margin */
.nm {
  margin: 0; }

/* no padding */
.np {
  padding: 0; }

/* paddings */
.pt0 {
  padding-top: 0; }

.pl0 {
  padding-left: 0; }

.pr0 {
  padding-right: 0; }

.pb0 {
  padding-bottom: 0; }

.p10 {
  padding: 10px; }

.ptm {
  padding-top: 10px; }

.pbm {
  padding-bottom: 10px; }

/* text alignment */
.tl {
  text-align: left; }

.tc {
  text-align: center; }

.tr {
  text-align: right; }

/* tex colors */
.text-warning {
  color: #f89406; }

/* floats */
.fl {
  float: left; }

.fr {
  float: right; }

.nf {
  float: none !important; }

/* clearfix */
.clearFix {
  clear: both;
  display: table;
  content: ""; }

/* block, inline block */
.ib {
  display: inline-block; }

.block {
  display: block; }

.text-wrap {
  white-space: pre-line; }

/* Transitions */
.transition-1000 {
  transition: 1s all ease-in-out; }

.transition-333 {
  transition: 0.333s all ease-in-out; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Text alignment */
  .sm_tl {
    text-align: left; }

  .sm_tc {
    text-align: center; }

  .sm_tr {
    text-align: right; } }
.loginBg {
  border-top: 0;
  height: 100%; }

.logo-wu {
  min-width: 278px;
  height: 48px;
  background: transparent url("../images/wu-logo-portal.png") top left no-repeat;
  margin-bottom: 20px; }

.fwn {
  font-weight: normal; }

.cPrimary {
  color: rgba(4, 80, 140, 0.8); }

.color-white {
  color: #fff; }

.opacity-hide {
  opacity: 0 !important; }

.progress.loader {
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  border: 1px solid #0098d9;
  background: rgba(0, 159, 227, 0.5);
  width: 45%;
  margin: 0 auto; }
  .progress.loader > .progress-bar {
    background: #04508c;
    background-color: #04508c;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#055ea5), to(#04508c));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #055ea5, #04508c);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #055ea5, #04508c);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #055ea5, #04508c);
    /* IE10 */
    background-image: -o-linear-gradient(top, #055ea5, #04508c);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #055ea5, #04508c);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#055ea5', EndColorStr='#04508c');
    border-radius: 8px; }

.timeleft {
  height: 1em;
  margin: 0 auto;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  .timeleft > .progress-bar {
    font-size: 0.7em;
    line-height: 1.6em; }
  .timeleft.timeleft-expired {
    padding: 0.8em;
    font-size: 0.7em;
    line-height: 0;
    text-align: center !important;
    background: #800;
    font-weight: bold;
    color: white; }

.icon-group-hide-behind {
  position: relative;
  top: -25px;
  left: 50px;
  font-size: 2.8em; }

.icon-group .icon-group-back.icon-group-warning {
  color: rgba(248, 148, 6, 0.8); }
.icon-group .icon-group-back.icon-group-info {
  color: rgba(0, 159, 227, 0.8); }
.icon-group .icon-group-front {
  color: #fff; }

.fa-size-medium {
  font-size: 1.2em; }

.col-checkbox {
  margin-top: 2.5em; }

#ajaxLoadingIndicator {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  padding-top: 10%;
  opacity: 1;
  background: rgba(255, 255, 255, 0.95); }
  #ajaxLoadingIndicator img {
    height: 100px; }
  #ajaxLoadingIndicator > p {
    text-align: center;
    font-style: italic;
    text-transform: uppercase;
    font-size: 1.7142857143em;
    color: #009fe3; }

#ajaxLoadingIndicator.ng-hide-add.ng-hide-add-active,
#ajaxLoadingIndicator.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  opacity: 0; }

h4 {
  color: #fff;
  font-size: 1.7142857143em;
  font-weight: lighter; }

label {
  font-size: 1em;
  color: #fff;
  font-weight: normal; }

option[disabled] {
  color: rgba(0, 0, 0, 0.3); }

.well {
  background-color: rgba(71, 83, 101, 0.5);
  border: none; }
  .well.well-warning {
    background-color: rgba(248, 148, 6, 0.3); }
  .well.well-info {
    background-color: white;
    color: #009fe3; }
    .well.well-info label {
      color: #000 !important; }

.bshadow {
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35); }

.tshadow {
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25); }

a:hover, a:focus {
  color: #009fe3; }

.panel-light {
  padding: 1em;
  background: #fdfdfd;
  border: 1px solid #eee;
  box-shadow: none; }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
   */
.dl-horizontal dt {
  white-space: normal; }

/* Angular form elements (validation) */
form.submitted select.ng-invalid + .chosen-container > .chosen-single {
  border: 1px solid #f89406; }

input.ng-dirty.ng-invalid, form.submitted input.ng-invalid {
  background: rgba(71, 83, 101, 0.5); }
  input.ng-dirty.ng-invalid:focus, form.submitted input.ng-invalid:focus {
    box-shadow: 0 0 8px rgba(248, 148, 6, 0.2); }

input.ng-dirty.ng-valid {
  background: rgba(71, 83, 101, 0.5);
  border: 1px solid #009fe3; }
  input.ng-dirty.ng-valid:focus {
    box-shadow: 0 0 8px rgba(150, 255, 150, 0.9); }

.alert-error {
  background-color: #f89406;
  color: #fff;
  border: 1px solid #800; }

.alert-warning {
  background-color: rgba(248, 148, 6, 0.3);
  border: 1px solid #f80;
  color: black; }

.lang {
  text-transform: uppercase;
  font-size: 1.14286em;
  color: rgba(103, 151, 178, 0.8);
  padding: 13px 5px 0 5px;
  cursor: pointer; }
  .lang.lang_active {
    cursor: default;
    color: #999; }
  .lang.lang_active:hover {
    color: #999; }
  .lang:hover {
    color: #0264c4; }

#toast-container > .toast {
  opacity: 1; }

input[required] {
  background: transparent;
  border: 1px solid #f89406; }

label.required {
  transition: 1s all ease-in-out; }
  label.required:after {
    position: absolute;
    top: 0;
    right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.8em;
    background: rgba(227, 227, 227, 0.6);
    color: #fff;
    padding: 0.3em 0.9em;
    border-radius: 11px;
    text-transform: capitalize; }

@media (min-width: 600px) {
  label.required:after {
    content: attr(data-required-description) "";
    font-size: 0.8em; }

  input[required], select[required] {
    border: 1px solid #009fe3;
    background: transparent; } }
@media (max-width: 600px) {
  label.required:after {
    position: inherit;
    top: inherit;
    right: inherit;
    content: '*';
    font-size: 0.8em;
    border: none;
    color: #f89406; }

  input[required]:not([disabled]), select[required]:not([disabled]) {
    background: rgba(71, 83, 101, 0.5);
    border-color: #f89406; } }
input.ng-dirty.ng-invalid-required {
  background: rgba(71, 83, 101, 0.5);
  border: 1px solid #f89406; }

.small-info {
  color: #888;
  font-size: 0.8em; }

.debug {
  background: rgba(255, 0, 0, 0.2); }

.link, .cursor, .pointer, .action {
  cursor: pointer; }
  .link.transition, .cursor.transition, .pointer.transition, .action.transition {
    transition: 0.1s all ease-in-out; }
  .link.hover:hover, .cursor.hover:hover, .pointer.hover:hover, .action.hover:hover {
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.25) inset; }

.pointer-bg:hover {
  background: #009fe3; }

.pointer-text:hover {
  color: #04508c; }

.text-warning {
  color: #f89406; }

.bold {
  font-weight: bold; }

.chosen-container {
  width: 100% !important; }

div[class^="icheck"] + label {
  cursor: pointer; }

.scroll_large_content {
  background: rgba(0, 0, 0, 0.01);
  padding: 0 0 0 1em;
  box-shadow: 0 -6px 6px -6px #aaa inset;
  border-bottom: 1px dotted #888; }

.scroller {
  height: 25em;
  overflow-y: hidden;
  position: relative; }

.cardplaceholder_container {
  padding: 0;
  width: 100%;
  position: relative;
  font-size: 100%; }
  .cardplaceholder_container p {
    margin: 0; }

/*
//
// card placeholder v3
//
*/
/*.cc-template { position: relative; color: tomato; }
.card-placeholder-data-holder { padding: 0; list-style: none; margin: 0; }
.cc-front { display: flex; justify-content: space-between; position: absolute; top: 0; left: 0; width: 100%; }
.cc-col { height: 100%; }
.cc-col:last-of-type { text-align: right; }
.cc-type { outline: 1px solid tomato; }

@media (max-width: 320px) {
    .cc-front { font-size: 1em; padding: 0 .5em; }
    .cc-col { color: #000; }
    .cc-col:last-of-type { padding-top: .5em;; }
    #card-placeholder-brand, #card-placeholder-holder, .cc-type { font-size: 10px; }
    #card-placeholder-date { font-size: 9px; }
    .card-logo { width: 4em; height: 100%; }
    .cc-type { margin-bottom: .1em; }
    .card-placeholder-data-holder { margin-top: 1.4em; line-height: .9em; }
}

@media (min-width: 321px) and (max-width: 374px) {
    .cc-front { font-size: 1em; padding: 0 .5em; }
    .cc-col { color: #000; }
    .cc-col:last-of-type { padding-top: .5em;; }
    #card-placeholder-brand, #card-placeholder-holder, .cc-type { font-size: 10px; }
    #card-placeholder-date { font-size: 9px; }
    .card-logo { width: 3em; height: 100%; }
    .cc-type { margin-bottom: .1em; }
    .card-placeholder-data-holder { margin-top: 1.4em; line-height: .9em; }
}

@media (min-width: 375px) and (max-width: 413px) {
    .cc-front { font-size: 1.23em; padding: 0 .5em; }
    .cc-col { color: #000; }
    .cc-col:last-of-type { padding-top: .5em;; }
    #card-placeholder-brand, #card-placeholder-holder, .cc-type { font-size: 10px; }
    #card-placeholder-date { font-size: 9px; }
    .card-logo { width: 3em; height: 100%; }
    .cc-type { margin-bottom: .1em; }
    .card-placeholder-data-holder { margin-top: 1.4em; line-height: .9em; }
}

@media (min-width: 414px) and (max-width: 767px) {
    .cc-front { font-size: 1.5em; padding: 0 .5em; }
    .cc-col { color: #000; }
    .cc-col:last-of-type { padding-top: .5em;; }
    #card-placeholder-brand, #card-placeholder-holder, .cc-type { font-size: 12px; }
    #card-placeholder-date { font-size: 9px; }
    .card-logo { width: 3em; height: 100%; }
    .cc-type { margin-bottom: .1em; }
    .card-placeholder-data-holder { margin-top: 1.1em; line-height: .9em; }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cc-front { font-size: 2.3em; padding: 0 .2em 0 .5em; }
    .cc-col { color: #000; }
    .cc-col:last-of-type { padding-top: .3em; }
    #card-placeholder-brand, #card-placeholder-holder, .cc-type { font-size: .7em; }
    #card-placeholder-date { font-size: .5em; }
    .card-logo { width: 100%; height: 100%; }
    .card-placeholder-data-holder { margin-top: .5em; line-height: 1em; font-size: .6em; }
}

@media (min-width: 1024px) { 
    .cc-front { font-size: 2.2em; padding: 0 .5em; }
    .cc-col { color: #000; }
    .cc-col:last-of-type { padding-top: .5em;; }
    #card-placeholder-brand, #card-placeholder-holder, .cc-type { font-size: 20px; }
    #card-placeholder-date { font-size: 20px; }
    .card-logo { width: 100%; height: 100%; }
    .cc-type { margin-bottom: .5em; }
    .card-placeholder-data-holder { margin-top: .6em; line-height: 1em; }
}

@media (width: 320px) and (height: 480px) and (orientation: landscape) {
    .cc-front { outline: 1px solid tomato; }
}*/
/*
//
// card placeholder v4
//
*/
#cc-template {
  /*outline: 1px solid tomato;*/
  color: #000; }

#cc-template {
  position: relative;
  font-size: 1rem; }

.cc-template-front {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%; }

.cc-template-col:first-of-type {
  flex: 1 0 auto; }

.cc-template-col:last-of-type {
  text-align: right; }

.cc-template-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.cc-template-number {
  display: inline-block; }

.cc-template-type {
  display: flex;
  justify-content: flex-end; }

.cc-template-type img {
  height: 100%; }

.cc-template-expired {
  margin-left: 0;
  margin-right: 0; }

@media (max-width: 320px) {
  .cc-template-list {
    line-height: 1; }

  .cc-template-number {
    font-size: 1.5em;
    margin-top: 1.5em; }

  .cc-template-holder {
    font-size: 1.2em; }

  .cc-template-type img {
    width: 40px; }

  .cc-template-front {
    padding: .5em;
    padding-bottom: 0;
    padding-left: 1.8em; }

  .cc-template-expired {
    margin-top: .5em;
    margin-bottom: .5em; } }
@media (min-width: 321px) and (max-width: 375px) {
  .cc-template-list {
    line-height: 1; }

  .cc-template-number {
    font-size: 1.8em;
    margin-top: 1.5em; }

  .cc-template-holder {
    font-size: 1.6em; }

  .cc-template-type img {
    width: 50px;
    margin-bottom: .12em; }

  .cc-template-front {
    padding: .5em;
    padding-bottom: 0;
    padding-left: 0.5em; }

  .cc-template-type, .cc-template-date, #card-placeholder-brand {
    font-size: 1.2em; }

  .cc-template-expired {
    margin-top: .5em;
    margin-bottom: .5em; } }
@media (min-width: 376px) and (max-width: 414px) {
  .cc-template-list {
    line-height: 1; }

  .cc-template-number {
    font-size: 2.1em;
    margin-top: 1.4em; }

  .cc-template-holder {
    font-size: 1.6em; }

  .cc-template-type img {
    width: 55px;
    margin-bottom: .13em; }

  .cc-template-front {
    padding: .5em;
    padding-bottom: 0;
    padding-left: 1.8em; }

  .cc-template-type, .cc-template-date, #card-placeholder-brand {
    font-size: 1.2em; }

  .cc-template-expired {
    margin-top: .5em;
    margin-bottom: .5em; } }
@media (min-width: 415px) and (max-width: 629px) {
  .cc-template-list {
    line-height: 1; }

  .cc-template-number {
    font-size: 1.8em;
    margin-top: 3em; }

  .cc-template-holder {
    font-size: 1.8em; }

  .cc-template-type img {
    width: 55px; }

  .cc-template-front {
    padding: .5em;
    padding-bottom: 0;
    padding-left: 1.8em; }

  .cc-template-expired {
    margin-top: .5em;
    margin-bottom: .5em; } }
@media (min-width: 630px) and (max-width: 767px) {
  .cc-template-list {
    line-height: 1; }

  .cc-template-number {
    font-size: 2.2em;
    margin-top: 4em; }

  .cc-template-holder {
    font-size: 1.8em; }

  .cc-template-type img {
    width: 55px; }

  .cc-template-front {
    padding: .5em;
    padding-bottom: 0;
    padding-left: 1.8em; }

  .cc-template-expired {
    margin-top: .5em;
    margin-bottom: .5em; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .cc-template-list {
    line-height: 1.1; }

  .cc-template-number {
    font-size: 2.1em;
    margin-top: 1.8em; }

  .cc-template-holder {
    font-size: 1.3em; }

  .cc-template-type img {
    width: 50px;
    margin-bottom: .15em; }

  .cc-template-front {
    padding: .5em;
    padding-bottom: 0;
    padding-left: 1.8em; }

  .cc-template-type, .cc-template-date, #card-placeholder-brand {
    font-size: 1.3em; }

  .cc-template-expired {
    margin-top: .5em;
    margin-bottom: .5em; }

  /* new card */
  #cc-new-template #cc-template {
    font-size: 1.8rem; }

  #cc-new-template #cc-template .cc-template-number {
    margin-top: 2.6em; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  .cc-template-list {
    line-height: 1.2; }

  .cc-template-number {
    font-size: 2.5em;
    margin-top: 2em; }

  .cc-template-holder {
    font-size: 1.5em; }

  .cc-template-type img {
    width: 100%;
    margin-bottom: .3em; }

  .cc-template-front {
    padding: .5em;
    padding-bottom: 0;
    padding-left: 3.4em; }

  .cc-template-type, .cc-template-date, #card-placeholder-brand {
    font-size: 1.5em; }

  .cc-template-type img {
    width: 73px; }

  .cc-template-expired {
    font-size: 1em;
    margin-top: .5em;
    margin-bottom: .5em; }

  /* new card */
  #cc-new-template #cc-template {
    font-size: 1.8rem; }

  #cc-new-template #cc-template .cc-template-number {
    margin-top: 3em; } }
@media (min-width: 1200px) {
  .cc-template-list {
    line-height: 1.2; }

  .cc-template-number {
    font-size: 3.1em;
    margin-top: 2em; }

  .cc-template-holder {
    font-size: 2em; }

  .cc-template-type img {
    width: 100%;
    margin-bottom: .3em; }

  .cc-template-front {
    padding: 1em;
    padding-bottom: 0;
    padding-left: 3.4em; }

  .cc-template-type, .cc-template-date, #card-placeholder-brand {
    font-size: 1.5em; }

  .cc-template-expired {
    margin-top: .5em;
    margin-bottom: .5em; }

  /* new card */
  #cc-new-template #cc-template {
    font-size: 1.5rem; }

  #cc-new-template #cc-template .cc-template-number {
    margin-top: 1.7em; } }
/*fix edit card*/
@media (min-width: 630px) and (max-width: 767px) {
  .large .cc-template-list {
    line-height: 1; }

  .large .cc-template-number {
    font-size: 2.2em;
    margin-top: 3.6em; }

  .large .cc-template-holder {
    font-size: 1.8em; }

  .large .cc-template-type img {
    width: 55px; }

  .large .cc-template-front {
    padding: .5em;
    padding-bottom: 0;
    padding-left: 1.8em; }

  .large .cc-template-expired {
    margin-top: .5em;
    margin-bottom: .5em; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .large .cc-template-number {
    font-size: 3em;
    margin-top: 4em; }

  .large .cc-template-brand {
    font-size: 2em; }

  .large .cc-template-type, .cc-template-date, #card-placeholder-brand {
    margin-right: 0.5em; }

  .large .cc-template-type img {
    width: 70px;
    margin-bottom: .3em; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  .large .cc-template-number {
    font-size: 3em;
    margin-top: 4em; }

  .large .cc-template-brand {
    font-size: 2em; }

  .large .cc-template-type, .cc-template-date, #card-placeholder-brand {
    margin-right: 0.5em; }

  .large .cc-template-type img {
    width: 70px;
    margin-bottom: .3em; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
  .cc-template-list {
    margin-top: 1.8em !important;
    margin-left: 12px;
    font-size: 1.1em; }

  .cc-template-brand {
    font-size: 2em;
    margin-right: 10px;
    margin-top: 10px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  .cc-template-list {
    margin-top: 1.0em !important;
    margin-left: 12px; }

  .cc-template-brand {
    font-size: 2em;
    margin-right: 5px;
    margin-top: 5px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-resolution: 2dppx) and (orientation: landscape) {
  .cc-template-list {
    margin-top: 30px; }

  .cc-template-brand {
    font-size: 1.5em; } }
/*
// end card placeholder v4
*/
/* slider card-template v4*/
/*fix for slider always on top*/
.slick-track {
  display: flex !important;
  align-items: center; }

@media (max-width: 320px) {
  .slider_cards .cc-template-list {
    line-height: 1; }

  .slider_cards .cc-template-number {
    font-size: 1.2em;
    margin-top: 1.5em; }

  .slider_cards .cc-template-brand {
    margin-right: 20px; } }
@media (min-width: 321px) and (max-width: 375px) {
  .slider_cards .cc-template-list {
    line-height: 1; }

  .slider_cards .cc-template-number {
    font-size: 1.5em;
    margin-top: 1.5em; }

  .slider_cards .cc-template-expired {
    margin-top: .5em;
    margin-bottom: .5em; } }
@media (min-width: 376px) and (max-width: 414px) {
  .cc-template-list {
    line-height: 1; }

  .slider_cards .cc-template-number {
    font-size: 1.6em;
    margin-top: 1.5em; }

  .slider_cards .cc-template-holder {
    font-size: 1.6em; } }
@media (min-width: 415px) and (max-width: 630px) {
  .slider_cards .cc-template-list {
    line-height: 1; }

  .slider_cards .cc-template-number {
    font-size: 2.5em;
    margin-top: 2em; }

  .slider_cards .cc-template-brand {
    margin-right: 20px; } }
@media (min-width: 631px) and (max-width: 767px) {
  .slider_cards .cc-template-list {
    line-height: 1; }

  .slider_cards .cc-template-number {
    font-size: 2.5em;
    margin-top: 3em; }

  .slider_cards .cc-template-brand {
    margin-right: 20px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .slider_cards .cc-template-list {
    line-height: 1.1; }

  .slider_cards .cc-template-number {
    font-size: 2.7em;
    margin-top: 4em; }

  .slider_cards .cc-template-brand {
    font-size: 2em; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  .slider_cards .cc-template-list {
    line-height: 1.2; }

  .slider_cards .cc-template-number {
    font-size: 3em;
    margin-top: 5em; }

  .slider_cards .cc-template-brand {
    font-size: 1.8em; } }
@media (min-width: 1200px) {
  .slider_cards .cc-template-list {
    line-height: 1.2; }

  .slider_cards .cc-template-number {
    font-size: 3.1em;
    margin-top: 5em; }

  .slider_cards .cc-template-brand {
    font-size: 1.8em; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
  .slider_cards .cc-template-list {
    margin-top: 54px;
    margin-left: 12px;
    font-size: 1.1em; }

  .slider_cards .cc-template-brand {
    font-size: 2em;
    margin-right: 10px;
    margin-top: 10px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  .slider_cards .cc-template-list {
    margin-top: 34px;
    margin-left: 12px; }

  .slider_cards .cc-template-brand {
    font-size: 2em;
    margin-right: 5px;
    margin-top: 5px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-resolution: 2dppx) and (orientation: landscape) {
  .slider_cards .cc-template-list {
    margin-top: 30px; }

  .slider_cards .cc-template-brand {
    font-size: 1.5em; } }
/* end slider card-template v4*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  #cc-new .cardplaceholder_container {
    font-size: .79em; }

  .dashed-border {
    min-height: 96px; }

  #cc-new .cc-front {
    padding: 3.5em;
    padding-top: 0.7em;
    padding-left: 6em; }

  #cc-new #card-placeholder-number {
    margin-top: 2em; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #cc-new .cardplaceholder_container {
    font-size: 1em !important; }

  #cc-new #card-placeholder-number {
    margin-top: 2.1em !important; }

  .dashed-border {
    height: 128px; }

  #cc-new .cc-front {
    padding-left: 6.1em !important; }

  #cc-new #card-placeholder-number {
    margin-top: 3.3em !important; } }
@media (min-width: 1200px) {
  #cc-new #card-placeholder-number {
    margin-top: 2.8em !important; }

  .dashed-border {
    height: 157px; }

  #cc-new .cc-front {
    padding-left: 5.7em !important; } }
#card-placeholder-holder {
  text-transform: uppercase; }

/* card placeholder */
.card-shadow-inset {
  position: absolute;
  z-index: 99;
  bottom: 2px;
  width: 100%;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0.5); }

.cardInfo {
  color: #fff;
  font-size: 1.5714285714em; }

.container.container-no-margin {
  margin: 0 !important; }

.elevate {
  margin: 0;
  margin-top: -10px; }

.validation {
  color: #f89406; }

input[required] {
  border: 1px solid #fff;
  background-color: rgba(71, 83, 101, 0.5); }

input.ng-dirty.ng-valid {
  border: 1px solid #009fe3; }

input.ng-dirty.ng-focus {
  border: 1px solid rgba(71, 83, 101, 0.5); }

a {
  color: #fff; }
  a:hover, a:focus {
    text-decoration: none;
    color: #009fe3;
    outline: none;
    border: 0; }

.btn-add-title, .btn-edit-title, .btn-edit-title-header {
  float: right;
  text-transform: capitalize; }

.btn-add-title {
  font-size: 1.1428571429em;
  color: #fff;
  margin-top: 13px; }

.btn-edit-title {
  color: #fff;
  font-size: 1em; }

.btn-edit-title-header {
  font-size: 1em;
  margin-top: 13px; }

.title {
  font-weight: 300;
  font-size: 1.8571428571em;
  color: #fff; }
  .title.small-title {
    font-size: 1.4285714286em; }

.chosen-container-single .chosen-search input[type=text] {
  border: 1px solid #ccc; }

.chosen-container, .chosen-container-active, .chosen-container-active.chosen-with-drop {
  font-size: 1.1428571429em; }
  .chosen-container .chosen-drop, .chosen-container-active .chosen-drop, .chosen-container-active.chosen-with-drop .chosen-drop {
    border: 1px solid #ccc;
    border-top: 0; }
  .chosen-container.chosen-with-drop > a.chosen-single div b:after, .chosen-container.chosen-with-drop > a.chosen-choices div b:after, .chosen-container-active.chosen-with-drop > a.chosen-single div b:after, .chosen-container-active.chosen-with-drop > a.chosen-choices div b:after, .chosen-container-active.chosen-with-drop.chosen-with-drop > a.chosen-single div b:after, .chosen-container-active.chosen-with-drop.chosen-with-drop > a.chosen-choices div b:after {
    content: "\f0d8"; }
  .chosen-container > a.chosen-single, .chosen-container > ul.chosen-choices, .chosen-container-active > a.chosen-single, .chosen-container-active > ul.chosen-choices, .chosen-container-active.chosen-with-drop > a.chosen-single, .chosen-container-active.chosen-with-drop > ul.chosen-choices {
    border: 1px solid #ccc;
    border-bottom: 0;
    height: 45px;
    line-height: 45px;
    color: #009fe3;
    background: white; }
    .chosen-container > a.chosen-single div b, .chosen-container > ul.chosen-choices div b, .chosen-container-active > a.chosen-single div b, .chosen-container-active > ul.chosen-choices div b, .chosen-container-active.chosen-with-drop > a.chosen-single div b, .chosen-container-active.chosen-with-drop > ul.chosen-choices div b {
      background-image: none !important; }
      .chosen-container > a.chosen-single div b:after, .chosen-container > ul.chosen-choices div b:after, .chosen-container-active > a.chosen-single div b:after, .chosen-container-active > ul.chosen-choices div b:after, .chosen-container-active.chosen-with-drop > a.chosen-single div b:after, .chosen-container-active.chosen-with-drop > ul.chosen-choices div b:after {
        content: "\f0d7";
        font-family: 'FontAwesome';
        font-size: 1.1428571429em; }

.sa_street, .sa_city_postal, .sa_postal, .sa_country {
  color: #fff;
  font-size: 1.1428571429em; }

.sa_country {
  color: #fff;
  font-size: 1.1428571429em; }

#card_description {
  color: #fff; }

.btn {
  font-size: 1.7142857143em;
  font-weight: lighter; }
  .btn.fs12px {
    font-weight: bold; }

.btn-success {
  border: none;
  background-color: #009fe3; }

.btn-primary {
  background-color: #009fe3;
  border: 0; }
  .btn-primary:hover, .btn-primary:active, .btn-primary.hover, .btn-primary.active {
    background: #04508c; }

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #04508c; }

.btn-cancel {
  background-color: #fff;
  border: 0;
  color: #262e3b; }
  .btn-cancel:focus, .btn-cancel.focus, .btn-cancel:active, .btn-cancel.active, .btn-cancel:hover {
    background-color: rgba(255, 255, 255, 0.7);
    border: 0; }

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  background-color: #04508c;
  border: none; }

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success.focus[disabled], fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active {
  background-color: rgba(0, 0, 0, 0.8);
  border: 0; }

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary.focus[disabled], fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
  background-color: rgba(0, 0, 0, 0.8);
  border: 0; }

.btn-info {
  color: #333333;
  background-color: #e3e3e3;
  border: 0;
  border-color: none; }

.btn-add {
  color: #009fe3;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: left;
  font-size: 1.1428571429em;
  font-weight: normal;
  height: 45px; }

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  background-color: #009fe3; }

.dashed-border {
  border: 1px dashed #ccc;
  padding: 1em; }

.form-control {
  height: 45px;
  color: #fff;
  font-size: 1.1428571429em; }

select {
  border: 1px solid #ccc !important;
  color: #fff; }

select.form-control {
  color: #fff; }

select option {
  color: #fff;
  background-color: #475365; }

.postal_code_first:after {
  content: '-';
  font-size: 1.7142857143em;
  position: absolute;
  right: -2px;
  top: 43%; }

.tab-content {
  padding: 10px 0 20px 0; }

.panel-title {
  font-size: 1.28571em;
  font-weight: normal; }

.panel-default {
  border: none; }

.panel-default > .panel-heading {
  background-color: #fff;
  border-color: #fff;
  font-size: 1.8571428571em;
  font-weight: normal; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #e3e3e3;
  border-bottom-color: transparent; }

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0; }

#userEdit button, #userEdit input {
  line-height: 1; }

.noBtn {
  background-color: transparent;
  border: 0;
  margin-top: 0; }

option.notSupported {
  color: #f89406; }

.btnDelete {
  /* first icon (circle background) */
  /* second icon (trash can) */ }
  .btnDelete i:first-of-type {
    color: #009fe3; }
  .btnDelete:hover i:first-of-type {
    color: #f89406; }
  .btnDelete i:nth-of-type(2) {
    color: white; }

select.styled {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: url("../images/icon-arrow-down-strong.svg") no-repeat 205% center;
  background-size: 70% 70%; }

/* Required to disable the default IE styles */
select.styled::-ms-expand {
  display: none; }

.bordersBg {
  border-top: 1px solid #009fe3; }

.table-time {
  font-size: small;
  margin-top: 17px; }

td {
  color: #009fe3; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 0;
  line-height: 1.42857143;
  vertical-align: bottom;
  border: none; }

.table > thead > tr > td:last-child, .table > tbody > tr > td:last-child, .table > tfoot > tr > td:last-child {
  text-align: right; }

.btn-block + .btn-block {
  margin-top: 20px; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-image: none;
  background-color: #e5e5e5;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.45); }

.ui-widget-content {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border: 3px solid #7f7f7f;
  box-shadow: 0 0 0 9px #7f7f7f;
  background-image: none;
  background-color: #7bb4d5; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.4em;
  cursor: pointer; }

.slider-tooltips {
  width: 100%;
  position: relative; }
  .slider-tooltips .tip {
    position: absolute; }
    .slider-tooltips .tip:last-child {
      right: 0; }

.chartbox-wrapper {
  margin-bottom: 60px; }

.chartbox text {
  font-family: "Open Sans", "Roboto", sans-serif; }
.chartbox .chart-legend .item {
  display: inline-block !important; }
.chartbox .chart-legend .label {
  color: #fff;
  font-family: "Open Sans", "Roboto", sans-serif;
  font-size: 12px; }

/* Card expiration check */
.isExpired {
  background: rgba(187, 0, 0, 0.8);
  color: #fff;
  padding: 0.3em; }

.carousel-indicators {
  display: none; }

.carousel-control {
  text-shadow: 0 1px 2px black; }
  .carousel-control.right, .carousel-control.left {
    background-image: none; }

.about {
  display: inline-block;
  margin: 1px 5px 0 0; }

.about a {
  color: rgba(255, 255, 255, 0.5); }

.about a:hover {
  color: white; }

.btn-edit-login {
  float: right;
  text-transform: capitalize;
  color: #fff;
  font-size: 1em; }

.open > .dropdown-menu, .dropdown-menu {
  right: -1px;
  text-align: right;
  background-color: #475365; }

.btn.user-label {
  display: inline-block;
  padding: 8px;
  font-size: 1em !important;
  font-weight: normal;
  border-radius: 5px; }

/* Extra Small devices (less than 768px) */
@media (max-width: 450px) {
  .btn.user-label {
    padding: 4px;
    font-size: 0.5714285714em;
    font-weight: light;
    border-radius: 2px; } }
.card_sa_wrapper {
  background: white; }
  .panel-group > .card_sa_wrapper.panel {
    margin: 0 0 1em; }
  .card_sa_wrapper > .panel-heading {
    margin: 0.4em 0;
    padding: 10px 15px 5px 15px; }
  .card_sa_wrapper .panel-body {
    margin-top: 0;
    padding-top: 0; }

.cc_sa_panel_title {
  font-size: 1.2857142857em; }

.accordion-toggle .cc_sa_panel_title, .accordion-toggle:active .cc_sa_panel_title, .accordion-toggle:hover .cc_sa_panel_title {
  color: #4d7296; }

.cc_sa_panel_info {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: rgba(0, 0, 0, 0.01);
  border: 1px solid rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  margin: 0.5em 0;
  padding: 0.5em; }
  .cc_sa_panel_info.cc_sa_panel_info_danger {
    background: rgba(255, 0, 0, 0.01); }
  .cc_sa_panel_info.cc_sa_panel_info_warn {
    background: rgba(255, 255, 0, 0.01); }

@media (max-width: 450px) {
  .cc_sa_panel_title {
    font-size: 1em; }

  .cc_sa_panel_info {
    font-size: 0.7142857143em; } }
.carousel {
  max-width: 100%; }

.slide-description {
  padding: 1em;
  margin: 1em auto;
  max-width: 684px;
  color: white;
  border-radius: 4px; }

.carousel-control {
  text-shadow: 0 1px 2px black;
  width: 5%; }
  .carousel-control.right, .carousel-control.left {
    background-image: none; }
  .carousel-control > span {
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.9);
    background: rgba(38, 46, 59, 0.995);
    padding: 1em;
    width: auto !important;
    height: auto !important;
    color: white;
    transform: scale(0.5); }

.tab-content {
  padding: 10px 0 20px 0; }

.panel-default {
  border: none; }

.nav, .pagination, .carousel, .panel-title a {
  cursor: pointer; }

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0; }

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  font-size: 1em; }

.panel-group .panel-heading {
  border-bottom: 0; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.title-about {
  font-weight: normal;
  font-size: 1.85714em;
  color: rgba(255, 255, 255, 0.7); }

.cardBrandsContainer:after {
  clear: both; }
.cardBrandsContainer li.cardBrandItem {
  cursor: pointer;
  float: left;
  padding: 0;
  margin: 0.66em;
  transition: box-shadow 0.2s ease;
  list-style-type: none;
  width: 160px;
  height: 100.8px;
  background: #eee;
  position: relative;
  border: 1px solid #eee;
  transition: all 0.4s ease-in-out; }
  .cardBrandsContainer li.cardBrandItem[disabled]:after {
    content: '';
    background: rgba(0, 255, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .cardBrandsContainer li.cardBrandItem figure {
    margin: 0;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center; }
    .cardBrandsContainer li.cardBrandItem figure .cardBrandNameNoLogo {
      position: absolute;
      bottom: 3px;
      margin: 0 auto;
      width: 100%;
      font-weight: bold;
      text-align: center;
      transition: opacity 0.2s ease-in-out; }
    .cardBrandsContainer li.cardBrandItem figure img {
      padding-top: 28px;
      vertical-align: middle;
      position: relative;
      -webkit-transition: -webkit-transform 0.4s;
      -moz-transition: -moz-transform 0.4s;
      transition: transform 0.4s; }
    .cardBrandsContainer li.cardBrandItem figure:hover figcaption {
      opacity: 1;
      -webkit-transform: translateY(25%);
      -moz-transform: translateY(25%);
      -ms-transform: translateY(25%);
      transform: translateY(25%);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
      transition: transform 0.4s, opacity 0.1s; }
    .cardBrandsContainer li.cardBrandItem figure:hover .cardBrandNameNoLogo {
      opacity: 0; }
    .cardBrandsContainer li.cardBrandItem figure:hover img {
      transform: translateY(-25px); }
    .cardBrandsContainer li.cardBrandItem figure figcaption {
      position: absolute;
      left: 0;
      padding: 20px;
      background: rgba(0, 0, 0, 0.6);
      color: #fff;
      font-size: 1.2em;
      font-weight: bold;
      text-align: center;
      height: 100px;
      width: 100%;
      top: auto;
      bottom: 0;
      opacity: 0;
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
      -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
      transition: transform 0.4s, opacity 0.1s 0.3s; }
      .cardBrandsContainer li.cardBrandItem figure figcaption a, .cardBrandsContainer li.cardBrandItem figure figcaption a:hover, .cardBrandsContainer li.cardBrandItem figure figcaption a:active {
        color: #fff;
        transition: all 0.4s ease-in-out; }
  .cardBrandsContainer li.cardBrandItem.selectedCardBrand {
    border: 1px solid #262e3b;
    background: rgba(77, 114, 150, 0.75);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
    .cardBrandsContainer li.cardBrandItem.selectedCardBrand figcaption {
      background: rgba(255, 255, 255, 0.9); }
      .cardBrandsContainer li.cardBrandItem.selectedCardBrand figcaption a, .cardBrandsContainer li.cardBrandItem.selectedCardBrand figcaption a:hover, .cardBrandsContainer li.cardBrandItem.selectedCardBrand figcaption a:active {
        color: #262e3b; }

.header-logo-standard {
  /*margin-bottom: 5px;*/ }

.header-logo-login {
  margin-left: auto;
  margin-right: auto; }

.--responsiveLoginMargin {
  margin-top: 10px;
  margin-bottom: 10px; }

@media (max-width: 768px) {
  .header-logo-login {
    margin-top: 15px;
    margin-bottom: 20px; } }
@media (min-width: 767px) {
  .header-logo-login {
    margin-top: 25px; } }
.row.debug {
  /* debug */
  background: rgba(0, 0, 255, 0.05); }

table.data-table thead {
  background: #ddd; }
  table.data-table thead th {
    padding: 0.5em;
    font-size: 1.1em; }
table.data-table tbody td {
  padding: 0.5em; }

.panel.panel-extra-padding {
  padding: 1em; }
.panel.panel-extra-margin {
  margin: 1em; }

.label.label-small-padding {
  padding: 0.1em 0.3em; }
.label.label-no-font-change {
  font-size: inherit;
  font-weight: inherit; }
.label.label-10alpha {
  background: rgba(255, 255, 255, 0.25); }

.chartbox-wrapper {
  font-family: 'Open Sans' !important;
  height: 450px; }

.panel-darken {
  background-color: rgba(0, 0, 0, 0.005);
  border-radius: 10px;
  outline: 1px solid rgba(0, 0, 0, 0.03); }

.table-full {
  width: 100%; }

.data-table thead {
  background: #eee; }

.table-data {
  width: 100%;
  min-height: 350px; }

.pagination_control {
  margin: 1em 1em;
  text-align: right; }

.info-area {
  margin: 1em 0; }
  .info-area .red-box {
    color: red;
    background: #f0f0f0;
    display: inline-block;
    margin: 0 5px;
    padding: 5px; }

.bg-white {
  background-color: #fff !important; }

.color-dark-select {
  color: #262e3b; }

.a_to_button {
  background-color: transparent;
  border: 0; }

.velocity_control_block input[type="range"]:focus {
  outline: none !important; }

/*input range */
.velocity_control_block input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 20px;
  margin: 0px 00px;
  /*background: linear-gradient(to right, #9A2720 0%, #9A2720 100%);*/
  /*background-size:none;*/
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  outline: none;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  background: #3D485A;
  border: 0px; }

.velocity_control_block input[type="range"].ng-valid.ng-dirty.ng-valid-parse {
  border: 0px none !important; }

:first-of-type {
  /*margin-top:30px;*/ }

.velocity_control_block input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  position: relative;
  z-index: 3;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); }

.velocity_control_block input[type="range"]::-webkit-slider-thumb:after {
  content: " ";
  width: 100%;
  height: 10px;
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 5px;
  background: #ff5b32;
  background: linear-gradient(to right, #f088fc 1%, #AC6CFF 70%); }

.velocity_control_block {
  color: white !important;
  align-items: center;
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  opacity: 1; }

.velocity_control_block.disabled_control {
  opacity: 0.4;
  pointer-events: none; }

.inline-flex-holder {
  display: inline-flex;
  justify-content: space-around; }

.button_card_choose {
  width: 33%;
  background-color: rgba(255, 255, 255, 0.2);
  border: 0px;
  color: white;
  height: 50px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden; }

.button_card_choose.active_tab {
  background-color: rgba(255, 255, 255, 0.5); }

/*.animated_div {
    height:initial;
    transition:max-height 1s ease-in-out;
}*/
.content_velocity_controls {
  width: 100%;
  max-height: 600px;
  transition: all 1s;
  overflow: hidden;
  position: relative;
  transition-delay: 1s; }

.content_velocity_controls.none {
  max-height: 0px; }

.velocity_control_see_group {
  width: 100%;
  top: 0px;
  position: relative;
  overflow: hidden;
  transition: top 1s; }

.velocity_control_see_group.hidetop {
  width: 100%;
  top: -101px;
  position: relative;
  overflow: hidden;
  transition: top 1s; }

/*uncomment from here on now to unlock the new funcionties' css*/
@media (max-width: 320px) {
  #card-placeholder-number {
    margin-top: -46px !important;
    font-size: 2.2em !important; }

  #card-placeholder-holder {
    text-transform: uppercase;
    font-size: 2em;
    margin-top: -5px; }

  #card-placeholder-date {
    margin-top: 5px;
    font-size: 2.0em;
    color: #000; }

  #cc-brand-date span {
    font-size: 1.2em !important; }

  #cc-brand-date img {
    height: 15px;
    margin-right: auto;
    margin-left: auto; } }
@media (max-width: 375px) and (min-width: 321px) {
  #card-placeholder-number {
    margin-top: 6px !important;
    font-size: 2.2em !important; }

  #card-placeholder-holder {
    text-transform: uppercase;
    font-size: 2em;
    margin-top: -5px; }

  #card-placeholder-date {
    margin-top: 5px;
    font-size: 2.0em;
    color: #000; }

  #cc-brand-date span {
    font-size: 1.2em !important; }

  #cc-brand-date img {
    height: 15px;
    margin-right: auto;
    margin-left: auto; } }
@media (max-width: 375px) and (min-width: 376px) {
  #card-placeholder-number {
    margin-top: 6px !important;
    font-size: 2.2em !important; }

  #card-placeholder-holder {
    text-transform: uppercase;
    font-size: 2em;
    margin-top: -5px; }

  #card-placeholder-date {
    margin-top: 5px;
    font-size: 2.0em;
    color: #000; }

  #cc-brand-date span {
    font-size: 1.2em !important; }

  #cc-brand-date img {
    height: 15px;
    margin-right: auto;
    margin-left: auto; } }
@media (max-width: 424px) and (min-width: 376px) {
  #card-placeholder-number {
    margin-top: 0px !important;
    font-size: 2.2em !important; }

  #card-placeholder-holder {
    text-transform: uppercase;
    font-size: 2em;
    margin-top: -5px; }

  #card-placeholder-date {
    margin-top: 5px;
    font-size: 2.0em;
    color: #000; }

  #cc-brand-date span {
    font-size: 1.2em !important; }

  #cc-brand-date img {
    height: 15px;
    margin-right: auto;
    margin-left: auto; } }
@media (max-width: 667px) and (min-width: 425px) {
  #card-placeholder-number {
    margin-top: 30px !important;
    font-size: 2.2em !important;
    margin-top: 0px;
    position: relative;
    font-size: 15px !important; }

  #card-placeholder-holder {
    text-transform: uppercase;
    font-size: 2em;
    margin-top: -5px; }

  #card-placeholder-date {
    margin-top: 5px;
    font-size: 3em;
    color: #000; }

  #cc-brand-date span {
    font-size: 3em !important; }

  #cc-brand-date img {
    height: 15px;
    margin-right: auto;
    margin-left: auto; } }
@media (max-width: 767px) and (min-width: 668px) {
  #card-placeholder-number {
    margin-top: 66px !important;
    font-size: 2.2em !important;
    margin-top: 0px;
    position: relative;
    font-size: 15px !important; }

  #card-placeholder-holder {
    text-transform: uppercase;
    font-size: 2em;
    margin-top: -5px; }

  #card-placeholder-date {
    margin-top: 5px;
    font-size: 3em;
    color: #000; }

  #cc-brand-date span {
    font-size: 3em !important; }

  #cc-brand-date img {
    height: 45px;
    margin-right: auto;
    margin-left: auto; } }
@media (min-width: 768px) {
  #card-placeholder-number {
    margin-top: 71px !important;
    font-size: 3em !important;
    position: relative; }

  #card-placeholder-holder {
    text-transform: uppercase;
    font-size: 3em;
    margin-top: -5px; }

  #card-placeholder-date {
    margin-top: 5px;
    font-size: 3em;
    color: #000; }

  #cc-brand-date span {
    font-size: 3em !important; }

  #cc-brand-date img {
    height: 45px;
    margin-right: auto;
    margin-left: auto; } }
.loyalty_programs {
  height: 0;
  border: 1px solid white;
  border-radius: 5px;
  border: 1px solid white;
  border-radius: 5px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: all 1s ease-in-out;
  overflow: hidden;
  opacity: 0; }

.loyalty_programs.open_block {
  opacity: 1;
  height: 200px;
  overflow-y: scroll; }

label[for=loyaltycardid] {
  opacity: 0;
  height: 0;
  transition: all 1s ease-in-out; }

.label_increase {
  opacity: 1 !important;
  height: 20px; }

.loyalty_program:hover {
  border: 2px solid white !important; }

.selected_loyalty_card_new {
  border: 2px solid white !important; }

.cc_sa_panel_info.loyalty_cards {
  padding-left: 0px !important;
  padding-right: 0px;
  margin: 0 !important; }

.ng-popover {
  background-color: rgba(255, 255, 255, 0.9);
  color: black; }

.btn-add-title.a_to_button {
  background-color: transparent !important;
  border: 0 !important;
  float: right; }

.filter_options_card_type_home {
  list-style: none;
  padding: 10px;
  display: flex;
  justify-content: center;
  color: black !important;
  flex-direction: column;
  margin: 0px; }

.filter_options_card_type_home li {
  padding-top: 5px;
  padding-bottom: 5px; }

.filter_options_card_type_home li label {
  color: black;
  margin: 0; }

.filter_options_card_type_home li input[type="checkbox"] {
  margin: 0; }

.filter_options_card_type_home button {
  color: black;
  width: 100%;
  border: 0;
  background-color: transparent; }

.filter_options_card_type_home li:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

/*! 
 * angular-loading-bar v0.7.1
 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2015 Wes Cruver
 * License: MIT
 */
/* 150px */
/* 1.586 */
#loading-bar {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999; }

.loading-bar-pocket {
  top: 60%;
  left: 50%;
  margin-left: -190px;
  position: fixed;
  z-index: 100000;
  width: 380px;
  display: block;
  background: black;
  border-radius: 100%;
  height: 1px; }

/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all; }

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0; }

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1; }

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;
  background: linear-gradient(to right, #055ea5, #04508c);
  position: fixed;
  z-index: 10002;
  top: 0px;
  left: 0%;
  width: 100%;
  height: 5px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

/* Custom Loader */
.spinner {
    margin: auto 0;
    text-align: center;
    font-size: 26px;
}
    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #fff;
        margin-right: 5px;

        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* Fancy blur effect */
/*#loading-bar .peg {
  display: none;
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 5px;
  opacity: 0.33;
  -webkit-border-radius: 100%;
  border-radius: 100%; }

@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes loading-bar-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes loading-bar-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-ms-keyframes loading-bar-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes loading-bar-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }*/
.loading-cards-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*
#loading-bar-spinner, #loading-bar-spinner-back {
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  margin-top: -95px;
  margin-left: -171px;
  border: none;
  width: 342px;
  height: 190px;
  border-radius: 19px;
  background: rgba(0, 0, 0, 0) url("../images/loader-card-front-mirror.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  -moz-animation: sk-rotateplane 5s infinite ease-in-out;
  animation: sk-rotateplane 5s infinite ease-in-out;
  /* Magnetic band in card  }
  #loading-bar-spinner .spinner-icon, #loading-bar-spinner-back .spinner-icon {
    background: transparent;
    width: 100%;
    height: 28.5px;
    margin-top: 38px; }

#loading-bar-spinner-back {
  background: rgba(0, 0, 0, 0) url("../images/loader-card-back.png") no-repeat left top/cover;
  backface-visibility: hidden; }
    
@media (max-width: 768px) {
  #loading-bar-spinner {
    border-radius: 9.5px;
    width: 310.9090909091px;
    height: 172.7272727273px;
    margin-top: -86.3636363636px;
    margin-left: -155.4545454545px; }
    #loading-bar-spinner .spinner-icon {
      height: 19px;
      margin-top: 22.8px; } }*/
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(570px) rotateX(0deg) rotateY(0deg); }
  25% {
    -webkit-transform: perspective(570px) rotateX(-180.1deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(570px) rotateX(-180deg) rotateY(-179.9deg); }
  75% {
    -webkit-transform: perspective(570px) rotateX(0deg) rotateY(-180deg); }
  100% {
    -webkit-transform: perspective(570px) rotateX(0deg) rotateY(0deg); } }
@-o-keyframes sk-rotateplane {
  0% {
    -o-transform: perspective(570px) rotateX(0deg) rotateY(0deg); }
  25% {
    -o-transform: perspective(570px) rotateX(-180.1deg) rotateY(0); }
  50% {
    -o-transform: perspective(570px) rotateX(-180deg) rotateY(-179.9deg); }
  75% {
    -o-transform: perspective(570px) rotateX(0deg) rotateY(-180deg); }
  100% {
    -o-transform: perspective(570px) rotateX(0deg) rotateY(0deg); } }
@-moz-keyframes sk-rotateplane {
  0% {
    -moz-transform: perspective(570px) rotateX(0deg) rotateY(0deg); }
  25% {
    -moz-transform: perspective(570px) rotateX(-180.1deg) rotateY(0); }
  50% {
    -moz-transform: perspective(570px) rotateX(-180deg) rotateY(-179.9deg); }
  75% {
    -moz-transform: perspective(570px) rotateX(0deg) rotateY(-180deg); }
  100% {
    -moz-transform: perspective(570px) rotateX(0deg) rotateY(0deg); } }
@-ms-keyframes sk-rotateplane {
  0% {
    -ms-transform: perspective(570px) rotateX(0deg) rotateY(0deg); }
  25% {
    -ms-transform: perspective(570px) rotateX(-180.1deg) rotateY(0); }
  50% {
    -ms-transform: perspective(570px) rotateX(-180deg) rotateY(-179.9deg); }
  75% {
    -ms-transform: perspective(570px) rotateX(0deg) rotateY(-180deg); }
  100% {
    -ms-transform: perspective(570px) rotateX(0deg) rotateY(0deg); } }
@keyframes sk-rotateplane {
  0% {
    transform: perspective(570px) rotateX(0deg) rotateY(0deg); }
  25% {
    transform: perspective(570px) rotateX(-180.1deg) rotateY(0); }
  50% {
    transform: perspective(570px) rotateX(-180deg) rotateY(-179.9deg); }
  75% {
    transform: perspective(570px) rotateX(0deg) rotateY(-180deg); }
  100% {
    transform: perspective(570px) rotateX(0deg) rotateY(0deg); } }
/* 
    WHEN USING MAX-WIDTH START WITH THE BIGGER NUMBER 
    992px
    640px
    480px
    ...
    */
/* Media query for xs, sm */
@media (max-width: 992px) {
  /* Very big margins */
  /* Components */
  .fa-lg {
    font-size: 1.0em; }

  .btn:not(.btn-add) {
    padding: 0.5714285714em !important; }

  .btn-edit-title {
    font-size: 1em; }

  .btn-add-title {
    margin-top: 5px; }

  .cardInfo {
    font-size: 1.1428571429em !important; }

  /* Fonts */
  .title {
    font-size: 1.3571428571em !important; }

  .title.small-title {
    font-size: 1.1428571429em !important; } }
/* small screens (iPhone like) */
@media (max-width: 767px) {
  .col-xs-mtsm {
    margin-top: 5px; }

  .col-xs-mtm {
    margin-top: 15px; }

  .col-xs-mtmm {
    margin-top: 35px; } }
@media (max-width: 450px) {
  .nav > li > a {
    padding: 10px;
    width: 100%;
    display: block; }

  .nav > li {
    width: 100%;
    display: block;
    border-bottom: 1px solid #e3e3e3; }

  .hidden-xxs {
    display: none !important; } }
@media (max-width: 480px) {
  /* Components */
  .btn:not(.btn-add) {
    font-weight: normal;
    font-size: 1.1428571429em !important;
    padding: 0.8571428571em !important; } }
html {
  background-image: url("../images/bg-login-alpha.png"), linear-gradient(-23deg, #2b3a55, #181e2a, #2e3e5d);
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center, center;
  background-size: cover, cover; }

body {
  border-top: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  background-color: transparent; }

#SecretQuestion {
  color: #fff; }

.panel {
  background-color: rgba(71, 83, 101, 0.5); }

.form-control {
  background-color: transparent; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] {
  opacity: .5;
  background-color: transparent; }

.btn-default {
  background-color: rgba(71, 83, 101, 0.5);
  border: 0; }
  .btn-default:hover {
    background-color: #475365; }

.btn-default:focus, .btn-default.focus {
  border: 0;
  background-color: #475365; }

.open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default:focus {
  border: 0;
  background-color: #475365; }

.btn {
  font-weight: 300; }

.dropdown-menu > li > a {
  color: #fff; }

.dropdown-menu .divider {
  background-color: #262e3b; }

.nav-tabs {
  border: none; }

.nav-tabs > li > a {
  border-radius: 0;
  border: 1px solid #fff;
  margin-right: -1px; }

.nav-tabs > li:first-child a {
  border-radius: 4px 0 0 4px; }
.nav-tabs > li:last-child a {
  border-radius: 0 4px 4px 0; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #009fe3;
  cursor: default;
  background-color: #fff; }

.color-valid-card {
  color: #24de6d; }

.bootstrap-datetimepicker-widget {
  background-color: rgba(71, 83, 101, 0.95); }

.bootstrap-datetimepicker-widget th.dow, .bootstrap-datetimepicker-widget th.prev, .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.picker-switch {
  color: #fff; }
.bootstrap-datetimepicker-widget th.dow:hover, .bootstrap-datetimepicker-widget th.prev:hover, .bootstrap-datetimepicker-widget th.next:hover, .bootstrap-datetimepicker-widget th.picker-switch:hover {
  color: #009fe3; }

.chartbox-wrapper .chart .axis > .tick > text {
  fill: #fff !important; }

.ui-grid-render-container, .ui-grid-header {
  border: none !important; }

.ui-grid-cell {
  border-color: #475365 !important; }

.ui-grid-cell-contents, .ui-grid-column-menu-button {
  color: #fff;
  background-color: rgba(255, 255, 255, 0) !important; }

.ui-grid-filter-container {
  background-color: none !important; }

.ui-grid-header-cell, .ui-grid-header-cell .sortable {
  background-color: rgba(255, 255, 255, 0) !important; }

.ui-grid-row:nth-child(2n+1) .ui-grid-cell {
  background-color: transparent !important; }

.ui-grid-row:nth-child(2n) .ui-grid-cell {
  background-color: rgba(255, 255, 255, 0.15) !important; }

.ui-grid-render-container-body .ui-grid-header-viewport {
  background-color: none !important; }

.ui-grid {
  margin-top: 15px;
  border: none !important; }

.ui-grid-top-panel {
  background: transparent !important; }

input.ui-grid-filter-input[type="text"] {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  margin-bottom: 5px !important;
  color: #fff;
  font-weight: 100 !important; }

.ui-grid-menu-button {
  background: transparent !important;
  border: none !important;
  color: #fff; }

.ui-grid-filter-container {
  padding-top: 5px !important;
  padding-bottom: 10px !important; }

.ui-grid-menu .ui-grid-menu-inner {
  background: rgba(71, 83, 101, 0) !important;
  border: none !important;
  padding: 10px; }

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid,
.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
  border: 0 !important; }

.ui-grid-menu .ui-grid-menu-inner {
  box-shadow: 0 0 0 !important; }

.ui-grid-cell:last-of-type .ui-grid-cell-contents {
  padding-right: 20px; }

.ui-grid-menu {
  border-radius: 4px;
  padding: 10px !important;
  background: #475365; }

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button > i {
  color: #009fe3 !important;
  border: 0 !important; }

.ui-grid-sr-only {
  border: 0 !important; }

[class^="ui-grid-icon"]:before, [class*=" ui-grid-icon"]:before {
  border: 0 !important;
  margin-right: 10px !important; }

.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  top: 35% !important;
  right: 4px !important;
  opacity: 1 !important;
  color: #009fe3 !important; }

.ui-grid-menu .ui-grid-menu-inner ul li {
  color: #fff !important; }

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
  background: rgba(255, 255, 255, 0.2) !important; }

[role="button"]:hover {
  border: 0 !important; }

.ui-grid-header-cell {
  border-right: 0 !important; }

.modal-content {
  background: #475365;
  border-radius: 0;
  color: #fff; }

.carousel-inner > .item > img {
  margin: 0 auto; }

/* Resets */
/* Set padding to keep content from hitting the edges */
.body-content {
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px; }

[ng-cloak] {
  display: none; }

body {
  font-family: "Roboto", sans-serif; }

/*# sourceMappingURL=main.css.map */