@font-face {
  font-family: "SourceSans3";
  src: url("/styles/fonts/Source_Sans_3/SourceSans3-Regular.ttf") format("truetype");
  font-style: normal;
}
.green_text {
  color: #007680;
}

.blue_text {
  color: #333F48;
}

a {
  color: #007680;
}

.danger {
  background: #e74c3c;
}

.warning {
  background: #f39c12;
}

.info {
  background: #2c5382;
}

#app, #app > div:first-child {
  background: #333F48;
}

body, html {
  font-family: "SourceSans3", sans-serif;
  color: #333333;
  background: #333F48;
  background-color: #333F48;
}

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

.underline {
  border-bottom: 1px solid #333F48;
}

#header {
  background: #FFFFFF;
  min-height: 100px;
}

#content {
  background: #FFFFFF;
}

#footer {
  background: #333F48;
  color: #FFFFFF;
}

#stickyHeader, #stickyHeaderMain {
  background: #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  top: 100px;
}

label, .label {
  color: #333F48;
}

.detailsImage i {
  color: #CCCCCC;
}

.modal .modal-dialog .modal-header .headerButton {
  color: #CCCCCC;
}
.modal .modal-dialog .modal-header .handle {
  color: #CCCCCC;
}

#ComponentConfigurationModal .handle {
  color: #CCCCCC;
}
#ComponentConfigurationModal .remove {
  color: #e74c3c;
}
#ComponentConfigurationModal .addTabBtn {
  color: #007680;
}

input[type=checkbox]:after {
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
}
input[type=checkbox]:checked:after {
  color: #007680;
}

.btn, .btn-gradient {
  color: #000000;
  background-color: #007680;
}
.btn:hover, .btn:visited, .btn:active, .btn:focus, .btn-gradient:hover, .btn-gradient:visited, .btn-gradient:active, .btn-gradient:focus {
  background-color: #007680;
}

.btn-primary {
  background-color: #007680 !important;
}
.btn-primary:hover, .btn-primary:visited, .btn-primary:active, .btn-primary:focus {
  background-color: #007680 !important;
}

.btn-secondary {
  background-color: #e3e3e3 !important;
}
.btn-secondary:hover, .btn-secondary:visited, .btn-secondary:active, .btn-secondary:focus {
  background-color: #e3e3e3 !important;
}

.btn-sm {
  color: #FFFFFF;
}

.forgotPassword, .forgotPassword:hover {
  color: #333F48;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #FFFFFF;
  background-color: #007680;
  border-color: #007680;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: #e3e3e3;
  border-color: #e3e3e3;
  color: #333333;
}

.btn-addUser, .btn-toolBar {
  color: #FFFFFF;
}

.recordsButton i, .delete-button i, .edit-button i, .print-button i, .grid-button i {
  color: #007680;
}

.delete-button i {
  color: #e74c3c;
}

.dropdown-menu li:hover {
  background: #f1f1f1;
}
.dropdown-menu li span, .dropdown-menu li a {
  color: #007680;
}

.DangerDialog {
  background: #e74c3c;
  color: #FFFFFF;
}

.WarningDialog {
  background: #f39c12;
  color: #FFFFFF;
}

.InfoDialog {
  background: #333F48;
  color: #FFFFFF;
}

.NotificationSuccess {
  background: #a4d65e;
  color: #000000;
}

.SuccessDialog {
  background: #007680;
  color: #FFFFFF;
}

.gridWrapper a {
  color: #007680;
}
.gridWrapper .animalSearchPhoto i {
  color: #333F48;
}
.gridWrapper .gridIcon {
  color: #007680;
}
.gridWrapper .gridWarning {
  color: #FFFFFF;
  background: #333F48;
}

.facets .accordianWrapper h4 {
  background: #f1f1f1;
}
.facets .accordianWrapper i {
  background: #FFFFFF;
}
.facets .search-fields label {
  color: #007680;
}

#topBar {
  padding: 0px 20px;
}
#topBar #mainNavRight #globalActions #MainUserActions .userButton i {
  color: #333F48;
}
#topBar #searchArea input, #topBar #MobilesearchArea input {
  color: #FFFFFF;
}
#topBar #searchArea input, #topBar #MobilesearchArea input {
  color: #333F48;
}
#topBar #searchArea ::placeholder, #topBar #searchArea -ms-input-placeholder, #topBar #MobilesearchArea ::placeholder, #topBar #MobilesearchArea -ms-input-placeholder {
  color: #333F48;
}
#topBar #searchArea .fa-search, #topBar #MobilesearchArea .fa-search {
  color: #333F48;
}

.breadcrumbs #Breadcrumb {
  padding: 0px 20px;
}
.breadcrumbs li:last-of-type > * {
  color: #FFFFFF;
  background-color: #007680;
  border-color: #007680;
}
.breadcrumbs li:last-of-type > *:hover {
  color: #FFFFFF;
  background-color: #007680;
  border-color: #007680;
}
.breadcrumbs li > * {
  color: #333333;
  background-color: #e3e3e3;
  border-color: #e3e3e3;
}
.breadcrumbs li > *:hover {
  color: #333333;
  background-color: #e3e3e3;
  border-color: #e3e3e3;
}
.breadcrumbs li > *::after {
  border-left-color: #e3e3e3;
}

.rcAnimalsNoPhoto {
  display: block;
  text-align: center;
}
.rcAnimalsNoPhoto .fas {
  font-size: 40px;
}

.searchPage #stickyHeaderMain {
  border-bottom: 1px solid #CCCCCC;
  background: #FFFFFF;
}
.searchPage .searchField .searchBar input {
  background: #FFFFFF;
  background-color: #FFFFFF;
}
.searchPage .searchField .helpIcon {
  flex: 1;
}
.searchPage .searchBlock .searchButton, .searchPage .searchBlock .historyButton {
  color: #CCCCCC;
}

.TabsWrapper .navtabs, .TabsWrapperPage .navtabs {
  background: #f8f9fa;
}
.TabsWrapper .navtabs .nav-link, .TabsWrapperPage .navtabs .nav-link {
  color: #333F48;
}
.TabsWrapper .navtabs .nav-item.active, .TabsWrapperPage .navtabs .nav-item.active {
  background: #FFFFFF;
}
.TabsWrapper .navtabs .nav-item.active .nav-link, .TabsWrapperPage .navtabs .nav-item.active .nav-link {
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid #FFFFFF;
}

.TabControls .tabControl-button {
  background: #007680;
  color: #FFFFFF;
}

#SpeedDialWrapper #SpeedDial .dropdown:hover .dot-btn {
  color: #000000;
}

#Records .record {
  border-bottom: 1px dashed #CCCCCC;
}
#Records .record .icon {
  color: #FFFFFF;
  background: #007680;
}
#Records .record .icon:hover {
  background: #007680;
}
#Records .animalIntakeOutcome .icon, #Records .intakeOutcome .icon, #Records .receipts .icon, #Records .petRequest .icon {
  background: #007680;
}
#Records .animalMedical .icon, #Records .medical .icon, #Records .consent .icon, #Records .vouchers .icon, #Records .hotline .icon, #Records .member .icon {
  background: #333F48;
}
#Records .animalCase .icon, #Records .case .icon, #Records .license .icon, #Records .rental .icon {
  background: #e9c46a;
}
#Records .animalCare .icon, #Records .care .icon, #Records .hold .icon, #Records .foster .icon, #Records .voidReceipts .icon {
  background: #f4a261;
}
#Records .animalPIT .icon, #Records .PIT .icon, #Records .owner .icon {
  background: #e76f51;
}

.QSCard {
  border-bottom: 1px dashed #CCCCCC;
}
.QSCard .badge {
  background: #CCCCCC;
  background-color: #CCCCCC;
  color: #333333;
}
.QSCard .QSCardIconWrapper i {
  color: #333F48;
}

#Images .galleryImage {
  border: 1px solid #CCCCCC;
}
#Images .galleryImage .Image {
  background: #f1f1f1;
}
#Images .galleryImage .controlStrip .input-container .icon label {
  color: #007680;
}
#Images .galleryImage .controlStrip .input-container .icon .private {
  color: #e3e3e3;
}
#Images .galleryImage .controlStrip .input-container .delete label {
  color: #e74c3c;
}

.loginContent {
  background: #01555C !important;
}
.loginContent #LoginWrapper #loginBG #login-window .flip-card .flip-card-front, .loginContent #LoginWrapper #loginBG #login-window .flip-card .flip-card-back {
  border: 1px solid #CCCCCC;
}
.loginContent #LoginCopyright p, .loginContent #LoginCopyright a {
  color: #FFFFFF;
}

.k-grid-header, .k-header {
  background: #333F48;
  background-color: #333F48;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.k-grid-header a, .k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order, .k-header a, .k-header .k-i-sort-asc-sm, .k-header .k-i-sort-desc-sm, .k-header .k-sort-order {
  color: #FFFFFF !important;
}

.productToggle {
  background-color: transparent;
}
.productToggle .btn {
  background-color: transparent !important;
}
.productToggle .btn:hover, .productToggle .btn:visited, .productToggle .btn:active, .productToggle .btn:focus, .productToggle .btn.show {
  background-color: transparent !important;
}
.productToggle .activeFilter {
  border: 1px solid #007680;
}

.btn-right {
  float: right;
}

.k-progressbar-value {
  background: #007680 !important;
}

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
    background-color: #333F48;
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background-color: #e74c3c;
  }
}
@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
    background-color: #333F48;
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background-color: #e74c3c;
  }
}