.nav-submenu {
  background-color: #424949;
}
.nav-submenu-selected {
  background-color: #cecece;
  color: #000;
  //font-weight: bold;
  //font-style: italic;
  /*text-align: center !important;*/
}
.nav-submenu-text:hover {
  background-color: #cecece !important;
}
.nav-customer-support {
  color: #fff;
  background-color: #0073aa;
}
.nav-customer-support-selected {
  color: #000;
  font-weight: bold;
  background-color: #fff;
}
.nav-customer-support:hover {
  background-color: #005f8d !important;
}
.nav-learning-center {
  color: #fff !important;
  background-color: #28a745 !important;
}
.nav-learning-center:hover {
  background-color: #218838 !important;
}
.close-sidebar:hover {
  //background-color: #cecece;
  color: #F5B7B1;
}
/*
.ui-table-header-dark-blue {
  color:#fff;
  background-color:#2b5797 !important;
}
.ui-border-dark-blue {
  border-color: #2b5797 !important;
}
.ui-border-pomegranate {
  border-color: #c0392b !important;
}
*/
.ui-table-header-border-color {
  border-color: #e67e22 !important;
}
.ui-table-row-hover tbody tr:hover {
  background-color: #EAECEE;
}
.ui-main-menu:hover {
  color:#000!important;
  background-color:#ff9800!important
}
.ui-topbar-color {
  color:#fff;
  //background-color:#1d1d1d;
  background-color: #263238;
}
.ui-sidebar-color {
  color:#fff;
  //background-color:#1d1d1d;
  background-color: #263238;
}
.ui-store-select {
  background-color: #ccc;
  color: #000;
  width: 95% !important;
  margin: auto !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-radius: 2px !important;
}
.ui-store-list {
  min-width:95% !important;
  width: 95% !important;
  margin: auto !important;
  //padding-top: 3px;
  //padding-bottom: 3px;
  left: 2.5%;
  top: 27px;
  background-color: #ccc !important;
}
.ui-store-select-dashboard {
  text-align: left;
  font-size: 1.2em;
  background-color: #ccc;
  color: #000;
  width: 95% !important;
  margin: auto !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-radius: 2px !important;
}
.ui-store-list-dashboard {
  min-width:95% !important;
  width: 95% !important;
  margin: auto !important;
  text-align: left;
  left: 2.5%;
  top: 36px;
  background-color: #ccc !important;
}
.ui-domain-list {
  min-width:95% !important;
  width: 100% !important;
  margin: auto !important;
  text-align: left;
  top: 30px;
  background-color: #2e86c1 !important;
}
.ui-container-list {
  min-width: 95% !important;
  width: 100% !important;
  margin: auto !important;
  text-align: left;
  top: 30px;
  background-color: #2e86c1 !important;
}
.ui-domain-add {
  margin-bottom: 1px !important;
  background-color: #ff9800 !important;
  padding: 5px !important;
  font-size: 1.1em !important;
  width: 100%;
  text-align: left;
}
.ui-domain-add:hover {
  background-color: #E5E8E8 !important;
  color: #cc0000 !important;
}
.ui-domain-select {
  text-align: left;
  font-size: 1.2em;
  background-color: #2e86c1;
  color: #ffffff;
  width: 100% !important;
  margin: auto !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-radius: 2px !important;
}
.ui-container-select {
  text-align: left;
  font-size: 1.2em;
  background-color: #2e86c1;
  color: #ffffff;
  width: 100% !important;
  margin: auto !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-radius: 2px !important;
}
.ui-container-link {
  margin-bottom: 1px !important;
  background-color: #5dade2;
  padding: 5px !important;
  font-size: 1.1em !important;
  width: 100%;
  text-align: left;
  color: #E5E8E8;
}
.ui-container-link:hover {
  background-color: #E5E8E8 !important;
  color: #cc0000 !important;
}
.ui-domain-link {
  margin-bottom: 1px !important;
  background-color: #5dade2;
  padding: 5px !important;
  font-size: 1.1em !important;
  width: 100%;
  text-align: left;
  color: #E5E8E8;
}
.ui-domain-link:hover {
  background-color: #E5E8E8 !important;
  color: #cc0000 !important;
}
.ui-pagination {
  border-radius: 2px !important;
  //font-size: 0.7em !important;
  font-size: 11px;
  padding: 8px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border: 1px solid #ccc;
}
.ui-pagination:hover {
  background-color: #ccc !important;
}
.ui-pagination-active {
  color:#fff!important;
  background-color:#2196F3!important;
  padding: 8px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-radius: 2px !important;
  //font-size: 0.7em !important;
  font-size: 11px;
}
.ui-pagination-active:hover {
  background-color: #ccc !important;
  color: #000 !important;
}
.ui-help-box-color {
  background-color: #E5E8E8;
  border-color: #808B96;
}
.ui-work-box-color {
  background-color: #f1f1f1 !important;
  border-color: #99A3A4;
}

/* buttons */
.ui-icon-btn {
    border-radius: 3px !important;
    text-align: center !important;
    vertical-align: middle;
    text-decoration: none !important;
  //  display: inline-block;
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 1em;
    -webkit-transition-duration: 0.4s !important; /* Safari */
    transition-duration: 0.4s !important;
    cursor: pointer !important;
    text-decoration: none !important;
    background-color: #C0392B;
    border: 2px solid #C0392B !important;
    color: #ffffff;
    width: 35px;
    padding: 5px;
    //padding-top: 3px;
    //padding-bottom: 3px;
    //padding: 1em 0.3em !important;
}
.ui-icon-btn:focus {
  outline:0 !important;
}
.ui-btn {
	  //all: initial;
    border-radius: 3px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-family: 'Ubuntu', sans-serif !important;
    -webkit-transition-duration: 0.4s !important; /* Safari */
    transition-duration: 0.4s !important;
    cursor: pointer !important;
    text-decoration: none !important;
    background-color: #C0392B;
    border: 2px solid #C0392B !important;
    color: #ffffff;
}
.ui-btn:focus {
  outline:0 !important;
}
.ui-btn-primary {
  /*  blue button */
  background-color: #21618C;
  border: 1px solid #21618C !important;
  border-bottom: 2px solid #21618C !important;
  color: #f1f1f1;
}
.ui-btn-primary:hover {
    background-color: #D4E6F1 !important;
    color: #000 !important;
}
.ui-btn-lightblue {
  /* light blue button for save */
  background-color: #2E86C1;
  border: 1px solid #2E86C1 !important;
  border-bottom: 2px solid #2E86C1 !important;
  color: #f1f1f1;
}
.ui-btn-lightblue:hover {
    background-color: #AED6F1 !important;
    color: #000 !important;
}
.ui-btn-secondary {
  /* red button */
  background-color: #C0392B !important;
  border: 1px solid #C0392B !important;
  border-bottom: 2px solid #C0392B !important;
  color: #f1f1f1 !important;
}
.ui-btn-secondary:hover {
    background-color: #F2D7D5 !important;
    color: #000 !important;
}
.ui-btn-tertiary {
  /* green button */
  background-color: #196F3D !important;
  border: 1px solid #196F3D !important;
  border-bottom: 2px solid #196F3D !important;
  color: #f1f1f1 !important;
}
.ui-btn-tertiary:hover {
    background-color: #A9DFBF !important;
    color: #000 !important;
}
.ui-btn-generic {
  /* grey button */
  background-color: #f1f1f1 !important;
  border: 1px solid #A6ACAF !important;
  border-bottom: 2px solid #A6ACAF !important;
  color: #000 !important;
}
.ui-btn-generic:hover {
    background-color: #D5D8DC !important;
    color: #000 !important;
    border-color: #424949 !important;
}
.ui-btn-yellow {
  /* yellow button */
  background-color: #d4ac0d !important;
  border: 1px solid #d4ac0d !important;
  border-bottom: 2px solid #d4ac0d !important;
  color: #fff !important;
}
.ui-btn-yellow:hover {
    background-color: #f9e79f !important;
    color: #000 !important;
    border-color: #424949 !important;
}
.ui-btn-orange {
  /* orange button */
  background-color: #d35400 !important;
  border: 1px solid #d35400 !important;
  border-bottom: 2px solid #d35400 !important;
  color: #fff !important;
}
.ui-btn-orange:hover {
    background-color: #f6ddcc !important;
    color: #000 !important;
    border-color: #d35400 !important;
}

.ui-btn-purple {
  /* orange button */
  background-color: #8e44ad !important;
  border: 1px solid #8e44ad !important;
  border-bottom: 2px solid #8e44ad !important;
  color: #fff !important;
}
.ui-btn-purple:hover {
    background-color: #bb8fce !important;
    color: #000 !important;
    border-color: #8e44ad !important;
}

.ui-btn-grey {
  /* grey button */
  background-color: #626567 !important;
  border: 1px solid #626567 !important;
  border-bottom: 2px solid #626567 !important;
  color: #fff !important;
}
.ui-btn-grey:hover {
    background-color: #d7dbdd !important;
    color: #000 !important;
    border-color: #626567 !important;
}

.ui-btn-black {
  /* black button */
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  border-bottom: 2px solid #000000 !important;
  color: #fff !important;
}
.ui-btn-black:hover {
    background-color: #d7dbdd !important;
    color: #000 !important;
    border-color: #000000 !important;
}

.ui-btn-none {
  /* orange button */
  background-color: transparent !important;
  border: 1px solid transparent !important;
  border-bottom: 2px solid transparent !important;
}
.ui-btn-none:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}


.ui-btn-disabled {
	 cursor: not-allowed !important;
   pointer-events: none !important;
	 background-color: #cecece;
	 color: #000;
}
/* /buttons */
.ui-work-settings-color {
  background-color: #E5E8E8;
  border: 1px solid #ccc;
}
.ui-work-settings-icon-color {
  background-color: #E5E8E8;
  color: #000;
  border-color: #99A3A4;
}
.ui-work-settings-icon-color:hover {
  background-color: #ccc;
}

.ui-product-options {
  background: #ddd;
  font-size: 0.9em;
  display: none;
  border-radius: 3px;
}