[ng-cloak] {
  display: none; }

html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  height: 100%;
  font-size: 14pt; }

body {
  min-height: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif; }

label {
  font-weight: normal; }

/***begin: Default***/
/***Please leave this section near the top. This will allow the classes to cascade properly***/
.default-button-height {
  height: 34px;
  line-height: 16px; }

.default-height {
  height: 34px; }

.default-grid-header-height {
  height: 34px; }

.default-grid-row-height {
  min-height: 34px; }

.default-grid-cell {
  min-height: 34px;
  line-height: 34px; }

.default-button-box-button-wrapper {
  height: 38px;
  padding: 5px 5px 0 0; }

.wideColumn-button-box-button-wrapper {
  height: 38px;
  padding: 5px 10px 0 10px; }

.default-separator {
  position: absolute;
  width: 2px;
  height: 34px;
  border-width: 0 1px 0 0;
  border-right-style: solid; }

.default-ui-textbox {
  height: 30px;
  padding: 0 32px 0 5px;
  border-width: 1px;
  border-style: solid; }

.simple-search-text::-ms-clear {
  display: none; }

.default-ui-textbox::-ms-clear {
  display: none; }

.default-ui-textbox-required {
  position: absolute;
  text-align: center;
  left: 0;
  height: 30px;
  width: 20px;
  font-size: 22px; }

.default-button-text-clear {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px; }

.default-button-min-height-min {
  min-height: 34px; }

/***end:   Default***/
/***Icons ***/
.icon-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  color: #B2BBC5;
  background-color: transparent;
  border: none;
  outline: none; }

.icon-textbox {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  color: #B2BBC5;
  background-color: transparent;
  border: none;
  outline: none; }

.icon-simpleSearch {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  color: #B2BBC5;
  background-color: transparent;
  border: none;
  outline: none; }

.icon-simpleSearch-right-one {
  right: 32px; }

.icon-simpleSearch-rightPadding-one {
  padding-right: 32px; }

.icon-simpleSearch-rightPadding-two {
  padding-right: 64px; }

/***end: Icons ***/
::-webkit-input-placeholder {
  text-align: center; }

:-moz-placeholder {
  /* Firefox 18- */
  text-align: center; }

::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center; }

:-ms-input-placeholder {
  text-align: center; }

.double-button-height {
  height: 70px; }

.half-button-height {
  height: 17px; }

.outline-none {
  outline: none; }

.wrapper {
  min-height: 100%;
  height: 100%;
  margin: 0 5px -62px 5px; }

.bar {
  height: 40px; }

.menu {
  height: 40px; }

.header {
  height: 30px;
  text-align: left;
  padding-left: 5px; }

.list-item-selector {
  height: 100%;
  overflow: hidden;
  width: 4px;
  position: absolute; }

.footer, .push {
  position: relative;
  margin-bottom: -62px;
  height: 62px;
  clear: both;
  width: 100%; }

.simpleSearch-caption {
  float: right;
  position: absolute;
  right: 5px;
  width: 165px; }

.simpleSearch-caption-example {
  font-size: x-small;
  float: right;
  line-height: 8px;
  text-align: right; }

.modal {
  overflow: hidden;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  top: 8%; }

.modal-body {
  position: relative;
  padding: 0; }

.scrollTop {
  cursor: pointer;
  position: fixed;
  bottom: 5px;
  right: 15px;
  width: 37px;
  text-align: center; }

.quick-buttonBox-button-wrapper {
  height: 32px;
  padding: 1px 1px 1px 1px; }

.productListStaggeredView-TileWidth {
  float: left;
  width: 33.3%;
  padding: 0 5px 0 0; }

.productListView-TileWidth {
  float: left;
  width: 25%;
  padding: 0 5px 0 0; }

.productList-TileHeader {
  height: 34px;
  line-height: 34px;
  text-align: center;
  padding-left: 10px; }

/***begin: Popup***/
.popup {
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  margin-left: auto;
  margin-right: auto; }

.popup-backdrop {
  opacity: 0.5;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000; }

.popup-width-appointmentBooking {
  width: 40%; }

.popup-width-vehicleSelect {
  width: 80%; }

.popup-width-warning {
  width: 25%; }

.popup-width-small {
  width: 40%; }

.popup-width-x-small {
  width: 25%; }

.popup-width-medium {
  width: 50%; }

.popup-width-large {
  width: 75%; }

.popup-width-xlarge {
  width: 80%; }

.popup-width-xxlarge {
  width: 90%; }

.popup-button-close {
  border: none;
  background-color: transparent; }

/***end:   Popup***/
/***begin: Dropdown Menu*/
.dropdown-menu > li > .option-list-item, .dropdown-menu > li > a {
  display: block;
  padding: 4px 20px;
  clear: both;
  font-weight: normal;
  line-height: 36px; }

/***end: dropdown      */
/***begin: Shape shopping cart*/
.shoppingcart-bubble {
  position: relative;
  line-height: 0;
  margin-left: 10px; }

.shoppingcart-bubble:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 55%;
  width: 0;
  height: 0;
  border-right-width: 5px;
  border-right-style: solid;
  border-top-width: 5px;
  border-top-style: solid;
  border-bottom-width: 5px;
  border-bottom-style: solid; }

.shoppingcart-summary {
  display: inline-block;
  font-style: normal;
  position: absolute;
  left: 0;
  height: 30px;
  line-height: 15px;
  max-width: 70px;
  min-width: 30px;
  text-align: center;
  overflow: hidden;
  padding: 0 4px 0 3px;
  margin-top: 5px;
  overflow-wrap: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

/*end: shape shopping cart*/
.order-summary-background {
  padding: 0 0 5px 0; }

/***begin: Button-text-clear*/
.simple-search-button-text-clear {
  height: 36px; }

.ui-text-button-text-clear {
  top: 5px;
  height: 30px; }

/***end:   Button-text-clear*/
/***begin: Separators*/
.tab-separator {
  position: absolute;
  width: 2px;
  height: 34px;
  border-width: 0 1px 0 0;
  border-right-style: solid; }

.menu-separator {
  position: absolute;
  width: 2px;
  height: 40px;
  border-width: 0 1px 0 0;
  border-right-style: solid; }

.short-separator {
  height: 24px;
  margin: 5px 5px 0 0; }

/*end: menu-separator*/
/***begin: Buttons*/
.shipping-button {
  cursor: pointer;
  border-width: 1px !important;
  border-style: solid !important;
  outline: none;
  text-align: left;
  position: static; }

.short-button {
  height: 24px;
  border-width: 0;
  border-style: solid;
  margin: 5px 5px 5px 0;
  outline: none; }

.custom-short-button {
  height: 30px;
  border-width: 0;
  border-style: solid;
  margin: 5px 5px 5px 0;
  outline: none; }

.no-hover-short-button {
  height: 30px;
  border-width: 1px !important;
  border-style: solid !important;
  margin: 5px 5px 5px 0;
  outline: none; }

.short-button-wrapper {
  height: 32px;
  padding: 0 5px 0 0; }

.medium-button {
  height: 30px;
  border-width: 1px !important;
  border-style: solid !important;
  margin: 2px 0 2px 0;
  padding: 3px 0 0 0;
  line-height: 12px;
  outline: none; }

.medium-button-wrapper {
  height: 34px;
  padding: 0; }

.check-icon, .checked:after {
  content: "\f00c";
  font-style: normal;
  font-variant: normal;
  font-family: FontAwesome; }

.checked {
  padding-right: 10px; }

.unchecked {
  padding-right: 10px; }

.checked:after {
  /*content: '✔';*/
  background-color: White;
  border-width: 2px;
  border-style: solid;
  width: 17px;
  height: 17px;
  float: right;
  font-size: 10pt;
  line-height: 12px;
  padding-left: 2px;
  margin: 0 0 0 0; }

.unchecked:after {
  border-width: 2px;
  border-style: solid;
  content: "";
  width: 17px;
  height: 17px;
  float: right;
  margin: 0 0 0 0; }

.menu-button {
  height: 40px;
  font-size: 12px;
  cursor: pointer; }

.simple-search-button {
  width: 34px;
  height: 34px;
  position: absolute;
  right: 0; }

.simple-search-text {
  height: 32px;
  text-align: center;
  line-height: 18px;
  font-size: 18px;
  width: 100%;
  background-color: white; }

.simple-search-watermark {
  color: #A3A3A3;
  position: absolute;
  float: right;
  padding-right: 92px;
  height: 32px;
  text-align: center;
  line-height: 28px;
  font-size: 18px; }

/***ends: button*/
.advanced-search-header {
  padding-left: 5px;
  text-align: left; }

.summary-header-text {
  font-size: 14px; }

.summary-text {
  font-size: 16px; }

/***begin: notification*/
.notificationDisplay {
  border: none; }

.notificationMenu {
  right: 0;
  left: auto;
  min-width: 225px; }

.notification-message-accent {
  height: 34px;
  padding: 10px 9px 0 9px; }

.notificationCount {
  padding-left: 10px;
  font-size: 16px; }

/***ends:  notification*/
/***begin: Vehicle Detail***/
.vehicleDetail {
  min-height: 34px; }

.vehicleDetailHeader {
  height: 34px;
  line-height: 34px; }

.vehicleDetailItemHeader {
  height: 25px;
  line-height: 25px;
  padding-left: 5px; }

.vehicleDetailItemHeaderWrapper {
  padding: 0 5px 5px 0; }

.vehicleDetailItem {
  height: 34px;
  padding-left: 5px;
  vertical-align: top; }

.vehicleDetailRemove {
  position: absolute;
  right: 0;
  width: 38px;
  height: 34px; }

.vehicleDetailSearchResult {
  margin: 0 0 5px 0; }

.vehicleDetail-BorderFix {
  border-right-width: 3px;
  border-right-style: solid; }

.vehicleDetailProductSearch-BorderFix {
  border-right-width: 3px;
  border-right-style: solid; }

/***end:   Vehicle Detail***/
/***begin: Expander***/
.ui-expander {
  cursor: pointer; }

.ui-expander:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  margin: 14px 10px 0 5px;
  border-top-width: 6px;
  border-top-style: solid;
  border-bottom-width: 6px;
  border-bottom-style: solid;
  border-left-width: 6px;
  border-left-style: solid; }

.ui-expander-open:before {
  margin: 14px 10px 0 5px;
  border-style: solid;
  border-top-width: 6px;
  border-right-width: 6px;
  border-bottom-width: 0;
  border-left-width: 6px; }

/***end:   Expander***/
.grid-header {
  font-size: 14px;
  height: 34px;
  margin-bottom: 5px; }

.grid-header-cell-wrapper {
  padding-right: 1px; }

.grid-header-cell {
  height: 34px;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px; }

.grid-row {
  font-size: 14px;
  margin-bottom: 5px; }

.specification-button {
  font-size: 14px;
  overflow: hidden; }

/*Hector's Section*/
/*************************************/
.grid-header-cell-arrow-down {
  content: "";
  display: inline;
  margin: 0;
  bottom: 13px;
  position: absolute;
  left: -5px;
  border-right-width: 6px;
  border-right-style: solid;
  border-left-width: 6px;
  border-left-style: solid;
  border-top-width: 6px;
  border-top-style: solid; }

.grid-header-cell-arrow-width {
  width: 18px;
  margin-top: 28px; }

.grid-header-cell-arrow-up {
  content: "";
  display: inline;
  margin: 0;
  bottom: 13px;
  position: absolute;
  left: -5px;
  border-right-width: 6px;
  border-right-style: solid;
  border-left-width: 6px;
  border-left-style: solid;
  border-bottom-width: 6px;
  border-bottom-style: solid; }

.grid-row-spacer {
  height: 32px !important;
  border-bottom-width: 10px;
  border-bottom-color: #FFF;
  border-bottom-style: solid; }

.productWebLinkWrapper {
  height: 44px;
  top: -20px;
  margin: 0;
  padding-left: 6px; }

.volumePriceWrapper {
  height: 44px;
  top: -20px;
  margin: 0;
  padding-left: 6px;
  left: 31px; }

/* Old... This is near the other icons on the non-staggered page
  .volumePriceTileWrapper {
  top: 25px;
  left: -2px;
  z-index: 1; }*/

.volumePriceTileWrapper {
  text-align: left;
  left: 23px;
  z-index: 1; }

.volumePriceTileStaggeredWrapper {
  text-align: left;
  left: 8px;
  z-index: 1; }

.volumePriceStaggeredWrapper {
  top: -20px;
  margin: 0;
  left: 13px;
  z-index: 1; }

.volumePriceProductOrderStandardCostBufferHeight {
  height: -moz-calc(100% - 20px);
  height: -webkit-calc(100% - 20px);
  height: calc(100% - 20px); }

.volumePriceProductOrderHeight {
  height: -moz-calc(100% - 346px);
  height: -webkit-calc(100% - 346px);
  height: calc(100% - 346px); }

.volumePriceProductOrderStaggeredHeight {
  height: -moz-calc(100% - 326px);
  height: -webkit-calc(100% - 326px);
  height: calc(100% - 326px); }

.font-size1em4 {
  font-size: 1.4em; }

.line-height1point2 {
  line-height: 1.2; }

/*************************************/
/*End Hector's Section*/
.custom-hr {
  border: 0;
  border-top-width: 1px;
  border-top-style: solid; }

.mainBannerRotator {
  max-width: 100%;
  min-width: 100%;
  min-height: 41%;
  max-height: 41%;
  overflow: hidden; }

.mainBannerImage {
  min-width: 100%;
  max-width: 100%; }

.box {
  border-width: 1px;
  border-style: solid; }

.display-none {
  display: none; }

.right-top1px {
  right: 1px;
  top: 1px; }

.right1px-top5px {
  right: 1px;
  top: 5px; }

.right1px {
  right: 1px; }

.hotspot:hover {
  outline-width: 1px;
  outline-style: solid; }

.hotspot-Selected {
  outline-width: 1px;
  outline-style: solid; }

#showDialog {
  display: block; }

/***begin: Font***/
.font7 {
  font-size: 7pt; }

.font8 {
  font-size: 8pt; }

.font9 {
  font-size: 9pt; }

.font10 {
  font-size: 10pt; }

.font12 {
  font-size: 12pt; }

.font14 {
  font-size: 14pt; }

.font10px {
  font-size: 10px; }

.font11px {
  font-size: 11px; }

.font12px {
  font-size: 12px; }

.font14px {
  font-size: 14px; }

.font16px {
  font-size: 16px; }

.font18px {
  font-size: 18px; }

.font24px {
  font-size: 24px; }

.bold {
  font-weight: bold; }

/***end:   Font***/
.truncate {
  max-width: 95%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.truncate-no-ellipsis {
  max-width: 80%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  float: left; }

/***begin: Alignment***/
.align-center {
  text-align: center; }

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

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

/***end:   Alignment***/
/***begin: Cursor***/
.cursor-default {
  cursor: default; }

.cursor-pointer {
  cursor: pointer; }

.cursor-text {
  cursor: text; }

/***end:   Cursor***/
/***begin: Position/Overflow***/
.absolute {
  position: absolute; }

.relative {
  position: relative; }

.force-to-right {
  position: absolute;
  right: 0; }

.force-to-left {
  position: absolute;
  left: 0; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.no-scroll {
  overflow: hidden; }

.overflow {
  overflow: auto; }

.no-border, .simple-search-text {
  border: none; }

.no-border-important {
  border: none !important; }

.no-outline {
  outline: none; }

/***end:   Position/Overflow  ***/
/***begin: Top/Right/Bottom/Left */
.top0px {
  top: 0; }

.top40px {
  top: 40px; }

.top34px {
  top: 34px; }

/*.top44px { top: 44px; }*/
.top14 {
  top: 14%; }

.top50 {
  top: 50%; }

.top100 {
  top: 100%; }

.right-minus7px {
  right: -7px; }

.right0px {
  right: 0; }

.right5px {
  right: 5px; }

.right51px {
  right: 51px; }

.rightNegative105 {
  right: -105%; }

.bottom0px {
  bottom: 0; }

.bottom5px {
  bottom: 5px; }

.bottom15px {
  bottom: 15px; }

.left-minus1px {
  left: -1px; }

.left5px {
  left: 5px; }

.left10px {
  left: 10px; }

.left50 {
  left: 50%; }

.left100 {
  left: 100%; }

/***ends:  Top/Right/Bottom/Left */
/***begin: width*/
.width12_5 {
  width: 12.5%; }

.width100 {
  width: 100%; }

.width1px {
  width: 1px; }

.width44px {
  width: 44px; }

.width55px {
  width: 55px; }

.width104px {
  width: 104px; }

.width162px {
  width: 162px; }

.width180px {
  width: 180px; }

.width300px {
  width: 600px; }

/***ends:  width*/
/***begin: Height*/
.height-inherit {
  height: inherit; }

.height10px {
  height: 10px; }

.height12px {
  height: 12px; }

.height15px {
  height: 15px; }

.height18px {
  height: 18px; }

.height20px {
  height: 20px; }

.height22px {
  height: 22px; }

.height24px {
  height: 24px; }

.height27px {
  height: 27px; }

.height28px {
  height: 28px; }

.height30px {
  height: 30px; }

.height32px {
  height: 32px; }

.height34px {
  height: 34px; }

.height35px {
  height: 35px; }

.height38px {
  height: 38px; }

.height39px {
  height: 39px; }

.height40px {
  height: 40px; }

.height42px {
  height: 42px; }

.height44px {
  height: 44px; }

.height45px {
  height: 45px; }

.height50px {
  height: 50px; }

.height52px {
  height: 52px; }

.height59px {
  height: 59px; }

.height60px {
  height: 60px; }

.height62px {
  height: 62px; }

.height70px {
  height: 70px; }

.height75px {
  height: 75px; }

.height80px {
  height: 80px; }

.height90px {
  height: 90px; }

.height110px {
  height: 110px; }

.height129px {
  height: 129px; }

.height130px {
  height: 130px; }

.height200px {
  height: 200px; }

.height230px {
  height: 230px; }

.height250px {
  height: 250px; }

.height260px {
  height: 260px; }

/*.height-min44px { min-height: 44px; }*/
.height-min34px {
  min-height: 34px; }

.height10 {
  height: 10%; }

.height20 {
  height: 20%; }

.height30 {
  height: 30%; }

.height35 {
  height: 35%; }

.height40 {
  height: 40%; }

.height50 {
  height: 50%; }

.height80 {
  height: 80%; }

.height96 {
  height: 96%; }

.height98 {
  height: 98%; }

.height100 {
  height: 100%; }

.line-height0px {
  line-height: 0; }

.line-height1px {
  line-height: 1px; }

.line-height6px {
  line-height: 6px; }

.line-height10px {
  line-height: 10px; }

.line-height12px {
  line-height: 12px; }

.line-height13px {
  line-height: 13px; }

.line-height14px {
  line-height: 14px; }

.line-height15px {
  line-height: 15px; }

.line-height16px {
  line-height: 16px; }

.line-height18px {
  line-height: 18px; }

.line-height20px {
  line-height: 20px; }

.line-height25px {
  line-height: 25px; }

.line-height28px {
  line-height: 28px; }

.line-height30px {
  line-height: 30px; }

.line-height38px {
  line-height: 38px; }

.line-height40px {
  line-height: 40px; }

/*.line-height44px { line-height: 44px; }*/
.line-height34px {
  line-height: 34px; }

.line-height62px {
  line-height: 62px; }

.height-line-height13px {
  min-height: 13px;
  height: 13px;
  line-height: 13px; }

.height-line-height15px {
  min-height: 15px;
  height: 15px;
  line-height: 15px; }

.height-line-height17px {
  min-height: 17px;
  height: 17px;
  line-height: 17px; }

/*.height-line-height18px { min-height: 18px; height: 18px; line-height: 18px; }*/
.height-line-height20px {
  min-height: 20px;
  height: 20px;
  line-height: 20px; }

.height-line-height22px {
  min-height: 22px;
  height: 22px;
  line-height: 22px; }

.height-line-height25px {
  min-height: 25px;
  height: 25px;
  line-height: 25px; }

.height-line-height28px {
  min-height: 28px;
  height: 28px;
  line-height: 28px; }

/*.height-line-height32px { min-height: 32px; height: 32px; line-height: 32px; }*/
/*.height-line-height40px { min-height: 40px; height: 40px; line-height: 40px; }*/
.height-line-height30px {
  min-height: 30px;
  height: 30px;
  line-height: 30px; }

/*.height-line-height44px { min-height: 44px; height: 44px; line-height: 44px; }*/
.height-line-height34px {
  min-height: 34px;
  height: 34px;
  line-height: 34px; }

.height-line-height50px {
  min-height: 50px;
  height: 50px;
  line-height: 50px; }

.brand-line-center {
  display: inline-block;
  vertical-align: middle;
  line-height: normal; }

.brand-image-height {
  max-height: 25px;
  max-width: 100%;
  height: 19px;
  min-height: 19px; }

.image-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.image-height54px {
  max-height: 54px;
  max-width: 100%;
  min-height: 54px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto; }

.image-height65px {
  max-height: 65px;
  max-width: 100%;
  min-height: 40px; }

.image-layoutHeader {
  max-height: 100px;
  min-height: 30px; }

.image-height100px {
  max-height: 100px;
  max-width: 100%;
  min-height: 30px; }

.image-height125px {
  max-height: 125px;
  min-height: 10px;
  max-width: 100px;
  min-width: 10px; }

.image-heigh200px {
  max-height: 200px;
  max-width: 187px; }

.image-auto {
  max-height: 100%;
  max-width: 100%; }

.image-gallery {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }

/***ends:  height*/
/***begin: Margin*/
.margin-auto {
  margin: auto; }

.margin0px {
  margin: 0; }

.margin2px {
  margin: 2px; }

.margin5px {
  margin: 5px; }

.margin-top1px {
  margin: 1px 0 0 0; }

.margin-top2px {
  margin: 2px 0 0 0; }

.margin-top3px {
  margin: 3px 0 0 0; }

.margin-top5px {
  margin: 5px 0 0 0; }

.margin-top15px {
  margin: 15px 0 0 0; }

.margin-top-left5px {
  margin: 5px 0 0 5px; }

.margin-only-right12px {
  margin-right: 12px; }

.margin-right2px {
  margin: 0 2px 0 0; }

.margin-right5px {
  margin: 0 5px 0 0; }

.margin-right40px {
  margin: 0 40px 0 0; }

.margin-right50px {
  margin: 0 50px 0 0; }

.margin-right-left20 {
  margin: 0 20% 0 20%; }

.margin-right-left28 {
  margin: 0 28% 0 28%; }

.margin-bottom2px {
  margin: 0 0 2px 0; }

.margin-bottom2_5px {
  margin: 0 0 2.5px 0; }

.margin-bottom3px {
  margin: 0 0 3px 0; }

.margin-bottom5px {
  margin: 0 0 5px 0; }

.margin-bottom7px {
  margin: 0 0 7px 0; }

.margin-only-bottom15px {
  margin-bottom: 15px; }

.margin-bottom-left5px {
  margin: 0 0 5px 5px; }

.margin-left10px {
  margin: 0 0 0 10px; }

.margin-left30px {
  margin: 0 0 0 30px; }

.margin-only-top8px-before:before {
  margin-top: 8px; }

.margin-only-top10px-before:before {
  margin-top: 10px; }

/***ends:  Margin*/
/***begin: Padding*/
.padding-only-top4px {
  padding-top: 4px; }

.padding-only-top5px {
  padding-top: 5px; }

.padding-only-left5px {
  padding-left: 5px; }

.padding0 {
  padding: 0; }

.padding1px {
  padding: 1px; }

.padding2px {
  padding: 2px; }

.padding5px {
  padding: 5px; }

.padding10px {
  padding: 10px; }

.padding-top1px {
  padding: 1px 0 0 0; }

.padding-top2px {
  padding: 2px 0 0 0; }

.padding-top3px {
  padding: 3px 0 0 0; }

.padding-top4px {
  padding: 4px 0 0 0; }

.padding-top5px {
  padding: 5px 0 0 0; }

.padding-top7px {
  padding: 7px 0 0 0; }

.padding-top12px {
  padding: 12px 0 0 0; }

.padding-top15px {
  padding: 15px 0 0 0; }

.padding-top20px {
  padding: 20px 0 0 0; }

.padding-top24px {
  padding: 24px 0 0 0; }

.padding-top30px {
  padding: 30px 0 0 0; }

.padding-top40px {
  padding: 40px 0 0 0; }

.padding-top50px {
  padding: 50px 0 0 0; }

/*.padding-top44px { padding: 44px 0 0 0; }*/
.padding-top34px {
  padding: 34px 0 0 0; }

.padding-top80px {
  padding: 80px 0 0 0; }

.padding-top-right5px {
  padding: 5px 5px 0 0; }

.padding-top5px-right10px {
  padding: 5px 10px 0 0; }

.padding-top-right10px {
  padding: 10px 10px 0 0; }

.padding-top2px-right5px-bottom5px {
  padding: 2px 5px 5px 0; }

.padding-top-right-bottom5px {
  padding: 5px 5px 5px 0; }

.padding-top-right-left5px {
  padding: 5px 5px 0 5px; }

.padding-right30-left30 {
  padding: 0 30% 0 30%; }

.padding-top-bottom5px {
  padding: 5px 0 5px 0; }

.padding-top-bottom15px {
  padding: 15px 0 15px 0; }

.padding-top-left2px {
  padding: 2px 0 0 2px; }

.padding-top-left5px {
  padding: 5px 0 0 5px; }

.padding-top5px-left10px {
  padding: 5px 0 0 10px; }

.padding-top1px-right2px {
  padding: 1px 2px 0 0; }

.padding-top7px-right12px {
  padding: 7px 12px 0 0; }

.padding-top12px-right10px {
  padding: 12px 10px 0 0; }

.padding-top1px-right20px-bottom1px-left10px {
  padding: 1px 20px 1px 10px; }

.padding-top1px-right20px-bottom1px-left20px {
  padding: 1px 20px 1px 20px; }

.padding-top3px-left3px {
  padding: 3px 0 0 3px; }

.padding-top3px-right3px-left5px {
  padding: 3px 3px 0 5px; }

.padding-top5px-left20px {
  padding: 5px 0 0 20px; }

.padding-top5px-left27px {
  padding: 5px 0 0 27px; }

.padding-top5px-right5px-bottom5px-left10px {
  padding: 5px 5px 5px 10px; }

.padding-top5px-right5px-left20px {
  padding: 5px 5px 0 20px; }

.padding-top6px-right20px-bottom20px-left20px {
  padding: 6px 20px 20px 20px; }

.padding-top0px-right20px-bottom2px-left20px {
  padding: 0 20px 2px 20px; }

/*.padding-top16px-right5px { padding: 10px 5px 0 0; }*/
.padding-top10px-right5px {
  padding: 10px 5px 0 0; }

.padding-top20px-right10px-bottom10px-left10px {
  padding: 20px 10px 10px 10px; }

.padding-top0px-right15px-bottom21px-left5px {
  padding: 0 15px 21px 5px; }

.padding-top2px-right2px-bottom2px {
  padding: 2px 2px 2px 0; }

.padding-top2px-bottom10px-left10px {
  padding: 2px 0 10px 10px; }

.padding-top20px-bottom10px {
  padding: 20px 0 10px 0; }

.padding-top1px-left2px {
  padding: 1px 0 0 2px; }

.padding-top2px-left5px {
  padding: 2px 0 0 5px; }

.padding-top9px-left8px {
  padding: 9px 0 0 8px; }

.padding-right2px {
  padding: 0 2px 0 0; }

.padding-right3px {
  padding: 0 3px 0 0; }

.padding-right5px {
  padding: 0 5px 0 0; }

.padding-right7px {
  padding: 0 7px 0 0; }

.padding-right10px {
  padding: 0 10px 0 0; }

.padding-right20px {
  padding: 0 20px 0 0; }

.padding-right30px {
  padding: 0 30px 0 0; }

.padding-right34px {
  padding: 0 34px 0 0; }

.padding-right38px {
  padding: 0 38px 0 0; }

.padding-right40px {
  padding: 0 40px 0 0; }

.padding-right44px {
  padding: 0 44px 0 0; }

.padding-right50px {
  padding: 0 50px 0 0; }

.padding-right-bottom2px {
  padding: 0 2px 2px 0; }

.padding-right-bottom5px {
  padding: 0 5px 5px 0; }

.padding-right-bottom9px {
  padding: 0 9px 9px 0; }

.padding-right-bottom-left5px {
  padding: 0 5px 5px 5px; }

.padding-right10px-bottom5px-left10px {
  padding: 0 10px 5px 10px; }

.padding-right-left5px {
  padding: 0 5px 0 5px; }

.padding-right-left10px {
  padding: 0 10px 0 10px; }

.padding-right-left20 {
  padding: 0 20% 0 20%; }

.padding-right-left25 {
  padding: 0 25% 0 25%;
}

.padding-right-left28 {
  padding: 0 28% 0 28%; }

.padding-right5px-left110px {
  padding: 0 5px 0 110px; }

.padding-right30px-left5px {
  padding: 0 30px 0 5px; }

.padding-bottom5px {
  padding: 0 0 5px 0; }

.padding-bottom7px {
  padding: 0 0 7px 0; }

.padding-bottom-left9px {
  padding: 0 0 9px 9px; }

.padding-left1px {
  padding: 0 0 0 1px; }

.padding-left2px {
  padding: 0 0 0 2px; }

.padding-left3px {
  padding: 0 0 0 3px; }

.padding-left5px {
  padding: 0 0 0 5px; }

.padding-left7px {
  padding: 0 0 0 7px; }

.padding-left8px {
  padding: 0 0 0 8px; }

.padding-left9px {
  padding: 0 0 0 9px; }

.padding-left10px {
  padding: 0 0 0 10px; }

.padding-Left15px {
  padding: 0 0 0 15px; }

.padding-left18px {
  padding: 0 0 0 18px; }

.padding-left30px {
  padding: 0 0 0 30px; }

.padding-left63px {
  padding: 0 0 0 63px; }

.padding-left100px {
  padding: 0 0 0 100px; }

.padding-left110px {
  padding: 0 0 0 110px; }

.padding-left20 {
  padding: 0 0 0 20%; }

.padding-left30 {
  padding: 0 0 0 30%; }

.padding-left69 {
  padding: 0 0 0 69%; }

/***ends: Padding*/
.z-index0 {
  z-index: 0; }

.z-index10 {
  z-index: 10; }

.z-index100 {
  z-index: 100; }

.ng-form-dirty {
  -webkit-animation: shake 2s;
  -moz-animation: shake 2s;
  -o-animation: shake 2s;
  animation: shake 2s; }

.calculated-basedOn-size {
  z-index: 10;
  padding-right: 10px;
  width: 350px;
  top: 19px;
  left: -265px;
  position: absolute; }

/*# sourceMappingURL=site-metrics.css.map */