/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

@font-face {
  font-family: "Inter1";
  src: url("/Content/fonts/Inter.ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 400 900;
}


@font-face {
  font-family: "Inter";
  src: url("/Content/fonts/Inter-Regular.ttf");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Inter";
  src: url("/Content/fonts/Inter-Bold.ttf");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "Inter";
  src: url("/Content/fonts/Inter-Regular.ttf");
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: "Inter";
  src: url("/Content/fonts/Inter-Bold.ttf");
  font-style: italic;
  font-weight: bold;
}




@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-Regular.ttf");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-Bold.ttf");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-Italic.ttf");
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-BoldItalic.ttf");
  font-style: italic;
  font-weight: bold;
}




body {
  text-align: center;
  font-family: Inter, "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
  font-size: small;
  background: none repeat scroll 0 0 #F6F6F4;
}


@media screen and (max-width: 1000px) {
  body {
    font-family: Roboto, Inter, Verdana, Tahoma;
  }
}


.header {
  padding: 0 0 2px 0;
  background: #fff;
  min-height: 100px;
}

.header-logo {
  margin: 10px;
  margin-left: 20px;
  float: left;
  text-align: left;
}

.header-logo-img {
  border-width: 0;
  max-height: 100px;
  max-width: 130px;
}

.header-title {
  padding: 6px;
  padding-left: 10px;
  1float: left;
  text-align: left;
  font-size: 24pt;
  --font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}

.header-sub-title {
  padding: 6px;
  padding-left: 10px;
  1width: 400px;
  1margin-left: 20px;
  1float: left;
  text-align: left;
  font-size: 12pt;
}

.header-title-phone,
.header-title-address {
  padding: 5px;
  padding-top: 15px;
  padding-left: 20px;
  float: left;
  padding-right: 10px;
  text-align: right;
  font-size: 10pt;
}

.header-title-custom {
  padding: 5px;
  padding-left: 20px;
  padding-right: 10px;
  text-align: right;
  font-size: 10pt;
}


.header-links {
  text-align: right;
  --border: solid 1px #D6D6D6;
  background-color: white;
  padding: 2px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: -2px;
  padding-right: 20px;
  border-radius: 0px;
  color: black;
  opacity: 0.9;
}

  .header-links ul {
    padding: 2px;
    margin: 2px;
  }

    .header-links ul li {
      list-style: none outside none;
      display: inline;
      padding: 2px;
      margin-left: 2px;
    }

      .header-links ul li button {
        opacity: 1 !important;
        height: 36px;
        color: black;
        background-color: #D8D8D8;
        border-radius: 6px;
        border: 1px solid #FFFFFF !important;
        font-size: 1.1em;
        padding: 6px;
        padding-left: 12px;
        padding-right: 12px;
        vertical-align: central;
        text-align: center;
        cursor: pointer;
      }

        .header-links ul li button:hover {
          background-color: #299258;
          color: #FFFFFF;
        }

button {
  touch-action: manipulation;
}

#leftNavigator {
  float: left;
  --width: 220px;
  padding: 5px 5px 5px 5px;
  --z-index: 9;
  border-radius: 8px;
  border: 1px solid #D8D8D8;
  background-color: #fff;
}


#divItemCategoryItems {
  padding: 5px;
  --padding: 1px;
  margin: 1px;
  overflow: auto;
}

  #divItemCategoryItems ul {
    padding: 1px;
    margin: 1px;
    border-radius: 8px;
  }

    #divItemCategoryItems ul li {
      list-style: none outside none;
      display: block;
      padding: 1px;
      text-align: left;
    }

.left-navigator-btn {
  width: 24px !important;
  --height: 50px !important;
  vertical-align: middle;
  align-content: center;
  text-align: center;
  margin-top: 2px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
  cursor: pointer;
  position: absolute;
  --float: left;
  left: 212px;
  top: 50px;
  background-color: #EEEEEE;
  border-radius: 8px;
  border: 1px solid #D8D8D8;
  color: #959595;
}



  .left-navigator-menu {
    height: 24px;
    vertical-align: middle;
    align-content: center;
    text-align: center;
    margin-top: 2px;
    padding-top: 5px;
    display: none;
    cursor: pointer;
  }


.left-navigator-text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 11pt;
  margin-top: 13px;
  width: 23px;
  display: none;
  cursor: pointer;
  font-weight:bold;

}



.left-navigator-brands-btn,
.left-navigator-categ-btn {
  vertical-align: middle;
  align-content: center;
  text-align: center;
  margin-top: 5px;
  cursor: pointer;
  background-color: #EEEEEE;
  border-radius: 8px;
  border: 1px solid #D8D8D8;
  color: #959595;
  padding: 6px;
  font-size: 1.1em;
  font-weight: bold;
}

.left-navigator-brands {

}
.left-navigator-categ {
}

#main {
  --float: left;
  --min-width: 450px;
  --max-width: 860px;
  text-align: left;
}

#mainSimple {
  float: left;
  width: 100%;
  text-align: left;
}


a {
  color: #292929;
  text-decoration: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

  a:hover {
    color: #B80709;
    text-decoration: underline;
  }



.t-header, .t-grid-header {
  1border-color: #0072BD;
  1background: #0072BD;
  1color: #fff;
}


.dl-panel {
  padding: 1px;
  margin: 2px;
  text-align: left;
  border-radius: 5px;
}







/* override standard teleric grid cell*/
.t-grid {
  padding: 0px;
  margin: 2px;
  text-align: left;
  border-radius: 4px;
  1box-shadow: 1px 1px 2px #888;
}

  .t-grid td {
    padding: 2px 3px 2px 3px;
    white-space: nowrap;
  }

  .t-grid .t-grid-bottom {
    background: #F3F3F3;
  }




.t-state-selected {
  background-color: #8ac5ff;
}

.t-state-hover:hover {
}



.t-window-content {
  background-color: #FAFBFD;
}

.t-grid-content {
  overflow: visible;
}

  .t-grid-content td {
    vertical-align: top;
  }

.t-tabstrip .t-content, .t-panelbar .t-tabstrip .t-content {
  padding: 4px;
}


.t-header, .t-grid-header, .t-toolbar, .t-grouping-header, .t-tooltip, .t-grid-pager {
  background: #DFE6EC;
  background: #DFDFDF;
}

.t-menu {
  background: #DFDFDF;
}

.t-tabstrip {
  background: inherit !important;
  border: 0px;
}

  .t-tabstrip li {
    background: #CED8E3;
    background: #DFDFDF;
  }

    .t-tabstrip li.t-state-active {
      background: #FFFFFF;
    }

.t-group {
  background: #DFDFDF;
}


.t-menu .t-group .t-item {
  padding: 4px;
}



.t-button, button.t-button.t-state-disabled:hover, a.t-button.t-state-disabled:hover, .t-state-disabled .t-button:hover {
  background-color: #CFCFCF;
  outline: none;
  -- background-color: #A7CFED;
}

.t-toolbar, .t-grouping-header, .t-grid-pager, .t-group-footer td, .t-grid-footer, .t-footer-template td, .t-widget .t-status,
.t-state-active, .t-header .t-state-active, .t-state-default {
  border-color: #BFBFBF;
}

.t-widget {
  color: #282828;
  border-color: #BFBFBF;
}




/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-size: 1.5em;
  color: #000;
}

h1 {
  font-size: 2em;
  padding-bottom: 0;
  margin-bottom: 0;
}

h2 {
  padding: 0 0 10px 0;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1.1em;
}

h5, h6 {
  font-size: 1em;
}



li {
  line-height: 1.6;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
  margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
  margin: 30px auto 20px;
  width:100%;
  max-width: 1400px;
  min-width: 600px;
  background: none repeat scroll 0 0 #FFF;
  box-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.1);
}

header, #header {
  position: relative;
  margin-bottom: 0px;
  color: #000;
  padding: 0;
}

  header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
  }



footer, #footer {
  color: #D6D6D6;
  padding: 10px 0;
  text-align: center;
  line-height: normal;
  margin: 0;
  font-size: .9em;
  border-top: 1px solid #D6D6D6;
  margin-top: 10px;
  background-color: #F1F5FB;
}


  footer a {
    color: #D6D6D6;
    text-decoration: underline;
  }

.footer-companyinfo {
  padding-top: 10px;
  clear: both;
  font-size: 1.2em;
  color: #D6D6D6;
  font-weight: bold;
}

  .footer-companyinfo a {
    font-size: 1.2em;
    font-weight: bold;
  }



.footer-poweredby {
  padding-top: 0px;
  clear: both;
  font-size: 1em;
}

.footer-disclaimer {
  font-size: 1em;
}

footer, nav, section {
  display: block;
}




@media screen and (max-width: 1150px) {

  .page {
    margin: 30px auto 20px;
    max-width: 1100px;
  }
}



@media screen and (max-width: 950px) {
  .header-title {
    float: none;
    padding-left: 20px;
  }

  .header-title-phone,
  .header-title-address {
    float: none;
    padding-top: 10px;
  }

  .header-sub-title {
    float: none;
    width: 90%;
    padding: 20px;
  }
}





.message {
  margin: 2px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: #DFDF00;
  background-color: #FFFFA4;
  border-radius: 6px;
}

.message-no-bg {
  margin: 2px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  text-align: left;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #DFDF00;
  --background-color: #FFFFA4;
  --border-radius: 6px;
}


.error-message, .dl-error-panel {
  margin: 2px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: #FF9191;
  background-color: #FFD9D9;
  border-radius: 6px;
  color: #FF0000;
}

.info-message, .dl-info-panel {
  margin: 2px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: #1AAA00;
  background-color: #F4FFF4;
  border-radius: 6px;
  color: #008000;
}

/* MENU   
----------------------------------------------------------*/
.menu {
  padding-left: 12px;
  padding-right: 12px;
}

#menu {
  position: relative;
  margin: 0;
  text-align: left;
  1border-width: 0 0 0 0px;
  1background: none repeat scroll 0 0 #0072BD;
  border-radius: 4px;
}
/*
    #menu .t-item
    {
        border-width: 0 0 0 0px;
        color: white;
    }

    #menu .t-link
    {
        padding: 3px 20px;
        font-weight: bold;
        text-decoration: none;
        line-height: 1.8em;
        color: white;
    }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
  border: 1px solid #ddd;
  padding: 0 1.4em 1.4em 1.4em;
  margin: 0 0 1.5em 0;
}

legend {
  font-size: 1.2em;
  font-weight: bold;
}


input[type="text"] {
  width: 200px;
  border: 1px solid #CCC;
  font-size: 12pt !important;
}

input[type="password"] {
  width: 200px;
  border: 1px solid #CCC;
}



input[type='checkbox'] {
  width: 18px;
  height: 18px;
  margin-bottom: 0px;
  vertical-align: text-bottom;
}


select {
  font-size: 12pt;
}

textarea {
  font-size: 12pt;
  resize:none
}


/* TABLE
----------------------------------------------------------*/

table {
  1border: solid 1px #e8eef4;
  border-collapse: collapse;
}

  table td {
    padding: 5px;
    border: solid 0px #e8eef4;
  }

  table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
  }

/* MISC  
----------------------------------------------------------*/
.clear {
  clear: both;
}

.error {
  color: Red;
}

div#title {
  display: block;
  text-align: left;
}

#logindisplay {
  font-size: 1.1em;
  display: block;
  text-align: right;
  margin: 10px;
  color: White;
}

  #logindisplay a:link {
    color: white;
    text-decoration: underline;
  }

  #logindisplay a:visited {
    color: white;
    text-decoration: underline;
  }

  #logindisplay a:hover {
    color: white;
    text-decoration: none;
  }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #ff0000;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
}

.validation-summary-valid {
  display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
  margin: 1em 0 0 0;
}

.display-field,
.editor-field {
  margin: 0.5em 0 0 0;
}

.text-box {
  width: 30em;
}

  .text-box.multi-line {
    height: 6.5em;
  }

.tri-state {
  width: 6em;
}






/* ITEMS   
----------------------------------------------------------*/


#divItemCategorySelectPanel {
  --border: 1px #D8D8D8 solid;
}

.product-grid-title {
  padding: 10px 20px 5px 10px;
  margin: 0 0 0 0px;
  font-weight: 600;
  font-size: 1.5em;
  color: #6C6C6C;
  text-align: left;
  clear: both;
}

.product-grid-category-title {
  margin: 0px 0px 0px 10px;
  font-weight: 600;
  font-size: 1.3em;
  color: #0072BD;
  text-align: left;
  clear: both;
  padding:6px;
  padding-left:16px;
  border-radius:6px;
}


.product-grid-category-description {
  --padding: 10px 20px 10px 0px;
  margin: 0px 0px 0px 10px;
  font-weight: bold;
  font-size: 1.1em;
  --color: #0072BD;
  text-align: left;
  clear: both;
}



.product-grid {
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  text-align: center;
}

.product-description-value {
  padding-right: 10px;
  font-size: 1.1em;
  font-weight: bold;
}







.item-box {
  padding: 5px;
  margin: 10px;
  text-align: center;
  vertical-align: text-top;
  border: 2px solid #FFFFFF !important;
  border-radius: 6px;
}

.item-box-selected {
  border: 2px solid #86DDAD !important;
  background-color: #F7FDFA !important;
}





.item-box-detail {
  float: left;
  --height: 95%;
  width: 320px;
}








.product-buttons-detail {
  padding-top: 10px;
  text-align: left;
  width: 300px;
  z-index: 10;
}

.product-cart-info-detail {
  margin-top: 10px;
  padding: 6px;
  text-align: left;
  width: 290px;
  font-size: 1.2em;
  font-weight: bold;
  background-color: #8AC5FF;
  color: black;
  border-radius: 5px;
}

  .product-cart-info-detail span {
    padding-left: 10px;
  }

.product-buttons {
  text-align: right;
  position: absolute;
  display: none;
}

.product-item-detail {
  float: left;
  text-align: left;
  margin: 0;
  padding: 0;
  width: 300px;
}



.catalog-product-item {
  text-align: left;
  margin: 0;
  padding: 0;
  width: 200px;
  height: 450px;
}



.item-box-list {
  background-color: #F9F9F9;
  --float: left;
}

  .item-box-list .product-item-list {
    text-align: left;
    margin: 0;
    padding: 0;
    --width: 230px;
    --height: 400px;
  }

  .item-box-list article {
    1height: 310px;
  }

  .item-box-list .buttons {
    text-align: center;
  }



  .item-box-list .catalog-picture {
    text-align: center;
    border: 0px solid #F0F0F0;
    height: 98px;
    vertical-align: middle;
    display: table-cell;
    width: 130px;
    cursor: pointer;
  }

  .item-box-list .picture {
    text-align: center;
    border: 0px solid #F0F0F0;
    height: 100px;
    vertical-align: middle;
    display: table-cell;
    width: 160px;
    border-radius: 6px;
  }

    .item-box-list .picture img {
      max-height: 100px;
      max-width: 120px;
      cursor: pointer;
    }

  .item-box-list .product-info {
    float: left;
    width: 360px;
  }


  .item-box-list .product-info-productcode,
  .item-box-list .product-info-custom-description,
  .item-box-list .product-info-category,
  .item-box-list .product-info-weigh,
  .item-box-list .product-url,
  .item-box-list .product-info-custom-tags {
    display: none;
  }





  .item-box-list .product-info-price {
    float: left;
    width: 250px;
  }

  .item-box-list .product-custom-fields {
    display: none;
  }


  .item-box-list .item-box-shoping-cart-qty {
    background-color: #DCF5E8;
    border-radius: 6px;
    text-align: right;
    height: 113px;
    display: none;
    padding: 2px;
    width: 220px
  }


  .item-box-list .item-box-shoping-cart-add {
    --height: 90px;
    padding: 2px;
    --width: 220px
  }

  .item-box-list .product-box-add-to-cart-button {
    height: 90px;
    width: 220px
  }





.item-box-card {
  background-color: #F9F9F9;
  float: left;
  --width: 236px;
  --height: 400px;
}


  .item-box-card .product-item-card {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 230px;
  }

  .item-box-card article {
    1height: 310px;
  }

  .item-box-card .buttons {
    text-align: center;
  }


  .item-box-card .catalog-picture {
    text-align: center;
    border: 0px solid #F0F0F0;
    vertical-align: middle;
    display: table-cell;
    width: 230px;
    height: 198px;
    cursor: pointer;
  }

  .item-box-card .picture {
    text-align: center;
    border: 0px solid #F0F0F0;
    vertical-align: middle;
    display: table-cell;
    --width: 226px;
    --height: 152px;
    border-radius: 6px;
  }


    .item-box-card .picture img {
      max-height: 200px;
      max-width: 220px;
      cursor: pointer;
      border: none;
    }

  .item-box-card .product-info {
  }


  .item-box-card .product-info-price {
  }

  .item-box-card .product-custom-fields {
  }



  .item-box-card .item-box-shoping-cart-add {
    padding: 2px;
  }

  .item-box-card .product-box-add-to-cart-button {
    height: 115px;
    width: 224px
  }

  .item-box-card .item-box-shoping-cart-qty {
    background-color: #DCF5E8;
    border-radius: 6px;
    text-align: right;
    height: 115px;
    display: none;
    padding: 2px;
  }




.item-box-hover {
  --background-color: #fae185 !important;
  --background: #fae1855 !important;
  --border: 0px solid #fae185 !important;
}




.picture-detail {
  text-align: center;
  border: 0px solid #F0F0F0;
  max-height: 600px;
  max-width: 600px;
  padding: 5px;
  vertical-align: middle;
  display: table-cell;
  padding-top: 30px;
  float: left;
}




.picture-thumb {
  border: 2px solid #DDDDDD;
  border-radius: 6px;
}

.picture-thumb-selected {
  border: 2px solid #8ac5ff;
}




.product-title {
  font-weight: bold;
  font-size: 1em;
  color: #0072BD;
  color: black;
  padding: 0;
  margin: 1px;
  text-transform: uppercase;
  cursor: pointer;
}

.product-description {
  font-weight: normal;
  font-size: 1em;
  padding: 0;
  margin: 0px;
  color: maroon;
  font-weight: bold;
}


.product-title-detail {
  font-weight: bold;
  font-size: small;
  color: #0072BD;
  color: black;
  font-size: 1.3em;
  padding: 0;
  margin: 1px;
  width: 300px;
  text-transform: uppercase;
}

.product-title a {
  font-weight: bold;
  color: #3F3F3F;
}

.product-url a {
  font-weight: normal;
  text-decoration: underline;
}


.description {
  margin: 1px;
  text-align: left;
  padding: 1px;
  color: black;
  font-size: 1em;
}


.product-description-detail {
  margin: 1px;
  text-align: left;
  padding: 1px;
  color: maroon;
  font-weight: bold;
  font-size: 1.1em;
  width: 300px;
}

.product-description-custom-detail {
  margin: 1px;
  text-align: left;
  padding: 1px;
  color: black;
  --font-weight: bold;
  font-size: 1.1em;
  width: 300px;
}


.product-brand-detail {
  margin: 1px;
  text-align: left;
  padding: 1px;
  color: gray;
  font-weight: bold;
  font-size: 1.1em;
}

.add-info {
  vertical-align: bottom;
  text-align: right;
  width: auto;
  height: auto;
  position: relative;
}

.add-info-detail {
  vertical-align: top;
  text-align: left;
  position: relative;
  padding: 10px;
  padding-top: 10px;
}

.prices-detail {
  text-align: left;
  vertical-align: middle;
  position: static;
  bottom: 15px;
  right: 10px;
  font-size: large;
}

.prices {
  text-align: left;
  vertical-align: middle;
  position: static;
  bottom: 15px;
  right: 10px;
}

.old-product-price {
  margin: 0px;
  text-decoration: line-through;
  color: gray;
}

.product-price {
  margin: 0px;
  color: black;
  padding: 2px;
  padding-top: 6px;
  font-weight: bold;
  font-size: 1.1em;
}

.product-price-unit {
  margin: 0px;
  color: darkslategray;
  padding: 2px;
  padding-top: 6px;
  --font-weight: bold;
}

.product-unit {
  margin: 0px;
  color: black;
  padding: 2px;
  padding-top: 6px;
  padding-bottom: 10px;
  font-weight: bold;
}


.product-price-detail {
  margin: 0px;
  color: black;
  padding: 2px;
  padding-top: 6px;
  font-weight: bold;
  font-size: 1.3em;
}

.product-box-out-of-stock {
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  padding: 5px;
  height: 80px;
}

.product-box-add-to-cart-button {
  font-weight: bold;
  width: 100%;
  font-size: 1.1em;
  padding: 5px;
  margin: 0px;
}

.product-box-add-to-cart-button-title {
  font-weight: bold;
  padding: 0px;
  font-size: 1.0em;
}

.product-box-add-to-cart-button-subtitle {
  font-weight: normal;
  font-size: 0.89em;
}

.product-box-back-button {
  margin-top: 20px;
  padding: 12px;
  font-weight: bold;
  width: 100%;
  font-size: 1.1em;
  height: 40px;
  background-position: 1px 1px;
  background-repeat: no-repeat;
  background-size: 38px;
  background-image: url('/Content/Images/icon_back_white.png');
}

.product-custom-fields {
  background-color: #B8F1B9;
  padding-left: 3px;
}

  .product-custom-fields .description {
    padding: 1px;
  }


.button {
  color: #FFFFFF;
  padding: 2px;
  border-radius: 6px;
  border: 1px solid #FFFFFF;
  font-size: 1.1em;
  padding: 6px;
  vertical-align: central;
  text-align: center;
  cursor: pointer;
  background-color: #35BB72;
}



.button-1 {
  background-color: #d8d8d8;
  color: #4D4D4D;
  padding: 2px;
  border-radius: 6px;
  border: 1px solid #FFFFFF !important;
  cursor: pointer;
}

  .button-1 :hover {
    color: #4D4D4D;
  }

.button-2 {
  background-color: #299258;
  color: #FFFFFF;
  padding: 2px;
  border-radius: 6px;
  border: 2px solid #299258 !important;
  font-size: 1.1em;
  padding: 6px;
  vertical-align: central;
  text-align: center;
  cursor: pointer;
}

  .button-2:hover {
    background-color: transparent;
    border: 2px solid #299258 !important;
    color: #299258;
  }


.button-3 {
  background-color: #3E9EFF;
  color: #FFFFFF;
  padding: 2px;
  border-radius: 6px;
  border: 1px solid #FFFFFF !important;
  font-size: 1.1em;
  padding: 6px;
  cursor: pointer;
}

  .button-3:hover {
    background-color: #0072BD;
    color: #FFFFFF;
  }

.button-4 {
  background-color: #D8D8D8;
  color: #4D4D4D;
  padding: 2px;
  border-radius: 6px;
  border: 1px solid #D8D8D8 !important;
  font-size: 1.1em;
  padding: 6px;
  vertical-align: central;
  text-align: center;
  cursor: pointer;
}

  .button-4:hover {
    background-color: #299258;
    border: 1px solid #299258 !important;
    color: #FFFFFF;
  }



.button-5 {
  background-color: transparent;
  color: #299258;
  padding: 2px;
  border-radius: 6px;
  border: 2px solid #299258 !important;
  font-size: 1.1em;
  padding: 6px;
  vertical-align: central;
  text-align: center;
  cursor: pointer;
}

  .button-5:hover {
    background-color: #299258;
    border: 2px solid #299258 !important;
    color: #FFFFFF;
  }


.category-header {
  padding: 6px;
  text-align: left;
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 12px;
}



.bar-notification {
  font-size: 1.2em;
  font-weight: bold;
  display: none;
  position: fixed;
  top: 5px;
  z-index: 10;
  border-radius: 6px;
  opacity: 1;
  margin: 1px auto auto;
  width: 450px;
  border: 1px solid #FFFFFF !important;
}

  .bar-notification.success {
    background-color: #299258;
    color: #FFFFFF;
    padding: 2px;
  }

  .bar-notification.warning {
    background-color: #DF7575;
    color: #FFFFFF;
    padding: 2px;
  }

  .bar-notification.error {
    background-color: #BE0727;
    1border-bottom: 1px solid #FFFFFF !important;
    color: #FFFFFF;
    padding: 2px;
  }

  .bar-notification .close {
    float: right;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
  }

  .bar-notification .content {
    padding: 2px;
    margin: 2px;
  }

  .bar-notification a {
    color: yellow;
    font-weight: bold;
  }




.cart {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #e8eef4;
}

.cart-header-row {
  font-weight: 700;
}

.cart-header-cell {
  font-weight: bold;
  font-size:11pt

}


.cart-item-row {
}

.cart-item-cell {
  vertical-align: middle;
  border-top: solid 1px #e8eef4;
  border-bottom: solid 1px #e8eef4;
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
}

.cart-item-total {
  color: #800000;
  font-weight: bold;
}

.cart-footer {
  padding: 20px;
  text-align: right;
}



.article-home {
  font-size: 1.1em;
  border-radius: 6px;
  border: solid 1px #e8eef4;
  margin: 10px 30px 10px 10px;
  padding: 10px;
  background-color: #FFFEFF;
  color: black;
}


.article-logon {
  font-size: 1.2em;
  border: solid 0px #e8eef4;
  margin: 10px 10px 50px 10px;
  padding: 10px;
  color: black;
}

.article .title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0;
  margin: 1px;
}

.login-box {
  font-size: 1.1em;
  border-radius: 6px;
  border: solid 1px #A5B3C5;
  margin: 10px;
  padding: 10px;
  background-color: #F1F5FB;
  color: black;
}



.dl-wait {
  text-align: center;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 70px;
  z-index: 10;
  left: 100px;
  opacity: 0.5;
  display: none;
  background-image: url("/Content/images/wait.gif");
}


.item-watermark {
  position: relative;
  cursor: pointer;
}

.item-watermark-image {
  top: 10px;
  left: 10px;
  width: 180px;
  height: 180px;
  position: absolute;
  --background-repeat: no-repeat;
  cursor: pointer;
}
.item-watermark-image-details {
  top: 200px;
  left: 200px;
  cursor: pointer;
}





.item-tag {
  height: 100px;
  width: 190px;
  --z-index: 10;
  position: absolute;
  margin-left: 2px;
  cursor: pointer;
}

.item-detail-tag {
  height: 100px;
  width: 190px;
  z-index: 10;
  position: absolute;
}

.item-tag-sale {
  background-image: url("/Content/images/item_tag_sale.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-new {
  background-image: url("/Content/images/item_tag_new.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}



.item-tag-new-sale {
  background-image: url("/Content/images/item_tag_new_sale.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}


.item-tag-best-seller {
  background-image: url("/Content/images/item_tag_best_seller.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}


.item-tag-sold-out {
  background-image: url("/Content/images/item_tag_sold_out.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}


.item-tag-out-of-stock {
  background-image: url("/Content/images/item_tag_out_of_stock.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-kosher {
  background-image: url("/Content/images/item_tag_kosher.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-halal {
  background-image: url("/Content/images/item_tag_halal.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-gluten-free {
  background-image: url("/Content/images/item_tag_gluten_free.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-bio {
  background-image: url("/Content/images/item_tag_bio.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-100natural {
  background-image: url("/Content/images/item_tag_100natural.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}


.item-tag-health {
  background-image: url("/Content/images/item_tag_health.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}



.item-tag-10-1free {
  background-image: url("/Content/images/item_tag_10_1free.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}


.item-tag-10-2free {
  background-image: url("/Content/images/item_tag_10_2free.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}


.item-tag-10-3free {
  background-image: url("/Content/images/item_tag_10_3free.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-5-1free {
  background-image: url("/Content/images/item_tag_5_1free.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-special-offer {
  background-image: url("/Content/images/item_tag_special_offer.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}


.item-tag-price-by-request {
  background-image: url("/Content/images/item_tag_price_by_request.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}



.item-tag-pre-order {
  background-image: url("/Content/images/item_tag_pre_order.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-1-1free {
  background-image: url("/Content/images/item_tag_1_1free.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-organic {
  background-image: url("/Content/images/item_tag_organic.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-coming-soon {
  background-image: url("/Content/images/item_tag_coming_soon.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}


.item-tag-new-price {
  background-image: url("/Content/images/item_tag_new_price.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-new-better-price {
  background-image: url("/Content/images/item_tag_new_better_price.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}


.item-tag-back-in-stock {
  background-image: url("/Content/images/item_tag_back_in_stock.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-low-in-stock {
  background-image: url("/Content/images/item_tag_low_in_stock.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}


.item-tag-limit-1-per-order {
  background-image: url("/Content/images/item_tag_limit_1_per_order.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-limit-2-per-order {
  background-image: url("/Content/images/item_tag_limit_2_per_order.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-limit-3-per-order {
  background-image: url("/Content/images/item_tag_limit_3_per_order.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}



.item-tag-buy-2-get-1-free {
  background-image: url("/Content/images/item_tag_buy_2_get_1_free.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-buy-15-get-2-free {
  background-image: url("/Content/images/item_tag_buy_15_get_2_free.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-buy-20-get-3-free {
  background-image: url("/Content/images/item_tag_buy_20_get_3_free.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-buy-20-get-5-free {
  background-image: url("/Content/images/item_tag_buy_20_get_5_free.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-buy-60-get-6-free {
  background-image: url("/Content/images/item_tag_buy_60_get_6_free.png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}

.item-tag-list-view {
  background-size: 60% auto;
}


.custom-tag {
  margin: 1px 1px 1px 1px;
  padding: 2px 4px 2px 4px;
  border-radius: 4px;
  border: 1px solid #3886ca;
  color: #fff;
  background-color: #3886ca;
  white-space: nowrap;
  box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.2);
}


.country-tag {
  margin: 1px 1px 1px 1px;
  padding: 2px 4px 2px 4px;
  border-radius: 4px;
  border: 1px solid #E97E0A;
  color: #fff;
  background-color: #E97E0A;
  white-space: nowrap;
  box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.2);
}


.deposit-tag {
  margin: 1px 1px 1px 1px;
  padding: 2px 4px 2px 4px;
  border-radius: 4px;
  border: 1px solid #009191;
  color: #fff;
  background-color: #009191;
  white-space: nowrap;
  box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.2);
}


.promotion-tag-card {
  position: absolute;
  margin-top: -30px;
  margin-left: 4px;
}

.promotion-tag-list {
  position: absolute;
  margin-top: -15px;
}

.promotion-tag-detail {
  position: absolute;
  margin-top: -30px;
  margin-left: 10px;
  
}

.promotion-tag {
  margin: 1px 1px 1px 2px;
  padding: 2px 4px 2px 4px;
  border-radius: 4px;
  border: 1px solid #CC0000;
  color: #CC0000;
  background-color: #FFFF00;
  white-space: nowrap;
  box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.2);
}



.dot {
  height: 21px;
  width: 21px;
  padding: 2px;
  background-color: #53A9FF;
  border-radius: 50%;
  display: block;
  color: white;
  font-weight: bold;
  text-align: center;
}

.item-box-shoping-cart-counter {
  float: right;
  position: relative;
  margin-bottom: -30px;
  top: -30px;
  cursor: default;
  background-color: #53A9FF;
  border: 0px solid #FFFFFF !important;
  text-align: center;
  margin-right: 2px;
}

.item-box-shoping-cart-clear {
  float: right;
  position: relative;
  margin-bottom: -30px;
  top: -60px;
  color: white;
  background-color: #D8D8D8;
  cursor: pointer;
  border: 0px solid #FFFFFF !important;
  text-align: center;
  margin-right: 2px;
}

  .item-box-shoping-cart-clear:hover {
    background-color: #B2B2B2;
  }

.item-box-detale-shoping-cart-clear {
  float: right;
  position: relative;
  color: #2894FF;
  background-color: white;
  cursor: pointer;
  padding-left: 2px;
  border: 0px solid #2894FF !important;
  width: 21px;
  box-shadow: 0px 1px;
}

  .item-box-detale-shoping-cart-clear:hover {
    color: #2894FF;
    background-color: #D8D8D8;
  }

.pointer {
  cursor: pointer;
}

.ld-btn {
  opacity: 1 !important;
  height: 36px;
  color: black;
  background-color: #D8D8D8;
  border-radius: 6px;
  border: 1px solid #FFFFFF !important;
  font-size: 1.1em;
  padding: 6px;
  padding-left: 12px;
  padding-right: 12px;
  vertical-align: central;
  text-align: center;
  cursor: pointer;
}




#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  --z-index: 20; /* Specify a stack order in case you're using a different order for other elements */
  --cursor: pointer; /* Add a pointer on hover */
}

#modalDialog {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  top: 200px;
  left: 200px;
  right: 20px;
  bottom: 20px;
  background-color: #FFFFFF; /* Black background with opacity */
  --z-index: 50; /* Specify a stack order in case you're using a different order for other elements */
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}



#warningDialog {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  top: 200px;
  left: 200px;
  right: 20px;
  bottom: 20px;
  background-color: #FFFFFF; /* Black background with opacity */
  --z-index: 150; /* Specify a stack order in case you're using a different order for other elements */
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#warningDialogBody {
  padding: 10px;
  text-align: left;
  font-size: 11pt;
}





/* ControlSelectList */
/* The container <div> - needed to position the dropdown content */
.control-select-list {
  position: relative;
  display: inline-block;
}

  .control-select-list textarea {
    margin: 0px 0px 2px 0px;
    float: left;
    font-size: 1.1em;
    resize: none;
    padding: 3px;
    border-radius: 5px;
    border: 1px solid silver;
    cursor: pointer;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
  }

  .control-select-list input {
    --margin: 0px 0px 2px 0px;
    float: left;
    --font-size: 1.1em;
    resize: none;
    --padding: 3px;
    --border-radius: 5px;
    --border: 1px solid silver;
    cursor: pointer;
    --font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
  }



/* Dropdown Content (Hidden by Default) */
.control-select-list-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  border: 1px solid #D8D8D8;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 90000;
  border-radius: 5px;
  padding: 1px;
  padding-bottom: 2px;
}

  .control-select-list-content div.item {
    overflow: auto;
  }

  .control-select-list-content table {
    border-collapse: collapse;
    border: none;
    width: 100%;
  }


  /* Links inside the dropdown */
  .control-select-list-content tr {
    color: black;
    padding: 2px;
    text-decoration: none;
    cursor: pointer;
  }


.control-select-list-header {
}

.control-select-list-content tr.selected {
  background-color: #8ac5ff
}

/* Change color of dropdown links on hover */
.control-select-list-content tr.item:hover {
  background-color: #fae185
}

.control-select-list-content td {
  border: none;
  padding: 6px;
  text-align: left !important;
}

  .control-select-list-content td.header {
    color: gray;
    background-color: #ebebeb;
    border-bottom: solid 1px lightgray;
  }

  .control-select-list-content td.checkbox {
    width: 26px;
  }

  .control-select-list-content td.close {
    width: 16px;
    cursor: pointer;
  }

  .control-select-list-content td.footer {
    color: gray;
    background-color: lightgray;
  }



/* Custom styles */

.control-select-list-text {
  margin: 0px !important;
  font-weight: bold;
  height: 22px !important;
  background-color: #FFFFFF;
  border: 1px solid #D8D8D8 !important;
  --border-radius: 6px 0px 0px 6px;
  font-size: 1.2em;
  padding-left: 6px;
  outline: none;
}

.control-select-list-button {
  color: black;
  height: 26px;
  background-color: #D8D8D8;
  border-radius: 0px 6px 6px 0px;
  border: 1px solid #D8D8D8 !important;
  padding: 3px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  margin: 0px !important;
}


.control-select-list-text-search {
  margin: 0px !important;
  font-weight: bold;
  height: 22px !important;
  outline: none;
}

.control-select-list-button-search {
  width: 30px;
}



.ad-banner {
  display: flex;
  justify-content: flex-end;
  padding: 5px;
}

.ad-banner-img {
  max-width: 250px;
}


@media screen and (max-width: 950px) {
  .ad-banner {
    display: none;
  }
}


/*MUST BE AT THE END OF FILE 
  Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.padding, .padding4 {
  padding: 4px;
}

.padding0 {
  padding: 0px !important;
}

.padding1 {
  padding: 1px;
}

.padding2 {
  padding: 2px;
}

.padding4 {
  padding: 2px;
}


.padding6 {
  padding: 6px;
}

.padding8 {
  padding: 10px;
}


.padding10 {
  padding: 10px;
}

.padding15 {
  padding: 15px;
}

.padding20 {
  padding: 20px;
}






.padding-h, .padding-h4 {
  padding-left: 4px;
  padding-right: 4px;
}

.padding-h2 {
  padding-left: 2px;
  padding-right: 2px;
}

.padding-h6 {
  padding-left: 6px;
  padding-right: 6px;
}

.padding-h8 {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-h10 {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-v, .padding-v4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.padding-v2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.padding-v6 {
  padding-top: 6px;
  padding-bottom: 6px;
}







.margin, .margin4 {
  margin: 4px;
}

.margin1 {
  margin: 1px;
}

.margin2 {
  margin: 2px;
}

.margin6 {
  margin: 6px;
}

.margin10 {
  margin: 10px;
}

.margin15 {
  margin: 15px;
}

.margin20 {
  margin: 20px;
}




.margin-h, .margin-h4 {
  margin-left: 4px;
  margin-right: 4px;
}

.margin-h2 {
  margin-left: 2px;
  margin-right: 2px;
}

.margin-h6 {
  margin-left: 6px;
  margin-right: 6px;
}

.margin-h8 {
  margin-left: 8px;
  margin-right: 8px;
}

.margin-h10 {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-v, .margin-v4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.margin-v2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.margin-v6 {
  margin-top: 6px;
  margin-bottom: 6px;
}




.w10 {
  width: 10px
}

.w20 {
  width: 20px
}

.w30 {
  width: 30px
}

.w40 {
  width: 40px
}

.w50 {
  width: 50px
}

.w60 {
  width: 60px
}

.w70 {
  width: 70px
}

.w80 {
  width: 80px
}

.w90 {
  width: 90px
}

.w100 {
  width: 100px
}

.w120 {
  width: 120px
}

.w140 {
  width: 140px
}

.w150 {
  width: 150px
}

.w160 {
  width: 160px
}

.w170 {
  width: 170px
}

.w180 {
  width: 180px
}

.w190 {
  width: 190px
}

.w200 {
  width: 200px
}



.h10 {
  height: 10px
}

.h20 {
  height: 20px
}

.h30 {
  height: 30px
}

.h40 {
  height: 40px
}

.h50 {
  height: 50px
}

.h60 {
  height: 60px
}

.h70 {
  height: 70px
}

.h80 {
  height: 80px
}

.h90 {
  height: 90px
}

.h100 {
  height: 100px
}

.h120 {
  height: 120px
}

.h140 {
  height: 140px
}

.h150 {
  height: 150px
}

.h160 {
  height: 160px
}

.h170 {
  height: 170px
}

.h180 {
  height: 180px
}

.h190 {
  height: 190px
}

.h200 {
  height: 200px
}





.f9 {
  font-size: 9pt;
}


.f10 {
  font-size: 10pt;
}

.f11 {
  font-size: 11pt;
}


.f12 {
  font-size: 12pt;
}

.f13 {
  font-size: 13pt;
}

.f14 {
  font-size: 14pt;
}

.f15 {
  font-size: 15pt;
}

.f16 {
  font-size: 16pt;
}



.radius {
  border-radius: 4px;
}

.border {
  border: 1px solid #CCCCCC;
}

.gray {
  color: gray;
}

.red {
  color: red;
}

.lightgray {
  color: lightgray;
}

.black {
  color: black;
}


.gold {
  color: gold;
}

.green {
  color: #008000;
}


.navy {
  color: #337AB7;
}

.white {
  color: #FFFFFF;
}


.bg-gray {
  background-color: gray;
}

.bg-red {
  background-color: red;
}

.bg-lightred {
  background-color: #FF9B9B;
}

.bg-lightgray {
  background-color: lightgray;
}

.bg-black {
  background-color: black;
}

.bg-gold {
  background-color: gold;
}


.bg-antiquewhite {
  background-color: antiquewhite;
}

.bg-green {
  background-color: #5AA37B;
}


.bg-navy {
  background-color: #337AB7;
}



.show {
  display: block;
}

.bold {
  font-weight: bold;
}

.hide {
  display: none;
}


.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}


.align-left {
  text-align: left
}

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

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



.cursor {
  cursor: pointer;
}

.center-content {
  margin: 0 auto;
}

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


.overflow {
  overflow: auto;
}



.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.underline {
  text-decoration: underline;
}








/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}