/* Anchor Tags */
a.cr-link {
  color: #D9534F;
}

  a.cr-link:hover {
    text-decoration: underline;
  }



/* Buttons & Badges */
.cr-btn,
.cr-btn:active,
.cr-btn:focus {
  margin: 2px;
  font-family: "ProximaNova", Arial, Helvetica, sans-serif, Arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding: 8px 15px;
  vertical-align: middle;
  font-size: 15px;
}

.cr-btn-sm,
.cr-btn-sm:active,
.cr-btn-sm:focus {
  margin: 2px;
  font-family: "ProximaNova", Arial, Helvetica, sans-serif, Arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding: 4px 6px;
  vertical-align: middle;
  font-size: 11px;
}

.cr-btn-lg,
.cr-btn-lg:active,
.cr-btn-lg:focus {
  margin: 2px;
  font-family: "ProximaNova", Arial, Helvetica, sans-serif, Arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding: 14px 20px;
  vertical-align: middle;
  font-size: 20px;
}

.cr-badge {
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 6px;
  margin-right: 2px;
  margin-top: -3px;
}



/* Semantic stylings */
.cr-neutral,
.cr-neutral:active,
.cr-neutral:focus {
  color: #FFFFFF;
  background-color: #282828;
  border-color: #282828;
}

input[type=button].cr-neutral:hover,
button.cr-neutral:hover {
  color: #FFFFFF;
  background-color: #D9534F;
  border-color: #D9534F;
}

.cr-affirmative,
.cr-affirmative:active,
.cr-affirmative:focus {
  color: #FFFFFF;
  background-color: #59B777;
  border-color: #59B777;
}

input[type=button].cr-affirmative:hover,
button.cr-affirmative:hover {
  color: #FFFFFF;
  background-color: #3B784F;
  border-color: #3B784F;
}

.cr-passive,
.cr-passive:active,
.cr-passive:focus {
  color: #FFFFFF;
  background-color: #969696;
  border-color: #969696;
}

input[type=button].cr-passive:hover,
button.cr-passive:hover {
  color: #FFFFFF;
  background-color: #282828;
  border-color: #282828;
}

.cr-reset,
.cr-reset:active,
.cr-reset:focus {
  color: #D9534F;
  background-color: #FFFFFF;
  border-color: #D9534F;
}

input[type=button].cr-reset:hover,
button.cr-reset:hover {
  color: #FFFFFF;
  background-color: #D9534F;
  border-color: #D9534F;
}



/* Wait Disable Button styles */
.cr-icon-wait {
  background-image: url(/images/whiteloader.svg);
  -ms-background-repeat: no-repeat;
  background-repeat: no-repeat;
  -ms-background-position: center center;
  background-position: center center;
}

.cr-icon-complete {
  background-image: url(/images/whitecheckmark.svg);
  -ms-background-repeat: no-repeat;
  background-repeat: no-repeat;
  -ms-background-position: center center;
  background-position: center center;
}

.cr-reset.cr-icon-wait {
  background-image: url(/images/redloader.svg);
}

  .cr-reset.cr-icon-wait:hover {
    background-image: url(/images/whiteloader.svg);
  }

.cr-reset.cr-icon-complete {
  background-image: url(/images/redcheckmark.svg);
}

  .cr-reset.cr-icon-complete:hover {
    background-image: url(/images/whitecheckmark.svg);
  }

.cr-btn.cr-icon-wait,
.cr-btn.cr-icon-complete {
  -ms-background-size: 20px;
  background-size: 20px;
}

.cr-btn-sm.cr-icon-wait,
.cr-btn-sm.cr-icon-complete {
  -ms-background-size: 15px;
  background-size: 15px;
}

.cr-btn-lg.cr-icon-wait,
.cr-btn-lg.cr-icon-complete {
  -ms-background-size: 28px;
  background-size: 28px;
}



/*
    CR custom checkbox usage
    -------------------------
    <label for="foo">Search Across Groups</label>
    <label class="cr-custom-checkbox">
        <input type="checkbox" id="foo" value="1" />
        <span></span>
    </label>
*/
.cr-custom-checkbox input[type=checkbox] {
  display: none;
}

.cr-custom-checkbox span {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  vertical-align: middle;
  margin: 0 4px;
  border-radius: 3px;
}

.cr-custom-checkbox input[type=checkbox]:checked + span {
  color: #FFFFFF;
  background-color: #D9534F;
  border: 1px solid #D9534F;
  text-align: center;
}

  .cr-custom-checkbox input[type=checkbox]:checked + span:before {
    content: "\2714";
    position: relative;
    top: -2px;
  }


.cr-custom-checkbox.cr-neutral {
  background: none;
}

  .cr-custom-checkbox.cr-neutral span {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    vertical-align: middle;
    margin: 0 4px;
  }

  .cr-custom-checkbox.cr-neutral input[type=checkbox]:checked + span {
    color: #56B97B;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    text-align: center;
  }


/* Textboxes */
.currency-input {
  overflow: visible;
  padding: 6px;
  vertical-align: middle;
  background-image: url(/css/cssimages/formshadow.jpg);
  background-repeat: no-repeat;
  line-height: 20px;
  border-radius: 3px;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #999999;
  border: 1px solid #cccccc;
  margin: 0;
}

  .currency-input input {
    overflow: visible;
    padding: 4px 5px 6px 2px;
    vertical-align: middle;
    line-height: 18px;
    border: none !important;
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #333333;
    background-color: transparent;
    margin: 0;
  }

.currency-input-focus {
  border: 1px solid #35a5e5;
  box-shadow: 0 0 5px rgb(81, 203, 238);
}



/* Alignment styles */
.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}



/* Whitespace styles */
.spacer-left {
  margin-left: 6px;
}

.spacer-right {
  margin-right: 6px;
}

.spacer-top {
  margin-top: 12px;
}

.spacer-bottom {
  margin-bottom: 6px;
}



/* Text styles */
.headertxt-bold {
  font-weight: 900;
  font-family: 'ProximaNova', arial !important;
  font-size: 25px;
  color: #555459;
  line-height: 32px;
  text-decoration: none;
}

.bold {
  font-weight: 900;
}



/* Avatar styles */
.cr-avatar-circle {
  -ms-border-radius: 50%;
  border-radius: 50%;
}

/* DataList styles */
.cr-datatable-container .sortable.descending:after {
  content: url(/images/sort_desc_disabled.png)
}

.cr-datatable-container .sortable.ascending:after {
  content: url(/images/sort_asc_disabled.png);
}