/* Utility classes */
.hideForShuffle, .disabledUpdatesMenu button {
  display: none !important;
}

.inactive, .missingDataOpacity {
  opacity: 0.5 !important;
}

.editable {
  color: #2162a1 !important;
  border-bottom: 1px dotted #2162a1 !important;
  cursor: pointer;
}
.editable:hover {
  font-weight: bold;
}

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

/* Typography */
.lexend, .labelLessPadding, .riseCRMTable, .riseStaticMenuButton, 
#riseCRMDashMenu, #updateLeadButtonsModalMenu button, 
#updateLeadButtonsMenu button, .riseTableHeader, .riseErrorBox {
  font-family: "Lexend", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 300 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

.labelLessPadding {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  font-size: 12px !important;
}

.riseErrorBox {
  background: linear-gradient(-45deg, #f20000, #940101, #e74d3c, #b30707);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  border-radius: 5px !important;
  padding: 10px;
  border: 1px solid #6e2300;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff;
  margin-bottom: 10px;
}

@keyframes gradient {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Links and icons */
.lexend-link, .statusDisplayedOption:hover {
  color: #37474F !important;
  font-weight: 400;
}
.lexend-link:hover, .statusDisplayedOption:hover {
  color: #3D5AFE !important;
  background-color: #fff !important;
}
.franchiseCRMHeaderIcon {
  color: #B0BEC5;
  padding-right: 5px;
}
.copyDataIcon {
  margin-right: 5px;
  cursor: pointer;
}
.copyRiseDataIcon {
  margin-left:5px;
  opacity:0.5;
  color:#263238 !important;
}
/* Labels */
.salesDetailsLabel {
  font-size: 16px !important;
  color: #21BA45 !important;
  margin-bottom: 0 !important;
}
.personalDetailsLabel {
  font-size: 14px !important;
  color: #333 !important;
  font-weight: bold !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Container variants */
.sendLeadAnUpdateContainer {
  padding: 20px;
  border-radius: 5px !important;
  margin-top: 10px !important;
}
.sendLeadAnUpdateContainerGood { background-color: #81C784; }
.sendLeadAnUpdateContainerBad { background-color: #EF5350; }
.sendLeadAnUpdateContainerNeutral { background-color: #ccc; }

/* Button border styles */
.topButtonBorder {
  border-radius: 5px 5px 0 0 !important;
}
.bottomButtonBorder {
  border-radius: 0 0 5px 5px !important;
}

/* Pagination */
.ui.pagination.menu .active.item {
  background-color: #e0e1e2;
  color: #757576;
  border: 1px solid #b8bbbd;
}

/* Dash styles */
.riseCRMDashButton:hover, .riseCRMDashActiveButton {
  background-color: #d3e3fd !important;
  color: #0b57d0 !important;
}

.riseCRMDashCircleLabel {
  margin: 0 4px !important;
  font-weight: normal !important;
}

.riseCRMDashButton:hover .riseCRMDashCircleLabel {
  background-color: #0b57d0 !important;
}

/* Circle and label colors */
.opportunitiesCircleRiseDisplay { background-color: #e65100 !important; }
.opportunitiesRiseDisplay { color: #e65100 !important; }
.clientsCircleRiseDisplay { background-color: #00b92c !important; }
.clientsRiseDisplay { color: #00b92c !important; }
.quotedCircleRiseDisplay { background-color: #5c6bc0 !important; }
.quotedRiseDisplay { color: #5c6bc0 !important; }
.leadPoolCircleRiseDisplay { background-color: #4DB6AC !important; }
.leadPoolRiseDisplay { color: #4DB6AC !important; }

/* Static menu buttons */
.riseStaticMenuButton {
  background-color: #e0e1e2 !important;
  font-size: 12px !important;
  margin-bottom: 2px !important;
}
.riseStaticMenuButton:hover {
  background-color: #676768 !important;
  color: #fff !important;
}
.riseStaticMenuButtonContainer {
  border-bottom: 1px solid #e0e1e2;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.enabledRiseStaticMenuButton {
  color: #3986d3 !important;
}
.enabledRiseStaticMenuInvertedButton {
  color: #c6792c !important;
}
.enabledRiseStaticMenuButton,
.enabledRiseStaticMenuInvertedButton {
  font-weight: 500 !important;
  letter-spacing: -1px !important;
}
.updateUsersSettingsRiseButton {
    background-color:#912d2b !important;color:#fff !important;max-width:85% !important;
}
.updateUsersSettingsRiseButton:hover {
    background-color:#b83937 !important;
}

/* Table and list tweaks */
.riseListContentsTable { margin-top: 0 !important; }
.riseTableHeader { font-size: 12px !important; }

/* Disabled contact */
.riseDisabledContact {
  color: transparent !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/* Button wrap types */
[class*="WrapTopButton"] {
  border-top: 1px solid #000 !important;
}
.opportunitiesWrapTopButton { background-color: #E65100 !important; }
.opportunitiesWrapTopButton:hover { background-color: #ff7b34 !important; color: #fff !important; }
.quotedWrapTopButton { background-color: #5C6BC0 !important; border-top-color: #3a4896 !important; }
.quotedWrapTopButton:hover { background-color: #939dd5 !important; }
.clientsWrapTopButton { background-color: #4CAF50 !important; border-top-color: #1B5E20 !important; }
.clientsWrapTopButton:hover { background-color: #80c883 !important; }
.leadpoolWrapTopButton { background-color: #4DB6AC !important; border-top-color: #1f4b47 !important; }
.leadpoolWrapTopButton:hover { background-color: #35817a !important; }
.coldcallWrapTopButton { background-color: #A0A0A0 !important; border-top-color: #7A7A7A !important; }
.coldcallWrapTopButton:hover { background-color: #545454 !important; }
.crmDashboardWrapTopButton { background-color: #2185d0 !important; color: #fff !important; }
.crmDashboardWrapTopButton:hover { background-color: #175b8e !important; }
.lostWrapTopButton { background-color: #000 !important; }
.lostWrapTopButton:hover { background-color: #330808 !important; }

/* Dropdown buttons */
.ui.dropdown.button.exportChoice,
.ui.dropdown.button.chooseClass,
.ui.dropdown.button.chooseZip {
  background-color: #e0e1e2 !important;
  color: rgba(0,0,0,.6) !important;
}

/* Filters */
.resetRiseFiltersButton {
  background-color: #757576;
  color: #e0e1e2;
  display: none;
}